@charset "UTF-8";
/*2021-04-21 이거 사용중임*/
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
*{margin:0;padding:0;outline: none!important;  box-sizing: border-box;}
body{font-size:14px;font-family:"Nanum Square",NanumGothic,Dotum,sans-serif;margin-bottom:0; background:#eeeeee}
img{
    border:none;
    padding:0;
    margin:0;
    font-size:0;
}
a{color:#000;}
em, i{font-style:normal}
h1, h2, h3, h4, h5, h6{
    font-size:initial;
    font-weight:600;
}
button{
    -webkit-appearance: none;
    /* border-radius: 0 !important; */
    border-radius: 0;
    border:none;
    background:#000;
}
input{
    border-radius:0;
    box-shadow:none;
    background:#fff;
    border:none;
}
input:focus,
input:hover,
input{
    outline: none;
}
a:focus{
    border:none;
}
button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
*{ outline: none!important; box-sizing:border-box;}
select ,
select:focus,
select:hover{
    appearance : none ;
    -webkit-appearance : none ;
    outline:none;
    color:#000;
}
select::-ms-expand {
    display: none;
}
select::selection{
    color:#000;
}
embed{
    width:100% !important;
    max-width:560px;
}

input[type=checkbox],
input[type=radio]{display:none;}
input[type=text]:read-only,
input[type=number]:read-only,
.select_none,
.no-input{
    pointer-events: none;
    /* background:#ececec !important; */
}
.success{
    pointer-events: none;
    background:#000;
}
.input_txt_area{
    border:1px solid #000;
    padding:5px;
    box-sizing:border-box;
    height: 30px;
}
.input_txt_area input{
    border:0;
    box-shadow: none;
}
.input_txt_area.no_input{
    border:1px solid #e2e2e2;
    background:#f8f8f8;
}
.select_area{
    height:30px;
    border:1px solid #000;
    box-sizing:border-box;
    position:relative;
    background:#fff;
}
.select_area:after{
    position:absolute;
    right:4%;
    content:"";
    width:10px;
    height:100%;
    background:url('/mobile/images/new_icon/dorpdown.png') center no-repeat;
    background-size:contain;
}
.select_area select{
    display:inline-block;
    width:100%;
    height:100%;
    padding:1% 3%;
    box-sizing:border-box;
    border:none;
    background:#fff;
    color:#000;
}
.noto4{
    font-family:"noto4";
    font-weight:100;
}
.noto3{
    font-family:"noto3";
    font-weight:100;
}
/*screen out*/
.screen_out {
    overflow: hidden;
    position: absolute;
    width: 0.1333vw;
    height: 0.1333vw;
    margin: -0.1333vw;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
.strong{
    font-weight:900;
}
.non-display{
    display:none;
}
.w_100{
    width:100%;
}
.w_90{
    width:90%;
}
.w_80{
    width:80%;
}
.w_70{
    width:70%;
}
.w_60{
    width:60%;
}
.w_55{
    width:55%;
}
.w_50{
    width:50% !important;
}
.w_40{
    width:40%;
}
.w_33{
    width:33.33%;
}
.w_30{
    width:30%;
}
.w_25{
    width:25%;
}
.w_20{
    width:20%;
}
.w_15{
    width:15%;
}
.w_10{
    width:10%;
}
.fll{float:left}
.flr{float:right}
.pull-over{overflow:hidden;}
#accordion_navCategory,
#list_navCategorySub,
.top-nav-left{float:left}
.flcls{clear:both}
ul{display:block;list-style-type:none}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}

.vertical_b{vertical-align:bottom !important}
.vertical_m{vertical-align:middle !important}
.vertical_t{vertical-align:top !important}

.stop-scrolling{height:100%;overflow:hidden!important}
.border-no{
    border:none !important
}
.border_b_none{
    border-bottom:none !important;
}
.no_img  img{
    display:none !important;
}
.auto_img  img{
    width: 100% !important;
    height: auto !important;
}
.mgl0{
    margin-left:0 !important;
}
.mgl5{
    margin-left:5px !important;
}
.mgr0{
    margin-right:0 !important;
}
.mgr3{
    margin-right:3px !important;
}
.mgr5{
    margin-right:5px !important;
}
.mgr10{
    margin-right:10px !important;
}
.mgr15{
    margin-right:15px !important;
}
.mgr20{
    margin-right:20px !important;
}
.mgr25{
    margin-right:25px !important;
}
.mgr30{
    margin-right:30px !important;
}

.mgb0{
    margin-bottom:0 !important;
}
.mgb5{
    margin-bottom:5px !important;
}
.mgb10{
    margin-bottom:10px !important;
}
.mgb10{
    margin-bottom:10px !important;
}
.mgb15{
    margin-bottom:15px !important;
}
.mgb20{
    margin-bottom:20px !important;
}
.mgb25{
    margin-bottom:25px !important;
}
.mgb30{
    margin-bottom:30px !important;
}

.mgt0{
    margin-top:0px !important;
}
.mgt5{
    margin-top:5px !important;
}
.mgt10{
    margin-top:10px !important;
}
.mgt15{
    margin-top:15px !important;
}
.mgt20{
    margin-top:20px !important;
}
.mgt25{
    margin-top:25px !important;
}
.mgt30{
    margin-top:30px !important;
}
.mgt40{
    margin-top:40px !important;
}
.mgt50{
    margin-top:50px !important;
}
.mgt60{
    margin-top:60px !important;
}
.pd0{
    padding:0;
}
.pdr_3per{
    padding-right:3% !important;
    box-sizing:border-box;
}
.pdl_2pel{
    padding-left:2% !important;
    box-sizing:border-box;
}
.pdl_3per{
    padding-left:3% !important;
    box-sizing:border-box;
}
.pdl_2per{
    padding-right:2% !important;
    box-sizing:border-box;
}
.pdb10{
    padding-bottom:10px !important;
}
.pdt20{
    padding-top:20px !important
}
.pdt25{
    padding-top:25px !important
}
.pdt30{
    padding-top:30px !important
}
.pdt20_p{
    padding-top: 20%;
}
.pdl20{
    padding-left:20px !important;
}
/*dot*/
.dot{
    position:relative;
    padding-left:13px;
    display:inline-block;
    /* display: inline; */
    zoom:1;
    vertical-align: middle;
}
.dot:after{
    position:absolute;
    left:0;
    content:'ㆍ';
}
/*tab*/
.tab-wrap{
    overflow: hidden;
    position:relative;
}
.tab-wrap .tab-menu{

}
.tab-wrap .tab-content{
    display:none;
}
.tab-wrap .tab-content.selected{
    display:block;
}
.tap_btn {
    margin:15px 0;
}
.tap_btn li{
    position:relative;
    padding:0 15px;
    font-size:20px;
    color:#9f9f9f;
    font-family:'Nanum Square';
    font-weight:600;
}
.tap_btn li.tab_selected{
    color:#000;
}
.tap_btn li:first-child{
    padding:0 2.0000vw 0 0;
}
.tap_btn li:after{
    position:absolute;
    display:block;
    content:'';
    left:0;
    top:15%;
    width:1px;
    height:70%;
    background:#cecece;
}
.tap_btn li:first-child:after{
    display:none;
}
.search_tap_btn .tap_btn{
    display:flex;
    justify-content:left;
    align-items:center;
    gap:4.0000vw;
    margin:2.0000vw 0;
}
.search_tap_btn .tap_btn li{
    position:relative;
    font-size:2.6667vw;
    font-family:'Nanum Square';
    color:#9f9f9f;
    font-weight:600;
}
.search_tap_btn .tap_btn li:first-child{
    /* padding-left:4vw; */
}
.search_tap_btn .tap_btn .tab_selected{
    color:#000;
}
.search_tap_btn  .tap_btn li:after{
    position:absolute;
    display:block;
    content:'';
    left:-2.0000vw;
    top:15%;
    width:0.1333vw;
    height:70%;
    background:#cecece;
}
.search_tap_btn .tap_btn li:last-child{
    border-right:none;
}
/* list */
.list-dot > li{
    padding-left:10px;
    position:relative;
    box-sizing:border-box;
    word-break:keep-all;
    margin-bottom:2px
}
.list-dot > li span {
    line-height: 1.25;
}
.list-dot > li:after{
    position:absolute;
    left:0;
    top:0;
    content:'ㆍ';
    font-weight:900;
}
.list-dash > li{
    padding-left:10px;
    margin-bottom:5px;
    position:relative;
}
.list-dash > li:after{
    position:absolute;
    left:0;
    top:0;
    content:'-';
}
.dot{
    position:relative;
    padding-left:10px;
}
.dot:after{
    position:absolute;
    left:0;
    top:0;
    content:'ㆍ';
    font-weight:900;
}
.list-etc > li{
    padding-left:18px;
    position:relative;
    box-sizing:border-box;
    word-break:keep-all;
}
.list-etc > li:after{
    position:absolute;
    left:0;
    top:0;
    content:'※';
}
.list-number{
    counter-reset: item;
}
.list-number > li{
    padding-left:13px;
    margin:0 0 6px;
    position:relative;
}
.list-number > li:after{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 10px;
    content: counter(item) ".";
    counter-increment: item;
}
/*체크박스*/
.label_chk{
    box-sizing:border-box;
    padding-left:20px;
    box-sizing:border-box;
    display:block;
    word-break:keep-all;
    position:relative;
    cursor:pointer;
}
.label_chk:after{
    width:14px;
    height:14px;
    display:block;
    content:'';
    border:1px solid #000;
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:5%;
}
.input_label_chk:checked + .label_chk:after{
    background: url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
    background-size: 85%;
    border: 1px solid #f14e4f;
}
.radio-round{
    position:relative;
    padding-left:17px;
    display:block;
    word-break:keep-all;
}
.radio-round:after{
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    border:1px solid #000;
    width:13px;
    height:13px;
    border-radius:50%;
    display:block;
    content:'';
    background:#fff;
}
.label_chk> span{
    line-height:130%;
}
.input_radio_round:checked+.radio-round:after {
    background: #f24f50;
}
.play_list li div input[type=checkbox]{
    /*display:none;*/
    position:relative;
    width:25px;
    height:25px;
}
.play_list li div input[type=checkbox]:after{
    position:absolute;
    border:1px solid #000;
    border-radius:0 !important;
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align:middle;
    content:'';
    top:0;
    left:0;
}
.play_list li div input[type=checkbox]:checked:after{
    background:url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
    background-size:contain;
    border:1px solid #f14e4f;
}
/*셀렉트박스 ;S*/
.sel-box{
    position:relative;
    box-sizing:border-box;
    padding:15px 3%;
    border-bottom:1px solid #b1b1b1;
}
.sel-box:after{
    position:absolute;
    right:3%;
    width:10px;
    height:100%;
    content:'';
    z-index:1;
}
.sel-box.sel-box-xl{
    width:100%;
    height:100%;
}
.sel-box select{
    border:1px solid #000;
    display:inline-block;
    width:100%;
    height:32px;
    background:url('/mobile/images/new_icon/dorpdown.png') 97% center no-repeat;
    background-size:12px;
    border-radius:0;
    font-size:13px;
    font-weight:400;
    padding:0 3%;
    box-sizing:border-box;
}
.search_option{
    width:auto;
    height:42px;;
    padding:0;
    position:relative;
    display: inline-block;
    border:1px solid #c8c8c8;
    background:#f1f1f1;
    font-family:"noto4";
}
.search_option:after{
    content:'∨';
    position:absolute;
    right: 6%;
    top:7px;
    font-size:16px;
    font-weight:600;
    /* line-height:48px; */
}
.search_option select{
    height:auto;
    font-size:16px;
    font-weight:600;
    border:none;
    background:none;
    padding: 10px 0 10px 10px;
    margin-right:35px;
    font-family:'noto3';
}
/*셀렉트박스:E*/
/*내 강의실 각종 버튼들*/
.sd-book-banner-app{position:relative;}
.sd-book-banner-btn1{display:block;position:absolute;width:44%;height:20%;bottom:17%;left:6%}
.sd-book-banner-btn2{display:block;position:absolute;width:44%;height:20%;bottom:17%;right:6%}
.play_guide {
    margin:1% 0 ;
}
.play_guide a {
    display: inline-block;
    border:1px solid #000;
}
.tbcontentList .play_guide{
    width:95%;
    margin:3% auto;
    border:1px  solid #ccc;
}
.play_guide  p{
    word-break:keep-all;
}
/*font-color*/
.col-black{
    color:#000;
}
.col-red{
    color:#f24f4f;
}
.col-darkred{
    color:#c23131;
}
.col-blue{
    color:#1857b5;
}
.col-neonblue{
    color:#0c00f9;
}
.col-rightblue{
    color:#2899e5;
}
.col-white{
    color:#ffffff !important;
}
.col-gray{
    color:#999999;
}
.col-ligthgray{
    color:#919191;
}
.col-lightblue {
    color: #46afff;
}
.col-navy{
    color: #1e238f;
}
.lightgray {color:#a2a2a2}
.skyblue{color:#267dfe}
.darkred {color:#df1a23}
.green {color:#59a90f}
.orange {color:#e79622 }
.mint{ color:#16b0b2}
.col-red{color:#df1a23}

/*font-style*/
.fts21{
    font-size:21px;
}
.line-throw{
    padding: 0 3% 0 2.5%;
    background: url('/mobile/images/new_icon/price_arrow.png') left 35% no-repeat;
    background-size: contain;
}
.pd_price_o{
    color:#929292;
    margin-right: 3%;
}
.pd_price_s{
    font-weight:900;
}
.btn-gray{
    border:none;
    background:#a0adb6;
    color:#fff;
}
.btn-danger {
    border:none;
    background: #f24f50;
    color:#fff;
}
.bold{
    font-weight:900;
}
/*background*/
.bg-red{
    background:#f24f50;
    color:#fff;
}
.bg-gray{
    background:#f6f7f9 !important;
}
.bg-darkgray{
    background:#545454 !important;
    color:#fff;
}
.bg-white{
    background:#ffffff !important;
    color:#000;
}
.bg-black{
    background:#000000 !important;
    color:#fff;
}
.bg-mint{
    background: #16b0b2!important;
    color: #fff!important;
}
.bg-lightgray{
    background:#f6f7f8 !important;
}
/*display-table*/
.dis-table,
.div-table{
    display:table;
    width:100%;
    margin:0 auto;
}
.dis-table > *,
.div-table > *{
    display:table-cell;
    vertical-align:middle;
}
/*icon style*/
.icon{
    height: 26px;
    width: 26px;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
.icon2{
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:30px;
    border-radius:50%;
    background:url('/mobile/images/icon.png')center no-repeat #a1a8b6;
    background-size: 240px;
    margin-right:10px;
}
.icon.x-small{
    width:16px;
    height:18px;
}
.icon.x-large{
    width:30px;
    height:30px;
}
.icon2.icon-xl{
    width: 90px;
    height: 90px;
    background-size: auto;
    margin-right:0;
}
.icon_book{
    background:url('/mobile/images/new_icon/book_icon1.png')center no-repeat;
    background-size:contain;
}
.icon_bookpage{
    background:url('/mobile/images/new_icon/lecture_icon2.png')center no-repeat;
    background-size:contain;
}
.icon_listpaper{
    background:url('/mobile/images/new_icon/book_icon2.png')center no-repeat;
    background-size:contain;
}
.icon_print{
    background:url('/mobile/images/new_icon/book_icon3.png')center no-repeat;
    background-size:contain;
}
.icon_delivery{
    background:url('/mobile/images/new_icon/book_icon4.png')center no-repeat;
    background-size:contain;
}
.icon_halbu{
    background:url('/mobile/images/new_icon/lectuer_icon1.png')center no-repeat;
    background-size:contain;
}
.icon_order{
    background:url('/mobile/images/new_icon/book_icon5.png')center no-repeat;
    background-size:contain;
}
.icon_bookplus{
    background:url('/mobile/images/new_icon/lecture_icon1.png')center no-repeat;
    background-size:contain;
}
.icon_leclist{
    background:url('/mobile/images/new_icon/lecture_icon4.png')center no-repeat;
    background-size:contain;
}
.icon_couponlist{
    background:url('/mobile/images/new_icon/lecture_icon4.png')center no-repeat;
    background-size:contain;
}
.icon_benefit{
    background:url('/mobile/images/new_icon/lecture_icon3.png')center no-repeat;
    background-size:contain;
}
.icon_x_gray{
    background:url('/mobile/images/new_icon/btn_del.png')center no-repeat;
    background-size:contain;
}
.icon_calc{
    background:url('/mobile/images/new_icon/cart_icon1.png')center no-repeat;
    background-size:contain;
}
.icon_cart{
    background:url('/mobile/images/new_icon/pay_icon1.png')center no-repeat;
    background-size:contain;
}
.icon_sale{
    background:url('/mobile/images/new_icon/pay_icon2.png')center no-repeat;
    background-size:24px;
}
.icon_calc{
    background:url('/mobile/images/new_icon/cart_icon1.png')center no-repeat;
    background-size:22px;
}
.icon_notice{
    background:url('/mobile/images/new_icon/pay_icon4.png')center no-repeat;
    background-size:contain;
}
.icon_person{
    background:url('/mobile/images/new_icon/pay_icon4.png')center no-repeat;
    background-size:15px;
}
.icon_coupon{
    background:url('/mobile/new/main/common/coupon_icon.png') no-repeat left center;
    background-size: 31px;
}
.icon_cart{
    background:url('/mobile/new/main/common/cart_icon.png') no-repeat left center;
    background-size: 26px;
}
.icon_pay{
    background:url('/mobile/images/new_icon/pay_icon6.png')center no-repeat;
    background-size:contain;
}
.icon_naverpay{
    width:50px;
    background:url('/mobile/images/new_icon/logo_naver_pay_gray.png')center no-repeat;
    background-size:contain;
}
:checked + * > .icon_naverpay{  /*결제수단에 선택하면 비지가 검정이라 이미지가 안보여서 다른걸로 교체*/
    background:url('/mobile/images/new_icon/logo_naver_pay_on.png') no-repeat left center;
    background-size:contain;
}
.icon_kakaopay{
    width:50px;
    background:url('/mobile/images/new_icon/payment_icon_yellow_large.png') no-repeat left center;
    background-size:contain;
}
.icon_warring{
    background:url('/mobile/images/new_icon/notice_icon.png') no-repeat left center ;
    background-size:contain;
}
.icon-player{
    margin:0 auto 3px;
    display: block;
    width:39px;;
    height: 39px;
    background: url('/mobile/new/mypage/mypage_icon.png') no-repeat;
    background-position: -67px 0%;
    background-size: 106px;
}
.icon-mp3player{
    margin:0 auto 1px;
    display: block;
    width:39px;
    height:39px;
    background: url('/mobile/new/mypage/mypage_icon.png') no-repeat;
    background-position: -67px 100%;
    background-size:106px;
}

.icon-nofile{
    margin:0 auto 1px;
    display: block;
    width:39px;
    height:39px;
    background: url('/mobile/new/mypage/mypage_icon.png') no-repeat;
    background-position: -28px 100%;
    background-size:106px;
}
.icon-coupon{
    width: 43px;
    height: 45px;
    background: url('/mobile/images/mypage_icon.png') no-repeat;
    background-position: -254px 74%;
    background-size: 375px;
}
.icon-cash{
    width: 43px;
    height: 45px;
    background: url('/mobile/images/mypage_icon.png') no-repeat;
    background-position: -254px 26%;
    background-size: 375px;
}
.icon-new{
    position:absolute;
    right:calc(50% - 34px);
    top: -16%;
    width: 33px;
    height: 25px;
    background: url('/mobile/images/mypage_icon.png') no-repeat;
    background-position: -256px 30%;
    background-size: 305px;
    font-size:0;
}
.icon_cart2{
    background-position: -9px -10px;
}
.icon_calc2{
    background-position: -47px -10px;
}
.icon_coupon2{
    background-position: -86px -11px;
}
.icon_freeapply{
    background-position: -17px -97px;
}
.icon_data{
    background-position: -126px -97px;
}
.icon_gichul{
    background-position: -236px -99px;
}
.icon_mp3{
    background-position: -346px -97px;
}
.icon_law{
    background-position: -15px -206px;
}
.icon_bookupdate{
    background-position: -126px -206px;
}
.icon_err{
    background-position: -236px -209px;
}
.icon_program{
    background-position: -348px -208px;
}
/*화살표 이미지*/
.arrow_down,
.arrow_right,
.arrow_up{
    position:relative;
}
.arrow_down:after,
.arrow_right:after,
.arrow_up:after{
    position:absolute;
    top: 0;
    right: 7%;
    width: 16px;
    height: 100%;
    display: block;
    content: '';
}
.arrow_down:after{
    background: url('/mobile/images/new_icon/arrow_up.png')center center no-repeat;
    background-size: 15px;
}
.arrow_up:after{
    background: url('/mobile/images/new_icon/arrow_down.png') center center no-repeat;
    background-size: 15px;
}
.arrow_right:after{
    background: url('/mobile/images/new_icon/arrow_right.png')center center no-repeat;
    background-size: 11px;
}
.item_plus.arrow_up:after{
    background:url('/mobile/new/main/common/tab_icon_arrw_on.png')center no-repeat;
    background-size:contain;
}
.item_plus.arrow_up{
    background:#000;
    color:#fff;
}
.item_plus.arrow_down:after{
    background:url('/mobile/new/main/arrow.png')center no-repeat;
    background-size:contain;
    transform: rotate(-180deg);
}
.container {
    background:#fff;
}

.no_item{
    padding: 100px 0;
    text-align: center;
    border-bottom:1px solid #c8c8c8;
}
.bmark_list_area .no_item{
    padding:10%;
}
/*네비 :S*/
.nav-category li>a {
    position: relative;
    padding: 10px 15px;
}
/*네비 :E*/
/*공통 서브 메뉴 스타일 :S*/
.floatMenu{
    width:100%;
    overflow:hidden;
    margin:0 auto 30px;
}
.floatMenu li{
    float:left;
    margin:0 8px 10px 0;
}
.floatMenu li a{
    display:block;
    width:100%;
    font-size:20px;
    font-weight: 400;
    padding:10px 7px;
    border:1px solid #e7e7e7;
    background:#f8f8f8;
    border-radius:5px;
    box-sizing:border-box;
    cursor:pointer;
}
.floatMenu li a.selected{
    border:1px solid #404040;
    color: #404040;
    font-weight: 600;
    background:#fff;
}
/*공통 서브 메뉴 스타일 ;E*/
/*하단 고정 메뉴:E*/
.bottom_fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#ffffff;
    z-index:99;
    border-top:1px #b7b7b7 solid;
    height:auto;
    max-height:70px;
}
.bottom_fixed ul{
    width:100%;
    font-size:0;
    margin:0;
    display:table;
    height:100%;
}
.bottom_fixed ul li{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}
.bottom_fixed ul li a{
    display: block;
    font-size:13px;
}
.bottom_fixed ul li.call a,
.bottom_fixed ul li.reservation a{
    background:url('/mobile/images/free_consulting/icon_call.png') no-repeat center top;
    padding:15% 0 0 0;
    background-size:12%
}
.bottom_fixed ul li.reservation a{
    padding:13% 0 0 0;
    background:url('/mobile/images/free_consulting/icon_calendar.png') no-repeat center top;
    background-size:12%
}
.bottom_fixed ul li.top a{
    border:1px #d2d2d2 solid;
    width:42px;
    padding:10% 0 3% 0;
    margin:0 auto;
    vertical-align: top;
    border-radius: 5px;
    color:#8d8d8d;
    background:url('/mobile/images/free_consulting/arrow_top_on.png') no-repeat center 21%;
    background-size:35%
}
/*하단 고정 메뉴:E*/

/*서브 헤드 ;S*/
.title_area{
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:100%;
    height: 14vw;
    position: relative;
    padding: 3.667vw 2.8vw;
    box-sizing:border-box;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-bottom:2px solid #000;
}
.title_area.type2{
    padding: 3% 3% 2.3% 3%;
}
.title_area > *{
    /* height: 25px; */
    display: flex;
    align-items: center;
}
.title_area .btn_area_left{
    width:20%;
    height: 100%;
    gap: 4vw;
}
.title_area .btn_area_right{
    width:20%;
    text-align:right;
    justify-content: right;
}
.title_area .prev,
.title_area .go_home{
    width: 22%;
    height: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}
.title_area .prev{
    display:block;
    background: url('/mobile/new/main/common/prev_arr.png') center / contain no-repeat;
    background-size: contain;
    /* text-align: center; */
    /* float: left; */
}
.title_area .go_home{
    background: url('/mobile/new/main/common/home_icon.png') center 0.6vw / contain no-repeat;
    background-size:contain;
}
.title_area h2{
    text-align: center;
    line-height: 120%;
    font-weight: 900;
    color: #000;
    margin: 0 0 0 0%;
    font-size: 38px;
    display: inline-block;
    font-weight:900;
    width: 100%;
    height:auto;
}
.goSet{
    display:inline-block;
    vertical-align:middle;
    width:45%;
    height:100%;
    font-size:0;
    background: url('/mobile/new/main/common/icon_setting.png') no-repeat center 2%;
    background-size: contain;
}
/*서브헤드 E*/
/*하단 결제단*/
.bottom_fix{
    width:100%;
    position:fixed;
    bottom:0;
    z-index:29;
    border-top:1px solid #fff;
}
.price_total{
    padding:10px 0;
    text-align:center;
    font-weight:600;
    font-size: 17px;
}
.price_total .price{
    font-size:20px;
}
.buy_wrap{
    border-top:1px solid #000;
    padding-top:10px;
}
.buy_wrap .btn_area_v2{
    padding:10px 0.5%;
}
.buy_wrap .btn_area_v2 > *{
    padding:0 0.5%;
}
.buy_wrap .btn_area_v2 .btn{
    border-radius:5px !important;
    box-sizing:border-box;
}


.btn{
    display:inline-block;
    text-align:center;
    cursor:pointer;
    border:none;
    font-family:'Nanum Square',snas-serif !important;
    font-weight:bold;
    border-radius:0;
}
.btn.btn-inert{
    background:#bdbdbd !important;
    pointer-events:none;
}
.btn.btn-xl{
    width:100%;
    padding:15px 0;
    font-size:20px;
}
.btn.btn-l{
    width:100%;
    padding:15px 0;
    font-size:20px;
}
.btn.btn-m{
    width:50%;
    padding: 13px 0;
    font-size:20px;
}
.btn.btn-s{
    width:33.33%;
    font-size:17px;
}
.btn.btn-xs{
    width:25%;
    font-size:15px;
}
.btn.btn-xxs{
    font-size:13px;
}
.btn.side-btn{
    /*background:#e3e3e3;*/
    color:#353535;
    padding:3% 15px;
    border-radius:5px;
    /*border:1px solid #c8c8c8;*/
    font-weight:900;
    font-size:16px;
}
.btn.side-btn-s{
    background:#e3e3e3;
    color:#353535;
    border-radius:5px;
    border:1px solid #c8c8c8;
    padding:2px 7px;
    font-size:14px;
}
.btn.cash_btn{
    background:none;
    border:none;
}
.btn_area{
    display:table;
    width:100%;
}
.btn_area > *{
    display:table-cell;
    vertical-align:middle;
}
.btn.btn-cart{
    border:1px solid #dddddd;
    background:url('/mobile/new/main/common/cart_icon_2.png') no-repeat center #ffffff;
    background-size:35px;
    text-indent: -9999px;
}
.btn.btn-guestbuy{
    background:#8e8f8f;
    color:#fff;
}
.btn.btn-confirmbtn{
    width:100%;
    height:30px;
    color: #fff;
    box-sizing: border-box;
    background: #f24f50;
}
.logout_btn{
    border: 1px #353535 solid;
    max-width: 155px;
    width: 100%;
    line-height: 48px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 23px;
    text-align: center;
    margin: 0 0 0 1%;
    border-radius: 10px;
    font-weight: 600;
}

/**/
/*푸터:S*/
/*BOTTOM NAV :S*/
/*.bottom_nav{*/
/*    position:fixed;*/
/*    bottom:0;*/
/*    width:100%;*/
/*    background:#ffffff;*/
/*    z-index:9;*/
/*}*/
/*.bottom_menu{*/
/*    display:flex;*/
/*    width:100%;*/
/*    height: 19.733vw;*/
/*    padding:0 5.067vw;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/
/*BOTTOM NAV :E*/

footer{
    border-top:0.533vw solid #000000;
    background:#eeeeee;
    padding:5.067vw 0;
    margin-bottom:19.733vw;
}
footer .family_site{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:3.2vw;
    font-size: 3.1vw;
}
footer .family_site a{
    border-right:1px solid #000000;
    padding-right:3.2vw;
    font-weight:700;
}
footer .family_site a:last-child{
    border-right:none;
    padding-right:0;
}
address{
    margin:4.667vw 0 4.267vw 0;
    font-family:"spoqa3";
    font-style:normal;
    text-align:center;
    font-size: 3.1vw;
    color:#6d6d6d;
    line-height:4.267vw;
}
/*푸터:E*/
/*메인배너:S*/
.main_banner_wrap {
    width:100%;
}
.main_banner_wrap .event_banner{
    margin-bottom:0;
}
.event_banner li img {
    width:100%;
}
.event_banner .slick-next,
.event_banner .slick-prev{
    width:25px;
    height:100%;
    bottom:0;
    background-size: 30px;
}

.event_banner .slick-next {
    right:0%;
    background:url('/mobile/new/main/banner_arrow.png') -20px center no-repeat;
}
.event_banner .slick-prev{
    left:0%;
    background:url('/mobile/new/main/banner_arrow.png') 10px center no-repeat;
    z-index:9;
}
.event_banner .custom_paging{
    position: absolute;
    right: 3%;
    top: 6%;
    padding: 1% 3%;
}
.review_wrap .review_paging,
.book_list .custom_paging,
.tab-content .custom_paging{
    display:inline-block;
    vertical-align:middle;
    width:auto;
    margin-right:5px;
}
.tab-content .custom_paging{
    position:absolute;
    right: 0%;
    top: 25%;
    height:auto;
}
.review_wrap .review_paging  > ul,
.book_list .custom_paging > ul,
.tab-content .custom_paging > ul{
    position:relative;
    top: 0px;
    right:0;
    width:100%;
    height:100%;
}

.review_wrap .review_paging > ul > li,
.book_list .custom_paging > ul > li {
    width: 100%;
    margin: 0;
    height: 100%;
    line-height: 30px;
}
.best_search{
    background:#fff;
    padding:2% 3%;
    display: table;
    border-bottom:2px solid #dadada;
    position:relative;
}
.best_search > .table-cell{
    display: table-cell;
    vertical-align: middle;
}
.best_search > .table-cell:last-of-type{
    padding-left:20px;
}
.best_search p{
    width:99px;;
    padding:2px 0;
    background:#de3e49;
    color:#fff;
    border-radius:8px;
    margin:0;
    text-align: center;
    font-size: 21px;
}
.best_search ul{
    width:90%;
    font-size: 21px;
    margin-bottom:0;
}
.best_search ul li {
    width:90% !important;
}
.best_search  ul li span{
    color:#de3e49;
    font-weight: 600;
    display:inline-block;
    margin:0 3% 0 0;

}
.best_search .slick-prev,
.best_search .slick-next{
    display: none;
}
.best_search .hot_link{
    display: block;
    width:10%;
    height:15px;
    position:absolute;
    right:0%;
    top:calc(50% - 7px);
}
.best_search .hot_link::before{
    display: block;
    content:'';
    background:url('/mobile/new/main/arrow.png') center no-repeat;
    background-size: contain;
    width:100%;
    height:100%;
    position:absolute;
    right:0%;
    top:calc(50% - 7px);
    transform: rotate(-90deg);
}
.recommend_item{
    padding: 2% 3% 7%;
    background: #fff;
    border-bottom: 10px solid #eff1f2;
}
.recommend_item .wrap_title{
    padding-top: 5px;
}
.recommend_item .list_all_btn{
    background-color: #ffffff;
}
.recommend_item .title_all_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5% 0;
}
.recommend_item .recommand_slideWrap > .scroll_bar{
    position: inherit;
    left: 30%;
    width: 150px;
    height: 5px;
    margin-top: 5%;
}
/* 스크롤바 색깔 */
.recommend_item .recommand_slideWrap > .scroll_bar > span {
    background: #b3b3b4;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.recommend_item .recommand_slideWrap .swiper-slide > a > img{
    width: 100%;
}
/* .recommend_item .swiper-container-horizontal .swiper-slide > a{
    width: 100%;
    display: block;
} */
/* .book_slick_wrap > .book_list1 > .book_list_title{
    border-top: 10px solid #eff1f2;
} */
.mid_banner a{
    display: block;
    width:100%;
    height:auto;
    font-size:0;
}
.mid_banner1{
    padding:3% 3% 0;
}
.mid_banner6{
    padding:3% 0;
    width: 94vw;
    margin: 0 auto;
    overflow: hidden;
}
.mid_banner6 a {
    display: block
}
.review_slide{
}
.review_slide li.slick-slide{
    border:1px solid #c8c8c8;
    box-sizing:border-box;
    margin-right:10px;
    /* min-height:163px; */
}
.review_slide li a{
    width:100%;
    height:100%;
    position:relative;
    box-sizing:border-box;
    display:table;
}
.review_slide li a > *{
    display:table-cell;
    vertical-align:middle;
}
.review_slide li a .people_img{
    padding:4% 4% 0;
    width:40%;
    vertical-align: bottom;
}
/*.review_slide li a:before{
    width:40%;
    height:100%;
    display: block;
    content:'';
    position: absolute;
    left: 0%;
    top:0;
}*/
/*.review_slide li.review_1 a:before{*/
/*  background:url('/mobile/new/main/people.png') 0% center no-repeat;*/
/*  background-size:450%;*/
/*}*/
/*.review_slide li.review_2 a:before{*/
/*  background: url('/mobile/new/main/people.png') 28% center no-repeat;*/
/*  background-size:450%;*/
/*}*/
/*.review_slide li.review_3 a:before{*/
/*  background:url('/mobile/new/main/people.png') 0% center no-repeat;*/
/*  background-size:450%;*/
/*}*/
.review_slide li a p{
    width:100%;
    font-size:21px;
    font-weight: 900;
    color:#1586aa;
    margin-bottom:2%;
    letter-spacing:-0.87px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap:break-word;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.review_wrap li a span{
    color:#353535;
    font-size:17px;
    letter-spacing:-0.87px;
    display:block;
}
.review_wrap .div-table{
    margin:0 auto 3%;
}
.review_wrap .div-table > div:last-of-type{
    text-align:right;
}
.review_wrap .div-table div h2{
    margin:0;
    text-align: left;
}

/* new 리얼후기 슬라이더  */
.review_wrap_new .div-table {
    margin: 0 auto 3%;
    padding-left:3%;
}
.review_wrap_new {
    padding:5% 0 5% 0;
    background:#fff;
    overflow:hidden;
}
.review_slide_new {}
.review_slide_new li {
    background-color:#daede9;
    border-radius: 10px;
    width:auto;
    width:77%;
}
.review_slide_new li a {
    display:block;
    padding:0.8% 5%;
    box-sizing:border-box;
}
/* .review_slide_new .slick-list {
    margin: 0 -0.8% 0 0;
}
.review_slide_new .slick-slide {
    margin: 0 0.8% 0 0;
} */
.review_wrap_new .swiper-container {
    margin: 0 -0.8% 0 0;
}
.review_slide_new {
    margin: 0 0.8% 0 3%;
}
.review_slide_new li .txt_box {
    display: table-cell;
    vertical-align: middle;
}
.review_slide_new li .txt_box span {
    display:block;
    margin-bottom:5px;
    color: #353535;
    font-size: 17px;
    letter-spacing: -0.87px;
}
.review_slide_new li .txt_box strong {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.9px;
    font-family: 'noto6';
    margin: 0;
}
.review_slide_new li .txt_box .btn_view{
    display: block;
    background-color: #242e55;
    width: 115px;
    height: 38px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-family: 'noto5';
    border-radius: 14px;
    margin-top: 15px;
    background: #242e55 url('/mobile/new/main/play.png') no-repeat right 10px top 6px / 25%;
}
.review_slide_new li .photo_img {
    display: table-cell;
    width: 40%;
    padding: 4% 4%;
    vertical-align: middle;
}
.review_slide_new li.review_more {
    background-color:#fff;
    text-align: center;
}
.review_slide_new li.review_more i {
    display:block;
    font-family: 'noto1';
}
.review_slide_new li.review_more .btn_view_more {
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 40%;
    margin-left: -14px;
    transform: translateY(-15%);
    text-align: center;
}
.review_slide_new li.review_more .btn_view_more a{
    width:15%;
}
.review_slide_new li.review_more .btn_view_more img {
    margin:0 auto 5px;
}
.review_slide_new li.review_more .btn_view_more strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.9px;
    font-family: 'noto6';
    margin: 0;
}
/* //new 리얼후기 슬라이더  */

/*이용약관 개인정보처리방침*/
.detail_contents{
    padding:3%;
}

/*layer-popup*/
.layerPopup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
    display:none;
}
.layerPopup .layerBG{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
.layerPopup .layerContetn{
    display:table;
    position:relative;
    z-index:100;
    width: 70%;
    height:100%;
    max-width: 350px;
    text-align:center;
    box-sizing:border-box;
    margin:0 auto;
}
.layerPopup .popupTxt{
    display:table-cell;
    vertical-align:middle;
}
.layerPopup .popupTxt > div{
    position:relative;
}
.layerPopup.player_Change .popupTxt a.linkBtn{
    position: absolute;
    display: block;
    width: 90%;
    height: 10%;
    left: 5%;
    top: 76%;
}
.layerPopup .layerClose {
    position:absolute;
    right:1%;
    top: 0%;
}
.layerPopup .layerClose  i{
    color:#000;
    font-size: 43px;
    font-weight:900;
    display:block;
    transform:rotate(45deg);
    text-align:center;
    line-height:100%;
    color:#fff;
}
.layerPopup .bottomBtn{
    position:absolute;
    bottom:0px;
    width:100%;
    height:10%;
    font-size:0;
    cursor:pointer;
}
.layerPopup .bottomBtn .TodayHideBtn{
    display:block;
    width:100%;
    height:100%;
    color:#fff;
}

.event_confrim_table{
    width:100%;
    margin:10px auto;
    border:1px solid #dddddd;
    border-bottom:none;
}
.event_confrim_table li{
    width:100%;
    border-bottom:1px solid #dddddd;
    box-sizing:border-box;
}
.event_confrim_table li > div {
    padding:1% 3%;
    font-size:15px;
}
.event_confrim_table li > div:first-child{
    width:20%;
    font-weight:900;
    border-right:1px solid #ddd;
    background:#fc3f7c;
    color:#fff;
    text-align:center;
}



/* ! 사용자가이드 > 수강연장안내/신청 팝업관련 스타일 */
.guideCon9 .popup{
    background: rgba(0,0,0,0.7);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* height: calc(100% - 67px); */
    overflow: auto;
    display: none;
    box-sizing: border-box;
    z-index: 9999;
}
.guideCon9 .popup .container_popup{
    width: 100%;
    height: 100%;
    display: table;

    padding: 40px 0;

}
.guideCon9 .popup .popup_close{
    display: inline-block;
    width: 42px;
    height: 10vw;
    position: absolute;
    top: 42px;
    right: 0px;
}
.guideCon9 .guide_example li:nth-child(1) a{
    position: absolute;
    display: inline-block;
    width: 30%;
    height: 12vw;
}
.guideCon9 .guide_example li:nth-child(1) .example_img{
    position: relative;
}
.guideCon9 .guide_example li:nth-child(1) .example_img .popup{
    display: none;
}
.guideCon9 .popup .container_popup img{
    width: 100%;
}
.guideCon9 .guide_example li:nth-child(1) a.ex1{
    top: 57%;
    left: 68px;
}
.guideCon9 .guide_example li:nth-child(1) a.ex2{
    top: 57%;
    left: 180px;
}
.guideCon9 .guide_example li:nth-child(1) a.ex3{
    top: 72%;
    left: 124px;
}
.modal-video{
    background-color:rgba(0, 0, 0, 0.8)!important;
}


/* 쿠폰 받기 : S */
.discount_coupon_off {
    padding: 5% 4% 9%;
}
.discount_coupon_off_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 3.75vw;
    border-radius: 2.778vw;
    padding: 6.944vw 6.528vw 6vw;
    background: #ffd200;
}
.discount_coupon_off_inner.down_suc {
    background: #c8c8c8;
}
.discount_coupon_off_inner:last-child {
    margin-bottom: 0;
}
.discount_coupon_off .discount_coupon_ttl .discount_ttl_top {
    font-family: 'market-m';
    font-size: max(16px,3.333vw);
    letter-spacing: -0.065em;
    line-height: 1;
}
.discount_coupon_off .discount_coupon_ttl {
    font-weight:600;
}
.discount_coupon_off .discount_txt_big_wrap {
    display: flex;
}
.discount_coupon_off .discount_coupon_desc {
    width: calc(100% - 9.722vw);
    box-sizing: border-box;
    line-height: 140%;
    margin: 2% 0 0 0;
}
.discount_coupon_off .discount_txt_big {
    font-family: 'market-b';
    font-size: max(24px, 5.833vw);
    letter-spacing: -0.065em;
}
.discount_coupon_off .coupon_desc {
    margin-top: 1.389vw;
    font-weight: 300;
    line-height: 1.4;
    font-size: max(14px, 2.778vw);
}
.discount_coupon_off .get_coupon_btn {
    border: none;
    position: absolute;
    right: 6.528vw;
    top: 50%;
    height: 19.167vw;
    width: 19.167vw;
    transform: translateY(-50%);
    border-radius: 50%;
    padding-top: 1.667vw;
    background: #000;
    font-family: 'market-b';
    font-size: 5.556vw;
    font-weight: 600;
    letter-spacing: -0.065em;
    line-height: 1.1;
    color: #ffd200;
}
.discount_coupon_off_inner.down_suc .get_coupon_btn {
    background: #4c4c4c;
    color: #c8c8c8;
}

/* 쿠폰 할인 : S */
.detail_area .info_txt.coupon_area {
    padding-top: 0;
    padding-bottom: 0;
}
.coupon_off_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5.972vw 1.389vw;
    border-bottom: 1px solid #b8b8b8;
    box-sizing: border-box;
}
.coupon_off_inner:last-child,
.coupon_off_inner:nth-child(2) {
    border-bottom: 0;
}
.coupon_off_inner .txt_big {
    font-family: 'Nanum Square';
    font-size: max(22px,4.444vw);
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #4728d3;
}
.coupon_off_inner .coupon_desc {
    margin-top: 1.111vw;
    font-family: 'Nanum Square';
    font-size: max(14px,2.778vw);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #6e6e6e;
}
.coupon_off_inner .get_coupon_btn {
    width: 15vw;
    min-width: 68px;
    height: 15vw;
    min-height: 68px;
    padding-top: 0.556vw;
    border-radius: 50%;
    background: #4728d3;
    font-family: 'Nanum Square';
    font-size: max(18px,3.333vw);
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
.coupon_off_inner .get_coupon_btn.down_suc {
    background: #c3c3c3;
}

/* 쿠폰 할인 더보기 버튼 : S */
.detail_area .info_txt.coupon_area .more_coupon_btn {
    width: 100%;
    padding: 1.944vw 0;
    margin-bottom: 5.833vw;
    background: #ececec;
    font-family: 'Nanum Square';
    font-size: max(14px,2.778vw);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #949494;
}

.nav_height_bottom_fix{ /* 이벤트 페이지 하단 고정 배너 강제로 올립니다.*/
    bottom: 19.433vw !important;
    margin-bottom :env(safe-area-inset-bottom, 20px);
}

@media screen and (max-width:680px) {
    .logout_btn{
        max-width: 120px;
        line-height: 30px;
        font-size: 18px;
    }
    .icon{
        width:30px;
        height: 30px;
    }
    .icon.x-large{
        width:30px;
        height:30px;
    }
    .icon_naverpay,
    .icon_kakaopay{
        width:50px;
    }

    .icon-player{
        width: 29px;
        background-size: 80px;
        background-position:100% 0%;
    }
    .icon-mp3player{
        width: 28px;
        background-size: 80px;
        background-position:100% 100%;
    }
    .icon-nofile{
        width: 29px;
        background-size: 80px;
        background-position: -21px 100%;
    }
    .icon-coupon{
        background-position: -179px 27%;
        background-size: 264px;
    }
    .icon-cash{
        background-position: -179px 73%;
        background-size: 264px;
    }
    .icon-new{
        /* border:1px solid red; */
        width:18px;
        height:18px;
        background-position: -143px 30%;
        background-size: 176px;
    }
    .icon2{
        width: 23px;
        height: 23px;
        background-size: 185px;
    }
    .icon_cart2{
        background-position: -6px -8px;
    }
    .icon_calc2{
        background-position: -35.5px -7px;
    }
    .icon_coupon2{
        background-position: -65.5px -7.5px;
    }
    .icon2.icon-xl{
        width:50px;
        height:50px;
        background-size: 283px;
    }
    .icon_freeapply{
        background-position: -14px -63px;
    }
    .icon_data{
        background-position: -82px -63px;
    }
    .icon_gichul{
        background-position: -151px -64px;
    }
    .icon_mp3{
        background-position: -218.5px -64px;
    }
    .icon_law{
        background-position: -13px -131px;
    }
    .icon_bookupdate{
        background-position: -82px -131px;
    }
    .icon_err{
        background-position: -150px -132.5px;
    }
    .icon_program{
        background-position: -220px -133px;
    }

    .title_area h2,
    .fts21{
        font-size:17px;
    }
    .price_total,
    .btn.btn-s,
    .best_search  ul,
    .best_search p{
        font-size:15px;
    }
    .btn.btn-xl,
    .btn.btn-m{
        font-size:17px;
    }
    .btn.btn-xs,
    .footer_wrap .footer_side_menu li a,
    .floatMenu li a{
        font-size:13px;
    }
    .footer_wrap .company-info p,
    .btn.side-btn,
    .btn.side-btn-s{
        font-size:12px;
    }
    .review_slide li.slick-slide{
        min-height: 79px;
        box-sizing: border-box;
    }
    .review_slide li a p,
    .bmark_list_area .no_item h2{
        font-size:14px;
    }
    .review_wrap li a span{
        font-size:12px;
    }

    /* new 리얼후기 슬라이더  */
    .review_slide_new .slick-slide {
        margin: 0 10px 0 0;
    }
    .review_slide_new li {
        /* padding: 1% 0.5% 1% 1%; */
    }
    /* .review_slide_new li a {
        width:300px;
    }
    .review_slide_new li:nth-child(2) a{
        width:300px;
    }
    .review_slide_new li:nth-child(3) a{
        width:300px;
    }
    .review_slide_new li:nth-child(4) a{
        width:300px;
    }
    .review_slide_new li:nth-child(5) a{
        width:300px;
    }
    .review_slide_new li:nth-child(6) a{
        width:300px;
    }
    .review_slide_new li.review_more a{
        width:100px !important;
    }*/
    .review_slide_new li a {
        display:block;
        padding: 7% 8%;
    }
    .review_slide_new li .txt_box span {
        font-size:12px;
        margin-bottom: 3px;
    }
    .review_slide_new li .txt_box strong {
        font-size:15px;
        letter-spacing: -2px;
    }
    .review_slide_new li .txt_box .btn_view{
        font-size: 11px;
        padding: 6px 12px;
        width: 80px;
        height: 25px;
        border-radius: 9px;
        margin-top: 8px;
        background-position: right 6px top 3px;
    }
    .review_slide_new li .photo_img {
        width:30%;
        padding:0;
    }
    .review_slide_new li.review_more {}
    .review_slide_new li.review_more .btn_view_more img {
        width:30%;
    }
    .review_slide_new li.review_more .btn_view_more strong {
        font-size:14px;
    }
    /* //new 리얼후기 슬라이더  */


    .footer_wrap .footer_side_menu{
        width:100%;
    }
    .footer_wrap .footer_menu li,
    .footer_wrap .footer_side_menu li{
        font-size:13px;
    }
    .footer_wrap .company-info{
        font-size:13px
    }
    .footer_wrap .company-info p{
        font-size:12px;
        line-height:17px;
        letter-spacing:-0.5px
    }
    .tap_btn li{
        font-size:16px;
    }
    /*셀렉트박스:  S*/
    .search_option{
        width: auto;
        height:32px;;
    }
    .search_option select{
        font-size:13px;
        height:32px;
        margin-right: 25px;
        padding: 0 0 0 5px;
    }
    .search_option:after{
        font-size:10px;
        top:0px;
        line-height:32px;
    }
    /*셀렉트박스 : E */
}

@media screen and (max-width:480px){
    .footer_wrap .footer_side_menu{
        width:85%;
    }
    .icon-player{
        height: 25px;
        background-size: 68px;
        background-position: -41px 0%;
    }

    .icon-mp3player{
        height: 27px;
        background-size: 70px;
        background-position: -44px -26px;
    }
    .icon-nofile{
        width: 27px;
        background-size: 70px;
        background-position: -17px -25px;
    }
    .logout_btn{
        width: 70px;
        line-height:25px;
        font-size: 13px;
    }
    .tap_btn li{
        font-size:14px;
    }
    .gifticon_subject{
        text-align: left;
    }
    /* .recommend_item .swiper-container-horizontal .swiper-slide{
        width: 130px;
    }
    .recommend_item .swiper-container-horizontal .swiper-slide > a{
        width: 100%;
        display: block;
    }
    .recommend_item .swiper-container-horizontal .swiper-slide > a > img{
        width: 100%;
    }
    .recommend_item .swiper-container-horizontal> .swiper-scrollbar{
        left: 30%;
        width: 44%;
    } */
}