.contents_wrap{position:relative;max-width:1280px;width:100%;margin:0 auto;}
.s_contents_wrap{position:relative;max-width:1280px;width:100%;margin:0 auto;}
.mo,img.en{display:none;}
.t_c{text-align:center;}
.t_l{text-align:left;}
.t_r{text-align:right;}


/*=============================
메인 이벤트 POPUP / BANNER
===============================*/
.cm_event_popup{position:fixed;top:18vh;right:20vw;font-family:Pretendard;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.cm_event_popup .contents{position:relative;max-width:396px;width:100%;}
.cm_event_popup .img_box{display:block;}
.cm_event_popup .img_box img{width:100%;}
.cm_event_popup .btn_box{font-size:0;}
.cm_event_popup .btn_box a{display:inline-block;height:50px;line-height:50px;font-size:14px;font-weight:600;color:#444;text-align:center;background:#f8f8f8;}
.cm_event_popup .btn_box .btn_close_today{width:65%;}
.cm_event_popup .btn_box .btn_close{position:relative;width:35%;}
.cm_event_popup .btn_box .btn_close:before{position:absolute;top:calc(50% - 7px);left:0;content:"";display:block;width:1px;height:14px;background:#c5c5c5;}

.cm_top_banner{display:none;background:#000;}
.cm_top_banner span{position:relative}
.cm_top_banner span .banner_close{display:block;position:absolute;top:10px;right:10px}
.cm_top_banner span.mo .banner_close{top:10px}
.cm_top_banner span .banner_close img{display:block;width:auto;}
.cm_top_banner a{display:block;}
.cm_top_banner .mo img{width:calc(100% - 14px)}
.cm_top_banner img{display:block;width:100%;}

@media screen and (max-width:768px){
.cm_event_popup{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);}
.cm_event_popup .contents{max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;}
.cm_top_banner .contents_wrap{padding:0;}
}

/*======================================
    HEADER
======================================*/
.header{position:fixed;top:0;left:0;width:100%;font-family:Pretendard;background:var(--white);z-index:100;}
.header.static{position:static;}
.header .banner{background:#d6202f;}
.header .banner .item{display:block;}
.header .banner .btn_close{position:absolute;right:0;bottom:8px;display:block;width:20px;height:20px;border:1px solid #506198;background:url("/img/common/icon_close.png") 50% 50% / 12px 12px no-repeat;}
.header .search_form{flex:1;max-width:580px;width:100%;}
.header .search{position:relative;height:53px;border-radius:30px;border:1px solid #ccc;overflow:hidden;padding:0 75px 0 42px;}
.header .search input[type='text']{width:100%;height:100%;padding:0;font-size:16px;border:0;outline:0;font-family: Pretendard;}
.header .search input[type='text']::placeholder{color:#B8B8B8;}
.header .search .btn_search{position:absolute;top:12px;right:23px;display:block;width:28px;height:28px;background:url(/img/common/icon_srh2_on.png) 0 0 / 28px auto no-repeat;}
.header .pc .top{border-bottom:1px solid #ebebeb;}
.header .pc .top .inner{height:113px;display:flex;justify-content:space-between;align-items:center;gap:0 30px;}
.header .pc .top .logo{max-width:213px;}
.header .pc .top .logo img{width:100%;}
.header .pc .top .btn_box{display:flex;align-items:center;gap:0 22px;}
.header .pc .top .btn_box a{font-size:16px;color:#333;font-weight:500;}
.header .pc .top .btn_box .kinderbox:before{content:"";display:inline-block;width:16px;height:16px;background:url("/img/common/icon_kinderbox.png") 0 0 / 100% 100% no-repeat;vertical-align:-2px;margin-right:6px;}
.header .pc .menu{position:relative;/**/}
.header .pc .menu .gnb_box{border-bottom:1px solid #EBEBEB;cursor:pointer;}
.header .pc .menu .gnb{display:table;width:100%;height:46px;table-layout:fixed;}
.header .pc .menu .gnb li{display:table-cell;text-align:center;vertical-align:middle;}
.header .pc .menu .gnb li a{display:block;line-height:46px;font-size:20px;color:#191919;white-space:nowrap;border-bottom:2px solid transparent;}
.header .pc .menu .gnb li a:hover{font-weight:500;color:#006CB8;border-color:#006CB8;}
.header .pc .menu .gnb li.on a,.header .menu .gnb li.hover a{font-weight:500;color:#006CB8;border-color:#006CB8;}
.header .pc .lnb_box{display:none;position:absolute;top:0;left:0;max-height:450px;width:100%;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.11);padding:35px 0;z-index:100;}
.header .pc .lnb_box.on{display:block;}
.header .pc .lnb_box .inner{display:flex;justify-content:space-between;}
.header .pc .lnb_box .lnb{display:flex;height:400px;flex-direction:column;flex-wrap:wrap;gap:45px 50px;margin-right:auto;}
.header .pc .lnb_box .lnb li{width:170px;}
.header .pc .lnb_box .lnb li a{display:block;}
.header .pc .lnb_box .lnb .tit_item{font-size:22px;font-weight:500;color:#006cb8;border-bottom:2px solid #006cb8;padding-bottom:6px;margin-bottom:15px;}
.header .pc .lnb_box .lnb .item{font-size:16px;line-height:1.2;color:#555;transition:.3s all;}
.header .pc .lnb_box .lnb .item + .item{margin-top:10px;}
.header .pc .lnb_box .lnb .item:hover{text-decoration:underline;text-underline-position:under;}
.header .pc .lnb_box .snb{width:170px;}
.header .pc .lnb_box .s_banner_slide{height:220px;background:var(--white);border:1px solid #e4e4e4;}
.header .pc .lnb_box .s_banner_slide .swiper-slide{display:flex;height:220px;align-items:center;justify-content:center;}
.header .pc .lnb_box .s_banner_slide .swiper-slide img{width:100%;}
.header .pc .lnb_box .s_banner_slide .swiper-pagination{position:absolute;top:12px;right:12px;left:auto;bottom:auto;width:auto;height:auto;}
.header .pc .lnb_box .s_banner_slide .swiper-pagination-bullet{width:7px;height:7px;background:#d4d4d4;vertical-align:top;margin:0 1.5px!important;opacity:1;}
.header .pc .lnb_box .s_banner_slide .swiper-pagination-bullet-active{background:#929292;}
.header .pc .lnb_box .site .item{display:block;height:37px;line-height:35px;font-size:13px;color:#949494;border:1px solid #e4e4e4;margin-top:5px;padding-left:48px;background:url("/img/common/icon_kinderbox.png") 20px 50% / 16px auto no-repeat;}
.header .pc .lnb_box .site .classbox_store{background-image:url("/img/common/icon_classbox.png");}
.header .pc .lnb_box .site .notice{background-image:url("/img/common/icon_notice.png");}
.header .pc .lnb_box.en .inner{justify-content:center;}
.header .pc .lnb_box.en .lnb{width:88%;flex-direction:row;justify-content:space-between;margin:0 auto;}

.header .mo .nav{display:table;table-layout:fixed;width:100%;height:28px;background:#f5f5f5;}
.header .mo .nav a{display:table-cell;width:50%;font-size:12px;color:#222;text-align:center;vertical-align:middle;}
.header .mo .nav a + a{border-left:1px solid #E2E2E2;}
.header .mo .nav .join{color:#006CB8;}
.header .mo .nav .logout{background:#777;color:var(--white);}
.header .mo .sta{position:relative;height:64px;border-bottom:1px solid #EBEBEB;text-align:right;}
.header .mo .sta .logo{position:absolute;top:24px;left:16px;width:128px;}
.header .mo .sta .logo img{width:100%;vertical-align:top;}
.header .mo .sta .btn_open_search{display:inline-block;width:22px;height:22px;background:url("/img/common/icon_search_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:23px;}
.header .mo .sta .btn_menu{display:inline-block;width:22px;height:18px;background:url("/img/common/icon_menu.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-left:16px;margin-top:23px;}
.header .mo .search_box{display:none;position:absolute;top:0;left:0;width:100%;height:63px;background:var(--white);z-index:10;padding:12px 16px;}
.header .mo .search_box .search{width:calc(100% - 48px);height:40px;padding:0 45px 0 14px;}
.header .mo .search input[type='text']{font-size:14px;box-sizing:border-box;}
.header .mo .search_box .search .btn_search{top:6px;right:12px;width:24px;height:24px;}
.header .mo .search_box .btn_close{position:absolute;top:21px;right:16px;width:22px;height:22px;background:url("/img/common/icon_close_3.png") 0 0 / 100% 100% no-repeat;}
.header .mo .gnb_box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#F5F5F5;z-index:500;overflow-y:auto;padding-bottom:30px;}
.header .mo .gnb_box .top{position:sticky;top:0;left:0;width:100%;height:56px;background:#006CB8;padding:0 16px;z-index:10;}
.header .mo .gnb_box .top .logo{display:inline-block;width:128px;margin-top:20px;}
.header .mo .gnb_box .top .logo img{width:100%;vertical-align:top;}
.header .mo .gnb_box .top .member{display:inline-block;height:24px;line-height:24px;font-size:12px;font-weight:600;color:#006CB8;border-radius:4px;background:rgba(255,255,255,.8);padding:0 10px;vertical-align:top;margin:16px 0 0 14px;}
.header .mo .gnb_box .top .btn_close{position:absolute;top:17px;right:16px;display:block;width:22px;height:22px;background:url("/img/common/icon_close_2.png") 0 0 / 100% 100% no-repeat;}
.header .mo .gnb_box .gnb .g_item{position:relative;display:block;width:100%;height:44px;line-height:44px;font-size:16px;font-weight:500;color:#191919;background:var(--white);padding:0 16px;}
.header .mo .gnb_box .gnb .g_item:after{position:absolute;top:18px;right:16px;content:"";display:block;width:12px;height:8px;background:url("/img/common/icon_down_2.png") 0 0 / 100% 100% no-repeat;transition:.3s all;}
.header .mo .gnb_box .gnb .g_item.on:after{transform:rotate(-180deg);}
.header .mo .gnb_box .gnb li + li{margin-top:2px;}
.header .mo .gnb_box .lnb{display:none;padding:20px 0 30px;}
.header .mo .gnb_box .lnb li + li{margin-top:8px;}
.header .mo .gnb_box .lnb .l_item{display:block;font-size:14px;color:#7F7F7F;padding:0 16px 0 36px;}
.header .mo .gnb_box .mypage, .header .mo .gnb_box .site{margin-top:30px;}
.header .mo .gnb_box .menu:after{content:"";display:block;clear:both;}
.header .mo .gnb_box .menu li{float:left;width:50%;height:44px;border-bottom:1px solid #EBEBEB;border-right:1px solid #EBEBEB;}
.header .mo .gnb_box .menu li:nth-child(2n){border-right:0;}
.header .mo .gnb_box .menu li:nth-child(n+3){border-bottom:0;}
.header .mo .gnb_box .menu li a{position:relative;display:block;width:100%;height:100%;line-height:44px;font-size:14px;color:#7F7F7F;background:var(--white);padding:0 5px 0 16px;}
.header .mo .gnb_box .mypage > a{display:block;width:100%;height:44px;line-height:44px;font-size:16px;font-weight:500;color:#191919;border-bottom:1px solid #EBEBEB;background:var(--white);padding:0 16px;}
.header .mo .gnb_box .mypage .menu a:after{content:"";display:block;position:absolute;top:18px;right:16px;width:6px;height:7px;background:url("/img/common/icon_right_3.png") 0 0 / 100% 100% no-repeat;}
.header .mo .gnb_box .site .menu{background:var(--white);}
.header .mo .gnb_box .site .menu span:before{content:"";display:inline-block;width:18px;height:18px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin:13px 4px 0 0;}
.header .mo .gnb_box .site .menu .compass span:before{background-image:url("/img/common/icon_compass.png");}
.header .mo .gnb_box .site .menu .classbox span:before{background-image:url("/img/common/icon_classbox.png");}
.header .mo .gnb_box .site .menu .bigbox span:before{background-image:url("/img/common/icon_bigbox.png");}
.header .mo .gnb_box .site .menu .kinderbox span:before{background-image:url("/img/common/icon_kinderbox.png");}

/* 검색, 검색팝업추가 재수정 240730 */
#virtual_dom{display:inline-block}
.btn_result_srh{display:none;position:relative;margin-right:10px;padding-left:28px;color:#1b1b1b;background:url(/img/common/icon_srh2.png) left center / 24px auto no-repeat;font-size:18px;font-weight: 500;opacity:0.5;line-height: 24px;}
.btn_result_srh::after{content:'';position:absolute;top:7px;right:-20px;display:block;width:1px;height:14px;background:rgba(27,27,27,0.3);}
.btn_result_srh:hover{opacity:1;color:#1b1b1b;}
.mo .btn_result_srh{position:absolute;top:16px;right:42px;width:24px;height:24px;margin:0;padding:0;background-size:19px auto;background-position:center;text-indent: -9999px;opacity:1;}
.mo .btn_result_srh::after{display:none;}
.btn_result_srh.on{display:block}
.header .search{border:1px solid #ccc}
.pop_srh{display:none;position:absolute;top:0;left:0;width:100%;height:99px;padding:24px 10px;background:var(--white);z-index:10;}
.pop_srh .flex_box{display:flex;justify-content: center;align-items: center;}
.pop_srh .srh_wrap{display:inline-block;width:1000px;max-width:calc(100% - 40px);margin-right:12px}
.pop_srh.on .srh_wrap{margin-right:6px}
.pop_srh .search{background:var(--white)}
.del_txt{display:none;color:#000}
.pop_srh .btn_srh_close{display:inline-block;color:#000}
.pop_srh .btn_back{display:none;width:33px;height:33px;background:url(/img/common/icon_back.png) center / 33px auto no-repeat;text-indent: -9999px;}
.pop_srh.on .btn_back{display:block}
.pop_srh .btn_srh_close{display:block;width:28px;height:28px;background:url(/img/common/icon_close1.png) center / 28px auto no-repeat;text-indent: -9999px;}
.pop_srh.on .btn_srh_close{display:none}
@media screen and (max-width:1320px) {
	.btn_result_srh{margin-right:0}
	.btn_result_srh::after{right:-10px}
}

/*======================================
    FOOTER
======================================*/

.quick_banner{position:fixed;bottom:4vh;right:1.5vw;z-index:151;font-family:Pretendard;}
.quick_banner .quick_menu{display:block;width:80px;background:#006cb8;border-radius:50px;transition:.8s all;}
.quick_banner .quick_menu.on{background:linear-gradient(to bottom, #3999ff, #0570be);padding:30px 10px 17px;}
.quick_banner .quick_menu.on .btn{padding:0;}
.quick_banner .quick_menu:not(.on):hover{background:#0570be;box-shadow:0 0 10px rgba(55,152,253,.3);}
.quick_banner .quick_menu .list{display:none;}
.quick_banner .quick_menu li a{display:block;text-align:center;color:var(--white);font-size:12px;line-height:1.2;padding:45px 0 16px;}
.quick_banner .quick_menu li + li{border-top:1px solid #64affd;}
.quick_banner .quick_menu li .sin{background: url("/img/common/icon_sin.png") 50% 13px / 26px auto no-repeat;}
.quick_banner .quick_menu li .cart{background: url("/img/common/icon_cart.png") 50% 15px / 26px auto no-repeat;}
.quick_banner .quick_menu li .center{background: url("/img/common/icon_center.png") 50% 16px / 21px auto no-repeat;}
.quick_banner .quick_menu li .print{background: url("/img/common/icon_print.png") 50% 12px / 23px auto no-repeat;}
.quick_banner .quick_menu li .manual{background:url("/img/common/icon_manual.png") 50% 15px / 27px auto no-repeat;}
.quick_banner .quick_menu .btn{display:block;font-family:"GmarketSansMedium";font-size:12px;font-weight:500;color:var(--white);text-align:center;padding:26px 0;}
.quick_banner .quick_menu ~ .btn_top{margin-top:8px;}
.quick_banner .btn_top{display:flex;justify-content:center;align-items:center;width:76px;height:76px;font-size:14px;font-weight:600;color:#444;background:var(--white);border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.29);margin:0 auto;}
.quick_banner .btn_top span:before{content:"";display:block;width:15px;height:11px;background:url("/img/common/icon_top.png") 0 0 / 100% 100% no-repeat;margin:0 auto 3px;}
.quick_banner .contact{display:none;margin-bottom:20px;}
.quick_banner .contact .btn{width:77px;height:77px;font-family:"GmarketSansMedium";justify-content:center;font-size:11px;line-height:1.2;font-weight:500;color:var(--white);text-align:center;background:#006cb8;box-shadow:1px 1px 5px 1px rgba(0,0,0,.19);border-radius:50%;padding:30px 0 20px;}
.quick_banner .quick_support{display:block;}
.en .quick_banner .quick_menu{display:none;}
.indonesia .quick_banner .contact{display:block;}


@media screen and (max-width:1440px){
.contents_wrap{width:100%;padding:0 20px;}
.s_contents_wrap{width:100%;}
.header .pc .lnb_box .lnb{gap:45px 25px;}
.header .banner .item img{width:100%;}
.header .banner .btn_close{right:20px;}
}

@media screen and (max-width:1024px){
.header .top .inner{height:80px;}
.header .top .logo{width:180px;}
.header .search_form{max-width:380px;}
.header .search{height:36px;padding:0 40px 0 20px;}
.header .search input[type='text']{font-size:12px;}
.header .search .btn_search{top:7px;right:15px;width:19px;height:19px;background-size:19px auto;}
.pop_srh .srh_wrap{margin-right:7px}
.pop_srh .btn_srh_close{width:18px;height:18px;background-size:18px auto}
.header .pc .top .inner{height:90px;}
.header .pc .top .btn_box a{font-size:14px;}
.header .pc .menu .gnb li a{font-size:16px;}
.header .pc .lnb_box{padding:20px 0;}
.header .pc .lnb_box .lnb{gap:45px 15px;padding:15px 0;}
.header .pc .lnb_box .lnb li{width:140px;}
.header .pc .lnb_box .lnb .tit_item{font-size:18px;}
.header .pc .lnb_box .lnb .item{font-size:14px;}
.indonesia .quick_banner .contact{display:none;}

.pop_srh{height:60px;padding:12px 10px}
}

@media screen and (max-width:768px){
.contents_wrap{padding:0 16px;}
.pc{display:none;}
.mo{display:block;}
.header .banner .mo{width:100%;}
.header .banner .btn_close{top:8px;left:8px;right:auto;bottom:auto;width:16px;height:16px;background-size:8px 8px;}

.quick_banner{display:none;}
}


/*contact popup*/
.contact_popup{padding:20px;}
.contact_popup .contents{max-width:1000px;width:100%;border-radius:20px;overflow:hidden;background:transparent;}
.contact_popup .tit_box{height:77px;line-height:77px;background:#006CB8;padding:0 50px;}
.contact_popup .tit_box .tit{font-size:28px;font-weight:700;color:var(--white);}
.contact_popup .con_box{background:var(--white);padding:30px 82px 74px 50px;}
.contact_popup .form_box{margin:0;}
.contact_popup .form_box .item{display:flex;align-items:baseline;}
.contact_popup .form_box .item + .item{margin-top:15px;}
.contact_popup .form_box .item .tit{display:block;flex-shrink:0;flex-basis:190px;font-size:17px;font-weight:300;color:#777;}
.contact_popup .form_box .item input{max-width:315px;height:50px;font-weight:400;border-radius:5px;margin:0!important;}
.contact_popup .form_box .item textarea{width:100%;height:297px;font-family:Pretendard;font-size:18px;padding:15px;resize:none;border-radius:5px;border:1px solid #ddd;background:var(--white);box-sizing:border-box;}
.contact_popup .form_box .item textarea:focus{background:#E8F2F6;outline:none;}
.contact_popup .form_box .btn_box{display:flex;justify-content:center;gap:0 9px;text-align:center;margin-top:30px;}
.contact_popup .form_box .btn_box .btn{display:block;height:47px;line-height:47px;font-size:16px;color:#000;background:var(--white);border-radius:3px;padding:0 40px;}
.contact_popup .form_box .btn_box .btn_send{background:#3999FF;color:var(--white);}
.contact_popup .form_box .btn_box .btn_cancel{border:1px solid #ddd;}
@media screen and (max-width:1024px){
.contact_popup .contents{width:90%;}
}
@media screen and (max-width:768px){
.contact_popup .contents{border-radius:0;}
.contact_popup .con_box{padding:20px;}
}

/* FLOATING BANNER */
.floating_banner{display:none;position:fixed;bottom:4vh;left:2vw;width:260px;height:260px;z-index:100;}
.floating_banner.right{left:auto;right:6.5vw;}
.floating_banner a{display:block;width:100%;height:100%;}
.floating_banner img{width:100%;}
.floating_banner .btn_close{position:absolute;top:5px;right:15px;width:23px;height:23px;border:0;background:url("/img/floating_close.png") 50% 50%  / 100% 100% no-repeat;cursor:pointer;}
@media screen and (max-width:1400px){
.floating_banner.right{right:9vw;}
}
@media screen and (max-width:850px){
.floating_banner.right{right:11vw;}
}
@media screen and (max-width:768px){
.floating_banner{bottom:7vh;left:auto;right:0;width:130px;height:130px;}
.floating_banner.right{right:0;}
.floating_banner .btn_close{top:0;right:5px;background-size:13px 13px;}
}

/*======================================
    메인
======================================*/
.main article .tit{font-size:40px;font-weight:600;color:#191919;line-height:1.3;text-align:center;}
.main article .tit strong{color:#006CB8;}
.main article .btn{display:block;width:420px;height:60px;line-height:58px;font-size:28px;font-weight:600;color:var(--white);text-align:center;border-radius:30px;background:#F28421;margin:0 auto;}
.main article .btn span:before{content:"";display:inline-block;vertical-align:top;}
.main .banner{width:1920px;margin:0 auto;position:relative;z-index:0;}
.main .banner .swiper-slide{display:block;height:500px;}
.main .banner .swiper-slide img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;}
.main .banner .swiper-pagination{bottom:50px;}
.main .banner .swiper-pagination-bullet{width:16px;height:16px;margin:0 10px;background:#B2B2B2;opacity:1;}
.main .banner .swiper-pagination-bullet-active{background:#000;}
.main .menu{background:#F5F5F5;padding:30px 0 40px;}
.main .menu .contents_wrap{padding:0 25px;}
.main .menu .gnb:after{content:"";display:block;clear:both;}
.main .menu .gnb li{float:left;width:33.333%;text-align:center;}
.main .menu .gnb li .curriculum{width:auto;top:0;right:auto;background:transparent;z-index:1;}
.main .menu .gnb li a{position:relative;}
.main .menu .gnb li span{display:block;text-align:center;font-size:12px;color:#7f7f7f;}
.main .menu .gnb li .new .icon:after{position:absolute;top:3px;right:0;content:"";display:block;width:16px;height:15.5px;background:url("/img/common/icon_new.png") 0 0 / 100% 100% no-repeat;}
.main .menu .gnb li .icon{position:relative;content:"";display:block;width:60px;height:60px;border-radius:50%;background-color:var(--white);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;margin:0 auto 6px;}
.main .menu .gnb li .top_class .icon{background-image:url("/img/common/menu_topclass.png");}
.main .menu .gnb li .my_class .icon{background-image:url("/img/common/menu_myclass.png");}
.main .menu .gnb li .textbook .icon{background-image:url("/img/common/menu_textbook.png");}
.main .menu .gnb li .online .icon{background-image:url("/img/common/menu_online.png");}
.main .menu .gnb li .curriculum .icon{background-image:url("/img/common/menu_curriculum.png");}
.main .menu .gnb li .level_test .icon{background-image:url("/img/common/menu_leveltest.png");}
.main .menu .gnb li .notice .icon{background-image:url("/img/common/menu_notice.png");}
.main .menu .gnb li .readingoceans .icon{background-image:url("/img/common/menu_readingoceans.png");}
.main .menu .gnb li:nth-child(n+4){margin-top:24px;}
.main .notice{margin-top:-37px;z-index:0;}
.main .notice .contents_wrap{height:72px;border:1px solid #ebebeb;box-shadow:0 2px 8px #E0E0E0;}
.main .notice:after{content:"";display:block;clear:both;}
.main .notice .btn{float:left;display:block;width:160px;height:72px;line-height:70px;font-size:18px;color:var(--white);font-weight:500;text-align:center;background:#222;}
.main .notice .btn span:after{content:"";display:inline-block;width:14px;height:14px;background:url("/img/common/icon_right.png") 0 0 / 100% 100% no-repeat;margin-left:10px;}
.main .notice .rolling{float:left;width:calc(100% - 160px);height:72px;background:var(--white);}
.main .notice .rolling .swiper{position:relative;height:100%;overflow:hidden;}
.main .notice .rolling .swiper-slide{font-size:20px;color:#666;line-height:72px;padding:0 110px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main .notice .rolling .btn_box{position:absolute;top:18px;right:20px;z-index:1;}
.main .notice .swiper-button-next, .main .notice .swiper-button-prev{display:inline-block;width:36px;height:36px;position:static;top:0;left:auto;right:auto;background:#F5F5F5 url("/img/common/icon_down.png") 50% 50% / 12px 10px no-repeat;border:1px solid #CCC;margin:0;}
.main .notice .swiper-button-next{transform:rotate(180deg);}
.main .s_banner_slide{position:relative;margin-top:20px;padding:0 40px;}
.main .s_banner_slide .swiper-slide{border-radius:8px;border:1px solid #EBEBEB;overflow:hidden;padding:5px 10px;}
.main .s_banner_slide .swiper-slide img{width:100%;}
.main .s_banner_slide .swiper-button-next, .main .s_banner_slide .swiper-button-prev{top:calc(50% - 16px);width:28px;height:32px;background:url("/img/common/icon_prev_2.png") 50% 50% / 14px 24px no-repeat;margin:0;}
.main .s_banner_slide .swiper-button-next{right:5px;transform:rotate(180deg);}
.main .s_banner_slide .swiper-button-prev{left:5px;}
.main .section1{padding:100px 0;}
.main .section1 .btn{margin-top:20px;}
.main .section1 .btn span:before{width:21px;height:26px;background:url("/img/common/icon_user.png") 0 0 / 100% 100% no-repeat;margin:17px 8px 0 0;}
.main .section1 .list{margin-top:80px;}
.main .section1 .list:after{content:"";display:block;clear:both;}
.main .section1 .list li{position:relative;float:left;display:flex;flex-flow:column;justify-content:center;align-items:center;width:calc(25% - 33px);height:240px;font-size:22px;font-weight:500;line-height:1.3;text-align:center;border-radius:16px;box-shadow:0 2px 8px #E0E0E0;margin-right:44px;padding:58px 10px;box-sizing:border-box;}
.main .section1 .list li:last-child{margin:0;}
.main .section1 .list li:before{position:absolute;top:-20px;left:calc(50% - 26px);content:"";display:block;width:52px;height:52px;background:url("/img/common/icon_check.png") 0 0 / 100% 100% no-repeat;}
.main .section1 .list li strong{font-weight:500;color:#006CB8;}
.main .section2{background:#F8F8F8;padding:80px 0 120px;}
.main .section2 .txt{font-size:22px;color:#999;text-align:center;margin-top:40px;}
.main .section2 .btn{margin-top:12px;}
.main .section2 .btn span:before{width:26px;height:24px;background:url("/img/common/icon_bookmap.png") 0 0 / 100% 100% no-repeat;margin:18px 13px 0 0;}
.main .section2 .bookmap{margin-top:20px;}
.main .section3{max-width:1920px;margin:0 auto;}
.main .section3 .item:after{content:"";display:block;clear:both;}
.main .section3 .left{float:left;width:50%;}
.main .section3 .right{float:right;width:50%;}
.main .section3 .txt_box{position:relative;text-align:left!important;}
.main .section3 .txt_box .box{position:absolute;}
.main .section3 .txt_box .tit{text-align:left;}
.main .section3 .txt_box .list{margin-top:40px;}
.main .section3 .txt_box .list li{font-size:20px;color:#666;line-height:1.5;}
.main .section3 .txt_box .list li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#006CB8;vertical-align:top;margin:11px 8px 0 0;}
.main .section3 .txt_box .txt{font-size:20px;color:#666;line-height:1.5;margin-top:40px;}
.main .section3 .txt_box .btn_view{display:inline-block;width:167px;height:44px;font-size:24px;color:#006cb8;background:url("/img/common/icon_right_2.png") 0 100% / 100% 22px no-repeat;margin-top:60px;}
.main .section3 .img_box{position:relative;height:640px;}
.main .section3 .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;}
.main .section3 .item:nth-child(1) .txt_box .box{top:100px;right:238px;}
.main .section3 .item:nth-child(2) .txt_box .box{top:100px;left:100px;}
.main .section4{background:#F8F8F8;padding:100px 0;}
.main .section4 .btn{margin-top:20px;}
.main .section4 .btn span:before{width:32px;height:24px;background:url("/img/common/icon_online.png") 0 0 / 100% 100% no-repeat;margin:18px 8px 0 0;}
.main .section4 .online{text-align:center;margin-top:60px;}
.main .join{background:#006CB8 url("/img/common/bg_logo.png") 50% 50% / 1028px auto no-repeat;padding:50px 0;}
.main .join .tit{font-size:28px;font-weight:400;color:var(--white);}
.main .join .btn{line-height:54px;background:transparent;border:2px solid var(--white);margin-top:20px;}
.main .join .btn span:before{width:21px;height:26px;background:url("/img/common/icon_user.png") 0 0 / 100% 100% no-repeat;margin:15px 8px 0 0;}
.main .sns{display:none;background:#444444;padding:50px 0;text-align:center;}
.main .sns .tit{font-size:28px;color:var(--white);font-weight:400;}
.main .sns .list{margin-top:21px;font-size:0;}
.main .sns .list .item{display:inline-block;width:60px;height:60px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;}
.main .sns .list .item + .item{margin-left:20px;}
.main .sns .list .facebook{background-image:url("/img/common/sns_facebook.png");}
.main .sns .list .instagram{background-image:url("/img/common/sns_instagram.png");}
.main .sns .list .youtube{background-image:url("/img/common/sns_youtube.png");}
.main .sns .list .mail{background-image:url("/img/common/sns_mail.png");}
.main .link_box{display:none;flex-wrap:wrap;flex-direction:row;align-items:center;}
.main .link_box a{display:block;width:50%;height:44px;line-height:44px;font-size:13px;letter-spacing:-0.2px;text-align:center;color:#999;}
.main .link_box a:nth-child(n+3){border-top:1px solid #EBEBEB;}
.main .link_box a:nth-child(2n){border-left:1px solid #EBEBEB;}
.main .link_box a span:before{content:"";display:inline-block;width:20px;height:20px;background-size:100% 100%;background-position:0 0 ;background-repeat:no-repeat;vertical-align:top;margin:12px 4px 0 0;}
.main .link_box .faq span:before{background-image:url("/img/common/m_icon_faq.png");}
.main .link_box .kakao span:before{background-image:url("/img/common/m_icon_kakao.png");}
.main .link_box .cafe span:before{background-image:url("/img/common/m_icon_cafe.png");}
.main .link_box .youtube span:before{background-image:url("/img/common/m_icon_youtube.png");}

@media screen and (max-width:1920px){
.main .banner{width:100%;}
}
@media screen and (max-width:1440px){
.main .banner .swiper-slide{height:400px;}
.main .notice .contents_wrap{padding:0;}
.main .section2 .bookmap img{width:100%;}
.main .section3{max-width:100%;}
.main .section3 .img_box{height:390px;}
.main .section3 .txt_box{padding:40px;}
.main .section3 .txt_box .box{position:static;}
.main .section3 .txt_box .tit{font-size:30px;}
.main .section3 .txt_box .list{margin-top:20px;}
.main .section3 .txt_box .list li{font-size:18px;}
.main .section3 .txt_box .txt{margin-top:20px;}
.main .section3 .txt_box .btn_view{width:150px;height:40px;font-size:22px;margin-top:40px;}
.main .section4 .online img{width:100%;}
.main .join{background-size:100% auto;}

}
@media screen and (max-width:1024px){
.main .banner .swiper-slide{height:330px;}
.main .section1 .list li{height:200px;font-size:18px;}
.main .section3 .txt_box{padding:30px;}
}
@media screen and (max-width:768px){
.main .mo{display:block;}
.main .banner{width:100%;}
.main .banner .swiper-slide{height:auto;}
.main .banner .swiper-slide img{position:relative;}
.main .banner .swiper-pagination{bottom:10px;height:16px;}
.main .banner .swiper-pagination-bullet{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.5);margin:0 5px;}
.main .banner .swiper-pagination-bullet-active{background:#000;}
.main .notice{margin:0;}
.main .notice .contents_wrap{height:52px;box-shadow:none;border-left:0;border-right:0;padding:0 16px;}
.main .notice .btn{width:22px;height:100%;background:var(--white) url("/img/common/m_icon_notice.png") 0 50% / 100% auto no-repeat;}
.main .notice .btn span{display:none;}
.main .notice .rolling{width:calc(100% - 32px);height:50px;margin-left:10px;}
.main .notice .rolling .swiper-slide{font-size:14px;line-height:52px;padding:0 75px 0 0;}
.main .notice .rolling .btn_box{top:12px;right:0;font-size:0;}
.main .notice .swiper-button-next, .main .notice .swiper-button-prev{width:28px;height:28px;background-size:10px 8px;}
.main .notice .swiper-button-next{margin-left:-1px;}
.main article .tit{font-size:22px;}
.main article .btn{width:100%;height:48px;line-height:48px;font-size:20px;}
.main .section1{padding:60px 0 80px;}
.main .section1 .btn span:before{width:19px;height:24px;margin-top:12px;}
.main .section1 .list{margin-top:58px;}
.main .section1 .list li{width:calc(50% - 8px);height:162px;font-size:16px;margin-right:16px;padding:35px 10px;}
.main .section1 .list li:nth-child(2n){margin-right:0;}
.main .section1 .list li:nth-child(n+3){margin-top:38px;}
.main .section1 .list li:before{width:36px;height:36px;left:calc(50% - 18px);}
.main .section2{padding:40px 0 80px;}
.main .section2 .txt{font-size:16px;line-height:1.2;margin-top:24px;}
.main .section2 .btn{margin-top:10px;}
.main .section2 .btn span:before{margin:12px 10px 0 0;}
.main .section2 .bookmap{margin-top:40px;}
.main .section2 .bookmap .mo.en{display:none;}
.main .section3 .left,.main .section3 .right{float:none;width:100%;}
.main .section3 .img_box{height:auto;}
.main .section3 .img_box img{position:static;width:100%;}
.main .section3 .img_box .mo.en{display:none;}
.main .section3 .txt_box{padding:20px 16px 60px;}
.main .section3 .txt_box .box{position:static;}
.main .section3 .txt_box .tit{font-size:22px;}
.main .section3 .txt_box .list{margin-top:10px;}
.main .section3 .txt_box .list li{font-size:16px;color:#999;letter-spacing:-.2px;}
.main .section3 .txt_box .list li:before{width:4px;height:4px;margin:9px 4px 0 0;}
.main .section3 .txt_box .txt{font-size:16px;letter-spacing:-.2px;margin-top:10px;}
.main .section3 .txt_box .btn_view{width:120px;height:32px;line-height:30px;font-size:14px;text-align:center;border-radius:18px;background:var(--white);border:1px solid #006cb8;margin-top:20px;}
.main .section4{padding:40px 0 80px;}
.main .section4 .btn span:before{margin-top:12px;}
.main .section4 .online{width:calc(100% + 16px);margin-left:-8px;}
.main .section4 .online .mo.en{display:none;}
.main .join{padding:35px 0;background-image:url("/img/common/m_bg_logo.png");background-size:328px auto;}
.main .join .tit{font-size:18px;}
.main .join .btn{max-width:260px;line-height:42px;margin-top:10px;}
.main .join .btn span:before{width:19px;height:24px;margin-top:8px;}
.main .link_box{display:flex;}

}

/*======================================
    BOOKMAP
======================================*/
.book_map{font-family:Pretendard;background:#F6F6F6;padding:0 50px 40px;}
.book_map article{max-width:1777px;}
.book_map .top{position:sticky;top:0;left:50px;width:1777px;background:#F6F6F6;z-index:10;padding-top:40px;}
.book_map h1{font-size:39px;color:#396DFC;z-index:1;}
.book_map table{width:100%;text-align:center;border-spacing:0;border-collapse:collapse;background:var(--white);}
.book_map table td{height:44px;font-size:16px;color:#333;letter-spacing:-0.2px;border:1px solid #888;}
.book_map .thead{margin-top:32px;}
.book_map .thead tr:nth-child(odd) td{background:#B3C8FE;}
.book_map .thead tr:nth-child(even) td{background:#E5ECFF;}
.book_map .thead tr:first-child td:nth-child(-n+3){font-size:18px;color:var(--white);background:#396DFC;border-color:#4A78F6;border-left-color:var(--white);}
.book_map .thead tr:first-child td:nth-child(-n+2){border-right-color:var(--white);}
.book_map .thead tr:first-child td:nth-last-child(-n+4){background:#eee;}
.book_map .contents{position:relative;margin-top:3px;z-index:1;}
.book_map .contents .nav{position:sticky;top:348px;left:0;width:132px;z-index:-1;float:left;}
.book_map .contents .nav .item{display:block;width:132px;height:44px;text-align:center;font-size:20px;font-weight:600;line-height:44px;color:var(--white);border-radius:10px 0 0 10px;background:#999;}
.book_map .contents .nav .item.on.hit{background:#FB3967;}
.book_map .contents .nav .item.on.new{background:#26D9BD;}
.book_map .contents .nav .item.on.steady{background:#FCB334;}
.book_map .contents .nav .item + .item{margin-top:6px;}
.book_map .contents .tbody{width:1645px;margin-left:132px;}
.book_map .tbody .tb .series{font-size:20px;text-align:left;padding:18px;}
.book_map .tbody .tb .level{font-size:20px;text-align:left;padding:18px;}
.book_map .tbody .tb .level strong{display:block;}
.book_map .tbody .tb .level em{display:inline-block;height:22px;line-height:22px;font-weight:600;color:var(--white);padding:0 6px;}
.book_map .tbody .tb .txt{color:#444;border-color:#999;background:#F5F5F5;padding:0 3px;}
.book_map .tbody .tb .txt.sm{font-size:12px;}
.book_map .tbody .tb .txt.md{font-size:14px;}
.book_map .tbody .tb .bo_dash{border:1px dashed #888;}
.book_map .tbody .tb .bo_dash + td{border-left:1px dashed #888;}
.book_map .tbody .tb .bo_dash + .txt{border-left:1px solid #888;}
.book_map .tbody .tb tr.start .bo_dash{border-top:1px solid #888;}
.book_map .tbody .tb tr.end .bo_dash{border-bottom:1px solid #888;}
.book_map .tbody .tb + .tb{margin-top:-1px;}
.book_map .tbody .hit .bg{background:var(--white)9F9;border-color:#EBB3B3;}
.book_map .tbody .hit .series{background:#FFECEC;}
.book_map .tbody .hit .level em{background:#FB3967;}
.book_map .tbody .new .bg{background:#F9FFFE;border-color:#B3EBE9;}
.book_map .tbody .new .series{background:#F1FEFB;}
.book_map .tbody .new .level em{background:#26D9BD;}
.book_map .tbody .steady .bg{background:#FDFAF4;border-color:#EBD8B3;}
.book_map .tbody .steady .series{background:var(--white)8E8;}
.book_map .tbody .steady .level em{background:#FCB334;}

/*======================================
    BRAND STORY
======================================*/
.brand_story{font-family:Pretendard}
.brand_story .contents_wrap{width:1180px;}
.brand_story img{max-width:100%;}
.brand_story .intro{text-align:center;background:var(--white) url("/img/brandstory/bg_intro.png?v2") 0 0 / cover no-repeat;padding-top:69px;}
.brand_story .intro img{width:100%;vertical-align:middle;}
.brand_story .section1{text-align:center;background:#e4f1f3 url("/img/brandstory/bg_section1.png") 50% 50% / cover no-repeat;padding:85px 0 120px;}
.brand_story .section1 .tit{text-align:center;margin-top:40px;}
.brand_story .section1 .list{margin-top:45px;}
.brand_story .section1 .txt2{margin:28px 0 10px;}
.brand_story .section2{background:url("/img/brandstory/bg_section2.png") 0 0 / cover no-repeat;}
.brand_story .section3{text-align:center;background:#f9f9f9;padding:120px 0;}
.brand_story .section3 .tit{margin-top:30px;}
.brand_story .section3 .list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:110px;}
.brand_story .section3 .list .item{width:calc(25% - 37.5px);margin-right:50px;}
.brand_story .section3 .list .item:nth-child(4n){margin-right:0;}
.brand_story .section3 .list .item:last-child{margin-right:0;}
.brand_story .section3 .list .item:nth-child(n+5){margin-top:70px;}
.brand_story .section3 .list .item .thumb{position:relative;display:flex;justify-content:center;align-items:center;height:257px;border:2px solid #ddd;border-radius:20px;background:var(--white);box-shadow:1px 6px 8px rgba(110,110,110,.23);}
.brand_story .section3 .list .item .thumb:before{position:absolute;top:-38px;left:calc(50% - 35.5px);content:"";display:block;width:71px;height:71px;background:url("/img/brandstory/icon_check_on.png") 0 0 / 100% 100% no-repeat;z-index:1;}
.brand_story .section3 .list .item span{display:block;font-size:30px;font-weight:600;line-height:1.2;margin-top:30px;}
.brand_story .section4{text-align:center;padding-top:105px;}
.brand_story .section4 .contents_wrap{width:1440px;}
.brand_story .section4 .txt1{font-size:36px;font-weight:500;color:#121212;line-height:1.6;margin-top:70px;}
.brand_story .section4 .txt2{font-size:48px;font-weight:800;color:#121212;line-height:1.5;margin-top:65px;}
.brand_story .section4 .img{margin-top:90px;}
.brand_story .section5{text-align:center;background:url("/img/brandstory/bg_section5.png") 50% 50% / cover no-repeat;padding:90px 0;}
.brand_story .section5 .txt{font-size:30px;font-weight:600;color:#121212;margin-top:30px;}
.brand_story .section5 .img{margin-top:90px;}
.brand_story .section6{text-align:center;background:url("/img/brandstory/bg_section6.jpg") 50% 50% / cover no-repeat;}
@media screen and (max-width:1400px){
.brand_story .contents_wrap{width:100%;padding:0 30px;}
.brand_story .section4 .contents_wrap{width:100%;}
.brand_story .section4 .txt1{font-size:30px;}
.brand_story .section4 .txt2{font-size:42px;margin-top:40px;}
}
@media screen and (max-width:1024px){
.brand_story .section3 .list .item .thumb{height:200px;}
.brand_story .section3 .list .item .thumb:before{width:61px;height:61px;top:-28px;left:calc(50% - 30.5px)}
.brand_story .section3 .list .item:nth-child(1) .thumb img{width:86px;}
.brand_story .section3 .list .item:nth-child(2) .thumb img{width:88px;}
.brand_story .section3 .list .item:nth-child(3) .thumb img{width:92.5px;}
.brand_story .section3 .list .item:nth-child(4) .thumb img{width:81px;}
.brand_story .section3 .list .item:nth-child(5) .thumb img{width:96px;}
.brand_story .section3 .list .item:nth-child(6) .thumb img{width:74px;}
.brand_story .section3 .list .item:nth-child(7) .thumb img{width:83.5px;}
.brand_story .section3 .list .item span{font-size:24px;margin-top:25px;}
}
@media screen and (max-width:768px){
.brand_story .contents_wrap{width:100%;padding:0 35px;}
.brand_story .intro{padding:0;}
.brand_story .intro .contents_wrap{padding:0;}
.brand_story .section1{background-image:url("/img/brandstory/m_bg_section1.png");padding:48px 0;}
.brand_story .section1 .contents_wrap{padding:0 28px;}
.brand_story .section1 .tit{margin-top:20px;}
.brand_story .section1 .list{margin-top:21px;}
.brand_story .section1 .list .item:nth-child(n+2){margin-top:21px;}
.brand_story .section1 .txt2{margin:54px 0 3px;}
.brand_story .section2 img{max-height:100%;}
.brand_story .section3{padding:50px 0;}
.brand_story .section3 .tit{margin-top:15px;}
.brand_story .section3 .list{justify-content:flex-start;margin-top:47px;}
.brand_story .section3 .list .item{width:calc(50% - 12.5px);margin-right:25px;}
.brand_story .section3 .list .item:nth-child(2n){margin-right:0;}
.brand_story .section3 .list .item:nth-child(n+3){margin-top:50px;}
.brand_story .section3 .list .item .thumb{height:128.5px;border-radius:10px;border-width:1px;}
.brand_story .section3 .list .item .thumb:before{top:-19px;left:calc(50% - 17.5px);width:35px;height:35px;}
.brand_story .section3 .list .item:nth-child(1) .thumb img{width:66px;}
.brand_story .section3 .list .item:nth-child(2) .thumb img{width:68px;}
.brand_story .section3 .list .item:nth-child(3) .thumb img{width:72.5px;}
.brand_story .section3 .list .item:nth-child(4) .thumb img{width:61px;}
.brand_story .section3 .list .item:nth-child(5) .thumb img{width:76px;}
.brand_story .section3 .list .item:nth-child(6) .thumb img{width:54px;}
.brand_story .section3 .list .item:nth-child(7) .thumb img{width:63.5px;}
.brand_story .section3 .list .item span{font-size:15px;margin-top:15px;}
.brand_story .section4{padding-top:40px;}
.brand_story .section4 .contents_wrap{padding:0 28px;}
.brand_story .section4 .txt1{font-size:16px;letter-spacing:-0.6px;margin-top:25px;word-break:keep-all;}
.brand_story .section4 .txt2{font-size:19.5px;margin-top:30px;}
.brand_story .section4 .img{margin-top:28px;}
.brand_story .section5{background-image:url("/img/brandstory/m_bg_section5.png");padding:35px 0 45px;}
.brand_story .section5 .txt{font-size:15px;margin-top:20px;}
.brand_story .section5 .img{margin-top:43px;}
.brand_story .section6{background-image:url("/img/brandstory/m_bg_section6.jpg");}
}


/*======================================
    NOTICE - EVENT
======================================*/
.event{font-family:Pretendard;}
.event .myLeftGap{padding:60px 0 150px;}
.event .myLeftGap .contents_wrap{width:1440px;}
.event .tit_box{text-align:center;margin-bottom:40px;}
.event .tit_box .tit{display:inline-block;font-size:32px;color:#000;font-family:Pretendard;font-weight:600;border-bottom:4px solid #3999ff;}
.event .tab_menu_box{border-radius:8px;}
.event .tab_con_box{margin-top:40px;}
.event .list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;}
.event .list.on{justify-content:center;}
.event .list .item{display:block;width:calc(33.333% - 20px);margin-right:30px;}
.event .list .item:nth-child(3n){margin-right:0;}
.event .list .item:nth-child(n+4){margin-top:60px;}
.event .list .item .thumb{position:relative;height:160px;overflow:hidden;}
.event .list .item .thumb img{transition:.5s all;}
.event .list .item .thumb .end_txt{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.3);}
.event .list .item .thumb .end_txt span{display:block;height:32px;line-height:32px;font-size:12px;color:var(--white);background:#333;border-radius:16px;padding:0 35px;}
.event .list .item:hover .thumb img{transform:scale(1.05);}
.event .list .item .txt_box{position:relative;min-height:170px;text-align:left;border:1px solid #EBEBEB;padding:17px 20px;}
.event .list .item .state{display:inline-block;height:24px;line-height:22px;font-size:12px;color:#F28421;border-radius:12px;border:1px solid #F28421;padding:0 9px;margin-bottom:4px;}
.event .list .item .tit{font-size:16px;font-weight:500;color:#333;line-height:1.3;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.event .list .item .date{position:absolute;bottom:16px;left:20px;font-size:14px;color:#ccc;}
.event .tab_con.end .list .item .txt_box{min-height:140px;}
.event .list_none{text-align:center;margin-top:20px;}
.event .list_none .txt{display:block;font-size:16px;color:#666;}
.event .list_none .txt:before{content:"";display:block;width:184px;height:160px;background:url("/img/common/icon_list_none.png") 0 0 / 100% 100% no-repeat;margin:0 auto 12px;}
.event .pager{font-size:0;margin-top:40px;}
.event .pager a{font-size:16px;color:#666;margin:0;line-height:36px;}
.event .pager a + a{margin-left:20px;}
.event .pager a.on{color:#3999FF;}
.event [class^="icon-"]:before, .event [class*=" icon-"]:before{font-size:0;width:36px;height:36px;border-radius:50%;border:1px solid #ccc;line-height:0;margin:0;vertical-align:top;}
.event .pager .icon-angle-double-left,.event .pager .icon-angle-double-right{background:url("/img/common/icon_paging_prev_end.png") 50% 50% / 18px 15.4px no-repeat;}
.event .pager .icon-angle-left,.event .pager .icon-angle-right{background:url("/img/common/icon_paging_prev.png") 50% 50% / 8.5px 15.4px no-repeat;}
.event .pager .icon-angle-double-right, .event .pager .icon-angle-right{transform:rotate(180deg);}
.event .pager .icon-angle-left,.event .pager .icon-angle-double-right{margin-left:10px;}
.event .pager .icon-angle-double-right{margin-left:10px;}
@media screen and (max-width:1400px){
.event .myLeftGap .contents_wrap{width:100%;padding:0 20px;}
}
@media screen and (max-width:1024px){
.event .list .item{width:calc(50% - 15px);}
.event .list .item .thumb img{width:100%;height:100%;}
.event .list .item:nth-child(2n){margin-right:0;}
.event .list .item:nth-child(3n){margin-right:30px;}
.event .list .item:nth-child(n+3){margin-top:30px;}
}
@media screen and (max-width:768px){
.event .myLeftGap{padding:30px 0 95px;}
.event .tit_box .tit{font-size:28px;}
.event .list{display:block;}
.event .list .item{width:100%;margin-right:0;}
.event .list .item + .item{margin-top:20px;}
.event .list .item .thumb{height:auto;}
.event .list .item .thumb img{width:100%;}
.event .list .item .txt_box{min-height:177px;padding:20px;}
.event .list .item .date{bottom:20px;}
.event .list_none{margin:0;}
.event .list_none .txt{font-size:14px;}
.event .list_none .txt:before{width:115px;height:100px;margin-bottom:10px;}
.event .pager a{font-size:15px;}
.event .pager a + a{margin-left:10px;}
.event .pager .icon-angle-left,.event .pager .icon-angle-double-right{margin-left:8px;}
.event .pager .icon-angle-double-right{margin-left:8px;}
}


/*======================================
    SEARCH RESULT
======================================*/
.search_result .wrap{padding:60px 0 112px;}
.search_result .wrap .contents_wrap{width:1440px;}
.search_result .cm_tab_box .tab_menu_box{width:100%;border-color:#ddd;}
.search_result .cm_tab_box .tab_menu_box .tab_menu{width:33.333%;height:44px;line-height:44px;font-size:16px;color:#999;border-color:#ddd;}
.search_result .cm_tab_box .tab_menu_box .tab_menu.on{color:var(--white);}
.search_result .cm_tab_box .tab_con_box{font-family:Pretendard;text-align:left;margin-top:40px;}
.search_result .type_box:nth-child(n+2){margin-top:100px;}
.search_result .type_tit{font-size:18px;font-weight:500;border-bottom:1px solid #666;padding-bottom:10px;}
.search_result .type_tit .num{color:#006CB8;}
.search_result .myclass .list_box{margin-top:30px;}
.search_result .myclass .list_box + .list_box{margin-top:60px;}
.search_result .myclass .list .item .btn_download{position:absolute;left:0;bottom:0;width:100%;height:44px;line-height:44px;display:block;font-size:16px;font-weight:600;text-align:center;}
.search_result .myclass .list .item .btn_download:before{content:"";display:block;width:calc(100% - 38px);height:0;border-top:1px dashed #DDD;margin-left:19px;}
.search_result .myclass .list .item .btn_download:hover{color:#000;}
.search_result .myclass .list .item .btn_download span:after{content:"";display:inline-block;width:22px;height:18px;background:url("/img/myclass/icon_download.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:14px 0 0 8px;}

.search_result .contents .bookList article{margin-top:30px;}
.search_result .list_none{text-align:center;margin-top:157px;}
.search_result .list_none .txt{display:block;font-size:16px;color:#666;}
.search_result .list_none .txt:before{content:"";display:block;width:184px;height:160px;background:url("/img/common/icon_list_none.png") 0 0 / 100% 100% no-repeat;margin:0 auto 12px;}
@media screen and (max-width:1440px){
.search_result .wrap .contents_wrap{width:100%;}
}
@media screen and (max-width:1000px){
.search_result .myclass .list .item .btn_download{font-size:14px;}
}
@media screen and (max-width:768px){
.search_result .wrap{padding:30px 0 59px;}
.search_result .cm_tab_box .tab_menu_box .tab_menu{font-size:14px;height:56px;line-height:1.4;padding:8px 0;}
.search_result .cm_tab_box .tab_menu_box .tab_menu .num{display:block;}
.search_result .type_tit{font-size:16px;padding-bottom:8px;}
.search_result .type_box:nth-child(n+2){margin-top:60px;}
.search_result .list_none{margin-top:40px;}
.search_result .list_none .txt{font-size:14px;}
.search_result .list_none .txt:before{width:115px;height:100px;margin-bottom:10px;}
.search_result .bookList{padding-left:0!important;}
.search_result .bookList article{width:calc(50% - 8px);margin-right:16px;}
.search_result .bookList article:nth-child(2n){margin-right:0;}
.search_result .bookList article .box{width:100%;height:380px;}
.search_result .contents .bookList article .box:hover{width:100%;}
.search_result .contents .bookList .bookThumb{width:100%;min-height:190px;max-height:250px;}
.search_result .bookList .bico{width:35px;height:35px;}
.search_result .myclass .list .item .btn_download{height:37px;line-height:37px;}
.search_result .myclass .list .item .btn_download:before{width:calc(100% - 24px);margin-left:12px;}
.search_result .myclass .list .item .btn_download span:after{width:18px;height:14px;margin:11px 0 0 4px;}
}

/*======================================
    교재/부가자료
======================================*/
.book_data{font-family:Pretendard;overflow-y:auto;}
.book_data .mo{display:none!important;}
.book_data .sort_box .inner{height:50px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.book_data .sort_box .sort{display:flex;gap:0 20px;}
.book_data .sort_box .sort .item{font-size:14px;color:#A0A0A0;}
.book_data .sort_box .sort .item.on{color:#444;font-weight:500;}
.book_data .sort_box .sort select{min-width:115px;width:auto;height:35px;font-family:Pretendard;font-size:12px;color:#444;border-radius:5px;border:1px solid #989898;padding:0 15px 0 10px;box-sizing:border-box;appearance:none;-webkit-appearance:none;background:url("/img/book_data/icon_arrow_down.png") 90% 50% / 10px 6px no-repeat;}
.book_data .sort_box .weekly .btn{display:block;height:35px;line-height:33px;font-size:14px;font-weight:600;color:#ff9c00;border:1px solid #ff9c00;border-radius:5px;padding:0 12px 0 16px;}
.book_data .sort_box .weekly .btn span:before{content:"";display:inline-block;width:17px;height:16px;background:url("/img/book_data/icon_best.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:8px 6px 0 0;}
.book_data .sort_box .weekly .btn span:after{content:"";display:inline-block;width:12px;height:12px;background:url("/img/book_data/icon_plus.png") 0 0 / 100% 100% no-repeat;margin-left:12px;}
.book_data .sort_box .weekly .btn.on{color:var(--white);background:#ff9c00;}
.book_data .sort_box .weekly .btn.on span:before{background-image:url("/img/book_data/icon_best_w.png");}
.book_data .sort_box .weekly .btn.on span:after{height:2px;background-image:url("/img/book_data/icon_minus.png");vertical-align:4px;}
.book_data .list_box{padding:45px 0;}
.book_data .list_box.best{display:none;border-bottom:1px solid #dfdfdf;}
.book_data .list_box .tit_box{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;}
.book_data .list_box .tit_box h1{font-size:24px;font-weight:600;}
.book_data .list_box .tit_box h1:before{content:"";display:inline-block;width:29px;height:26px;background:url("/img/book_data/icon_best_b.png") 0 0 / 100% 100% no-repeat;vertical-align:-2px;margin-right:10px;}
.book_data .list_box .tit_box .btn_box{position:relative;display:flex;gap:0 15px;}
.book_data .list_box .swiper-button-next, .book_data .list_box .swiper-button-prev{position:static;width:25px;height:25px;}
.book_data .list_box .swiper-button-prev{order:1;background:url("/img/book_data/icon_arrow_left.png") 50% 50% / 15px 25px no-repeat;}
.book_data .list_box .swiper-button-next{order:2;background:url("/img/book_data/icon_arrow_right.png") 50% 50% / 15px 25px no-repeat;}
.book_data .list_box .swiper-button-next.swiper-button-disabled,
.book_data .list_box .swiper-button-prev.swiper-button-disabled{opacity:1;}
.book_data .list{display:flex;flex-wrap:wrap;gap:60px 30px;}
.book_data .list .item{display:flex;flex-direction:column;width:calc(16.666% - 25px);min-width:160px;}
.book_data .list .item .thumb{position:relative;overflow:hidden;background:#eee;border-radius:5px;border:1px solid #eee;overflow:hidden;}
.book_data .list .item .thumb img{width:100%;vertical-align:middle;}
.book_data .list .item .thumb .icon{position:absolute;top:10px;left:10px;height:25px;line-height:25px;font-size:13px;font-weight:600;color:var(--white);background:#ff9c00;border-radius:12px;padding:0 11px;z-index:1;}
.book_data .list .item .thumb .icon span:before{content:"";display:inline-block;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;margin-right:5px;vertical-align:-2px;}
.book_data .list .item .thumb .icon.best span:before{width:17px;height:16px;background-image:url("/img/book_data/icon_best_w.png");}
.book_data .list .item .thumb:hover .data_menu{display:flex;}
.book_data .list .item .thumb .data_menu{display:none;position:absolute;top:0;left:0;width:100%;height:100%;gap:5px 0;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.8);padding:0 28px;z-index:5;}
.book_data .list .item .thumb .data_menu .item{display:block;min-width:136px;width:100%;height:40px;line-height:38px;font-size:14px;font-weight:500;color:var(--white);border:1px solid var(--white);text-align:left;white-space:nowrap;border-radius:19px;padding:0 17px;transition:.3s all;letter-spacing:-0.03em;}
.book_data .list .item .thumb .data_menu .item span:before{content:"";display:inline-block;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:-4px;margin-right:10px;}
.book_data .list .item .thumb .data_menu .btn_view_info span:before{width:15px;height:19px;background-image:url("/img/book_data/icon_book_info.png");}
.book_data .list .item .thumb .data_menu .btn_detail span:before{width:18px;height:19px;background-image:url("/img/book_data/icon_ebook.png");}
.book_data .list .item .thumb .data_menu .btn_download span:before{width:19px;height:19px;background-image:url("/img/book_data/icon_downloads.png");}
.book_data .list .item .thumb .data_menu .btn_iwb span:before{width:18px;height:19px;background-image:url("/img/book_data/icon_iwb.png");}
.book_data .list .item .thumb .data_menu .btn_offiwb span:before{width:22px;height:18px;margin-right:8px;background-image:url("/img/book_data/icon_offiwb.png");}
.book_data .list .item .thumb .data_menu .item:hover{color:#0861a0;background:var(--white);}
.book_data .list .item .thumb .data_menu .btn_view_info:hover span:before{background-image:url("/img/book_data/icon_book_info_on.png");}
.book_data .list .item .thumb .data_menu .btn_detail:hover span:before{background-image:url("/img/book_data/icon_ebook_on.png");}
.book_data .list .item .thumb .data_menu .btn_download:hover span:before{background-image:url("/img/book_data/icon_downloads_on.png");}
.book_data .list .item .thumb .data_menu .btn_iwb:hover span:before{background-image:url("/img/book_data/icon_iwb_on.png");}
.book_data .list .item .thumb .data_menu .btn_offiwb:hover span:before{background-image:url("/img/book_data/icon_offiwb_on.png");}
/*offline IWB 팝업*/
#offlineIwbPop{top:auto;left:auto;width:auto;height:auto;padding:0;width:483px;max-width:100%}
#offlineIwbPop .modal-dialog{margin:0 !important}
#offlineIwbPop .modal-header{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 15px 0 24px;background:#515151;border-bottom:1px solid #4d4d4d;}
#offlineIwbPop .modal-header .sbj{display:flex;align-items:center;flex-shrink:0;}
#offlineIwbPop .modal-header .sbj .tit{position:relative;display:inline-block;padding-left:28px;margin-right:6px;color:var(--white);font-size:16px;font-family:Pretendard;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:185px;}
#offlineIwbPop .modal-header .sbj .tit::before{content:"";display:block;position:absolute;top:2px;left:0;width:20px;height:20px;background:url("/img/book_data/icon_iwb_pop.png")}
#offlineIwbPop .modal-header .sbj .status{display:inline-block;font-family:Pretendard;}
#offlineIwbPop .modal-header .btn_modal_wrap .btn_toggle{display:inline-block;width:21px;height:21px;background:url("/img/book_data/icon_under_pop.png");text-indent:-9999px;}
#offlineIwbPop .modal-header .btn_modal_wrap .btn_toggle.on{background:url("/img/book_data/icon_up_pop.png")}
#offlineIwbPop .modal-header .btn_modal_wrap .btn-default{display:inline-block;width:21px;height:21px;background:url("/img/book_data/icon_close_pop.png");text-indent:-9999px;border:none;vertical-align:top;cursor:pointer;}
#offlineIwbPop .modal-content{border-radius:0;background:#666666;}
#offlineIwbPop .modal-content .progress_wrap>li{border-top:1px solid #7b7b7b;padding:15px 15px 20px 24px}
#offlineIwbPop .modal-content .progress_wrap>li:not(:last-child){border-bottom:1px solid #4d4d4d}
#offlineIwbPop .modal-content .progress_wrap>li .summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-family:Pretendard;}
#offlineIwbPop .modal-content .progress_wrap>li .summary .tit{position:relative;max-width:145px;padding-left:8px;font-size:14px;color:var(--white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#offlineIwbPop .modal-content .progress_wrap>li .summary .tit::before{content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:var(--white)}
#offlineIwbPop .modal-content .progress_wrap>li .summary .status{color:var(--white);font-size:15px}
#offlineIwbPop .modal-content .progress_wrap>li .bar{position:relative;width:100%;height:15px;background:#c1c1c1}
#offlineIwbPop .modal-content .progress_wrap>li .bar>span{display:block;position:absolute;top:0;left:0;height:100%;background:linear-gradient(270deg,#68e0cf,#209cff,#68e0cf,#209cff);background-size:300% 100%;;background-position:left top;animation:animateBg 4s linear infinite;}

.book_data .list .item .info{margin-top:20px;}
.book_data .list .item .info .tit{min-height:42px;font-size:16px;font-weight:500;color:#222;line-height:1.3;}
.book_data .list .item .info .detail{display:flex;justify-content:space-between;margin-top:15px;}
.book_data .list .item .info .level{font-size:13px;color:#888;}
.book_data .list .item .info .like{font-size:13px;color:#333;}
.book_data .list .item .info .like:before{content:"";display:inline-block;width:13px;height:13px;background:url("/img/book_data/icon_star_off.png") 0 0 / 100% 100% no-repeat;vertical-align:-1px;margin-right:3px;}
.book_data .list .item .info .like.on{color:#ff9c00;}
.book_data .list .item .info .like.on:before{background-image:url("/img/book_data/icon_star_on.png");}
.book_data .list .item .ranking{display:flex;justify-content:space-between;margin-bottom:8px;}
.book_data .list .item .ranking .idx{position:relative;height:20px;line-height:19px;font-size:12px;color:var(--white);background:#4dac27;border-radius:9px;padding:0 10px 0 15px;margin-left:15px;}
.book_data .list .item .ranking .idx:before{position:absolute;bottom:-2px;left:-15px;content:"";display:block;width:30px;height:33px;background:url("/img/book_data/icon_best_line.png") 0 0 / 100% 100% no-repeat;}
.book_data .list .item .ranking .num{display:flex;align-items:center;font-size:15px;gap:0 5px;}
.book_data .list .item .ranking .num:before{display:block;font-size:8px;}
.book_data .list .item .ranking .num.up{color:#f0780a;}
.book_data .list .item .ranking .num.up:before{content:"▲";}
.book_data .list .item .ranking .num.down{color:#82bbff;}
.book_data .list .item .ranking .num.down:before{content:"▼";}
@media screen and (max-width:1440px){
.book_data .list .item{width:calc(20% - 24px);}
.book_data .category-slide .contents_wrap{padding:0;}
}
@media screen and (max-width:1024px){
.book_data .list_box{padding:45px 0 100px 0}
.book_data .list{gap:50px 20px;}
.book_data .list .item{width:calc(25% - 15px);}
}
@media screen and (max-width:768px){
.book_data .pc{display:none!important;}
.book_data .mo{display:block!important;}
.book_data .sort_box .weekly{display:none;}
.book_data .sort_box .inner{height:35px;border:0;}
.book_data .list_box.best{display:none!important;}
.book_data .list_box{padding:25px 0 100px 0;}
.book_data .list{gap:22px 0;}
.book_data .list .item{max-width:100%;width:100%;flex-direction:row;justify-content:space-between;gap:0 20px;flex:auto;}
.book_data .list .item + .item{border-top:1px solid #dfdfdf;padding-top:22px;}
.book_data .list .item .thumb{flex-shrink:0;flex-basis:105px;max-width:100%;pointer-events:none;}
.book_data .list .item .thumb .icon{height:13px;line-height:13px;font-size:7px;border-radius:4px;padding:0 6px;}
.book_data .list .item .thumb .icon.best span:before{width:9px;height:8px;margin-right:5px;}
.book_data .list .item .info.mo{display:flex!important;flex-direction:column;margin:0;flex-grow:1;}
.book_data .list .item .info .detail{margin:0;}
.book_data .list .item .info .level{font-size:12px;}
.book_data .list .item .info .like{font-size:11px;}
.book_data .list .item .info .like:before{width:10px;height:10px;}
.book_data .list .item .info .tit{font-size:15px;min-height:auto;}
.book_data .list .item .info .data_menu{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:2px;margin-top:auto;}
.book_data .list .item .info .data_menu .item{flex-grow:0;max-width:100%;min-width:auto;width:calc(50% - 1px);height:32px;line-height:32px;font-size:12px;color:var(--white);background:#666;border-radius:3px;padding:0 12px;white-space:nowrap;}
.book_data .list .item .info .data_menu .item span:before{content:"";display:inline-block;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:-2px;margin-right:10px;}
.book_data .list .item .info .data_menu .btn_view_info span:before{width:11.3px;height:13px;background-image:url("/img/book_data/icon_book_info.png");}
.book_data .list .item .info .data_menu .btn_detail span:before{width:12.6px;height:13px;background-image:url("/img/book_data/icon_ebook.png");}
.book_data .list .item .info .data_menu .btn_download span:before{width:12.3px;height:13px;background-image:url("/img/book_data/icon_downloads.png");}
.book_data .list .item .info .data_menu .btn_iwb span:before{width:13.3px;height:13px;background-image:url("/img/book_data/icon_iwb.png");}
/*offline 관련 추가*/
.book_data .list .item .info .data_menu .btn_offiwb span:before{width:13px;height:12px;background-image:url("/img/book_data/icon_offiwb.png");background-size:100% auto}
#offlineIwbPop{width:100%}
#offlineIwbPop .modal-header .sbj{width:calc(100% - 55px)}
#offlineIwbPop .modal-header .sbj .tit{max-width:calc(100% - 60px)}
#offlineIwbPop .modal-content .progress_wrap>li .summary .tit{max-width:calc(100% - 60px)}
}


/*======================================
    READINGOCEANS
======================================*/
.readingoceans{font-family:Pretendard;}
.readingoceans .profilewrap .contents_wrap{width:1440px;}
.readingoceans .myLeftGap{padding:60px 0 100px;}
.readingoceans .tit_box{text-align:center;margin-bottom:60px;}
.readingoceans .tit_box .tit{display:inline-block;font-size:32px;color:#000;font-family:Pretendard;font-weight:600;border-bottom:4px solid #3999ff;}

/* INTRODUCE */
.readingoceans .introduce .intro{text-align:center;}
.readingoceans .introduce .intro .tit{font-size:24px;font-weight:600;line-height:1.4;}
.readingoceans .introduce .intro .tit strong{color:#1f63c9;}
.readingoceans .introduce .intro .txt{font-size:20px;font-weight:500;margin-top:13px;}
.readingoceans .introduce .intro .desc{display:block;font-size:14px;color:#666;margin-top:4px;}
.readingoceans .introduce .intro .btn{display:inline-block;width:auto;height:72px;line-height:70px;font-size:28px;font-weight:600;color:var(--white);background:#1f63c9;border-radius:16px;margin-top:30px;padding:0 61px;}
.readingoceans .introduce .intro .btn span:after{content:"";display:inline-block;width:28px;height:28px;background:url("/img/readingoceans/icon_link_w.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:22px 0 0 16px;}
.readingoceans .introduce .list{margin-top:90px;}
.readingoceans .introduce .list li{height:333px;border-top:2px dashed #DDD;padding:0 80px;}
.readingoceans .introduce .list li:after{content:"";display:block;clear:both;}
.readingoceans .introduce .list .left{float:left;margin-right:60px;}
.readingoceans .introduce .list .right{float:right;}
.readingoceans .introduce .list .thumb_box,
.readingoceans .introduce .list .txt_box{height:100%;display:flex;flex-flow:column;justify-content:center;}
.readingoceans .introduce .list .txt_box h3{margin:0;}
.readingoceans .introduce .list .thumb_box{width:420px;}
.readingoceans .introduce .list .txt_box{width:calc(100% - 480px);text-align:left;}
.readingoceans .introduce .list .thumb_box img{width:100%;}
.readingoceans .introduce .list .tit{font-family:'yg-jalnan';font-size:22px;color:#222;text-align:left;}
.readingoceans .introduce .list .txt{font-size:18px;line-height:1.4;color:#666;text-align:left;word-break:keep-all;margin-top:10px;}
.readingoceans .introduce .list .txt strong{color:#1f63c9;font-weight:400;}
.readingoceans .introduce .btn_guide{position:relative;display:block;height:120px;line-height:120px;text-align:center;background:#F5F5F5;border-radius:20px;margin-top:95px;}
.readingoceans .introduce .btn_guide img{width:800px;margin:-35px auto 0;}
.readingoceans .order .product_list li{height:160px;position:relative;display:flex;justify-content:space-between;align-items:center;}
.readingoceans .order .product_list li.on{border-color:#3999FF;}
.readingoceans .order .product_list li:nth-child(n+2){margin-top:20px;}
.readingoceans .order .product_list li label{position:relative;display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;border:2px solid #ddd;padding:0 50px 0 116px;}
.readingoceans .order .product_list li label:before{position:absolute;top:calc(50% - 18px);left:40px;content:"";display:block;width:36px;height:36px;background:url("/img/common/icon_radio_off.png") 0 0 / 100% 100% no-repeat;cursor:pointer;}
.readingoceans .order .product_list li input[type='checkbox']:checked + label{border-color:#3999FF;}
.readingoceans .order .product_list li input[type='checkbox']:checked + label:before{background-image:url("/img/common/icon_radio_on.png");}
.readingoceans .order .product_list li .tit{font-size:26px;}
.readingoceans .order .product_list li .count_box{margin-top:20px;}
.readingoceans .order .product_list li .count_box span{display:inline-block;font-size:16px;line-height:40px;vertical-align:top;margin-right:10px;}
.readingoceans .order .product_list li .count{display:inline-block;font-size:0;}
.readingoceans .order .product_list li .count button{display:inline-block;width:40px;height:40px;background-color:#F5F5F5;background-position:50% 50%;background-repeat:no-repeat;border:1px solid #CCC;vertical-align:top;cursor:pointer;}
.readingoceans .order .product_list li .count .btn_minus{background-image:url("/img/readingoceans/icon_minus.png");background-size:20px 2px;}
.readingoceans .order .product_list li .count .btn_plus{background-image:url("/img/readingoceans/icon_plus.png");background-size:20px 20px;}
.readingoceans .order .product_list li .count .inp{display:inline-block;width:60px;height:40px;font-size:16px;-webkit-border-radius:0;border-radius:0;text-align:center;border:1px solid #CCC;box-sizing:border-box;border-left:0;border-right:0;}
.readingoceans .order .product_list li .price_box:after{content:"";display:block;clear:both;}
.readingoceans .order .product_list li .price{float:left;text-align:right;letter-spacing:-.3px;}
.readingoceans .order .product_list li .price .cost{font-size:20px;color:#777;text-decoration:line-through;}
.readingoceans .order .product_list li .price .sale{font-size:26px;font-weight:600;margin-top:2px;}
.readingoceans .order .product_list li .sale_percent{float:left;width:80px;height:68px;font-size:14px;color:var(--white);line-height:1.4;font-weight:500;text-align:center;background:url("/img/readingoceans/icon_sale.png") 0 0 / 100% 100% no-repeat;padding:8px;margin-left:20px;}
.readingoceans .order .product_list li .sale_percent strong{font-size:18px;font-weight:700;}
.readingoceans .order .total_box{height:100px;display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;margin-top:20px;padding:10px 20px 10px 40px;}
.readingoceans .order .total_box .coupon{font-size:16px;}
.readingoceans .order .total_box .coupon > span{vertical-align:3px;margin-right:6px;}
.readingoceans .order .total_box .coupon strong{font-size:26px;}
.readingoceans .order .total_box .price{width:360px;height:80px;line-height:76px;font-size:16px;color:#f28421;text-align:center;border:2px dashed #F28421;border-radius:16px;background:var(--white);}
.readingoceans .order .total_box .price > span{vertical-align:3px;margin-right:8px;}
.readingoceans .order .total_box .price strong{font-size:26px;}
.readingoceans .order .desc{font-size:14px;color:#f28421;margin-top:10px;}
.readingoceans .order .detail{margin-top:130px;display:flex;}
.readingoceans .order .detail .item{width:calc(50% - 40px);}
.readingoceans .order .detail .item + .item{margin-left:80px;}
.readingoceans .order .detail .item .box{display:flex;flex-flow:column;position:relative;min-height:200px;height:100%;border:1px solid #ccc;border-top:2px solid var(--main-color);}
.readingoceans .order .detail .item .tit{height:48px;line-height:48px;font-size:18px;text-align:center;background:#f5f5f5;border-bottom:1px solid #ccc;}
.readingoceans .order .detail .payment .txt_box{padding:0 20px;}
.readingoceans .order .detail .payment .method{text-align:center;padding:28px 0 25px;}
.readingoceans .order .detail .payment .method label{display:inline-block;width:220px;height:48px;line-height:46px;font-size:16px;font-weight:500;color:#1f63c9;border:1px solid var(--main-color);border-radius:24px;}
.readingoceans .order .detail .payment .agree{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #ddd;padding:12px 0;}
.readingoceans .order .detail .payment .agree label{position:relative;display:inline-block;font-size:14px;color:#999;padding-left:28px;}
.readingoceans .order .detail .payment .agree label:before{position:absolute;top:0;left:0;content:"";display:block;width:20px;height:20px;background:url("/img/common/icon_checkbox_off.png") 0 0 / 100% 100% no-repeat;}
.readingoceans .order .detail .payment .agree input[type='checkbox']:checked + label:before{background-image:url("/img/common/icon_checkbox_on.png");}
.readingoceans .order .detail .payment .terms{min-width:64px;margin-left:40px;}
.readingoceans .order .detail .payment .btn_policy{font-size:14px;color:#006CB8;font-weight:500;}
.readingoceans .order .detail .payment .btn_policy span:after{content:"";display:inline-block;width:6px;height:11px;background:url("/img/readingoceans/icon_right.png") 0 0 / 100% 100% no-repeat;margin-left:4px;}
.readingoceans .order .detail .start_date .txt_box{display:flex;align-items:center;flex-flow:column;justify-content:center;height:100%;text-align:center;padding:0 10px;}
.readingoceans .order .detail .start_date .txt{display:block;font-size:22px;font-weight:500;}
.readingoceans .order .detail .start_date .txt strong{color:#F28421;}
.readingoceans .order .detail .start_date .date_box{position:relative;display:inline-block;text-align:center;border:0;padding:0;margin-top:15px;}
.readingoceans .order .detail .start_date .date_box .date{position:absolute;top:0;right:0;width:1px!important;height:1px;background:transparent;outline:0;border:0;padding:0!important;}
.readingoceans .order .detail .start_date .date_box label{display:inline-block;width:220px;height:48px;line-height:48px;font-weight:normal;font-size:16px;color:var(--white);border-radius:24px;background:#000;}
.readingoceans .order .detail .start_date .date_box label:after{width:0;height:0;border:0;margin:0;}
.readingoceans .order .detail .start_date .date_box label span:before{content:"";display:inline-block;width:22px;height:22px;background:url("/img/common/icon_date.png") 0 0 / 100% 100% no-repeat;margin-right:4px;vertical-align:-4px;}
.readingoceans .order .detail .noti_box{position:absolute;top:calc(100% + 24px);left:0;width:100%;}
.readingoceans .order .detail .noti{position:relative;left:auto;bottom:auto;height:auto;line-height:1.4;color:#666;text-align:left;font-size:14px;color:#5C5C5C;background:#FEF7F3;border-radius:8px;word-break:keep-all;padding:12px 15px;}
.readingoceans .order .detail .noti:before{position:absolute;top:-15px;left:10px;content:"";display:block;width:23px;height:20px;background:url("/img/common/icon_noti_before.png") 0 0 / 100% 100% no-repeat;}
.readingoceans .order .detail .noti span{position:relative;display:block;padding-left:24px;}
.readingoceans .order .detail .noti span:before{position:absolute;top:0;left:0;content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_noti.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:1px 6px 0 0;}
.readingoceans .order .btn_box{margin-top:188px;}
.readingoceans .order .btn_box .btn{display:block;width:100%;height:80px;line-height:80px;font-family:'yg-jalnan';font-size:30px;color:var(--white);border-radius:16px;background:#1f63c9;}
.readingoceans .search_box{display:flex;justify-content:space-between;border:4px solid #EBEBEB;padding:22px 60px;}
.readingoceans .search_box .item{display:flex;align-items:center;}
.readingoceans .search_box .item .tit{min-width:30px;width:100%;}
.readingoceans .search_box .item .con{display:flex;width:100%;align-items:center;}
.readingoceans .search_box .item .con input{width:100%;}
.readingoceans .search_box .tit{font-size:16px;font-weight:bold;margin-right:12px;}
.readingoceans .search_box .date_box{position:relative;width:50%;}
.readingoceans .search_box .date_box .date{height:36px;border-radius:0;background:#F5F5F5 url("/img/common/icon_calendar.png?v2") 100% 0 / 36px 36px no-repeat;cursor:pointer;}
.readingoceans .search_box .date_box + i{display:inline-block;line-height:36px;width:10px;margin:0 12px;}
.readingoceans .search_box input{height:36px;border-radius:0;padding-left:10px;}
.readingoceans .search_box .btn_search{display:block;border-radius:0;min-width:100px;height:36px;line-height:34px;font-size:16px;font-weight:600;text-align:center;color:var(--white);background:#333;border:1px solid #ccc;text-indent:0;margin-left:12px;}
.readingoceans .search_box .btn_search span:before{content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_search_2.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:9px 6px 0 0;}
.readingoceans .search_box select{height:36px;background:url("/img/readingoceans/icon_select.png") 95% 50% / 13px 10px no-repeat;}

.readingoceans .coupon .cnt{font-size:16px;font-weight:600;}
.readingoceans .coupon .cnt strong{font-size:20px;color:#F28421;margin-left:4px;}
.readingoceans .coupon .search_box .item .tit{width:auto;}
.readingoceans .board_list table{width:100%;border-color:#000;}
.readingoceans .board_list tr td{height:77px!important;font-size:20px!important;padding:24px 60px!important;border-left:0;border-right:0;}
.readingoceans .board_list tr td strong{color:#f28421;}
.readingoceans .board_list.list_none td{color:#999;text-align:center;padding:64px 0!important;}
.readingoceans .pagination{font-size:0;margin-top:40px;text-align:center;}
.readingoceans .pagination a{font-size:16px;color:#666;margin:0;line-height:36px;}
.readingoceans .pagination a + a{margin-left:20px;}
.readingoceans .pagination a.on{color:#3999FF;}
.readingoceans .pagination .first,.readingoceans .pagination .last,
.readingoceans .pagination .prev,.readingoceans .pagination .next{display:inline-block;font-size:0;width:36px;height:36px;border-radius:50%;border:1px solid #ccc;line-height:0;margin:0;vertical-align:top;}
.readingoceans .pagination .first,.readingoceans .pagination .last{background:url("/img/common/icon_paging_prev_end.png") 50% 50% / 18px 15.4px no-repeat;}
.readingoceans .pagination .prev,.readingoceans .pagination .next{background:url("/img/common/icon_paging_prev.png") 50% 50% / 8.5px 15.4px no-repeat;}
.readingoceans .pagination .next, .readingoceans .pagination .last{transform:rotate(180deg);}
.readingoceans .pagination .prev{margin-left:10px;}
.readingoceans .pagination .next,.readingoceans .pagination .last{margin-right:10px;}
.readingoceans .pagination .next{margin-left:18px;}
.readingoceans .pagination .active{color:#3999FF;}
.readingoceans .board_btn{text-align:right;margin-top:60px;}
.readingoceans .board_btn .btn{display:inline-block;height:40px;line-height:36px;font-family:Pretendard;font-size:18px;font-weight:600;color:#3999ff;text-align:center;background:var(--white);border:1px solid #3999FF;border-radius:4px;padding:0 25px;}
.readingoceans .board_btn + .board_list{margin-top:10px;}
.readingoceans .download .search_box select{width:260px;}
.readingoceans .download .search_box input[type='text']{width:320px;}
.readingoceans .download .search_box .btn_search{margin-left:0;border:0;}
.readingoceans .download .list{border-top:2px solid #000;}
.readingoceans .download .list li{height:130px;border-bottom:1px solid #ccc;padding:0 40px 0 20px;}
.readingoceans .download .list li:after{content:"";display:block;clear:both;}
.readingoceans .download .list li .left{float:left;}
.readingoceans .download .list li .right{float:right;}
.readingoceans .download .list li .info{margin-top:30px;}
.readingoceans .download .list li .tag{font-size:0;margin:0;}
.readingoceans .download .list li .tag span{display:inline-block;height:32px;line-height:32px;font-size:14px;font-weight:600;color:#666;border-radius:18px;padding:0 16px;}
.readingoceans .download .list li .tag span + span{margin-left:5px;}
.readingoceans .download .list li .book{font-size:18px;color:#777;margin-top:10px;}
.readingoceans .download .list li .book strong{color:#222;}
.readingoceans .download .list li .data{font-size:0;margin-top:24px;}
.readingoceans .download .list li .data .btn{display:inline-block;text-align:center;}
.readingoceans .download .list li .data .btn + .btn{margin-left:30px;}
.readingoceans .download .list li .data .btn a{display:block;width:100%;height:100%;}
.readingoceans .download .list li .data .btn.off{pointer-events:none;}
.readingoceans .download .list li .data .btn img{width:64px;height:64px;}
.readingoceans .download .list li .data .btn span{display:block;font-size:12px;color:#666;margin-top:2px;}

.readingoceans .guide .txt{font-size:24px;line-height:1.5;text-align:center;}
.readingoceans .guide .txt strong{color:#3999FF;font-weight:400;}
.readingoceans .guide .btn_box{text-align:center;margin-top:30px;}
.readingoceans .guide .btn_all_download{display:inline-block;height:72px;line-height:72px;font-size:28px;font-weight:600;color:var(--white);text-align:center;border-radius:16px;background:#1f63c9;padding:0 49px;}
.readingoceans .guide .btn_all_download span:after{content:"";display:inline-block;width:26px;height:24px;background:url("/img/readingoceans/icon_download.png") 0 0 / 100% 100% no-repeat;margin-left:20px;}
.readingoceans .guide .board_list{margin-top:60px;}
.readingoceans .guide .board_list .tit{height:40px;line-height:38px;font-size:14px;font-weight:600;text-align:center;color:#222;background:#f5f5f5;border:1px solid #ccc;border-top:2px solid #000;}
.readingoceans .guide .board_list .list:after{content:"";display:block;clear:both;}
.readingoceans .guide .board_list .item{float:left;width:50%;display:flex;align-items:center;position:relative;height:77px;font-size:20px;border-bottom:1px solid #ccc;padding:0 80px 0 30px!important;}
.readingoceans .guide .board_list .item:nth-child(2n){border-left:1px solid #ccc;}
.readingoceans .guide .board_list .item strong{color:#1f63c9;}
.readingoceans .guide .board_list .item:after{position:absolute;top:50%;right:40px;content:"";display:block;width:26px;height:24px;background:url("/img/readingoceans/icon_download_b.png") 0 0 / 100% 100% no-repeat;transform:translateY(-50%);}

@media screen and (max-width:1400px){
.readingoceans .profilewrap .contents_wrap{width:100%;padding:0 20px;}
}
@media screen and (max-width:1440px){
.readingoceans .introduce .list .txt_box{width:calc(100% - 410px);}
.readingoceans .introduce .list .thumb_box{width:320px;}
.readingoceans .introduce .list .left{margin-right:30px;}
.readingoceans .introduce .list li{padding:0 40px;}
.readingoceans .introduce .btn_guide img{width:700px;margin-top:-20px;}
.readingoceans .order .detail .item{width:calc(50% - 20px);}
.readingoceans .order .detail .item + .item{margin-left:40px;}
.readingoceans .coupon .search_box{padding:22px;}
.readingoceans .search_box .date_box + i{margin:0 5px;}
.readingoceans .search_box .btn_search{margin-left:2px;}
.readingoceans .download .search_box{padding:22px;}
.readingoceans .download .search_box input[type='text']{width:auto;}
.readingoceans .guide .board_list .item{font-size:18px;}
}
@media screen and (max-width:1000px){
.readingoceans .search_box .date_box + i{margin:0 12px;}
.readingoceans .search_box .btn_search{margin-left:12px;}
}
@media screen and (max-width:768px){
.readingoceans .profilewrap .contents_wrap{padding:0 16px;}
.readingoceans .myLeftGap{padding:30px 0 0;}
.readingoceans .tit_box{margin-bottom:30px;}
.readingoceans .tit_box .tit{font-size:28px;}

.readingoceans .introduce .intro .tit{font-size:18px;}
.readingoceans .introduce .intro .txt{font-size:14px;margin-top:12px;}
.readingoceans .introduce .intro .desc{font-size:12px;}
.readingoceans .introduce .intro .btn{width:100%;height:64px;line-height:62px;font-size:24px;padding:0;}
.readingoceans .introduce .intro .btn span:after{margin:19px 0 0 16px;}
.readingoceans .introduce .list{margin-top:60px;}
.readingoceans .introduce .list .left,
.readingoceans .introduce .list .right{float:none;margin:0;}
.readingoceans .introduce .list li{height:auto;padding:30px 0;}
.readingoceans .introduce .list .txt_box{width:100%;display:block;}
.readingoceans .introduce .list .tit{font-size:20px;text-align:center;}
.readingoceans .introduce .list .txt{font-size:16px;text-align:center;margin-top:8px;}
.readingoceans .introduce .list .thumb_box{width:100%;margin-top:20px;}
.readingoceans .introduce .btn_guide{width:calc(100% + 32px);height:auto;font-size:22px;line-height:1.4;border-radius:0;margin-top:30px;padding:0;margin-left:-16px;}
.readingoceans .introduce .btn_guide img{width:100%;}

.readingoceans .order .product_list li{height:auto;}
.readingoceans .order .product_list li label{display:block;padding:20px 12px 20px 60px;}
.readingoceans .order .product_list li label:before{top:20px;left:16px;}
.readingoceans .order .product_list li .tit{font-size:22px;}
.readingoceans .order .product_list li .count_box{margin-top:8px;}
.readingoceans .order .product_list li .count_box span{display:none;}
.readingoceans .order .product_list li .price_box{position:relative;margin-top:20px;}
.readingoceans .order .product_list li .price{text-align:left;}
.readingoceans .order .product_list li .sale_percent{float:none;margin:0;position:absolute;top:0;right:0;}
.readingoceans .order .total_box{height:auto;display:block;padding:20px;}
.readingoceans .order .total_box .price{width:100%;margin-top:10px;}
.readingoceans .order .desc{font-size:12px;}
.readingoceans .order .detail{display:block;margin-top:60px;}
.readingoceans .order .detail .item{width:100%;}
.readingoceans .order .detail .item + .item{margin:21px 0 0 0;}
.readingoceans .order .detail .item .box{height:auto;min-height:auto;}
.readingoceans .order .detail .item .tit{height:40px;line-height:40px;font-size:14px;}
.readingoceans .order .detail .payment .txt_box{padding:0 15px;}
.readingoceans .order .detail .payment .method{padding:16px 0 20px;}
.readingoceans .order .detail .payment .method label{width:200px;height:40px;line-height:38px;}
.readingoceans .order .detail .payment .agree{padding:10px 0;}
.readingoceans .order .detail .payment .agree label{line-height:1.3;}
.readingoceans .order .detail .start_date .txt_box{padding:17px 0 23px;}
.readingoceans .order .detail .start_date .txt{font-size:14px;}
.readingoceans .order .detail .start_date .date_box{margin-top:10px;}
.readingoceans .order .detail .start_date .date_box label{width:200px;height:40px;line-height:40px;}
.readingoceans .order .detail .noti_box{display:none;}
.readingoceans .order .btn_box{margin-top:60px;}
.readingoceans .order .btn_box .btn{width:calc(100% + 32px);font-size:22px;border-radius:0;margin-left:-16px;}

.readingoceans .coupon .cnt{text-align:center;}
.readingoceans .coupon .cnt + .search_box{margin-top:10px;}
.readingoceans .coupon .search_box .cnt{display:none;}
.readingoceans .coupon .board_list tr .period span{display:block;}
.readingoceans .coupon .board_list tr .quantity{font-size:16px!important;}

.readingoceans .search_box{display:block;border-width:2px;padding:20px 16px;}
.readingoceans .search_box .item{width:100%;display:block;}
.readingoceans .search_box .item + .item{margin-top:30px;}
.readingoceans .search_box .item .tit{font-size:16px;}
.readingoceans .search_box .item .con{margin-top:6px;}
.readingoceans .search_box .item input{margin:0;}
.readingoceans .search_box .date_box + i{margin:0 4px;}
.readingoceans .search_box .btn_search{width:100px;border:0;margin:20px auto 0;}
.readingoceans .board_btn{margin-top:40px;}
.readingoceans .board_btn .btn{font-size:16px;padding:0 33px;}
.readingoceans .board_list tr td{height:82px!important;font-size:18px!important;padding:0!important;}
.readingoceans .board_list tr td strong{display:inline-block;}
.readingoceans .board_list.list_none td{font-size:18px!important;padding:58px 0 81px!important;}
.readingoceans .pagination{margin:40px 0 87px;}

.readingoceans .download .search_box select{width:100%;}
.readingoceans .download .search_box input[type='text']{width:100%;}
.readingoceans .download .search_box .btn_search{margin:0;}
.readingoceans .download .list li{height:auto;padding:20px 0;}
.readingoceans .download .list li .left,
.readingoceans .download .list li .right{float:none;}
.readingoceans .download .list li .info{margin:0;}
.readingoceans .download .list li .tag span{height:29px;line-height:29px;font-size:12px;border-radius:15px;padding:0 12px;}
.readingoceans .download .list li .tag span + span{margin-left:10px;}
.readingoceans .download .list li .book{font-size:16px;}
.readingoceans .download .list li .data{margin-top:12px;}
.readingoceans .download .list li .data .btn{width:calc(33.333% - 5.333px);height:30px;line-height:28px;border:1px solid #ddd;border-radius:6px;}
.readingoceans .download .list li .data .btn + .btn{margin-left:8px;}
.readingoceans .download .list li .data .btn img{width:20px;height:20px;vertical-align:top;margin:4px 5px 0 0;}
.readingoceans .download .list li .data .btn span{display:inline-block;margin:0;}

.readingoceans .guide .txt{font-size:18px;}
.readingoceans .guide .btn_all_download{position:relative;width:100%;height:auto;line-height:1.3;font-size:22px;text-align:left;padding:11.5px 20px 11.5px 30px;}
.readingoceans .guide .btn_all_download span:after{display:block;position:absolute;top:28px;right:30px;margin:0;}
.readingoceans .guide .board_list{margin:40px 0 93px;}
.readingoceans .guide .board_list .item{float:none;width:100%;height:56px;font-size:16px;padding:0 40px 0 10px!important;}
.readingoceans .guide .board_list .item:nth-child(2n){border-left:0;}
.readingoceans .guide .board_list .item:after{right:10px;}
}

/*======================================
    강사소개
======================================*/
/* 헤더: 이름 + 직함 */
#teacher_info .title span {
    font-size: 20px;
    color: #1f63c9;
    font-weight: 700;
}

/* 상세 정보 그리드 */
.teacher-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* 개별 아이템 */
.teacher-item {
  border: 1px solid #DEE1E3;
  border-radius: 10px;
  padding: 18px 20px;
}

/* 타이틀 */
.teacher-item h4 {
  font-size: 16px;
  font-weight: 700;
  color: #284073;
  padding-bottom: 10px;
}

/* 리스트 */
.teacher-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.teacher-item li {
  position: relative;
  padding: 5px 0 5px 15px;
  font-size: 15px;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
}
.teacher-item li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 5px;
  color: #1f63c9;
  font-size: 15px;
}

@media screen and (max-width:1280px){
    #teacher_info .title span {
        font-size: 18px;
    }
  .teacher-details {
      grid-template-columns: 1fr;
  }
  .teacher-item {
    padding: 15px 15px;
    }
}

/*======================================
    영어강사 전문교육과정
======================================*/
.teacher_course{font-family: Pretendard;}
.teacher_wrap .prd_list + .prd_list{margin-top:80px;}
.teacher_wrap .prd_list .list_box + .list_box{margin-top:80px;}
.teacher_wrap .prd_list .list_box .title{display:inline;color:#1b1b1b;font-size:28px;font-weight:600;}
.teacher_wrap #one .title{padding-right:30px;background:url(/img/common/icon_gift.png) right top 3px / 26px auto no-repeat}
.teacher_wrap #pre .title{padding-right:29px;background:url(/img/common/icon_clap.png) right top 3px / 25px auto no-repeat}
.teacher_wrap #basic .title{padding-right:27px;background:url(/img/common/icon_fire.png) right top 3px / 23px auto no-repeat}
.teacher_wrap .prd_list .list_box .list_sub_tit{margin-top:4px;color:#616161;font-size:20px;line-height: 150%;}
.teacher_wrap .prd_list .list{display:flex;flex-wrap:wrap;gap:60px 24px;margin-top:24px}
.teacher_wrap .prd_list .list li{width:calc(25% - 18px);}
.teacher_wrap .prd_list .list .thumb{position:relative;border-radius:4px;overflow:hidden;}
.teacher_wrap .prd_list .list .thumb > img{width:100%;height:auto}
.teacher_wrap .prd_list .list .thumb .icon{position:absolute;top:12px;left:15px;display:block;height:24px;font-size:0;z-index:1;}
.teacher_wrap .prd_list .list .thumb .icon > img{display:inline-block;height:100%;vertical-align:top;}
.teacher_wrap .prd_list .list .thumb .icon > img + img{margin-left:5px;}
.teacher_wrap .prd_list .list .ranking{display:inline-block;width:auto;height:24px;line-height:22px;font-size:14px;font-weight:600;color:var(--white);border-radius:4px;padding:0 6px;margin-top:12px;}
.teacher_wrap .prd_list .list .ranking span:before{content:"";display:inline-block;width:18px;height:20px;background:url("/img/common/icon_rank.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:2px;}
.teacher_wrap .prd_list .list .ranking strong{color:#FEC94E}
.teacher_wrap .prd_list .list .ranking.first{background:#032ADA;}
.teacher_wrap .prd_list .list .ranking.second{background:#7B03DA;}
.teacher_wrap .prd_list .list .ranking.third{background:#4803DA;}
.teacher_wrap .prd_list .list .info-wrap{padding: 20px;background-color: var(--bg-lightgray);}
.teacher_wrap .prd_list .list .txt{color:#616161;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;line-height: 150%;}
.teacher_wrap .prd_list .list .tit{max-height:46px;font-size:16px;font-weight: 500;color:#1b1b1b;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:6px;line-height: 150%;}
.teacher_wrap .prd_list .list .price_box{font-size:0;margin-top:6px;}
.teacher_wrap .prd_list .list .price_box span{display:inline-block;}
.teacher_wrap .prd_list .list .sale{font-size:18px;font-weight:700;color:#1f63c9;}
.teacher_wrap .prd_list .list .price{color:#1b1b1b;font-size:18px;margin-left:4px;}
.teacher_wrap .prd_list .list .price em{font-size:18px;font-weight:700;}
.teacher_wrap .prd_list .list .info{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #EDF0F2;margin-top:10px;padding-top:10px;}
.teacher_wrap .prd_list .list .tag_box{font-size:0;display:flex;flex-wrap:wrap;gap:4px}
.teacher_wrap .prd_list .list .tag_box .hot{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#1f63c9;color:var(--white);padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .tag_box .replay{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#A041FF;color:var(--white);padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .tag_box .deadline{height:22px}
.teacher_wrap .prd_list .list .tag_box .deadline img{height:22px}
/* new, 판매순위 추가 */
.teacher_wrap .prd_list .list .tag_box .new{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#1b1b1b;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .tag_box .rank{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#ffa843;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .challenge{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#0D927A;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .tag{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#f4f5f7;padding:4px 6px;margin:0;}
.teacher_wrap .prd_list .list .rating{display:flex;gap:0 2px;align-items: center;font-size:12px;font-weight:500;color:#1b1b1b;flex-shrink: 0;}
.teacher_wrap .prd_list .list .rating:before{content:"";display:inline-block;width:18px;height:18px;background:url(/img/common/icon_star.png) 0 0 / 18px auto no-repeat;}

@media screen and (max-width:1024px){
.teacher_wrap .prd_list .list li{width:calc(33.333% - 16px);}
}
@media screen and (max-width:768px){
.teacher_wrap .prd_list + .prd_list{margin-top:40px;}
.teacher_wrap .prd_list .list_box + .list_box{margin-top:40px;}
.teacher_wrap .prd_list .list_box .title{font-size:16px;margin-bottom:15px;}
.teacher_wrap #one .title{padding-right:20px;background:url(/img/common/icon_gift.png) right top / 18px auto no-repeat}
.teacher_wrap #pre .title{padding-right:20px;background:url(/img/common/icon_clap.png) right top / 16px auto no-repeat}
.teacher_wrap #basic .title{padding-right:20px;background:url(/img/common/icon_fire.png) right top / 16px auto no-repeat}
.teacher_wrap .prd_list .list_box .list_sub_tit{font-size:14px}
.teacher_wrap .prd_list .list{gap:30px 12px;}
.teacher_wrap .prd_list .list li{width:calc(50% - 6px);}
.teacher_wrap .prd_list .list .thumb .icon{top:8px;left:8px;height:16px;}
.teacher_wrap .prd_list .list .thumb .icon > img + img{margin-left:3px;}
.teacher_wrap .prd_list .list .ranking{height:17px;line-height:15px;font-size:10px;border-radius:2px;margin-top:6px;padding:0 3px;}
.teacher_wrap .prd_list .list .ranking span:before{width:13px;height:14.5px;margin-right:1px;}
.teacher_wrap .prd_list .list .txt{font-size:10px;margin-top:3px;}
.teacher_wrap .prd_list .list .tit{max-height:52px;-webkit-line-clamp:3;font-size:12px;margin-top:3px;}
.teacher_wrap .prd_list .list .price_box{margin-top:4px;}
.teacher_wrap .prd_list .list .sale{font-size:12px;}
.teacher_wrap .prd_list .list .price{font-size:11px;}
.teacher_wrap .prd_list .list .price em{font-size:12px;}
.teacher_wrap .prd_list .list .info{margin-top:6px;padding-top:7px;}
.teacher_wrap .prd_list .list .tag{font-size:10px;}
.teacher_wrap .prd_list .list .rating{font-size:10px;}
.teacher_wrap .prd_list .list .rating:before{width:13px;height:13px;background-size:13px auto}
.teacher_wrap .prd_list .list .tag_box .hot,.teacher_wrap .prd_list .list .tag_box .replay{font-size:10px}
.teacher_wrap .prd_list .list .tag_box .deadline{height:20px}
.teacher_wrap .prd_list .list .tag_box .deadline img{height:20px}
}

.prd_detail{font-family:Pretendard;overflow:initial;}
.prd_detail .myLeftGap{padding:42px 0 100px;}
.prd_detail .contents{width:calc(100% - 408px);}
.prd_detail .detail_wrap{display:flex;flex-flow:row nowrap;}
.prd_detail .active_slide{position:relative;height:514px;}
.prd_detail .active_slide .swiper{height:100%;}
.prd_detail .active_slide .swiper-slide{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.prd_detail .active_slide .swiper-slide img{max-width:100%;width:100%;height:100%;}
.prd_detail .active_slide:hover .swiper-button-prev,
.prd_detail .active_slide:hover .swiper-button-next{display:block;}
.prd_detail .active_slide .icon{position:absolute;top:0;right:16px;width:100px;height:100px;z-index:1;}
.prd_detail .active_slide .icon img{width:100%;height:100%;vertical-align:top;}
.prd_detail .thumb_slide{border:1px solid #E8EBED;margin-top:12px;}
.prd_detail .thumb_slide .swiper{padding:8px;}
.prd_detail .thumb_slide .swiper-slide{width:auto;height:120px;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid #eee;}
.prd_detail .thumb_slide .swiper-slide img{width:100%;height:100%;}
.prd_detail .thumb_slide .swiper-slide-thumb-active{border:2px solid var(--main-color);}
.prd_detail .fraction{display:none;left:auto;right:14px;bottom:12px;width:auto;height:21px;line-height:21px;font-size:10px;color:var(--white);border-radius:50px;background:rgba(0,0,0,.6);padding:0 10px;}
.prd_detail .swiper-pagination-bullet{background:rgba(255,255,255,.7);}
.prd_detail .swiper-horizontal>.swiper-pagination-bullets,
.prd_detail .swiper-pagination-bullets.swiper-pagination-horizontal,
.prd_detail .swiper-pagination-custom, .swiper-pagination-fraction{height:8px;line-height:8px;bottom:24px;}
.prd_detail .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.prd_detail .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.prd_detail .swiper-button-prev, .prd_detail .swiper-container-rtl .swiper-button-next,
.prd_detail .swiper-button-next, .prd_detail .swiper-container-rtl .swiper-button-prev{display:none;width:40px;height:40px;margin-top:-20px;background:url("/img/common/icon_slide_left.svg") 0 0 / 100% 100% no-repeat;}
.prd_detail .swiper-button-prev, .prd_detail .swiper-container-rtl .swiper-button-next{left:-20px;}
.prd_detail .swiper-button-next, .prd_detail .swiper-container-rtl .swiper-button-prev{right:-20px;background-image:url("/img/common/icon_slide_right.svg");}
.prd_detail .summary.mo{padding:24px 21px 16px;}
.prd_detail .summary.fixed{position:sticky;top:180px;width:384px;height:570px;margin-left:24px;z-index:1;}
.prd_detail .summary.fixed .info_box{border:1px solid #DEE1E3;padding:26px;}
.prd_detail .summary .info_box .item.col_2{display:flex;align-items:center;justify-content:space-between;}
.prd_detail .summary .info_box .item.col_2 > div:nth-child(2){text-align:right;}
.prd_detail .summary .info_box .item.col_4{display:flex;align-items:center;justify-content:space-between;}
.prd_detail .summary .info_box .item.col_4 > div:nth-child(4){text-align:right;}
.prd_detail .summary .info_box .item.b_t{border-top:1px solid #EDF0F2;padding-top:16px;}
.prd_detail .summary .info_box .item + .item{margin-top:16px;}
.prd_detail .summary .name{font-size:14px;font-weight:400;color:#666;}
.prd_detail .summary .rating{font-size:11px;font-weight:500;color:#222;}
.prd_detail .summary .rating:before{content:"";display:inline-block;width:14px;height:14px;background:url("/img/common/icon_rating.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:1px 2px 0 0;}
.prd_detail .summary .title{font-size:20px;font-weight:bold;line-height:1.4;color:#222;word-break:keep-all;letter-spacing:-.5px;}
.prd_detail .summary .tag_box{font-size:0;}
.prd_detail .summary .tag{display:inline-block;width:auto;height:24px;font-size:14px;color:var(--white);line-height:24px;background:#FF6739;border-radius:4px;padding:0 6px;margin:0;}
.prd_detail .summary .tag + .tag{margin-left:4px;}
.prd_detail .summary .tit{font-size:14px;font-weight:400;color:#666;}
.prd_detail .summary .price_box{align-items:flex-end!important;margin-top:0!important;}
.prd_detail .summary .price_box .tit{font-size:16px;}
.prd_detail .summary .price_box .detail{font-size:0;}
.prd_detail .summary .cost{font-size:0;}
.prd_detail .summary .cost span{display:inline-block;font-size:12px;color:#999;}
.prd_detail .summary .cost .before{text-decoration:line-through;}
.prd_detail .summary .cost .after:before{content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_arrow_right.svg") 0 0 / 100% 100% no-repeat;margin:0 2px;vertical-align:top;}
.prd_detail .summary .monthly{font-size:14px;font-weight:500;}
.prd_detail .summary .price{display:inline-block;font-size:24px;font-weight:700;color:#000;margin-left:5px;}
.prd_detail .summary .sale_price{font-size:14px;font-weight:500;}
.prd_detail .summary .info_list{display:flex;align-items:center;margin-top:18px;}
.prd_detail .summary .info_list li{width:calc(25% - 6px);font-size:14px;font-weight:400;line-height:1.4;color:#222;text-align:center;border-radius:2px;background-color:#FAFBFC;background-size:38px 38px;background-position:50% 11px;background-repeat:no-repeat;padding:55px 0 9px;}
.prd_detail .summary .info_list li + li{margin-left:8px;}
.prd_detail .summary .info_list li strong{display:block;color:#3999FF;font-weight:400;}
.prd_detail .summary .info_list li:nth-child(1){background-image:url("/img/common/icon_info_1.svg");}
.prd_detail .summary .info_list li:nth-child(2){background-image:url("/img/common/icon_info_2.svg");}
.prd_detail .summary .info_list li:nth-child(3){background-image:url("/img/common/icon_info_3.svg");}
.prd_detail .summary .info_list li:nth-child(4){background-image:url("/img/common/icon_info_4.svg");}
.prd_detail .summary .btn_box.fixed{position:fixed;bottom:0;left:0;width:100%;background:var(--white);padding:7px 10px;z-index:100;}
.prd_detail .summary .btn_box.fixed .btn_apply{margin:0;}
.prd_detail .summary .btn_box.fixed .countdown{width:calc(100% + 20px);border-radius:0;margin:0 0 7px -10px;}
.prd_detail .summary .btn_box.fixed .countdown p{font-size:14px;}
.prd_detail .summary .btn_apply{display:block;width:100%;height:48px;line-height:48px;font-size:16px;font-weight:700;color:var(--white);text-align:center;background:#1f63c9;border-radius:4px;margin-top:12px;transition:.3s all;}
.prd_detail .summary .btn_apply:hover{background:#004aba}
.prd_detail .summary .btn_apply.end{color:#666;background:#D9D9D9;pointer-events:none;}
.prd_detail .summary .countdown{font-size:0;color:var(--white);text-align:center;background:#000;border-radius:4px;margin-top:16px;padding:12px 15px;}
.prd_detail .summary .countdown.apply p{font-size:16px;font-weight:500;}
.prd_detail .summary .countdown.apply p:before{content:"";display:inline-block;width:24px;height:24px;background:url("/img/common/icon_siren.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:2px;}
.prd_detail .summary .countdown.apply span{display:inline-block;height:26px;line-height:24px;font-weight:700;background:#FF3946;border-radius:4px;padding:0 7px;}
.prd_detail .summary .countdown.apply span:first-child{margin-left:4px;}
.prd_detail .summary .countdown.apply span:last-child{margin-right:2px;}
.prd_detail .summary .countdown.discount{text-align:left;margin-top:12px;padding:20px 26px;}
.prd_detail .summary .countdown.discount h1{font-size:16px;color:var(--white);font-weight:600;}
.prd_detail .summary .countdown.discount h1:before{content:"";display:inline-block;width:22px;height:22px;background:url("/img/common/icon_siren.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:2px 5px 0 0;}
.prd_detail .summary .countdown.discount .time{display:flex;margin-top:10px;}
.prd_detail .summary .countdown.discount .time span{display:block;width:calc(25% - 6px);height:34px;line-height:32px;text-align:center;font-size:16px;color:#000;font-weight:700;background:var(--white);border-radius:2px;padding:0 19px;}
.prd_detail .summary .countdown.discount .time span + span{margin-left:8px;}
.prd_detail .summary .countdown.discount p{font-size:14px;color:var(--white);margin-top:10px;}

.prd_detail .detail_box{margin-top:50px;scroll-behavior:smooth;}
.prd_detail .section{padding-top:40px;}
.prd_detail .section .title{font-size:18px;font-weight:500;color:#000;margin-bottom:30px;}
.prd_detail .section .title_box{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
.prd_detail .section .title_box .title{margin-bottom:0;}
.prd_detail .section .title_box a{display:inline-block;width:auto;height:30px;line-height:30px;font-size:14px;font-weight:500;border-radius:4px;padding:0 14px;transition:.3s all;}
.prd_detail .section .con{padding:100px 0 40px;}
.prd_detail .section .pt0{padding-top:0!important;}
.prd_detail .section strong{color:#1f63c9;}
.prd_detail .menu{position:sticky;top:0;height:57px;padding-left:18px;background:var(--white);border-bottom:1px solid #ccc;border-top:1px solid #ccc;white-space:nowrap;overflow:hidden;z-index:99;}
.prd_detail .menu .swiper-slide{width:auto}
.prd_detail .menu .swiper-slide:not(:last-child){margin-right:32px;}
.prd_detail .menu .item{position:relative;display:inline-block;height:100%;line-height:57px;font-size:16px;color:#919191;font-weight:700;}
.prd_detail .menu .item.on{color:#1f63c9;}
.prd_detail .menu .item.on::after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1f63c9}
/*.prd_detail .con:nth-child(n+3){border:0;}*/
.prd_detail .con:last-child{padding-bottom:0;border:0;}
.prd_detail .con.preview{padding-top:0;}
.prd_detail .preview .video{position:relative;width:100%;height:auto;padding-top:56.25%;}
.prd_detail .preview .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.prd_detail .preview .video_tit{font-size:14px;font-weight:400;color:#666;margin-top:17px;}
.prd_detail .intro_class .list{font-size:0;}
.prd_detail .intro_class .list li{display:inline-block;width:calc(33.333% - 10.666px);max-width:179px;text-align:center;font-size:16px;font-weight:500;border-radius:6px;padding:108px 0 22px;}
.prd_detail .intro_class .list li:nth-child(1){background:#fafbfc url("/img/common/icon_introduce_1.svg") 50% 12px / 90px auto no-repeat;}
.prd_detail .intro_class .list li:nth-child(2){background:#fafbfc url("/img/common/icon_introduce_2.svg") 50% 16px / 96px auto no-repeat;}
.prd_detail .intro_class .list li:nth-child(3){background:#fafbfc url("/img/common/icon_info_4.svg") 50% 12px / 90px auto no-repeat;}
.prd_detail .intro_class .list li + li{margin-left:16px;}
.prd_detail .intro_class .list li strong{display:block;}
.prd_detail .intro_class .txt{font-size:26px;line-height:1.4;margin-top:40px;}
.prd_detail .intro_class .sub_txt{font-size:16px;color:#222;font-weight:400;margin-top:24px;}
.prd_detail .intro_class .thumb{text-align:center;margin-top:50px;}
.prd_detail .intro_class .thumb img{max-width:100%;width:100%;}

.prd_detail .con.intro_teacher{padding-bottom:0;}
.prd_detail .intro_teacher .name{font-size:26px;line-height:1.4;font-weight:500;}
.prd_detail .intro_teacher .name strong{display:block;color:#FF6739;}
.prd_detail .intro_teacher .name span{text-decoration:underline;text-underline-position:under;}
.prd_detail .intro_teacher .txt{font-size:16px;line-height:1.4;color:#222;margin-top:24px;}
.prd_detail .intro_teacher .thumb{margin-top:50px;}
.prd_detail .intro_teacher .thumb img{max-width:100%;width:auto;}
.prd_detail .curriculum{width:100%;}
.prd_detail .curriculum .list li{display:flex;padding:24px 24px 26px;transition:.3s all;cursor:default;}
.prd_detail .curriculum .list li + li{border-top:1px solid #EDF0F2;}
.prd_detail .curriculum .list li:hover{background:#F9FAFB;}
.prd_detail .curriculum .list .item{display:flex;justify-content:space-between;align-items:flex-start;}
.prd_detail .curriculum .list .item + .item{margin-top:8px;}
.prd_detail .curriculum .list .txt_box{width:100%;word-break:keep-all;}
.prd_detail .curriculum .list .idx{font-size:18px;font-weight:700;color:#222;margin-right:16px;}
.prd_detail .curriculum .list .tit{font-size:18px;font-weight:500;color:#222;}
.prd_detail .curriculum .list .txt,
.prd_detail .curriculum .list .time{font-size:14px;font-weight:400;color:#999;}
.prd_detail .curriculum .list .offer{font-size:12px;font-weight:400;color:#4c4c4c;white-space:nowrap;margin-top:7px;}
.prd_detail .curriculum .list .offer:before{content:"";display:inline-block;width:17px;height:17px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin-right:2px;}
.prd_detail .curriculum .list .offer.type1:before{background-image:url("/img/common/icon_offer_1.svg");}
.prd_detail .curriculum .list .offer.type2:before{background-image:url("/img/common/icon_offer_2.svg");}

.prd_detail .star{width:70px;height:14px;display:inline-block;overflow:hidden;background:url("/img/common/icon_star.svg") 0 0 / 70px auto no-repeat;vertical-align:top;}
.prd_detail .star span{display:inline-block;width:0%;height:14px;background:url("/img/common/icon_star_on.svg") 0 0 / 70px auto no-repeat;vertical-align:top;}
.prd_detail .review .list{display:flex;flex-direction:row;flex-wrap:wrap;}
.prd_detail .review .list li{position:relative;width:calc(50% - 12.5px);margin-right:25px;padding-left:42px;}
.prd_detail .review .list li:nth-child(2n){margin-right:0;}
.prd_detail .review .list li:nth-child(n+3){margin-top:40px;}
.prd_detail .review .list .profile{position:absolute;top:0;left:0;width:34px;height:34px;}
.prd_detail .review .list .profile img{width:100%;height:100%;}
.prd_detail .review .list .name{font-size:12px;font-weight:500;color:#000;}
.prd_detail .review .list .info{font-size:0;margin-top:2px;}
.prd_detail .review .list .date{display:inline-block;font-size:12px;line-height:1.2;font-weight:400;color:#999;}
.prd_detail .review .list .star{margin-left:8px;}
.prd_detail .review .list .txt{font-size:14px;font-weight:400;color:#222;line-height:1.4;margin-top:15px;}
.prd_detail .review .list_none{font-size:16px;font-weight:400;color:#5C5C5C;text-align:center;background:#fafbfc;border:1px solid #edf0f2;border-radius:4px;padding:75px 0;}
.prd_detail .review .btn{display:block;width:100%;height:52px;line-height:52px;font-size:14px;color:#000;font-weight:500;text-align:center;background:#f9fafb;border-radius:4px;margin-top:40px;transition:.3s all;}
.prd_detail .review .btn:hover{background:#edf0f2;}

.prd_detail .policy .txt_box{background:#fafbfc;padding:24px 26px 33px;}
.prd_detail .policy h4{font-family:Pretendard;font-size:14px;font-weight:500;color:#222;}
.prd_detail .policy ul{margin-top:6px;}
.prd_detail .policy ul li{position:relative;font-size:14px;font-weight:400;color:#222;word-break:keep-all;padding-left:10px;}
.prd_detail .policy ul li:before{content:"-";position:absolute;top:0;left:0;}
.prd_detail .policy ul li strong{font-weight:400;color:#ff3946;}
.prd_detail .policy .btn{display:block;width:100%;height:52px;line-height:50px;font-size:14px;font-weight:500;color:#666;text-align:center;border:1px solid #dee1e3;}

/*prd_detail 메뉴 > 스크롤바 커스텀 2022/11/14*/
.prd_detail .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:8px;}
.prd_detail .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{display:none;margin:0;}
.prd_detail .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ddd;}
.prd_detail .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{max-width:240px!important;}

/*클래스 챌린지 추가 2022/11/14*/
.prd_detail .c_challenge .title_box{margin-bottom:20px;}
.prd_detail .c_challenge .title_box .btn_more{display:flex;align-items: center;justify-content: center;width:77px;height:31px;border-radius: 4px;background:#1f63c9;color:var(--white);font-family: Pretendard;font-size: 14px;font-weight: 700;line-height: 150%;}
.prd_detail .c_challenge .list_none{text-align:center;background:#FAFBFC;border:1px solid #EDF0F2;border-radius:4px;padding:68px 0;}
.prd_detail .c_challenge .list_none span{font-size:16px;color:#5C5C5C;}
.prd_detail .c_challenge .slide_box{position:relative;padding:0 40px;}
.prd_detail .c_challenge .swiper-slide:hover .thumb img{transform:scale(1.1);}
.prd_detail .c_challenge .thumb{position:relative;width:100%;height:auto;padding-top:100%;border-radius:4px;overflow:hidden;background:url("/img/common/bg_challenge.png") 50% 50% / cover no-repeat;}
.prd_detail .c_challenge .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:.3s all;}
.prd_detail .c_challenge .thumb .img_box + .txt_box{background:rgba(255,255,255,.64);}
.prd_detail .c_challenge .thumb .txt_box{position:absolute;top:calc(50% - 50px);left:0;width:100%;height:100px;text-align:center;font-size:13px;font-weight:600;color:#000;line-height:1.4;word-break:keep-all;padding:8px 10px 15px;}
.prd_detail .c_challenge .thumb .txt_box span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.prd_detail .c_challenge .thumb .txt_box span:before{content:"";display:block;width:23px;height:14px;background:url("/img/common/icon_quot.svg") 0 0 / 100% 100% no-repeat;margin:0 auto 6px;}
.prd_detail .c_challenge .info{display:flex;justify-content:space-between;margin-top:10px;}
.prd_detail .c_challenge .info > div{font-size:0;}
.prd_detail .c_challenge .writer .profile{display:inline-block;width:20px;height:20px;background:url("/img/common/icon_user.svg") 0 0 / 100% 100% no-repeat;}
.prd_detail .c_challenge .writer .profile img{width:100%;height:100%;}
.prd_detail .c_challenge .writer .name{display:inline-block;font-size:12px;line-height:20px;font-weight:500;color:#000;margin-left:6px;vertical-align:top;}
.prd_detail .c_challenge .like .icon{display:inline-block;width:20px;height:18px;background:url("/img/common/icon_like.svg") 0 0 / 100% 100% no-repeat;}
.prd_detail .c_challenge .like .icon.on{background-image:url("/img/common/icon_like_on.svg");}
.prd_detail .c_challenge .like .cnt{display:inline-block;font-size:12px;font-weight:500;color:#000;line-height:18px;vertical-align:top;margin-left:6px;}
.prd_detail .c_challenge .swiper-button-prev,
.prd_detail .c_challenge .swiper-container-rtl .swiper-button-next,
.prd_detail .c_challenge .swiper-button-next,
.prd_detail .c_challenge .swiper-container-rtl .swiper-button-prev{display:block;top:calc(50% - 35px);background-image:url("/img/common/icon_slide_left_2.svg");margin:0;}
.prd_detail .c_challenge .swiper-button-prev, .prd_detail .c_challenge .swiper-container-rtl .swiper-button-next{left:0;}
.prd_detail .c_challenge .swiper-button-next, .prd_detail .c_challenge .swiper-container-rtl .swiper-button-prev{right:0;background-image:url("/img/common/icon_slide_right_2.svg");}
.prd_detail .c_challenge .swiper-button-next.swiper-button-disabled,
.prd_detail .c_challenge .swiper-button-prev.swiper-button-disabled{opacity:1;}
.prd_detail .c_challenge .swiper-button-prev.swiper-button-disabled{background-image:url("/img/common/icon_slide_left_2_off.svg");}
.prd_detail .c_challenge .swiper-button-next.swiper-button-disabled{background-image:url("/img/common/icon_slide_right_2_off.svg");}

/*프로모션 상품 리스트 추가 2022/12/06*/
.prd_detail .prd_list{margin:40px 0;}
.prd_detail .prd_list .list li{width:calc(33.333% - 16px);}
.class_detail_popoup .contents{width:600px;height:700px;}
.class_detail_popoup .contents .img_box{height:100%;overflow-y:auto;}
.class_detail_popoup .contents img{width:100%;}
.class_detail_popoup .btn_close{right:24px;}

@media screen and (max-width:1500px){
.prd_detail .myLeftGap{padding:42px 52px 100px}
}
@media screen and (max-width:1400px){
.prd_detail .s_contents_wrap{width:100%;}
.prd_detail .myPlaceMenu{display:none;}
.prd_detail .myLeftGap{margin-left:0;padding:40px;}
}
@media screen and (max-width:1024px){
.prd_detail .myLeftGap{padding-top:20px;padding:20px;}
.prd_detail .active_slide{height:auto;}
.prd_detail .active_slide .swiper-slide{display:block;position:relative;width:100%;height:auto;padding-top:75%;}
.prd_detail .active_slide .swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prd_detail .active_slide .icon{width:80px;height:80px;}
.prd_detail .thumb_slide .swiper-slide{width:auto;height:86px;}

.prd_detail .c_challenge .list_none{padding:55px 0;}
.prd_detail .c_challenge .thumb .txt_box{top:calc(50% - 44px);height:88px;padding:7px 8px 10px;}
.prd_detail .c_challenge .thumb .txt_box span:before{width:20px;height:12px;margin-bottom:5px;}
.prd_detail .c_challenge .info{margin-top:8px;}


}
@media screen and (max-width:768px){
.prd_detail .myLeftGap{padding:0;}
.prd_detail .summary.fixed{display:none;}
.prd_detail .detail_wrap{display:block;}
.prd_detail .contents{width:100%;}

.prd_detail .active_slide{border-radius:0;}
.prd_detail .active_slide .swiper-slide{border-radius:0;}
.prd_detail .active_slide .icon{right:10px;width:60px;height:60px;}
.prd_detail .thumb_slide{margin-top:6px;}
.prd_detail .thumb_slide .swiper{padding:4px;}
.prd_detail .thumb_slide .swiper-slide{width:auto;height:60px;border-radius:3px;}
.prd_detail .bullet{display:none;}
.prd_detail .swiper-button-prev, .prd_detail .swiper-container-rtl .swiper-button-next,
.prd_detail .swiper-button-next, .prd_detail .swiper-container-rtl .swiper-button-prev{display:none;}
.prd_detail .active_slide:hover .swiper-button-prev,
.prd_detail .active_slide:hover .swiper-button-next{display:none;}
.prd_detail .active_slide:hover .fraction{display:inline-block;}

.prd_detail .section{padding:20px 21px;}
.prd_detail .section + .section{border-top:7px solid #F4F4F4;padding:50px 21px;}
.prd_detail .section .title{font-size:16px;margin-bottom:30px;}
.prd_detail .section .title_box a{font-size:12px;}
.prd_detail .section .con{padding:50px 0 40px;}
.prd_detail .summary .name{font-size:12px;}
.prd_detail .summary .rating{font-size:10px;}
.prd_detail .summary .rating:before{width:13px;height:13px;}
.prd_detail .summary .info_box .item + .item{margin-top:12px;}
.prd_detail .summary .info_box .item.b_t{padding-top:12px;}
.prd_detail .summary .title{font-size:17px;}
.prd_detail .summary .tag{height:19px;line-height:19px;font-size:10px;border-radius:2px;padding:0 5px;}
.prd_detail .summary .cost .after:before{margin:0 1px;}
.prd_detail .summary .price{font-size:22px;margin-left:6px;}
.prd_detail .summary .tit{font-size:13px;}
.prd_detail .summary .sale_price{font-size:13px;}
.prd_detail .summary .btn_box{margin-top:16px!important;}
.prd_detail .summary .btn_apply{height:43px;line-height:43px;font-size:13px;}
.prd_detail .summary .info_list{margin-top:8px;}
.prd_detail .summary .info_list li{font-size:10px;background-size:24px 24px;background-position:50% 9px;padding:35px 0 8px;}
.prd_detail .summary .countdown.apply{padding:8px 5px;}
.prd_detail .summary .countdown.apply p{font-size:13px;}
.prd_detail .summary .countdown.discount{padding:10px 14px;border-radius:2px;}
.prd_detail .summary .countdown.discount .time{margin-top:5px;}
.prd_detail .summary .countdown.discount .time span{width:calc(25% - 3px);height:29px;line-height:27px;border-radius:1px;padding:0 16px;}
.prd_detail .summary .countdown.discount .time span + span{margin-left:4px;}
.prd_detail .summary .countdown.discount p{font-size:14px;margin-top:5px;}

.prd_detail .detail_box{border-top:7px solid #F4F4F4;margin-top:0;}
.prd_detail .menu{height:41px;padding:0 21px;border:0;}
.prd_detail .menu .item{line-height:41px;font-size:12px;}

.prd_detail .con.preview{padding-top:0;}
.prd_detail .preview .video_tit{font-size:12px;margin-top:24px;}
.prd_detail .intro_class .list li{max-width:none;width:calc(33.333% - 8px);font-size:12px;padding:53px 0 10px;}
.prd_detail .intro_class .list li + li{margin-left:12px;}
.prd_detail .intro_class .list li:nth-child(1){background-size:46px auto;background-position:50% 5px;}
.prd_detail .intro_class .list li:nth-child(2){background-size:55px auto;background-position:50% 5px;}
.prd_detail .intro_class .list li:nth-child(3){background-size:51px auto;background-position:50% 3px;}
.prd_detail .intro_class .txt{font-size:20px;margin-top:30px;}
.prd_detail .intro_class .sub_txt{font-size:13px;margin-top:16px;}
.prd_detail .intro_class .thumb{margin-top:35px;}
.prd_detail .con.intro_teacher{padding-bottom:0!important;}
.prd_detail .intro_teacher .name{font-size:18px;}
.prd_detail .intro_teacher .txt{font-size:12px;margin-top:20px;}
.prd_detail .intro_teacher .thumb{margin-top:35px;}
.prd_detail .con.curriculum{padding-bottom:0!important;}
.prd_detail .curriculum .title{margin-bottom:25px;}
.prd_detail .curriculum .list li{padding:12px 0 20px;}
.prd_detail .curriculum .list li:first-child{padding-top:0;}
.prd_detail .curriculum .list .item + .item{margin-top:12px;}
.prd_detail .curriculum .list .tit_box{display:block;}
.prd_detail .curriculum .list .idx{font-size:12px;margin-right:12px;}
.prd_detail .curriculum .list .tit{font-size:12px;}
.prd_detail .curriculum .list .offer{font-size:9px;margin-top:4px;}
.prd_detail .curriculum .list .offer:before{width:13px;height:13px;margin:1px 1px 0 0;}
.prd_detail .curriculum .list .txt, .prd_detail .curriculum .list .time{font-size:10px;}
.prd_detail .curriculum .list .time{margin-left:24px;}

.prd_detail .review .title_box{margin-bottom:25px;}
.prd_detail .review .list{display:block;}
.prd_detail .review .list li{width:100%;margin-right:0;}
.prd_detail .review .list li + li{margin-top:30px;}
.prd_detail .review .list li:nth-child(n+3){margin-top:30px;}
.prd_detail .review .list .name{font-size:10px;}
.prd_detail .review .list .date{font-size:10px;}
.prd_detail .star{width:60px;height:12px;background-size:60px auto;}
.prd_detail .star span{background-size:60px auto;}
.prd_detail .review .list .txt{font-size:12px;margin-top:12px;}
.prd_detail .review .btn{height:30px;line-height:30px;font-size:12px;margin-top:30px;}

.prd_detail .policy .title_box{margin-bottom:17px;}
.prd_detail .policy .txt_box{padding:12px 13px;}
.prd_detail .policy h4{font-size:12px;}
.prd_detail .policy ul{margin-top:8px;}
.prd_detail .policy ul li{font-size:12px;}
.prd_detail .policy .btn{height:30px;line-height:28px;font-size:12px;}
.prd_detail .policy .btn span:after{width:12px;height:12px;vertical-align:top;margin:9px 0 0 2px;}

.prd_detail .c_challenge .title_box .btn_more{height:22px;line-height:20px;font-size:11px;padding:0 10px;}
.prd_detail .c_challenge .title_box .btn_more span:before{width:10px;height:10px;margin:5px 4px 0 0;}


.prd_detail .prd_list{margin:0 0 50px;}
.prd_detail .prd_list .s_contents_wrap{padding:0 21px;}
.prd_detail .prd_list .list li{width:calc(50% - 6px);}

.class_detail_popoup .contents{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.class_detail_popoup .contents .img_box{height:100vh;}
.class_detail_popoup .btn_close{right:14px;}
}

@media screen and (max-width:639px){
.prd_detail .c_challenge .slide_box{padding:0 28px;}
.prd_detail .c_challenge .swiper-button-prev,
.prd_detail .c_challenge .swiper-container-rtl .swiper-button-next,
.prd_detail .c_challenge .swiper-button-next,
.prd_detail .c_challenge .swiper-container-rtl .swiper-button-prev{top:calc(50% - 38px);width:28px;height:28px;}
.prd_detail .c_challenge .thumb .txt_box{top:calc(50% - 45px);height:90px;}
.prd_detail .c_challenge .thumb .txt_box span:before{width:16px;height:10px;margin-bottom:4px;}
.prd_detail .c_challenge .info{flex-direction:column;margin-top:10px;}
.prd_detail .c_challenge .info .like{margin-top:10px;}
}

/*수업수강 페이지*/
.classroom .myLeftGap{margin-left:0;}
.classroom .myLeftGap .h3{/* padding:0;*/}
.classroom .myLeftGap .contents_wrap{max-width:1440px;width:100%;margin:0 auto;/* padding:42px 0 94px;*/}
.classroom .top_box{display:flex;align-items:flex-start;}
.classroom .top_box .select_class{display:flex;align-items:flex-start;border:0;margin-left:6px;}
.classroom .top_box .select_class .btn_select{display:block;width:36px;height:36px;background:url("/img/common/icon_select_class.png") 0 0 / 100% 100% no-repeat;}
.classroom .top_box .select_class .toast_popup{height:40px;line-height:34px;font-size:14px;color:var(--white);border:0;background:url("/img/common/bg_toast.png") 0 0 / cover no-repeat;padding:0 12px 0 20px;margin-left:6px;animation:toast 1s 5s forwards;margin-top:-2px;}
@keyframes toast{
0%{opacity:1;}
100%{opacity:0;}
}
.classroom .tab_box{margin-top:20px;}
.classroom .tab_box .tab_menu_box:after{content:"";display:block;clear:both;}
.classroom .tab_box .tab_menu_box .tab_menu{float:left;display:block;}
.classroom .tab_box .tab_con_box .tab_con{display:none;}
.classroom .tab_box .tab_con_box .tab_con.on{display:block;}
.classroom .tab_menu_box .tab_menu{height:32px;line-height:28px;font-size:14px;color:#222;font-weight:400;text-align:center;border:1px solid #C3C5C7;border-radius:30px;padding:0 12px;transition:.3s all;box-sizing:border-box;}
.classroom .tab_menu_box .tab_menu:after{transition:.3s all;}
.classroom .tab_menu_box .tab_menu + .tab_menu{margin-left:6px;}
.classroom .tab_menu_box .tab_menu.on{color:var(--white);background:#3E3F40;border-color:#3E3F40;}
.classroom .tab_con_box{margin-top:10px;}
.classroom .list_none{text-align:center;background:#FAFBFC;border:1px solid #EDF0F2;padding:145px 0;}
.classroom .list_none h4{font-family:Pretendard;font-size:20px;color:#222;font-weight:500;}
.classroom .list_none span{display:block;font-size:14px;color:#5c5c5c;margin-top:6px;}
.classroom .list_none a{display:inline-block;height:40px;line-height:36px;font-size:14px;color:#3999ff;text-align:center;border:1px solid #3999ff;background:var(--white);border-radius:4px;margin-top:26px;padding:0 39px;}
.classroom .list li{padding:30px 0;}
.classroom .list li:after{content:"";display:block;clear:both;}
.classroom .list li + li{border-top:1px dashed #DEE1E3;}
.classroom .list li:hover .thumb img{transform:scale(1.05);}
.classroom .list .thumb_box{float:left;width:282px;margin-right:20px;}
.classroom .list .thumb{position:relative;width:100%;height:auto;padding-top:56.25%;border-radius:4px;overflow:hidden;}
.classroom .list .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:.3s all;}
.classroom .list .progress{display:flex;align-items:center;margin-top:10px;}
.classroom .list .progress .bar{position:relative;display:block;width:100%;height:4px;border-radius:100px;overflow:hidden;background:#dee1e3;}
.classroom .list .progress .bar span{position:absolute;top:0;left:0;width:auto;height:100%;background:#FF3946;}
.classroom .list .progress .cnt{font-size:10px;font-weight:400;color:#999;line-height:1;margin-left:6px;}
.classroom .list .tit{font-size:20px;font-weight:500;color:#222;line-height:1.4;}
.classroom .list .item{font-size:14px;font-weight:700;color:#222;margin-top:6px;word-break:keep-all;}
.classroom .list .item em{display:inline-block;min-width:100px;}
.classroom .list .item span{color:#1f63c9;}
.classroom .list .txt_box{float:left;width:calc(100% - 302px);margin-top:10px;}
.classroom .list .btn_box{float:left;display:flex;flex-wrap:wrap;width:calc(100% - 302px);padding-top:50px;}
.classroom .list .btn_box .btn{min-width:140px;height:40px;line-height:40px;font-size:14px;font-weight:700;color:#444;text-align:center;border-radius:4px;background:#EDF0F2;transition:.3s all;padding:0 20px;margin:0 10px 10px 0;}
.classroom .list .btn_box .btn:last-child{margin-right:0;}
.classroom .list .btn_box .btn.complete{color:#C3C5C7;background:#EDF0F2;}
.classroom .list .btn_box .chall_on{background:#FEC94E;}
.classroom .list .btn_box .chall_on span{color:#FD3049;}
.classroom .list .btn_box .chall_complete{color:var(--white);background:#F28421;}
.classroom .list .btn_box .chall_complete span:before{content:"";display:inline-block;width:22px;height:22px;background:url("/img/common/icon_complete_star.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 5px 0 0;}
.classroom .list .btn_box .zoom{color:var(--white);background:#3999FF;}
.classroom .list .btn_box .zoom span:before{content:"";display:inline-block;width:20px;height:12px;background:url("/img/common/icon_zoom.png") 0 0 / 100% 100% no-repeat;margin-right:6px;}
.classroom .list .btn_box .replay{color:var(--white);background:#333;}
.classroom .list .btn_box .replay span:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_replay_video.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 6px 0 0;}
.classroom .list .btn_box .btn.complete{background:#006CB8;color:var(--white);}
.classroom .list .btn_box .btn.disabled{background:#D1E7FF;pointer-events:none;}
.classroom .list .btn_box .replay.disabled{background:#D9D9D9;color:#B1B1B1;pointer-events:none;}
.classroom .list .btn_box .replay.disabled span:before{background-image:url("/img/common/icon_replay_video_disabled.png");}
.classroom .list .end .thumb:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.classroom .list .end .progress .bar{background:#EDF0F2;}
.classroom .list .end .progress .bar span{background:#DEE1E3;}
.classroom .list .end .progress .cnt{color:#ccc;}
.classroom .list .end .tit{color:#999;}
.classroom .list .end .item{color:#999;}
.classroom .list .end .item span{color:#ccc;}
.classroom .list .end .btn_box .btn{opacity:.5;}

/* 문의하기 추가 240725 */
.qna_h3 {
    padding: 80px 0 0;
    max-width: 1120px;
    margin: 0 auto 49px;
    width: 90%
}

.qna_sub_tit {
    margin-bottom: 28px;
    color: #1B1B1B;
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
}

.qna_wrap {
    font-family: Pretendard;
}

.qna_wrap .inp_cal_wrap {
    width: 533px;
    margin-bottom: 68px
}

.qna_wrap .qna_list>li {
    position: relative;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #E0E4E8
}

.qna_wrap .qna_list>li:not(:last-child) {
    margin-bottom: 30px
}

.qna_wrap .qna_list .qna_item .tit_area {
    display: flex;
    align-items: center;
    gap: 0 7px;
    margin-bottom: 4px
}

.qna_wrap .qna_list .qna_item .product_tit {
    position: relative;
    display: block;
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}

.qna_wrap .qna_list .qna_item .product_tit.secret {
    padding-left: 18px;
    background: url(/img/common/icon_secret.png) left top 2px / 12px auto no-repeat
}

.qna_wrap .qna_list .qna_item .qna_txt {
    display: block;
    margin-bottom: 16px;
    color: #666;
    font-size: 13px;
    line-height: 150%;
}

.qna_wrap .qna_list .qna_item .qna_writer {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 150%;
}

.qna_wrap .qna_list .qna_item .qna_date {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 150%;
}

.qna_wrap .qna_list .qna_item .qna_date .update {
    color: #ccc;
    font-size: 12px
}

.qna_wrap .qna_list .qna_item .answer_tag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    background: #3a42ff;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
    flex-shrink: 0;
}

.qna_wrap .qna_list .qna_item .answer_tag.yet {
    background: #919191
}

.qna_wrap .no_inquire {
    margin-top: 112px
}

.qna_wrap .no_inquire .txt {
    padding-top: 133px;
    background: url(/img/common/no_inquire.png) center top / 141px auto no-repeat;
    color: #1B1B1B;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
}

/* qna view 팝업 */
.qna_popup {
    font-family: Pretendard;
}

.qna_popup .popup-wrap {
    max-width: 1030px
}

.qna_popup .popup-wrap .popup-head {
    border-bottom: none
}

.qna_popup .popup-title {
    width: 100%;
}

.qna_popup .popup-title .title {
    background: none !important;
    border: none !important;
    padding: 0 24px 0 0
}

.qna_popup .popup-wrap .popup-body {
    max-height: calc(var(--vh, 1vh) * 100 - 280px);
    margin-top: 116px;
    padding-bottom: 82px;
    box-sizing: border-box;
}

.qna_popup .popup-wrap .popup-body .qna_detail .info_area {
    display: flex;
    gap: 0 8px;
    margin-bottom: 30px
}

.qna_popup .popup-wrap .popup-body .qna_detail .info_area .input_box {
    width: calc(50% - (1/2)*8px)
}

.qna_popup .popup-wrap .popup-body .qna_detail .input_box .tit {
    display: block;
    margin-bottom: 15px;
    color: #1b1b1b;
    font-size: 18px;
    font-weight: 700;
}

.qna_popup .popup-wrap .popup-body .qna_detail .title_area {
    margin-bottom: 30px
}

.qna_popup .popup-wrap .popup-body .qna_detail .title_area .input_bot {
    margin-top: 10px;
    text-align: right;
    color: #919191;
    font-size: 14px;
    line-height: 140%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .textarea {
    resize: none;
    width: 100%;
    height: 140px;
    padding: 20px;
    background: #f4f5f7;
    color: #1b1b1b;
    border-radius: 8px;
    border: none;
    box-sizing: border-box;
    font-family: Pretendard;
    font-size: 16px;
}

.qna_popup .popup-wrap .popup-body .qna_detail .textarea:disabled {
    background: #f4f5f7;
    border: 1px solid #f4f5f7
}

.qna_popup .popup-wrap .popup-body .qna_detail .text_area .input_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    color: #919191;
    font-size: 14px;
    line-height: 140%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click input[type="checkbox"] + label {
    padding-left: 30px;
    color: #666;
    font-size: 15px;
    line-height: 20px;
width:20px;height:20px;
}
.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click{position:relative;padding:20px 40px 20px 20px;}
.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click a span{display:block;font-size:16px;color:#919191;font-weight:500;}
.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click a span:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_chk_off.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:12px;}
.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click a.checkImg_on{height:auto;background:transparent;}
.qna_popup .popup-wrap .popup-body .qna_detail .text_area .checkbox-wrap.label_click a.checkImg_on span:before{background-image:url("/img/common/icon_chk_on.png");}
.qna_popup .popup-wrap .popup-body .qna_detail .reply_area {
    border-top: 1px dashed #888;
    margin-top: 70px;
    padding-top: 70px
}

.qna_popup .popup-wrap .popup-body .qna_detail .reply_area .tit_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.qna_popup .popup-wrap .popup-body .qna_detail .reply_area .tit_area .tit {
    color: #1b1b1b;
    font-size: 18px;
    font-weight: 700;
}

.qna_popup .popup-wrap .popup-body .qna_detail .reply_area .tit_area .date {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .btn_bundle {
    display: flex;
    align-items: center;
    gap: 0 5px;
    max-width: 605px;
    margin: 70px auto 0
}

#qna_add_popup .popup-wrap .popup-body .qna_detail .btn_bundle {
    max-width: 415px
}

.qna_popup .popup-wrap .popup-body .qna_detail .btn_bundle .btn_cancel {
    max-width: 110px
}

.qna_popup .popup-wrap .popup-body .qna_detail .input_type1 {
    border-radius: 8px;
    color: #1b1b1b
}

.qna_popup .popup-wrap .popup-body .qna_detail .edit-input {
    background: #fff;
    border: 1px solid #CCC;
}

.qna_popup .popup-wrap .popup-body .qna_detail .input_type1[type="text"]:read-only {
    background: #F4F5F7 !important;
    border: 1px solid #F4F5F7 !important;
}

.qna_popup .edit_mo {
    display: none
}

.qna_popup .popup-wrap .popup-body .qna_detail .box {
    display: flex;
    align-items: center;
    gap: 0 4px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    ;background: #f4f5f7;
    border-radius: 8px;
    box-sizing: border-box;
}

.qna_popup .popup-wrap .popup-body .qna_detail .box .regDateSpan {
    color: #666;
    font-size: 16px;
    line-height: 150%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .box .updDateSpan {
    color: #ccc;
    font-size: 16px;
    line-height: 150%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .answer_date_wrap {
    display: flex;
    gap: 0 4px
}

.qna_popup .popup-wrap .popup-body .qna_detail .answer_date_wrap #answerDate {
    color: #666;
    font-size: 16px;
    line-height: 150%;
}

.qna_popup .popup-wrap .popup-body .qna_detail .answer_date_wrap #answerUpdDate {
    color: #ccc;
    font-size: 16px;
    line-height: 150%;
}

.qna_popup .detail_info .user_content .top_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px
}

.qna_popup .detail_info .user_content .top_info .maskedUserName {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.qna_popup .detail_info .user_content .top_info .deta_wrap {
    display: flex;
    gap: 0 4px;
    color: #666;
    font-size: 16px;
    line-height: 150%;
}

.qna_popup .detail_info .user_content .top_info .deta_wrap .updDateSpan {
    color: #ccc
}

.qna_popup .detail_info .user_content .txt_box .txt {
    color: #1B1B1B;
    font-size: 18px;
    line-height: 150%;
}

.qna_popup .edit_form {
    display: none
}

.qna_popup.edit .detail_info {
    display: none
}

.qna_popup.edit .edit_form {
    display: block
}

/* 온라인 클래스 문의하기 */
.prd_detail {
    font-family: Pretendard;
}

.inquiry .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px
}

.inquiry .title, .inquiry .tit {
    flex-shrink: 0;
}

.inquiry .right_area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 18px;
    width: 100%
}

.inquiry .right_area .checkbox-wrap.label_click input[type="checkbox"] + label {
    padding-left: 23px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.inquiry .right_area .btn_type1 {
    max-width: 89px;
    height: 31px;
    font-size: 14px;
}

.inquiry .list>li {
    border-bottom: 1px solid #E0E4E8;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.inquiry #ul_inquiry>li:last-child {
    margin-bottom: 0
}

.inquiry .list .top_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 9px
}

.inquiry .list .top_area .left_area {
    display: flex;
    align-items: center;
    gap: 0 10px;
    flex-shrink: 0;
    max-width: 100%
}

.inquiry .list .top_area .left_area .tag {
    width: auto;
    margin: 0;
    padding: 4px 10px;
    background: #3a42ff;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
}

.inquiry .list .inquire_notice .top_area .left_area .tag {
    background: #1B1B1B
}

.inquiry .list .top_area .left_area .title {
    max-width: calc(100% - 70px);
    margin: 0;
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.inquiry .list .top_area .left_area .title.secret {
    padding-left: 18px;
    background: url(/img/new3/icon_secret.png) left top 2px / 12px auto no-repeat
}

.inquiry .list .inquire_notice .top_area .left_area .title {
    font-size: 16px
}

.inquiry .list .top_area .left_area.yet .tag {
    background: #919191
}

.inquiry .list .top_area .left_area.yet .title {
    max-width: calc(100% - 60px);
}

.inquiry .list .top_area .right_area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: auto;
    gap: 0 40px;
    width: auto
}

.inquiry .list .top_area .right_area .writer {
    color: #666;
    font-size: 14px;
    line-height: 150%;
}

.inquiry .list .top_area .right_area .date_wrap {
    color: #666;
    font-size: 12px;
    line-height: 150%;
}

.inquiry .list .top_area .right_area .date_wrap .update {
    color: #ccc
}

.inquiry .list .info {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 150%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inquiry .paging a {
    display: inline-block;
    min-width: 22px;
    text-align: center;
}

.inquiry .no_inquire {
    margin-top: 78px
}

.inquiry .no_inquire .txt {
    padding-top: 133px;
    background: url(/img/new3/no_inquire.png) center top / 141px auto no-repeat;
    color: #1B1B1B;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .qna_h3 {
        width:auto;
        margin: 0 15px;
        padding-top: 40px
    }

    .qna_content {
        margin: 40px 15px !important
    }
}

@media screen and (max-width: 767px) {
    .qna_content {
        margin:30px 15px 0 !important
    }

    .qna_sub_tit {
        margin-bottom: 20px;
        color: #111;
        font-size: 18px;
        font-weight: 700;
    }

    .qna_wrap .inp_cal_wrap {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

    .qna_wrap .inp_cal {
        width: calc(50% - 12px)
    }

    .qna_wrap .no_inquire {
        margin-top: 40px
    }

    .qna_wrap .qna_list .qna_item .answer_tag {
        font-size: 10px
    }

    .qna_wrap .qna_list .qna_item .product_tit.secret {
        padding: 0 18px 0 0;
        background-position: right top 2px
    }

    .qna_popup .popup-wrap {
        width: 100%;
        height: calc(var(--vh, 1vh) * 100);
        max-height: calc(var(--vh, 1vh) * 100)
    }

    .qna_popup .popup-wrap .popup-head {
        height: 60px;
        padding: 0 15px;
        border-bottom: 1px solid #eee
    }

    .qna_popup .popup-wrap .popup-head .icon.close {
        right: auto;
        left: 18px;
        top: 21px
    }

    .qna_popup .popup-wrap .popup-head .icon.close img {
        width: 8px
    }

    .qna_popup .popup-wrap .popup-head .title {
        padding-left: 24px;
        font-size: 16px
    }

    .qna_popup .popup-wrap .popup-body {
        margin-top: 60px;
        padding-top: 40px;
        padding-bottom: 62px;
        max-height: calc((var(--vh, 1vh) * 100) - 60px)
    }

    .qna_popup .popup-wrap .popup-body .product_title {
        margin-bottom: 30px;
        color: #1b1b1b;
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .input_box .tit {
        margin-bottom: 12px;
        color: rgba(17,17,17,0.7);
        font-size: 14px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .input_type1 {
        padding-left: 12px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .textarea {
        height: 205px;
        padding: 18px 12px;
        font-size: 14px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .title_area .input_bot {
        font-size: 12px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .text_area .input_bot {
        font-size: 12px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .info_area {
        margin-bottom: 40px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .title_area {
        margin-bottom: 40px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .reply_area {
        padding-top: 40px;
        margin-top: 40px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .btn_bundle {
        max-width: 100%;
        margin-top: 40px
    }

    #qna_add_popup .popup-wrap .popup-body .qna_detail .btn_bundle {
        max-width: 100%
    }

    .qna_popup.edit .popup-wrap .popup-head .title {
        display: none
    }

    .qna_popup.edit .edit_mo {
        display: block !important
    }

    .qna_popup.edit .inquiry_title {
        display: none !important
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .box {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 54px;
        padding-left: 12px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .box .regDateSpan, .qna_popup .popup-wrap .popup-body .qna_detail .box .updDateSpan {
        font-size: 14px
    }

    .qna_popup .popup-wrap .popup-body .qna_detail .answer_date_wrap #answerDate, .qna_popup .popup-wrap .popup-body .qna_detail .answer_date_wrap #answerUpdDate {
        font-size: 12px
    }

    .qna_popup .inquiry_title {
        margin-bottom: 12px;
        color: #1B1B1B;
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
    }

    .qna_popup .detail_info .user_content .top_info {
        display: flex;
        justify-content: space-between;
        margin-bottom: 18px
    }

    .qna_popup .detail_info .user_content .top_info .maskedUserName {
        font-size: 14px
    }

    .qna_popup .detail_info .user_content .top_info .deta_wrap {
        font-size: 12px
    }

    .qna_popup .detail_info .user_content .txt_box .txt {
        color: rgba(27, 27, 27, 0.7);
        font-size: 14px
    }

    .inquiry .title_box {
        margin-bottom: 28px
    }

    .inquiry .right_area {
        gap: 0 10px
    }

    .inquiry .right_area .checkbox-wrap.label_click input[type="checkbox"] + label {
        font-size: 12px
    }

    .inquiry .right_area .btn_type1 {
        max-width: 82px;
        height: 28px;
        font-size: 12px
    }

    .inquiry .list>li {
        position: relative;
        padding-bottom: 70px;
        margin-bottom: 20px
    }

    .inquiry .list .top_area {
        display: block;
        margin-bottom: 6px
    }

    .inquiry .no_inquire .txt {
        padding-top: 96px;
        background-size: 105px auto
    }

    .inquiry .list .top_area .left_area {
        gap: 0 7px
    }

    .inquiry .list .top_area .left_area .tag {
        width: 55px;
        height: 23px;
        font-size: 10px;
    }

    .inquiry .list .top_area .left_area .title {
        font-size: 14px;
        font-weight: 500;
    }

    .inquiry .list .top_area .right_area {
        position: absolute;
        bottom: 20px;
        left: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .inquiry .list .info {
        font-size: 13px
    }

    .inquiry .list .top_area .right_area .writer {
        font-size: 12px
    }

    .inquiry .list .top_area .right_area .date_wrap {
        font-size: 10px
    }
}

/*후기 작성 팝업*/
.write_review_popup .contents{min-width:506px;width:506px;border-radius:20px;}
.write_review_popup .btn_close{top:11px;right:20px;width:40px;height:40px;}
.write_review_popup .tit_box{height:64px;line-height:64px;text-align:center;border-bottom:1px solid #DEE1E3;}
.write_review_popup .tit_box .tit{font-size:18px;font-weight:500;color:#000;}
.write_review_popup .con_box{padding:40px 34px 34px;}
.write_review_popup .info:after{content:"";display:block;clear:both;}
.write_review_popup .info .thumb{float:left;width:102px;margin-right:16px;}
.write_review_popup .info .thumb img{width:100%;}
.write_review_popup .info .rating_box{float:left;width:calc(100% - 118px);text-align:left;}
.write_review_popup .info .tit{font-size:14px;font-weight:500;line-height:1.4;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.write_review_popup .info .rating{font-size:0;margin-top:10px;}
.write_review_popup .info .rating .star_box{position:relative;width:128px;height:24px;display:inline-block;font-size:0;overflow:hidden;background:url("/img/common/icon_star_2.svg") 0 0 / 128px auto no-repeat;vertical-align:top;}
.write_review_popup .info .rating .star_box .active{position:absolute;top:0;left:0;display:block;width:0%;height:24px;background:url("/img/common/icon_star_on_2.svg") 0 0 / 128px auto no-repeat;}
.write_review_popup .info .rating .star{display:inline-block;width:12.8px;height:24px;cursor:pointer;position:relative;z-index:1;}
.write_review_popup .info .rating .star:nth-child(1):hover ~ .active{width:10%;}
.write_review_popup .info .rating .star:nth-child(2):hover ~ .active{width:20%;}
.write_review_popup .info .rating .star:nth-child(3):hover ~ .active{width:30%;}
.write_review_popup .info .rating .star:nth-child(4):hover ~ .active{width:40%;}
.write_review_popup .info .rating .star:nth-child(5):hover ~ .active{width:50%;}
.write_review_popup .info .rating .star:nth-child(6):hover ~ .active{width:60%;}
.write_review_popup .info .rating .star:nth-child(7):hover ~ .active{width:70%;}
.write_review_popup .info .rating .star:nth-child(8):hover ~ .active{width:80%;}
.write_review_popup .info .rating .star:nth-child(9):hover ~ .active{width:90%;}
.write_review_popup .info .rating .star:nth-child(10):hover ~ .active{width:100%;}
.write_review_popup .info .rating .num{display:inline-block;font-size:14px;line-height:24px;font-weight:500;color:#999;margin-left:8px;}
.write_review_popup .review{margin-top:40px;}
.write_review_popup .review h3{font-family:Pretendard;font-size:16px;font-weight:500;color:#222;}
.write_review_popup .review textarea{width:100%;height:170px;resize:none;font-family:Pretendard;font-size:15px;line-height:1.4;background:#fafbfc;border:1px solid #dee1e3;border-radius:2px;box-sizing:border-box;margin-top:10px;padding:8px 12px;vertical-align:top;}
.write_review_popup .review textarea::placeholder{color:#999;}
.write_review_popup .review textarea:focus,
.write_review_popup .review textarea.on{background:var(--white);border-color:#7a7c7d;}
.write_review_popup .guide{font-size:12px;color:#999;margin-top:8px;}
.write_review_popup .guide:after{content:"";display:block;clear:both;}
.write_review_popup .guide .txt{float:left;}
.write_review_popup .guide .cnt{float:right;}
.write_review_popup .btn_box{text-align:right;font-size:0;margin-top:57px;}
.write_review_popup .btn_box a{display:inline-block;width:auto;height:47px;line-height:45px;text-align:center;font-size:16px;color:#4c4c4c;border:1px solid #dee1e3;border-radius:4px;padding:0 24px;}
.write_review_popup .btn_box a + a{margin-left:8px;}
.write_review_popup .btn_box .btn_submit{background:#dee1e3;color:var(--white);padding:0 32px;}
.write_review_popup .btn_box .btn_submit.on{background:#3999FF;border-color:#3999ff;}

.exit_popup .contents{min-width:380px;}
.new_review_popup .contents{min-width:360px;width:360px;text-align:center;border-radius:12px;}
.new_review_popup .contents .box{position:relative;background:var(--white);border-radius:12px;z-index:1;padding:86px 16px 16px;}
.new_review_popup .contents:before{content:"";display:block;position:absolute;top:-66px;left:calc(50% - 101px);width:202px;height:202px;background:url("/img/common/icon_review_pop_1.svg") 0 0 / 100% 100% no-repeat;z-index:-1;}
.new_review_popup .contents:after{content:"";display:block;position:absolute;top:-98px;left:calc(50% - 81.31px);width:162.62px;height:157px;background:url("/img/common/icon_review_pop_2.svg") 0 0 / 100% 100% no-repeat;z-index:1;}
.new_review_popup .tit{font-size:20px;font-weight:600;line-height:1.4;word-break:keep-all;}
.new_review_popup .txt{font-size:14px;color:#7f7f7f;line-height:1.4;margin-top:10px;}
.new_review_popup .btn_box{font-size:0;margin-top:45px;}
.new_review_popup .btn_box a{display:inline-block;width:calc(50% - 4px);height:48px;line-height:48px;text-align:center;font-size:16px;color:#4C4C4C;background:#F6F8F9;border-radius:4px;}
.new_review_popup .btn_box a + a{background:#3999FF;color:var(--white);margin-left:8px;}
.new_review_popup .btn_close_today{position:absolute;bottom:-25px;right:0;font-size:13px;color:var(--white);}

/*강의 보기*/
.view_class{overflow:initial;}
.view_class .myLeftGap{padding-top:42px;}
.view_class .contents .contents_wrap{max-width:1365px;width:100%;display:flex;}
.view_class .con_box{width:calc(100% - 512px);padding-bottom:30px;}
.view_class .video{position:relative;width:100%;height:auto;padding-top:56.25%;}
.view_class .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.view_class .con_box .info_box{margin-top:20px;}
.view_class .con_box .tit_box{padding-left:34px;}
.view_class .con_box .tit{position:relative;font-size:22px;font-weight:500;line-height:1.4;color:#222;}
.view_class .con_box .tit:before{position:absolute;top:3px;left:-34px;content:"";display:block;width:28px;height:28px;background:url("/img/common/icon_video.svg") 0 0 / 100% 100% no-repeat;}
.view_class .con_box .txt{font-size:14px;font-weight:400;color:#222;line-height:1.4;margin-top:10px;}
.view_class .con_box .control_box{border-top:1px solid #edf0f2;margin-top:22px;padding-top:10px;}
.view_class .con_box .copyright{position:relative;font-size:12px;line-height:1.4;color:#5c5c5c;word-break:keep-all;padding-left:18px;}
.view_class .con_box .copyright:before{position:absolute;top:2px;left:0;content:"";display:block;width:14px;height:14px;background:url("/img/common/icon_guide.svg") 0 0 / 100% 100% no-repeat;}
.view_class .con_box .btn_box{font-size:0;margin-top:12px;}
.view_class .con_box .btn_box:after{content:"";display:block;clear:both;}
.view_class .con_box .btn_box a{display:inline-block;height:40px;line-height:38px;font-size:14px;border-radius:4px;transition:.3s all;}
.view_class .con_box .btn_box a + a{margin-left:8px;}
.view_class .con_box .btn_box a:hover{background:#F9FAFB;}
.view_class .con_box .btn_download{color:#3999FF;border:1px solid #3999FF;padding:0 16px 0 14px;}
.view_class .con_box .btn_download span:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_download_b.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 4px 0 0;}
.view_class .con_box .change a{color:#3E3F40;border:1px solid #3E3F40;}
.view_class .con_box .btn_prev{padding:0 16px 0 8px;}
.view_class .con_box .btn_prev span:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_arrow.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 4px 0 0;}
.view_class .con_box .btn_next{padding:0 8px 0 16px;}
.view_class .con_box .btn_next span:after{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_arrow.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 0  0 4px;transform:rotate(180deg);}
.view_class .curri_box{width:488px;height:100%;position:sticky;top:350px;margin-left:24px;}
.b_n .view_class .curri_box{top:250px;}
.view_class .curri_box .tit_box{display:flex;justify-content:space-between;align-items:center;}
.view_class .curri_box .tit_box .btn_all_download{font-size:14px;font-weight:400;color:#1f63c9;border-radius:4px;transition:.3s all;padding:5px 15px;}
.view_class .curri_box .tit_box .btn_all_download:hover{background:#F9FAFB;}
.view_class .curri_box .title{display:inline-block;font-size:18px;font-weight:400;line-height:1;color:#222;border-bottom:2px solid var(--main-color);padding-bottom:13px;}
.view_class .curri_box .list_box{margin-top:24px;overflow-y:auto;/*padding-bottom:30px;*/}
.view_class .curri_box .list li{position:relative;display:flex;justify-content:space-between;padding:10px 18px 14px 50px;cursor:pointer;}
.view_class .curri_box .list li.on{background:#F9FAFB;border-radius:6px;}
.view_class .curri_box .list li:hover{background:#F9FAFB;}
.view_class .curri_box .list li + li{margin-top:16px;}
.view_class .curri_box .list li:before{position:absolute;top:10px;left:18px;content:"";display:block;width:24px;height:24px;background:url("/img/common/icon_view.svg") 0 0 / 100% 100% no-repeat;}
.view_class .curri_box .list li.on:before{background-image:url("/img/common/icon_view_on.svg");}
.view_class .curri_box .list li.pause:before{background-image:url("/img/common/icon_view_pause.svg");}
.view_class .curri_box .list li.complete:before{background-image:url("/img/common/icon_view_complete.svg");}
.view_class .curri_box .list li .tit{font-size:16px;line-height:1.4;font-weight:400;color:#222;word-break:keep-all;}
.view_class .curri_box .list li.on .tit{font-weight:500;}
.view_class .curri_box .list li .btn_download{display:block;font-size:14px;color:#7F7F7F;text-decoration:underline;text-underline-position:under;margin-top:6px;}
.view_class .curri_box .list li .btn_download span:before{content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_download_g.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:3px 2px 0 0;}
.view_class .curri_box .list li .date{font-size:14px;color:#999;font-weight:400;}
.view_class .curri_box .btn_box{padding:0 18px 0 50px;margin-bottom:30px;}
.view_class .curri_box .btn_consult{display:block;width:100%;height:40px;line-height:38px;font-size:14px;color:#3999ff;text-align:center;border:1px solid #3999ff;border-radius:6px;}
.view_class .mCSB_inside>.mCSB_container{margin-right:10px;}
.view_class .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#B1B1B1!important;border-radius:100px;}
@media screen and (max-width:1600px){
.classroom .myLeftGap .contents_wrap{/* padding:42px 37px 94px;*/}
.classroom .h3{padding:80px 80px 0 80px}
.classroom .tab_box{padding:0 80px}
.view_class .contents .contents_wrap{/* padding:0 42px;*/}
}
@media screen and (max-width:1440px){
.classroom .h3{padding:40px 52px 0 52px}
.classroom .tab_box{padding:0 52px}
.classroom .myLeftGap .contents_wrap{padding:0}
.view_class .contents .contents_wrap{display:block;padding:0;}
.view_class .con_box,
.view_class .curri_box{padding:0 42px;}
.view_class .con_box{width:100%;padding:0 42px 40px;border-bottom:6px solid #F4F4F4;}
.view_class .curri_box{width:100%;position:static;top:auto;margin:0;padding-top:12px;}
.view_class .curri_box .list_box{margin-top:30px;}
.view_class .curri_box .list_box li{padding:10px 18px 10px 50px;}
}
@media screen and (max-width:1024px){
.classroom .myLeftGap .contents_wrap{/* padding:22px 22px 100px;*/}
.classroom .h3{padding:40px 15px 0 15px}
.classroom .tab_box{padding:0 15px}
.classroom .list .txt_box{margin:0;}
.classroom .list .btn_box{padding-top:20px;}
}
@media screen and (max-width:768px){
.classroom .myLeftGap .contents_wrap{/* padding:24px 21px;*/}
.classroom .h3 div strong{font-size:24px;padding-bottom:8px;}
.classroom .top_box .select_class .toast_popup{height:34px;line-height:32px;}
.classroom .tab_box{margin-top:15px;}
.classroom .tab_menu_box .tab_menu{font-size:12px;}
.classroom .list_none{border-radius:10px;padding:68px 0;}
.classroom .list_none h4{font-size:13px;}
.classroom .list_none span{font-size:12px;margin-top:4px;}
.classroom .list_none a{height:35px;line-height:31px;font-size:12px;border-radius:2px;margin-top:20px;padding:0 50px;}
.classroom .list .progress .bar{height:2px;}
.classroom .list .progress .cnt{margin-left:4px;}
.classroom .list li{padding:20px 0;}
.classroom .list .thumb_box{width:160px;margin-right:9px;}
.classroom .list .txt_box{width:calc(100% - 169px);}
.classroom .list .thumb_box:after,
.classroom .list .txt_box:after{content:"";display:block;clear:both;}
.classroom .list .btn_box{float:none;clear:left;}
.classroom .list .tit{font-size:14px;}
.classroom .list .item{font-size:12px;margin-top:10px;}
.classroom .list .item em{min-width:auto;margin-right:10px;}
.classroom .list .btn_box{width:100%;padding-top:20px;}
.classroom .list .btn_box .btn{width:calc(50% - 4px);height:32px;line-height:32px;margin:0 8px 0 0;padding:0;}
.classroom .list .btn_box .btn:nth-child(2n){margin-right:0;}
.classroom .list .btn_box .btn:nth-child(n+3){margin-top:8px;}
.classroom .list .btn_box .chall_complete span:before{margin-top:5px;}
.classroom .list .btn_box .replay span:before{width:18px;height:18px;margin-top:7px;}

.write_review_popup{background:rgba(0,0,0,.7);}
.write_review_popup .contents{top:auto;bottom:0;min-width:auto;width:100%;min-height:50%!important;height:auto!important;border-radius:25px 25px 0 0;}
.write_review_popup .btn_close{display:none;}
.write_review_popup .tit_box{height:57px;line-height:57px;}
.write_review_popup .tit_box .tit{font-size:17px;}
.write_review_popup .con_box{padding:32px 30px 25px;}
.write_review_popup .info .thumb{margin-right:8px;}
.write_review_popup .info .rating_box{width:calc(100% - 110px);}
.write_review_popup .info .tit{font-size:12px;-webkit-line-clamp:3;}
.write_review_popup .info .rating{margin-top:7px;}
.write_review_popup .info .rating .star_box{width:93.5px;height:17.5px;background-size:93.5px auto;}
.write_review_popup .info .rating .star_box .active{background-size:93.5px 17.5px;}
.write_review_popup .info .rating .star{width:9.25px;height:17.5px;}
.write_review_popup .info .rating .num{line-height:17.5px;font-size:12px;margin-left:4px;}
.write_review_popup .review{margin-top:32.5px;}
.write_review_popup .review h3{font-size:13px;}
.write_review_popup .review textarea{height:140px;font-size:13px;padding:6px 9px;}
.write_review_popup .guide{font-size:10px;margin-top:6px;}
.write_review_popup .btn_box{margin-top:35px;}
.write_review_popup .btn_box a{width:calc(50% - 3px);height:36px;line-height:34px;font-size:12px;}
.write_review_popup .btn_box a + a{margin-left:6px;}
.exit_popup .contents{min-width:245px;}
.new_review_popup{background:rgba(0,0,0,.7);}
.new_review_popup .contents{min-width:245px;width:286px;height:auto;top:55%;left:50%;transform:translate(-50%,-55%);}
.new_review_popup .contents:before{width:139px;height:139px;top:-52px;left:calc(50% - 69.5px);}
.new_review_popup .contents:after{width:99px;height:107px;top:-75px;left:calc(50% - 49.5px);}
.new_review_popup .contents .box{border-radius:10px;padding:43px 13px 12px;}
.new_review_popup .tit{font-size:18px;}
.new_review_popup .txt{font-size:12px;margin-top:9px;}
.new_review_popup .btn_box{margin-top:23px;}
.new_review_popup .btn_box a{width:calc(50% - 3px);height:36px;line-height:36px;font-size:12px;border-radius:2px;}
.new_review_popup .btn_box a + a{margin-left:6px;}
.new_review_popup .btn_close.type2{width:34px;height:34px;}
.new_review_popup .btn_close_today{bottom:-18px;font-size:10px;}

.view_class .myLeftGap{padding:0;}
.view_class .con_box .info_box,
.view_class .curri_box{padding:0 21px;}
.view_class .con_box{padding:0 0 20px 0;}
.view_class .con_box .tit_box{padding-left:24px;}
.view_class .con_box .tit{font-size:17px;}
.view_class .con_box .tit:before{left:-24px;width:20px;height:20px;}
.view_class .con_box .txt{font-size:13px;}
.view_class .con_box .control_box{margin-top:20px;padding-top:15px;}
.view_class .con_box .copyright{font-size:11px;padding-left:15px;}
.view_class .con_box .copyright:before{width:12px;height:12px;}
.view_class .con_box .btn_box{margin-top:15px;}
.view_class .con_box .btn_box > div{float:none;width:100%;}
.view_class .con_box .btn_box a{height:40px;line-height:38px;font-size:12px;text-align:center;}
.view_class .con_box .btn_box a + a{margin-left:4px;}
.view_class .con_box .btn_box .change a{width:calc(50% - 2px);}
.view_class .con_box .btn_box .down{margin-top:4px;}
.view_class .con_box .btn_download{width:100%;padding:0 8px 0 7px;}
.view_class .con_box .btn_download span:before{width:18px;height:18px;margin:11px 2px 0 0;}
.view_class .con_box .btn_prev{padding:0 12px 0 8px;}
.view_class .con_box .btn_prev span:before{width:18px;height:18px;margin:11px 0 0 0;}
.view_class .con_box .btn_next{padding:0 8px 0 12px;}
.view_class .con_box .btn_next span:after{width:18px;height:18px;margin:11px 0 0 0;}
.view_class .curri_box{padding:10px 21px;}
.view_class .curri_box .title{font-size:12px;padding-bottom:12px;}
.view_class .curri_box .tit_box .btn_all_download{font-size:11px;}
.view_class .curri_box .list_box{margin-top:12px;}
.view_class .curri_box .list li{align-items:baseline;padding:0 0 0 24px;}
.view_class .curri_box .list li.on{background:var(--white);}
.view_class .curri_box .list li:hover{background:var(--white);}
.view_class .curri_box .list li:before{top:0;left:0;width:18px;height:18px;}
.view_class .curri_box .list li + li{margin-top:25px;}
.view_class .curri_box .list li .tit{font-size:13px;}
.view_class .curri_box .list li .btn_download{font-size:11px;}
.view_class .curri_box .list li .btn_download span:before{width:15px;height:15px;margin:2px 1px 0 0;}
.view_class .curri_box .list li .date{font-size:11px;}
.view_class .curri_box .btn_box{padding:0 0 0 24px;margin-top:8px;}
.view_class .curri_box .btn_consult{height:30px;line-height:28px;font-size:12px;border-radius:3px;}
}

.teacher_course{overflow:initial;}
.teacher_course .myLeftGap{padding:42px 0 70px;}
.teacher_course .banner .swiper-slide{display:block;overflow:hidden;text-align:center;color:var(--white);}
.teacher_course .banner .swiper-slide a{display:block;width:100%;height:100%;}
.teacher_course .banner .swiper-slide img{width:100%;}
/*
.teacher_course .banner .swiper-slide img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;margin:auto;}
*/
.teacher_course .banner .slide-btn{position:absolute;top:30px;right:30px;display:flex;align-items: center;gap:0 10px;z-index:1;}
.teacher_course .banner .swiper-pagination-fraction{position:static;height:auto;color:#1b1b1b;line-height: 150%;font-size:18px;font-weight: 500;}
.teacher_course .banner .slide-btn .swiper-prev{width:18px;height:18px;background:url(/img/common/icon_slide_prev2.png) center / 18px auto no-repeat;flex-shrink: 0;}
.teacher_course .banner .slide-btn .swiper-next{width:18px;height:18px;background:url(/img/common/icon_slide_next2.png) center / 18px auto no-repeat;flex-shrink: 0;}
.teacher_course .banner + .prd_list{margin-top:42px;}
.teacher_course .menu_box{position:sticky;top:0;background:var(--white);padding:40px 0;z-index:50;margin:40px 0;padding:10px 0;transition:top .3s;z-index:7;}
.teacher_course .menu_box.on{border-bottom:1px solid #E8EBED;}
.teacher_course .menu{display:flex;flex-wrap:wrap;gap:6px;}
.teacher_course .menu a{display:block;height:48px;line-height:46px;font-size:16px;font-weight: 600;color:#7F7F7F;text-align:center;letter-spacing:-1px;background:#F6F8F9;border:1px solid #DEE1E3;border-radius:4px;padding:0 20px;transition:.3s all;}
.teacher_course .menu a:hover{color:var(--white);background:#1f63c9;border-color:#1f63c9;}
.teacher_course .menu a.on{color:var(--white);background:#1f63c9;border-color:#1f63c9;}
@media screen and (min-width:1025px) {
	.teacher_course .menu_box{top:0 !important}
}

@media screen and (min-width:1401px) and (max-width:1500px){
.teacher_course .myLeftGap{padding:42px 52px}
}
@media screen and (max-width:1400px){
.teacher_course .s_contents_wrap{width:100%;padding:0 52px;}
.teacher_course .myLeftGap{padding:42px 0;}
}
@media screen and (max-width:1024px){
.teacher_course .myLeftGap{padding:22px 0 42px;}
.teacher_course .s_contents_wrap{padding:0 22px;}
}
@media screen and (max-width:768px){
.teacher_course .myLeftGap{padding:0 0 50px;margin-left: 0;}
.teacher_course .s_contents_wrap{padding:0 21px;}
.teacher_course .banner .s_contents_wrap{padding:0;}
.teacher_course .banner .swiper-slide{max-height:100%;border-radius:0;}
.teacher_course .banner + .prd_list{margin-top:15px;}
.teacher_course .menu_box{padding:14px 0;margin:16px 0}
.teacher_course .menu a{height:30px;line-height:28px;font-size:14px;padding:0 10px;}
.teacher_course .banner .slide-btn{display:none}
}

/*결제*/
.teacher_wrap .order{overflow:initial;}
.teacher_wrap .order .h3{padding:0;}
.teacher_wrap .order .myLeftGap{padding:42px 0;}
.order_wrap{display:flex;flex-flow:row nowrap;}
.order_wrap .contents{width:calc(100% - 408px);}
.order_wrap .contents article{padding:30px 0;}
.order_wrap .contents article + article{border-top:1px solid #edf0f2;}
.order_wrap .contents .title{font-size:18px;font-weight:500;color:#222;}
.order_wrap .contents .con{margin-top:24px;}
.order_wrap .contents .price_box,
.order_wrap .contents .agree_box{display:none;}
.order_wrap .product .con{display:flex;}
.order_wrap .product .thumb{min-width:202px;width:202px;border-radius:4px;overflow:hidden;margin-right:16px;}
.order_wrap .product .thumb img{width:100%;}
.order_wrap .product .txt_box .tit{font-size:16px;font-weight:500;color:#222;word-break:keep-all;}
.order_wrap .product .txt_box .teacher{font-size:14px;font-weight:400;color:#666;margin-top:8px;}
.order_wrap .class_info .item{display:flex;font-size:16px;}
.order_wrap .class_info .item + .item{margin-top:12px;}
.order_wrap .class_info .tit{min-width:132px;color:#666;}
.order_wrap .class_info .txt{color:#222;}
.order_wrap .class_info .txt span{display:block;}
.order_wrap .class_info .txt span + span{margin-top:3px;}
.order_wrap .class_info .txt .blue{color:#3999FF;}
.order_wrap .class_info .sm_txt{font-size:14px;color:#777;word-break:keep-all;}
.order_wrap .class_info .period .txt{font-weight:500;}
.order_wrap .radio_box .radio{position:relative;display:inline-block;font-size:0;margin-right:10px;}
.order_wrap .radio_box .radio:last-child{margin-right:0;}
.order_wrap .radio label{position:relative;display:inline-block;color:#222;line-height:18px;font-size:16px;font-weight:400;cursor:pointer;}
.order_wrap .radio input[type='radio']{display:none;}
.order_wrap .radio input[type='radio'] + label:before{content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_radio.svg") 0 0 / 100% 100% no-repeat;box-sizing:border-box;vertical-align:top;margin-right:6px;margin-top:1px;}
.order_wrap .radio input[type='radio']:checked + label:before{background-image:url("/img/common/icon_radio_on.svg");}
.order_wrap .method .item{width:100%;display:flex;align-items:center;gap:0 20px;}
.order_wrap .method .item_desc{font-size:13px;color:#999;margin-top:5px;}
.order_wrap .method .item + .item{margin-top:5px;}
.order_wrap .method .radio{flex-shrink:0;}
.order_wrap .method .saved{width:100%;display:flex;align-items:center;flex:1;gap:0 5px;}
.order_wrap .method .saved input[type='text']{max-width:300px;width:100%;background:#f2f2f2;border:1px solid #dedede;cursor:default;padding:0 10px;box-sizing:border-box;}
.order_wrap .method .saved .btn_delete{width:30px;height:30px;background:var(--white) url("/img/common/icon_delete_2.svg") 50% 50% / 24px 24px no-repeat;border:0;cursor:pointer;}
.order_wrap .method .check label{position:relative;display:inline-block;color:#222;font-size:14px;font-weight:400;cursor:pointer;}
.order_wrap .method .check input[type='checkbox']{display:none;}
.order_wrap .method .check input[type='checkbox'] + label:before{content:"";display:inline-block;width:18px;height:18px;background:url("/img/common/icon_checkbox_3.svg") 0 0 / 100% 100% no-repeat;box-sizing:border-box;vertical-align:top;margin:2px 5px 0 0;}
.order_wrap .method .check input[type='checkbox']:checked + label:before{background-image:url("/img/common/icon_checkbox_on_3.svg");}
.order_wrap .pay_info.fixed{position:sticky;top:350px;width:384px;height:570px;margin-left:24px;margin-top:30px;}
.b_n .order_wrap .pay_info.fixed{top:250px;}
.order_wrap .pay_info .price_box,
.order_wrap .pay_info .agree_box{background:var(--white);border:1px solid #DEE1E3;border-radius:4px;}
.order_wrap .price_box{background:var(--white);padding:26px 26px 28px;}
.order_wrap .price_box .title{font-size:20px;font-weight:500;}
.order_wrap .pay_info .price_box .detail{margin-top:24px;}
.order_wrap .price_box .detail .item{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#666;}
.order_wrap .price_box .detail .item + .item{margin-top:16px;}
.order_wrap .price_box .detail .cost .txt{font-weight:500;color:#222;}
.order_wrap .price_box .detail .f_red{color:#ff3946;}
.order_wrap .price_box .detail .percent{color:#ff3946;margin-right:8px;}
.order_wrap .price_box .detail .item.line{border-top:1px solid #E8EBED;padding-top:16px;}
.order_wrap .price_box .detail .item.coupon_detail{margin-top:12px;}
.order_wrap .price_box .coupon_detail .tit{color:#222;}
.order_wrap .price_box .coupon_detail .tit:before{content:"";display:inline-block;width:10px;height:12px;border-left:1px solid #999;border-bottom:1px solid #999;vertical-align:top;margin:0 9px 0 7px;}
.order_wrap .price_box .coupon_detail .btn{height:38px;line-height:38px;font-size:14px;color:var(--white);background:#3E3F40;border-radius:4px;padding:0 16px;}
.order_wrap .price_box .coupon_detail .btn:disabled{background:#DEE1E3;}
.order_wrap .price_box .point .txt{color:#999;}
.order_wrap .price_box .point .txt strong{color:#333;}
.order_wrap .price_box .point_detail{gap:0 8px;}
.order_wrap .price_box .point_detail .input_box{position:relative;width:100%;height:40px;border:1px solid #999;border-radius:4px;overflow:hidden;}
.order_wrap .price_box .point_detail input{width:100%;height:100%;line-height:1;font-size:14px;box-sizing:border-box;border:0;padding:0 40px 0 13px;}
.order_wrap .price_box .point_detail .btn{font-family:Pretendard;flex-shrink:0;height:40px;line-height:40px;font-size:14px;color:var(--white);border-radius:4px;background:#3999FF;padding:0 16px;}
.order_wrap .price_box .point_detail span{position:absolute;top:9px;right:20px;display:block;font-size:14px;color:#999;}
.order_wrap .price_box .item_desc{font-size:13px;color:#999;margin-top:5px;}
.order_wrap .price_box .total{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #E8EBED;margin-top:24px;padding-top:24px;}
.order_wrap .price_box .total .tit{font-size:18px;font-weight:700;}
.order_wrap .price_box .total .txt{position:relative;text-align:right;margin-left:auto;}
/*
.order_wrap .price_box .total .monthly{font-size:12px;color:#666;margin-bottom:2px;}
.order_wrap .price_box .total .price{font-size:24px;font-weight:700;}
*/
.order_wrap .price_box .total .sale{font-size:12px;color:#999;}
.order_wrap .price_box .total .sale span:nth-child(1){text-decoration:line-through;}
.order_wrap .price_box .total .sale span:nth-child(1):after{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_arrow_right_2.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:0 2px;}
.order_wrap .price_box .total .price {font-size:24px;font-weight:700;}
.order_wrap .price_box .total .price span{font-size:12px;font-weight:500;}
.order_wrap .price_box .total .point{position:absolute;bottom:-32px;right:0;height:27px;line-height:27px;font-size:13px;color:var(--white);background:#222;border-radius:6px;box-shadow:2px 2px 4px rgba(0,0,0,.2);padding:0 10px;user-select:none;}
.order_wrap .price_box .total .point:before{position:absolute;top:-6px;left:calc(50% - 6px);content:"";display:block;width:12px;height:12px;background:url("/img/common/icon_triangle.svg") 0 0 / 100% 100% no-repeat;}
.order_wrap .price_box .total .point span{color:#FEC94E;font-weight:700;}
.order_wrap .pay_info .agree_box{margin-top:12px;}
.order_wrap .pay_info .agree_box .agree{padding:10px 15px;}
.order_wrap .pay_info .btn_box{margin-top:12px;}
.order_wrap .pay_info .btn_box a + a{margin-top:10px;}
.order_wrap .btn_pay{display:block;width:100%;height:48px;line-height:48px;font-size:16px;font-weight:500;color:var(--white);text-align:center;background:#3999FF;border-radius:4px;transition:.3s all;}
.order_wrap .btn_pay:hover{background:#2C8CF2;}
.order_wrap .btn_pay:focus{background:#2E7ACC;}
.order_wrap .btn_pay.disabled{background:#DEE1E3;pointer-events:none;}
.order_wrap .btn_pay.end{color:#666;background:#D9D9D9;pointer-events:none;}
.order_wrap .agree .check{display:flex;align-items:center;font-size:0;}
.order_wrap .agree .check label{position:relative;display:inline-block;color:#222;line-height:30px;font-size:12px;font-weight:400;cursor:pointer;vertical-align:top;}
.order_wrap .agree .check input[type='checkbox']{display:none;}
.order_wrap .agree .check input[type='checkbox'] + label:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_checkbox.svg") 0 0 / 100% 100% no-repeat;box-sizing:border-box;vertical-align:top;margin:5.5px 5px 0 0;}
.order_wrap .agree .check input[type='checkbox']:checked + label:before{background-image:url("/img/common/icon_checkbox_on.svg");}
.order_wrap .agree .check a{display:inline-block;font-size:12px;line-height:1;color:#999;text-decoration:underline;text-underline-position:under;margin-left:auto;transition:.3s all;}
.order_wrap .agree .check a:hover{color:#333;}

/** ONE DAY CLASS 추후 삭제 예정 start **/
.order_wrap .oneday_class .item{display:flex;align-items:center;justify-content:space-between;border:1px solid #DDD;padding:10px 15px 14px 20px;}
.order_wrap .oneday_class .item + .item{margin-top:-1px;}
.order_wrap .oneday_class .item.on{border:2px solid #3999FF;}
.order_wrap .oneday_class .item.on .btn_box{display:none;}
.order_wrap .oneday_class .item .info{width:100%;}
.order_wrap .oneday_class .item .date_info{display:flex;align-items:center;gap:0 20px;}
.order_wrap .oneday_class .item .date_info span{display:block;}
.order_wrap .oneday_class .item .date_info .date{font-size:18px;font-weight:700;color:#222;}
.order_wrap .oneday_class .item .date_info .time{font-size:16px;font-weight:500;color:#3999FF;}
.order_wrap .oneday_class .item .address{position:relative;font-size:14px;color:#666;word-break:keep-all;margin-top:14px;padding-left:20px;}
.order_wrap .oneday_class .item .address:before{position:absolute;top:3px;left:0;content:"";display:block;width:16px;height:16px;background:url("/img/common/icon_address.png") 0 0 / 100% 100% no-repeat;}
.order_wrap .oneday_class .item .btn_box input[type='radio']{display:none;}
.order_wrap .oneday_class .item .btn_box label{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;height:64px;font-size:16px;color:var(--white);text-align:center;border-radius:6px;background:#3999FF;cursor:pointer;}
.order_wrap .oneday_class .item .btn_box input[type='radio']:disabled + label{background:#D9D9D9;color:#666;cursor:default;}
.order_wrap .oneday_class .item .btn_box label{font-weight:500;}
.order_wrap .oneday_class .item .btn_box label span{font-size:12px;font-weight:400;}
.order_wrap .oneday_class .item .btn_box label .num{font-weight:500;}
.order_wrap .oneday_class .item .btn_box label .num:before{content:"";display:inline-block;width:12px;height:9px;background:url("/img/common/icon_person.png") 0 0 / 100% 100% no-repeat;margin:0 3px 0 1px;}
.order_wrap .oneday_class .btn_refresh{display:none;width:100%;height:36px;line-height:34px;font-size:16px;font-weight:700;color:#222;text-align:center;background:#FAFBFC;border:1px solid #ddd;margin-top:10px;}
.order_wrap .oneday_class .btn_refresh.on{display:block;}
.order_wrap .oneday_class .btn_refresh span:before{content:"";display:inline-block;width:24px;height:24px;background:url("/img/common/icon_refresh.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:6px 8px 0 0;}
/* 추후 삭제 예정 end */
/* 원데이클래스 일정 추가 240429 */
.order_wrap .oneday_class .list_detail, #zoom_info_popup{font-family: Pretendard;}
.order_wrap .oneday_class .list_detail .summary_box_wrap, #zoom_info_popup .summary_box_wrap{margin-bottom:48px}
.order_wrap .oneday_class .list_detail .summary_box, #zoom_info_popup .summary_box{display:flex;align-items: center;justify-content: space-between;gap:0 8px;padding:30px;background:#f4f5f7}
.order_wrap .oneday_class .list_detail .summary_box .summary, #zoom_info_popup .summary_box .summary{margin-bottom:0}
.order_wrap .oneday_class .list_detail .summary_box .summary .type, #zoom_info_popup .summary_box .summary .type{margin-bottom:10px;color: #1b1b1b;font-size: 18px;font-weight: 600;}
.order_wrap .oneday_class .list_detail .summary_box .summary .date, #zoom_info_popup .summary_box .summary .date{color: #1b1b1b;font-size: 16px;letter-spacing: -0.32px;}
.order_wrap .oneday_class .list_detail .summary_box .cnt_area, #zoom_info_popup .summary_box .cnt_area{display:none;padding:10px 30px;background:#1f63c9;border-radius: 5px;color: var(--white);font-size: 14px;font-weight: 600;line-height: 128%;text-align: center;}
.order_wrap .oneday_class .list_detail .summary_box_wrap .caution{margin-top:10px;padding-left:20px;background:url(/img/common/icon_caution.png) left top 1px / 14px auto no-repeat;color: var(--main-color);font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.order_wrap .oneday_class .list_detail .detail .title, #zoom_info_popup .detail .title{margin-bottom:26px}
.order_wrap .oneday_class .list_detail .detail>ul>li, #zoom_info_popup .detail>ul>li{padding:20px 30px;border-radius: 5px;border: 1px solid #DEE1E3;}
.order_wrap .oneday_class .list_detail .detail>ul>li:not(:last-child), #zoom_info_popup .detail>ul>li:not(:last-child){margin-bottom:10px}
.order_wrap .oneday_class .list_detail .detail>ul>li .tit, #zoom_info_popup .detail>ul>li .tit{margin-bottom:8px;color:#1b1b1b;font-size: 16px;}
.order_wrap .oneday_class .list_detail .detail>ul>li .tit .round, #zoom_info_popup .detail>ul>li .tit .round{display:inline-block;margin:0 12px 2px 0;padding:4px 6px;border-radius: 3px;background: #E7E8FD;color: var(--main-color);text-align: center;font-size: 14px;font-weight: 500;line-height: 100%;}
.order_wrap .oneday_class .list_detail .detail>ul>li .info, #zoom_info_popup .detail>ul>li .info{display:flex;gap:0 28px;flex-wrap: wrap;}
.order_wrap .oneday_class .list_detail .detail>ul>li .info>p, #zoom_info_popup .detail>ul>li .info>p{color: #666;font-size: 14px;font-weight: 400;line-height: 140%;}

/* 내 강의실 팝업 */
#zoom_info_popup .popup-wrap .popup-head{border-bottom:none}
#zoom_info_popup .popup-wrap .popup-inner{padding-top:10px}
#zoom_info_popup .summary_box_wrap{margin-bottom:40px}
#zoom_info_popup .summary_box{padding:33px 30px 37px 30px}
#zoom_info_popup .summary_box .summary .type{font-size:20px;}
#zoom_info_popup .summary_box .summary .date{font-size:18px;letter-spacing: -0.36px;}
#zoom_info_popup .summary_box_wrap .caution{margin-top:8px;color: #666;font-size: 16px;font-weight: 400;letter-spacing: -0.32px;}
#zoom_info_popup .detail>ul>li{display:flex;justify-content: space-between;gap:0 10px;}
#zoom_info_popup .detail>ul>li .tit{font-size:18px}
#zoom_info_popup .detail>ul>li .tit .round{font-size:16px}
#zoom_info_popup .detail>ul>li .info>p{font-size:16px}
#zoom_info_popup .detail>ul>li .btn_zoom{flex-shrink: 0;padding:10px 30px;border-radius: 5px;background:#1f63c9;color:var(--white);border:none;font-family: Pretendard;font-size:16px;font-weight: 600;cursor:pointer;}
#zoom_info_popup .detail>ul>li .btn_zoom.disabled{background:#888}
.caution_popup{z-index:99999;text-align: center;}
.caution_popup .btn_box{text-align: center;}


@media screen and (max-width:767px){
	.order_wrap .oneday_class .list_detail .summary_box_wrap{margin-bottom:44px}
	.order_wrap .oneday_class .list_detail .summary_box{padding:20px;flex-direction: column;align-items: flex-start;gap:12px 0}
	.order_wrap .oneday_class .list_detail .summary_box .summary .type{font-size:14px;letter-spacing: -0.28px;}
	.order_wrap .oneday_class .list_detail .summary_box .summary .date{font-size:12px;letter-spacing: -0.24px;}
	.order_wrap .oneday_class .list_detail .summary_box .summary .date .txt{display:block}
	.order_wrap .oneday_class .list_detail .summary_box .cnt_area{display:flex;align-items: center;justify-content: center;gap:0 4px;display:none;width:100%;font-size:13px}
	.order_wrap .oneday_class .list_detail .summary_box .cnt_area .txt{line-height: 1;}
	.order_wrap .oneday_class .list_detail .summary_box_wrap .caution{padding-left:18px;font-size:12px;letter-spacing: -0.24px;}
	.order_wrap .oneday_class .list_detail .detail .title{margin-bottom:20px}
	.order_wrap .oneday_class .list_detail .detail>ul>li{padding:20px}
	.order_wrap .oneday_class .list_detail .detail>ul>li .tit{font-size:13px}
	.order_wrap .oneday_class .list_detail .detail>ul>li .tit .round{font-size:12px}
	.order_wrap .oneday_class .list_detail .detail>ul>li .info{flex-direction: column;}
	.order_wrap .oneday_class .list_detail .detail>ul>li .info>p{font-size:12px}

	#zoom_info_popup .popup-wrap .popup-head{height:108px;padding:20px 20px 30px}
	#zoom_info_popup .popup-wrap .popup-head .title{font-size:20px;line-height: 130%;}
	#zoom_info_popup .popup-wrap .popup-head .tag{display:block;margin:0;font-size:16px;line-height: 120%;}
	#zoom_info_popup .popup-wrap .popup-head .icon.close{top:34px;right:24px}
	#zoom_info_popup .popup-wrap .popup-head .icon.close img{width:20px}
	#zoom_info_popup .popup-wrap .popup-body{margin-top:108px}
	#zoom_info_popup .popup-wrap .popup-inner{padding-top:0}
	#zoom_info_popup .summary_box_wrap{margin-bottom:30px}
	#zoom_info_popup .summary_box{padding:20px}
	#zoom_info_popup .summary_box .summary .type{font-size:18px}
	#zoom_info_popup .summary_box .summary .date{font-size:14px;letter-spacing: -0.28px;}
	#zoom_info_popup .summary_box .summary .date .txt{display:block}
	#zoom_info_popup .summary_box_wrap .caution{font-size:14px;letter-spacing: -0.28px;}
	#zoom_info_popup .detail>ul>li{flex-direction: column;gap:10px 0;padding:20px}
	#zoom_info_popup .detail>ul>li .tit{font-size:16px}
	#zoom_info_popup .detail>ul>li .tit .round{font-size:14px}
	#zoom_info_popup .detail>ul>li .info{flex-direction: column;}
	#zoom_info_popup .detail>ul>li .info>p{font-size:14px}
	#zoom_info_popup .detail>ul>li .btn_zoom{height:40px}
}

/*결제 완료*/
.order_complete .contents{background:#FAFBFC;padding:90px 0 120px;}
.order_complete .contents_wrap{max-width:774px;width:100%;}
.order_complete .tit_box{text-align:center;}
.order_complete .tit_box .tit{font-size:26px;font-weight:500;}
.order_complete .tit_box .tit:before{content:"";display:block;width:52px;height:52px;background:url("/img/common/icon_complete.svg") 0 0 / 100% 100% no-repeat;margin:0 auto 24px;}
.order_complete .tit_box .tit strong{font-weight:500;}
.order_complete .tit_box .txt{font-size:14px;color:#666;margin-top:8px;}
.order_complete .tit_box .txt strong{font-weight:500;color:#3999FF;}
.order_complete .con_box{max-width:550px;width:100%;margin:50px auto 0;}
.order_complete .info_box{background:var(--white);border:1px solid #DEE1E3;border-radius:12px;padding:24px 24px 28px;}
.order_complete .info_box .con{padding:0 16px;}
.order_complete .info_box .con + .con{border-top:1px solid #EDF0F2;}
.order_complete .product .title{font-size:14px;margin-bottom:16px;}
.order_complete .product .info{display:flex;padding-bottom:26px;}
.order_complete .product .thumb{min-width:124px;width:124px;border-radius:4px;overflow:hidden;margin-right:18px;}
.order_complete .product .thumb img{width:100%;}
.order_complete .product .txt_box .tit{font-size:16px;font-weight:500;color:#222;word-break:keep-all;}
.order_complete .product .txt_box .teacher{font-size:14px;font-weight:400;color:#666;margin-top:8px;}
.order_complete .info_box .detail{padding-top:26px;}
.order_complete .detail .item{display:flex;}
.order_complete .detail .item + .item{margin-top:12px;}
.order_complete .detail .tit{min-width:124px;font-size:16px;color:#666;}
.order_complete .detail .txt{font-size:16px;color:#222;}
.order_complete .detail .txt span{display:block;}
.order_complete .detail .txt .point{color:#999;}
.order_complete .detail .txt .point b{color:#222;}
.order_complete .guide{margin-top:30px;}
.order_complete .guide span{position:relative;display:block;font-size:14px;color:#222;line-height:1.4;padding-left:10px;}
.order_complete .guide span + span{margin-top:3px;}
.order_complete .guide span:before{content:"-";display:block;position:absolute;top:0;left:0;}
.order_complete .guide span a{color:#3999FF;font-weight:400;text-decoration:underline;}
.order_complete .btn_box{font-size:0;border-top:1px solid #e8ebed;margin-top:50px;padding-top:30px;}
.order_complete .btn_box .btn{display:inline-block;width:calc(50% - 3px);height:48px;line-height:46px;font-size:16px;font-weight:400;text-align:center;border-radius:4px;}
.order_complete .btn_box .btn:nth-child(1){color:#3999ff;background:var(--white);border:1px solid #3999FF;}
.order_complete .btn_box .btn:nth-child(2){color:var(--white);background:#3999ff;margin-left:6px;}

.order_complete.fail .tit_box .tit:before{width:64px;height:64px;background-image:url("/img/common/icon_fail.svg");margin:0 auto 12px;}
.order_complete.fail .tit_box .tit strong{color:#FF3946;}
.order_complete.fail .info_box .title{font-size:16px;font-weight:500;}
.order_complete.fail .info_box .txt{font-size:16px;color:#666;}
.order_complete.fail .info_box .txt strong{color:#FF3946;font-weight:500;}

/*결제 내역*/
.order_list{font-family:Pretendard;}
.order_list .h3{/* padding:0 0 30px;*/}
.order_list .search_box{/* padding:30px 0;*/}
.order_list .search{display:flex;align-items:center;margin-bottom:30px}
.order_list .search input[type='text']{width:130px;height:40px;font-size:16px;color:#222;letter-spacing:1px;text-align:center;border:1px solid #dee1e3;border-radius:4px;box-sizing:border-box;padding:0 16px;}
.order_list .search i{font-size:14px;padding:0 6px;}
.order_list .search .btn{display:block;width:auto;height:40px;line-height:38px;font-size:16px;color:#1f63c9;border:1px solid var(--main-color);border-radius:4px;padding:0 16px;margin-left:8px;}
.order_list .list_box{background:#F6F8F9;padding:30px 0 70px;}
.order_list .list li + li{margin-top:30px;}
.order_list .list .info{display:flex;justify-content:space-between;align-items:center;}
.order_list .list .order_num{font-size:16px;font-weight:500;color:#222;}
.order_list .list .order_num span{color:#1f63c9;}
.order_list .list .state{font-size:14px;}
.order_list .list .state.complete{color:#1f63c9;}
.order_list .list .state.cancel{color:#FF3946;}
.order_list .list .cancel_date{color:#FF3946;}
.order_list .list .detail{margin-top:10px;}
.order_list .list .pc .detail{background:var(--white);border-radius:12px;padding:0 20px;}
.order_list .list .pc table{width:100%;text-align:center;border-spacing:0;border-collapse:collapse;}
.order_list .list .pc th{height:52px;font-size:16px;color:#5c5c5c;font-weight:400;padding:0 10px;}
.order_list .list .pc td{font-size:16px;color:#222;font-weight:400;line-height:1.4;border-top:1px solid #DEE1E3;padding:20px 10px;word-break:keep-all;}
.order_list .list .pc td .cancel_date{display:block;}
.order_list .list .pc td .btn{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;color:var(--white);border-radius:4px;background:#3E3F40;}
.order_list .list .btn_select{display:block;width:100%;min-width:182px;height:40px;line-height:38px;font-size:16px;color:#3999FF;text-align:left;border-radius:4px;border:1px solid #3999FF;/*background:url("/img/common/icon_arrow_right_3.svg") 90% 50% / 20px 20px no-repeat;*/padding:0 18px;}
.order_list .list .btn_select span{display:flex;align-items:center;justify-content:space-between;}
.order_list .list .btn_select span:after{content:"";display:block;width:20px;height:20px;background:url("/img/common/icon_arrow_right_3.svg") 0 0 / 100% 100% no-repeat}
.order_list .list .mo .box{background:var(--white);border-radius:10px;}
.order_list .list .mo .info{border-bottom:1px solid #DEE1E3;}
.order_list .list .mo .detail .item{display:flex;justify-content:space-between;flex:1 auto;}
.order_list .list .mo .detail .item + .item{margin-top:12px;}
.order_list .list .mo .detail .tit{width:40%;color:#5c5c5c;}
.order_list .list .mo .detail .txt{color:#222;text-align:right;}
.order_list .list .mo .btn{display:block;text-align:center;color:var(--white);background:#3e3f40;}
.order_list .list .list_none{text-align:center;font-size:22px;text-align:center;padding:100px 0;}

.order_cancel_popup .contents{min-width:492px;width:492px;border-radius:12px;overflow:hidden;}
.order_cancel_popup .con_box{padding:50px 40px 60px;}
.order_cancel_popup .tit{font-size:24px;font-weight:500;}
.order_cancel_popup .tit:before{content:"";display:inline-block;width:32px;height:32px;background:url("/img/common/icon_alert_cancel.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:2px 4px 0 0;}
.order_cancel_popup ul{margin-top:50px;}
.order_cancel_popup ul li{position:relative;font-size:16px;line-height:1.4;color:#222;padding-left:6px;}
.order_cancel_popup ul li:before{position:absolute;top:11px;left:0;content:"";display:block;width:2px;height:2px;background:#3e3f40;border-radius:50%;}
.order_cancel_popup ul li + li{margin-top:18px;}
.order_cancel_popup .btn_box{font-size:0;}
.order_cancel_popup .btn{width:50%;height:60px;line-height:60px;font-size:16px;text-align:center;}
.order_cancel_popup .btn:nth-child(1){color:#3E3F40;background:#F6F8F9;}
.order_cancel_popup .btn:nth-child(2){color:var(--white);background:#3999FF;}
.order_cancel_popup .btn:nth-child(2):hover{color:var(--white);}
.order_cancel2_popup .contents{min-width:318px;}

@media screen and (max-width:1500px){
.teacher_wrap .order .s_contents_wrap{padding:0 52px;}
}
@media screen and (max-width:1400px){
.order_list .s_contents_wrap{width:100%;padding:0 52px;}
}
@media screen and (max-width:1440px){
.order_wrap .oneday_class .item .date_info{flex-direction:column;align-items:flex-start;}
}
@media screen and (min-width:1025px) and (max-width:1440px){
	.order_wrap .product .con{display:block;}
	.order_wrap .product .con .txt_box{margin-top:12px}
}
@media screen and (max-width:1024px){
.order_wrap .pay_info.fixed{display:none;}
.order_wrap .contents{width:100%;}
.order_wrap .contents .price_box,
.order_wrap .contents .agree_box{display:block;}
.order_wrap .class_info .item{justify-content:space-between;}
.order_wrap .class_info .item + .item{margin-top:16px;}
.order_wrap .class_info .item .txt{text-align:right;}
.order_wrap .contents .agree_box{border-top:0;padding-top:0;}
.order_wrap .agree_box .agree{border:1px solid #DEE1E3;border-radius:4px;padding:10px 20px;}
.order_wrap .agree_box .btn_pay{margin-top:8px;}
.order_wrap .oneday_class .item .date_info{flex-direction:row;align-items:center;}

.order_complete .contents_wrap{max-width:550px;}
.order_complete .con_box{margin-top:43px;}
.order_complete .info_box{padding:24px 36px 28px;}
.order_complete .info_box .con{padding:0;}
.order_complete .product .info{padding-bottom:30px;}
.order_complete .info_box .detail{padding-top:30px;}
.order_complete .detail .item{justify-content:space-between;}
.order_complete .detail .item .txt{text-align:right;}
.order_complete .btn_box{margin-top:43px;padding-top:43px;}

.order_list .list li + li{margin-top:60px;}
.order_list .list .pc{display:none;}
.order_list .list .mo{display:block;}
.order_list .search_box{/* padding:42px 0 30px ;*/}
.order_list .list .mo .box{padding:20px;}
.order_list .list .mo .info{padding-bottom:18px;}
.order_list .list .mo .order_num{font-size:18px;}
.order_list .list .mo .state{font-size:14px;}
.order_list .list .mo .detail{margin-top:18px;}
.order_list .list .mo .detail .tit{font-size:16px;}
.order_list .list .mo .detail .txt{font-size:16px;}
.order_list .list .mo .btn{height:40px;line-height:40px;font-size:14px;border-radius:4px;margin-top:8px;}
}
@media screen and (max-width:768px){
.teacher_wrap .order .s_contents_wrap{padding:0;}
.teacher_wrap .order .myLeftGap{padding:24px 0 0;}
.teacher_wrap .order .h3{padding:0 21px;}
.teacher_wrap .order .h3 div strong{font-size:17px;}
.order_wrap .contents article{padding:20px 21px;}
.order_wrap .contents article + article{border-top:7px solid #F4F4F4;}
.order_wrap .contents .title{font-size:14px;}
.order_wrap .contents .con{margin-top:15px;}
.order_wrap .product .thumb{min-width:101px;width:101px;margin-right:8px;}
.order_wrap .product .txt_box .tit{font-size:12px;}
.order_wrap .product .txt_box .teacher{font-size:11px;margin-top:6px;}
.order_wrap .class_info .item{font-size:13px;}
.order_wrap .class_info .tit{min-width:85px;}
.order_wrap .class_info .sm_txt{font-size:12px;}
.order_wrap .radio label{font-size:12px;line-height:12px;}
.order_wrap .radio input[type='radio'] + label:before{width:12px;height:12px;margin-right:3px;margin-top:1px;}
.order_wrap .method .item.m_col{flex-direction:column;align-items:flex-start;gap:5px 0;}
.order_wrap .method .item{gap:0 10px;}
.order_wrap .method .item_desc{font-size:10px;margin-top:2px;}
.order_wrap .method .saved{justify-content:space-between;}
.order_wrap .method .saved input[type='text']{max-width:100%;height:26px;font-size:12px;}
.order_wrap .method .saved .btn_delete{height:26px;margin-left:auto;}
.order_wrap .method .check label{font-size:12px;line-height:12px;}
.order_wrap .method .check input[type='checkbox'] + label:before{width:12px;height:12px;margin:1px 3px 0 0;}
.order_wrap .price_box .detail .item{font-size:12px;}
.order_wrap .price_box .detail .item + .item{margin-top:8px;}
.order_wrap .price_box .detail .item.line{margin-top:12px;padding-top:12px;}
.order_wrap .price_box .detail .item.coupon_detail{margin-top:6px;}
.order_wrap .price_box .coupon_detail .tit:before{width:5px;height:6px;margin:0 4.5px 0 3.5px;}
.order_wrap .price_box .coupon_detail .btn{height:26px;line-height:26px;font-size:12px;border-radius:2px;padding:0 8px;}
.order_wrap .price_box .point_detail{gap:0 5px;}
.order_wrap .price_box .point_detail .input_box{height:26px;border-radius:2px;}
.order_wrap .price_box .point_detail input{font-size:12px;padding:0 30px 0 13px;}
.order_wrap .price_box .point_detail span{top:3px;right:15px;font-size:12px;}
.order_wrap .price_box .point_detail .btn{height:26px;line-height:26px;font-size:12px;border-radius:2px;padding:0 8px;}
.order_wrap .price_box .item_desc{font-size:10px;margin-top:2px;}
.order_wrap .price_box .total{margin-top:12px;padding-top:12px;}
.order_wrap .price_box .total .tit{font-size:13px;}
/*
.order_wrap .price_box .total .monthly{font-size:11px;}
.order_wrap .price_box .total .price{font-size:14px;}
*/
.order_wrap .price_box .total .sale{font-size:11px;}
.order_wrap .price_box .total .sale span:nth-child(1):after{width:16px;height:16px;}
.order_wrap .price_box .total .price{font-size:20px;}
.order_wrap .price_box .total .price span{font-size:12px;}
.order_wrap .price_box .total .point{bottom:-30px;height:25px;line-height:25px;font-size:12px;border-radius:5px;}
.order_wrap .contents .agree_box{padding:0;border-top:7px solid #F4F4F4;}
.order_wrap .agree_box .agree{border:0;border-radius:0;padding:10px 21px;}
.order_wrap .agree .check label{font-size:11px;line-height:20px;}
.order_wrap .agree .check input[type='checkbox'] + label:before{width:14px;height:14px;margin-right:3px;margin-top:3.3px;}
.order_wrap .agree .check a{font-size:11px;}
.order_wrap .agree_box .btn_box{border-top:1px solid #EDF0F2;padding:15px 21px;}
.order_wrap .agree_box .btn_pay{height:43px;line-height:43px;font-size:13px;font-weight:500;border-radius:3px;margin-top:0;}
/* ONE DAY CLASS */
.order_wrap .oneday_class .con{margin-top:8px;}
.order_wrap .oneday_class .item{flex-direction:column;padding:10px 20px;}
.order_wrap .oneday_class .item + .item{margin-top:10px;}
.order_wrap .oneday_class .item .date_info{justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:10px;}
.order_wrap .oneday_class .item .address{margin-top:10px;}
.order_wrap .oneday_class .item .btn_box{width:100%;}
.order_wrap .oneday_class .item .btn_box label{width:100%;height:36px;flex-direction:row;border-radius:0;margin-top:15px;}
.order_wrap .oneday_class .item .btn_box label span{font-size:16px;}
.order_wrap .oneday_class .item .btn_box label .num:before{width:15px;height:11px;}

.order_complete .contents{padding:35px 0 44px;}
.order_complete .contents_wrap{padding:0 21px;}
.order_complete .tit_box .tit{font-size:17px;}
.order_complete .tit_box .tit:before{width:56px;height:56px;margin-bottom:12px;}
.order_complete .tit_box .txt{font-size:13px;margin-top:4px;}
.order_complete .con_box{margin-top:30px;}
.order_complete .info_box{border-radius:10px;padding:20px 20px 22px;}
.order_complete .product .info{padding-bottom:25px;}
.order_complete .product .title{display:none;}
.order_complete .product .thumb{min-width:101px;width:101px;margin-right:8px;}
.order_complete .product .txt_box .tit{font-size:12px;}
.order_complete .product .txt_box .teacher{font-size:11px;margin-top:6px;}
.order_complete .info_box .detail{padding-top:25px;}
.order_complete .detail .tit{min-width:75px;font-size:12px;}
.order_complete .detail .txt{font-size:12px;}
.order_complete .guide span{font-size:11px;}
.order_complete .btn_box{margin-top:30px;padding:0;border:0;}
.order_complete .btn_box .btn{width:calc(50% - 2px);height:36px;line-height:34px;font-size:12px;}
.order_complete .btn_box .btn:nth-child(2){margin-left:4px;}
.order_complete.fail .tit_box .tit:before{width:56px;height:56px;margin:0 auto;}
.order_complete.fail .info_box .title{font-size:13px;}
.order_complete.fail .info_box .txt{font-size:13px;}

.order_list .s_contents_wrap{padding:0;}
.order_list .search_box{/* padding:24px 21px 15px;*/}
.order_list .h3{/* padding-bottom:15px;*/}
.order_list .h3 div strong{/* font-size:17px;*/}
.order_list .search input[type='text']{width:103px;height:36px;font-size:13px;padding:0 12px;}
.order_list .search .btn{height:36px;line-height:34px;font-size:12px;border-radius:3px;padding:0 12px;margin-left:5px;}
.order_list .list_box{padding:15px 21px 40px;}
.order_list .list li + li{margin-top:30px;}
.order_list .list .btn_select{height:36px;line-height:34px;font-size:12px;border-radius:3px;}
.order_list .list .btn_select span{justify-content:center;}
.order_list .list .btn_select span:after{width:16px;height:16px;}
.order_list .list .mo .box{padding:15px 16px 20px;}
.order_list .list .mo .info{padding-bottom:12px;}
.order_list .list .mo .order_num{font-size:13px;}
.order_list .list .mo .state{font-size:11px;}
.order_list .list .mo .detail{margin-top:12px;}
.order_list .list .mo .detail .tit{font-size:12px;}
.order_list .list .mo .detail .txt{font-size:12px;}
.order_list .list .mo .detail .txt .cancel_date{display:block;}
.order_list .list .mo .btn{height:36px;line-height:36px;font-size:12px;border-radius:6px;margin-top:6px;}
.order_list .list .list_none{font-size:16px;}

.order_cancel_popup{background:rgba(0,0,0,.7);}
.order_cancel_popup .contents{min-width:318px;width:318px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);}
.order_cancel_popup .con_box{padding:30px 24px 34px;}
.order_cancel_popup .tit{font-size:18px;}
.order_cancel_popup .tit:before{top:7px;width:23px;height:23px;}
.order_cancel_popup ul{margin-top:30px;}
.order_cancel_popup ul li{font-size:12px;}
.order_cancel_popup .btn{height:48px;line-height:48px;font-size:12px;}
.order_cancel2_popup .contents{min-width:245px;}
}

@media screen and (max-width:320px){
.order_wrap .class_info .tit{min-width:70px;}
.order_wrap .method .item{flex-direction:column;align-items:flex-start;}
.order_wrap .agree .check label{font-size:10px;}
.order_wrap .agree .check a{flex-shrink:0;font-size:10px;}
}

/****** 1기 모집 랜딩 ******/
.teacher_wrap .intro img{vertical-align:middle;width:100%;}
.teacher_wrap .intro .mo{display:none;}
.teacher_wrap .intro .contents_wrap{max-width:1400px;width:100%;}
.teacher_wrap .intro article .contents_wrap{/*padding:0 180px;*/}
.teacher_wrap .intro .sec_1{position:relative;background:url("/img/common/intro/bg_sec1.jpg") 0 0 / cover no-repeat;padding-top:80px;}
.teacher_wrap .intro .sec_1:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:329px;background:url("/img/common/intro/bg_sec1_menu.png") 0 0 / cover no-repeat;}
.teacher_wrap .intro .sec_1 .topclass{margin-top:45px;}
.teacher_wrap .intro .sec_1 .sub_tit{margin-top:30px;}
.teacher_wrap .intro .sec_1 .teacher{margin-top:20px;}
.teacher_wrap .intro .sec_1 .menu{position:relative;display:flex;z-index:1;}
.teacher_wrap .intro .sec_1 .menu .item{position:relative;display:flex;justify-content:center;flex-flow:column;width:33.333%;height:170px;font-size:36px;line-height:1.3;color:var(--white);font-weight:600;text-align:center;word-break:keep-all;transition:.3s all;}
.teacher_wrap .intro .sec_1 .menu .item span{color:#aae4f1;}
.teacher_wrap .intro .sec_1 .menu .item + .item:before{content:"";display:block;position:absolute;top:0;left:0;;width:1px;height:100%;background:#33363c;}
.teacher_wrap .intro .sec_1 .menu .item span{display:block;}
.teacher_wrap .intro .sec_1 .menu .item:hover:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:3px;background:#00B0F0;}
.teacher_wrap .intro .sec_2{background:#f3f4f5;padding:90px 0 150px;}
.teacher_wrap .intro .sec_2 .list{margin-top:-15px;}
.teacher_wrap .intro .sec_2 .list .item + .item{margin-top:45px;}
.teacher_wrap .intro .sec_3{background:#18264c;padding:145px 0 160px;}
.teacher_wrap .intro .sec_3 .txt{margin-top:60px;}
.teacher_wrap .intro .sec_3 .graph{margin-top:55px;}
.teacher_wrap .intro .sec_3 .txt2{margin-top:-80px;}
.teacher_wrap .intro .sec_4{background:linear-gradient(#101011,#152344);padding:85px 0 ;}
.teacher_wrap .intro .sec_4 .list{margin-top:80px;}
.teacher_wrap .intro .sec_4 .list li + li{margin-top:18px;}
.teacher_wrap .intro .sec_5{background:#152344;padding:104px 0;}
.teacher_wrap .intro .sec_5 .teacher{margin-top:80px;}
.teacher_wrap .intro .sec_5 .tab_menu_box{position:relative;display:flex;justify-content:center;align-items:center;gap:0 35px;background:linear-gradient(to right,#141e3a,#0a3089);border-radius:135px;z-index:1;margin-top:-20px;padding:15px;}
.teacher_wrap .intro .sec_5 .tab_menu{position:relative;display:block;width:20%;height:auto;background:#eee;border-radius:50%;}
.teacher_wrap .intro .sec_5 .tab_menu:before{content:"";display:block;padding-top:100%;}
.teacher_wrap .intro .sec_5 .tab_menu span{display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:40px;color:var(--white);line-height:1.2;font-weight:600;}
.teacher_wrap .intro .sec_5 .tab_menu:nth-child(1){background:#8b6aa8;}
.teacher_wrap .intro .sec_5 .tab_menu:nth-child(2){background:#805eab;}
.teacher_wrap .intro .sec_5 .tab_menu:nth-child(3){background:#7b63d3;}
.teacher_wrap .intro .sec_5 .tab_menu:nth-child(4){background:#535cc6;}
.teacher_wrap .intro .sec_5 .tab_menu:nth-child(5){background:#0052b7;}
.teacher_wrap .intro .sec_5 .tab_menu:after{position:absolute;top:calc(50% - 17.5px);right:-42px;content:"";display:block;width:49px;height:35px;background:url("/img/common/intro/icon_arrow.png") 0 0 / 100% 100% no-repeat;z-index:1;}
.teacher_wrap .intro .sec_5 .tab_menu:last-child:after{display:none;}
.teacher_wrap .intro .sec_5 .tab_con_box{margin-top:15px;}
.teacher_wrap .intro .sec_5 .tab_con_box .tab_con{display:none;}
.teacher_wrap .intro .sec_5 .tab_con_box .tab_con.on{display:block;}
.teacher_wrap .intro .sec_5 .teacher_slide{position:relative;margin-top:40px;padding-bottom:22px;}
.teacher_wrap .intro .sec_5 .swiper-pagination{bottom:0;height:7px;}
.teacher_wrap .intro .sec_5 .swiper-pagination-bullet{width:7px;height:7px;background:#444e6b;opacity:1;margin:0 5px;vertical-align:top}
.teacher_wrap .intro .sec_5 .swiper-pagination-bullet-active{background:#aae4f1;}
.teacher_wrap .intro .prd_list{padding:40px 0;}
.teacher_wrap .intro .prd_list + .prd_list{margin:0;}
@media screen and (max-width:1600px){
.teacher_wrap .intro .contents_wrap{padding:0 30px;}
.teacher_wrap .intro article .contents_wrap{padding:0 80px;}
.teacher_wrap .intro .sec_5 .tab_menu span{font-size:30px;}
}
@media screen and (max-width:1400px){
.teacher_wrap .intro article .contents_wrap{padding:0 30px;}
.teacher_wrap .intro .sec_1 .menu .item{height:140px;font-size:28px;}
}
@media screen and (max-width:1024px){
.teacher_wrap .intro .myPlaceMenu{display:none;}
.teacher_wrap .intro .myProfile .myLeftGap{margin-left:0;}
.teacher_wrap .intro .sec_2{padding:120px 0;}
.teacher_wrap .intro .sec_3{padding:120px 0;}
.teacher_wrap .intro .sec_4{padding:120px 60px;}
.teacher_wrap .intro .sec_5{padding:70px 0;}
.teacher_wrap .intro .sec_5 .tab_menu span{font-size:22px;}
}
@media screen and (max-width:768px){
.teacher_wrap .intro .contents_wrap{padding:0;}
.teacher_wrap .intro article .contents_wrap{padding:0;}
.teacher_wrap .intro .pc{display:none;}
.teacher_wrap .intro .mo{display:block;}
.teacher_wrap .intro .sec_1{background:#000;padding-top:30px;}
.teacher_wrap .intro .sec_1:after{display:none;}
.teacher_wrap .intro .sec_1 .topclass{margin-top:20px;}
.teacher_wrap .intro .sec_1 .sub_tit{margin-top:20px;}
.teacher_wrap .intro .sec_1 .teacher{margin-top:35px;}
.teacher_wrap .intro .sec_1 .menu .item{height:88px;font-size:17px;}
.teacher_wrap .intro .sec_1 .menu .item + .item:before{display:none;}
.teacher_wrap .intro .sec_2{padding:60px 0 65px;}
.teacher_wrap .intro .sec_2 .list .item + .item{margin-top:12px;}
.teacher_wrap .intro .sec_3{padding:65px 0;}
.teacher_wrap .intro .sec_3 .txt{margin-top:30px;}
.teacher_wrap .intro .sec_3 .graph{margin-top:38px;}
.teacher_wrap .intro .sec_3 .insight{margin-top:15px;}
.teacher_wrap .intro .sec_3 .txt2{margin-top:-50px;}
.teacher_wrap .intro .sec_4{background:#101011;padding:40px 0;}
.teacher_wrap .intro .sec_4 .list{margin-top:45px;}
.teacher_wrap .intro .sec_5{background:#101011;padding:49px 0;}
.teacher_wrap .intro .sec_5 .teacher{margin-top:25px;}
.teacher_wrap .intro .sec_5 .tab_menu_box{position:relative;flex-wrap:wrap;gap:11px 14px;border-radius:0;background:linear-gradient(to right,#121724,#0e265c);padding:6px 11px;}
.teacher_wrap .intro .sec_5 .tab_menu_box:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to right,#121f40,#0b2c79);z-index:-1;}
.teacher_wrap .intro .sec_5 .tab_menu{width:28%;}
.teacher_wrap .intro .sec_5 .tab_menu span{font-size:16px;}
.teacher_wrap .intro .sec_5 .tab_menu:after{top:calc(50% - 7px);right:-17px;width:20px;height:14px;}
.teacher_wrap .intro .sec_5 .tab_con_box{margin-top:20px;}
.teacher_wrap .intro .prd_list{padding:20px 21px 40px;}
}
@media screen and (max-width:639px){
.teacher_wrap .intro .sec_1 .menu .item{height:80px;font-size:15px;}
}

/*컨설팅*/
.consult_view .myLeftGap .contents_wrap{max-width:1440px;width:100%;}
.consult_view .h3{padding:42px 0 30px;}
.consult_view .q_box{padding-bottom:62px;}
.consult_view .a_box{background:#FAFBFC;padding:30px 0 70px;}
.consult_view .class_info{position:relative;display:flex;background:#FAFBFC;padding:13px 90px 13px 16px;}
.consult_view .class_info .thumb{max-width:82px;margin-right:12px;}
.consult_view .class_info .thumb img{width:100%;}
.consult_view .class_info .tit{font-size:16px;color:#222;}
.consult_view .class_info .teacher{font-size:16px;color:#7F7F7F;margin-top:4px;}
.consult_view .class_info .state{position:absolute;top:13px;right:16px;display:block;width:auto;height:24px;line-height:22px;font-size:14px;color:var(--white);border-radius:4px;padding:0 4px;}
.consult_view .class_info .state.wait{background:#999e9b;}
.consult_view .class_info .state.complete{background:#3999FF;}
.consult_view .writer_info{font-size:14px;margin-top:30px;}
.consult_view .writer_info .date{color:#999;margin-left:8px;}
.consult_view .question{margin-top:20px;}
.consult_view .question .tit{font-size:18px;font-weight:500;color:#222;line-height:1.4;}
.consult_view .question .txt{font-size:14px;color:#222;line-height:1.4;margin-top:8px;}
.consult_view .file_box{margin-top:30px;}
.consult_view .file_box .f_tit{font-size:14px;color:#222;font-weight:400;}
.consult_view .file_box .f_tit span{color:#3999FF;}
.consult_view .file_box .desc{font-size:14px;color:#666;margin-top:10px;}
.consult_view .file_list{border:1px solid #DEE1E3;border-radius:6px;padding:15px 25px;margin-top:10px;}
.consult_view .file_list li + li{margin-top:8px;}
.consult_view .file_list a{display:block;font-size:14px;color:#222;text-decoration:underline;}
.consult_view .btn_box{font-size:0;text-align:right;margin-top:30px;}
.consult_view .btn_box a{display:inline-block;width:164px;height:48px;line-height:46px;font-size:16px;font-weight:500;text-align:center;border-radius:4px;border:1px solid #3E3F40;}
.consult_view .btn_box a:nth-child(1){color:#3e3f40;border-color:#DEE1E3;}
.consult_view .btn_box a:nth-child(2){color:var(--white);background:#3E3F40;margin-left:8px;}

.consult_view .a_box .complete{font-size:16px;font-weight:500;color:#222;margin-bottom:30px;}
.consult_view .a_box .complete:before{content:"";display:inline-block;width:24px;height:24px;background:url("/img/common/icon_comment_complete.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:6px;}
.consult_view .a_box .complete strong{color:#3999FF;}
.consult_view .a_box .con_box{background:var(--white);border:1px solid #d9d9d9;border-radius:12px;padding:30px 40px 44px;}
.consult_view .a_box .con_box .tit{display:inline-block;font-size:20px;font-weight:500;color:#222;border-bottom:2px solid #3999ff;padding-bottom:13px;}
.consult_view .a_box .comment_box{padding:30px 0 0 50px;}
.consult_view .a_box .info{position:relative;}
.consult_view .a_box .info .profile{position:absolute;top:0;left:-50px;width:40px;height:40px;border-radius:50%;overflow:hidden;}
.consult_view .a_box .info .profile img{width:100%;height:100%;vertical-align:top;}
.consult_view .a_box .info .writer{font-size:0;}
.consult_view .a_box .info .writer .name{display:inline-block;font-size:16px;font-weight:500;color:#222;}
.consult_view .a_box .info .writer .type{display:inline-block;width:auto;height:23px;font-size:14px;font-weight:500;color:#3999ff;line-height:20px;border-radius:30px;border:1px solid #3999FF;padding:0 8px;margin-left:4px;}
.consult_view .a_box .info .date{font-size:16px;color:#999;margin-top:8px;}
.consult_view .a_box .comment{font-size:16px;color:#222;line-height:1.4;margin-top:12px;}
.consult_view .a_box .wait{text-align:center;padding:50px 0 80px;}
.consult_view .a_box .wait h4{font-size:20px;font-weight:500;color:#222;}
.consult_view .a_box .wait h4:before{content:"";display:block;width:80px;height:54px;background:url("/img/common/icon_wait.svg") 0 0 / 100% 100% no-repeat;margin:0 auto 26px;}
.consult_view .a_box .wait span{display:block;font-size:14px;color:#666;margin-top:6px;}

@media screen and (max-width:1600px){
.consult_view .myLeftGap .contents_wrap{padding:0 40px;}
}
@media screen and (max-width:768px){
.consult_view .h3{display:none;}
.consult_view .myLeftGap .contents_wrap{padding:0;}
.consult_view .class_info{padding:15px 21px;}
.consult_view .class_info .thumb{max-width:105px;margin-right:10px;}
.consult_view .class_info .tit{font-size:12px;}
.consult_view .class_info .teacher{font-size:12px;}
.consult_view .class_info .state{top:auto;bottom:15px;right:21px;height:20px;font-size:12px;line-height:18px;border-radius:3px;}
.consult_view .q_box{padding:0;border-bottom:1px solid #DEE1E3;}
.consult_view .q_box .con_box{padding:15px 21px 30px;}
.consult_view .writer_info{font-size:12px;margin:0;}
.consult_view .question{margin-top:15px;}
.consult_view .question .tit{font-size:14px;}
.consult_view .question .txt{font-size:13px;}
.consult_view .file_box{margin-top:15px;}
.consult_view .file_box .f_tit{font-size:12px;}
.consult_view .file_list{border-radius:6px;margin-top:8px;padding:10px 15px;}
.consult_view .file_list li + li{margin-top:6px;}
.consult_view .file_list a{font-size:12px;}
.consult_view .file_box .desc{font-size:10px;margin-top:4px;}
.consult_view .btn_box a{width:calc(50% - 2px);height:40px;line-height:38px;font-size:12px;border-radius:2px;}
.consult_view .btn_box a:nth-child(2){margin-left:4px;}
.consult_view .a_box{border-top:7px solid #F4F4F4;padding:20px 21px 30px;}
.consult_view .a_box .complete{font-size:13px;margin-bottom:20px;}
.consult_view .a_box .complete:before{width:16px;height:16px;margin-right:3px;margin-top:2px;}
.consult_view .a_box .con_box{border-radius:6px;padding:10px 20px 20px;}
.consult_view .a_box .con_box .tit{font-size:13px;padding-bottom:12px;}
.consult_view .a_box .comment_box{padding:20px 0 0 0;}
.consult_view .a_box .info{padding-left:26px;}
.consult_view .a_box .info .profile{left:0;width:21px;height:21px;}
.consult_view .a_box .info .writer .name{font-size:12px;}
.consult_view .a_box .info .writer .type{height:17px;line-height:14px;font-size:10px;padding:0 4px;}
.consult_view .a_box .info .date{font-size:12px;margin-top:1px;}
.consult_view .a_box .comment{font-size:13px;margin-top:8px;}
.consult_view .a_box .wait{padding:80px 0 75px;}
.consult_view .a_box .wait h4:before{width:40px;height:27px;margin-bottom:16px;}
.consult_view .a_box .wait h4{font-size:13px;}
.consult_view .a_box .wait span{font-size:12px;margin-top:4px;}
}

/*클래스 챌린지 추가 2022/11/14*/
.challenge .myLeftGap{padding:42px 0 112px;}
.challenge .h3{padding:0;}
.challenge .tit_box{text-align:center;margin:60px 0 80px;}
.challenge .tit_box h1{font-size:24px;font-weight:500;}
.challenge .tit_box h1:before{content:"";display:block;width:32px;height:20px;background:url("/img/common/icon_quot_b.svg") 0 0 / 100% 100% no-repeat;margin:0 auto 10px;}
.challenge .tit_box .txt{font-size:16px;color:#666;line-height:1.4;margin-top:10px;}
.challenge .tit_box a{display:block;width:280px;height:48px;line-height:46px;font-size:16px;font-weight:500;color:var(--white);text-align:center;background:#3999ff;border-radius:4px;margin:20px auto 0;}
.challenge .challenge_list{border-top:2px solid #000;border-bottom:2px solid #000;}
.challenge .challenge_list li + li{border-top:1px dashed #DEE1E3;}
.challenge .challenge_list li a{display:flex;padding:30px 0;}
.challenge .challenge_list li:hover .thumb img{transform:scale(1.1);}
.challenge .challenge_list .thumb_box{width:168px;}
.challenge .challenge_list .thumb{position:relative;width:100%;height:auto;padding-top:100%;background:url("/img/common/bg_challenge.png") 50% 50% / cover no-repeat;border-radius:8px;overflow:hidden;}
.challenge .challenge_list .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:.3s all;}
.challenge .challenge_list .txt_box{width:calc(100% - 168px);padding-left:20px;}
.challenge .challenge_list .info{font-size:0;}
.challenge .challenge_list .info .item{display:inline-block;vertical-align:top;}
.challenge .challenge_list .info .writer .profile{display:inline-block;width:20px;height:20px;background:url("/img/common/icon_user.svg") 0 0 / 100% 100% no-repeat;margin-right:8px;}
.challenge .challenge_list .info .writer .profile img{width:100%;height:100%;}
.challenge .challenge_list .info .writer .name{display:inline-block;font-size:16px;line-height:20px;font-weight:500;color:#000;vertical-align:top;}
.challenge .challenge_list .info .like:before{content:"";display:inline-block;width:1px;height:16px;background:#ccc;margin:0 20px;}
.challenge .challenge_list .info .like .icon{display:inline-block;width:20px;height:18px;background:url("/img/common/icon_like.svg") 0 0 / 100% 100% no-repeat;margin-right:8px;}
.challenge .challenge_list .info .like .icon.on{background-image:url("/img/common/icon_like_on.svg");}
.challenge .challenge_list .info .like .cnt{display:inline-block;font-size:16px;font-weight:500;color:#000;line-height:18px;vertical-align:top;}
.challenge .challenge_list .date{font-size:14px;font-weight:500;color:#bbb;letter-spacing:-.5px;margin-top:6px;}
.challenge .challenge_list .txt{font-size:16px;line-height:1.4;color:#222;word-wrap:break-word;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-top:16px;}
.challenge .list_none{text-align:center;background:#FAFBFC;border:1px solid #EDF0F2;border-radius:4px;padding:68px 0;}
.challenge .list_none span{font-size:16px;color:#5C5C5C;}

.challenge .challenge_view{max-width:720px;width:100%;margin:64px auto 0;}
.challenge .challenge_view .view_box{box-shadow:0 0 6px rgba(0,0,0,.2);border-radius:24px;overflow:hidden;}
.challenge .challenge_view .top_box{display:flex;justify-content:space-between;height:100px;background:#F8F8F8;padding:26px 26px 26px 30px;}
.challenge .challenge_view .info_box{display:flex;}
.challenge .challenge_view .profile{width:48px;height:48px;background:url("/img/common/icon_user.svg") 0 0 / 100% 100% no-repeat;margin-right:16px;}
.challenge .challenge_view .info .item{font-size:0;}
.challenge .challenge_view .info .name{display:inline-block;font-size:16px;font-weight:500;color:#000;}
.challenge .challenge_view .info .like{display:inline-block;font-size:16px;font-weight:500;color:#000;vertical-align:top;}
.challenge .challenge_view .info .like:before{content:"";display:inline-block;width:1px;height:16px;background:#ccc;vertical-align:top;margin:5px 20px 0;}
.challenge .challenge_view .info .like .icon{display:inline-block;width:20px;height:18px;background:url("/img/common/icon_like.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:3px 5px 0 0;}
.challenge .challenge_view .info .like .icon.on{background-image:url("/img/common/icon_like_on.svg");}
.challenge .challenge_view .info .date{font-size:14px;color:#bbb;margin-top:6px;}
.challenge .challenge_view .option_box{position:relative;display:flex;}
.challenge .challenge_view .option_box > button{width:48px;height:48px;background:var(--white);border:0;border-radius:50%;cursor:pointer;}
.challenge .challenge_view .option_box > button + button{margin-left:10px;}
.challenge .challenge_view .option_box .btn_like{background:var(--white) url("/img/common/icon_like.svg") 50% 50% / 27px auto no-repeat;}
.challenge .challenge_view .option_box .btn_like.on{background-image:url("/img/common/icon_like_on.svg");}
.challenge .challenge_view .option_box .btn_option{background:var(--white) url("/img/common/icon_option.svg") 50% 50% / 32px auto no-repeat;}
.challenge .challenge_view .option_popup{display:none;position:absolute;top:0;right:0;width:160px;background:#444;border-radius:24px;padding:30px 20px;}
.challenge .challenge_view .option_popup.on{display:block;}
.challenge .challenge_view .option_popup a{display:block;font-size:16px;color:#F8F8F8;}
.challenge .challenge_view .option_popup a + a{margin-top:14px;}
.challenge .challenge_view .option_popup a span:before{content:"";display:inline-block;width:16px;height:16px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin:5px 9px 0 0;}
.challenge .challenge_view .option_popup .btn_edit span:before{background-image:url("/img/common/icon_edit.svg");}
.challenge .challenge_view .option_popup .btn_delete span:before{background-image:url("/img/common/icon_delete.svg");}
.challenge .challenge_view .option_popup .btn_close{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:url("/img/common/icon_close_2.svg") 50% 50% / 18px auto no-repeat;cursor:pointer;}
.challenge .challenge_view .txt_box{min-height:200px;font-size:16px;color:#444;line-height:1.4;word-wrap:break-word;white-space:normal;padding:40px;}
.challenge .challenge_view .txt_box img{display:block;max-width:100%;width:auto;}
.challenge .challenge_view .txt_box img + span{display:block;margin-top:30px;}
.challenge .challenge_view .btn_box{font-size:0;text-align:center;margin-top:40px;}
.challenge .challenge_view .btn_box a{display:inline-block;max-width:240px;width:calc(50% - 3px);height:48px;line-height:46px;font-size:16px;font-weight:400;text-align:center;border-radius:4px;}
.challenge .challenge_view .btn_box a:nth-child(1){color:#3999ff;background:var(--white);border:1px solid #3999FF;}
.challenge .challenge_view .btn_box a:nth-child(2){color:var(--white);background:#3999ff;margin-left:6px;}

.challenge .challenge_write{margin-top:100px;}
.challenge .challenge_write .text .tit{height:62px;line-height:60px;font-size:20px;font-weight:500;text-align:center;border-top:2px solid #000;background:#F8F8F8;margin:0;}
.challenge .challenge_write .text textarea{width:100%;min-height:120px;font-size:16px;line-height:1.4;color:#000;border:1px solid #ccc;resize:vertical;box-sizing:border-box;padding:10px 20px;vertical-align:top;appearance:none;border-radius:0;margin:0;}
.challenge .challenge_write .text textarea::placeholder{color:#999;}
.challenge .challenge_write .image .tit{font-size:16px;font-weight:700;}
.challenge .challenge_write .image .tit:before{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_image.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:15px 4px 0 0;}
.challenge .challenge_write .item + .item{margin-top:30px;}
.challenge .challenge_write .item .input .btn{font-size:16px;font-weight:400;}
.challenge .challenge_write .item .input .txt{font-size:16px;}
.challenge .challenge_write .desc{text-align:center;margin:40px 0 16px;}
.challenge .challenge_write .desc span{display:block;font-size:14px;line-height:1.5;color:#F28421;}
.challenge .challenge_write .btn_box a + a{margin-left:10px;}

.challenge_delete_popup .contents{min-width:500px;}

/*캘린더*/
.calendar_box{max-width:554px;width:100%;margin:0 auto;}
.calendar_box .calendar .today{display:flex;justify-content:space-between;align-items:center;height:48px;background:#333;border-radius:20px 20px 0 0;}
.calendar_box .calendar .today .tit span + span{margin-left:5px;}
.calendar_box .calendar .today span{font-size:20px;font-weight:700;color:var(--white);}
.calendar_box .calendar .today a{display:block;width:48px;height:48px;background:url("/img/common/icon_arrow_left.svg") 50% 50% / 14px auto no-repeat;}
.calendar_box .calendar .today a.next{transform:rotate(180deg);}
.calendar_box .calendar table{width:100%;text-align:center;border-collapse:collapse;border-spacing:0;cursor:default;}
.calendar_box .calendar table thead tr{border:1px solid #ddd;}
.calendar_box .calendar table thead th{height:32px;font-size:16px;font-weight:400;background:#EDF0F2;}
.calendar_box .calendar table tbody td{position:relative;height:60px;font-size:24px;font-weight:500;border:1px solid #ddd;}
.calendar_box .calendar table tbody td.complete:after{position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);content:"";display:block;width:48px;height:48px;background:url("/img/common/calendar_complete.svg") 0 0 / 100% 100% no-repeat;}
.calendar_box .info{margin-top:10px;}
.calendar_box .info span{font-size:16px;color:#666;}
.calendar_box .info span strong{color:#000;}
.calendar_box .info .complete:before{content:"";display:inline-block;width:24px;height:24px;background:url("/img/common/calendar_complete.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:6px;}


@media screen and (max-width:1600px){
.challenge .myLeftGap{padding:42px 37px 94px;}
}
@media screen and (max-width:1440px){
.challenge .myLeftGap{padding:42px 0 94px;}
}
@media screen and (max-width:1024px){
.challenge .myLeftGap{padding:22px 0 100px;}
}
@media screen and (max-width:767px){
.challenge_delete_popup .contents{min-width:310px;}
}
@media screen and (max-width:639px){
.challenge .myLeftGap{padding:24px 0 80px;}
.challenge .h3 div strong{font-size:17px;padding-bottom:8px;}
.challenge .tit_box{margin:20px 0 40px;}
.challenge .tit_box h1{font-size:20px;}
.challenge .challenge_list li a{padding:20px 0;}
.challenge .challenge_list .thumb_box{width:100px;}
.challenge .challenge_list .txt_box{width:calc(100% - 100px);padding-left:10px;}
.challenge .challenge_list .info .writer .profile{display:none;}
.challenge .challenge_list .info .writer .name{font-size:14px;line-height:16px;}
.challenge .challenge_list .info .like .icon{width:17px;height:15px;margin-right:6px;}
.challenge .challenge_list .info .like .cnt{font-size:14px;}
.challenge .challenge_list .date{font-size:12px;margin-top:8px;}
.challenge .challenge_list .txt{font-size:14px;-webkit-line-clamp:2;margin-top:10px;}

.challenge .challenge_view{margin-top:20px;}
.challenge .challenge_view .top_box{height:85px;padding:20px;}
.challenge .challenge_view .profile{width:40px;height:40px;margin-right:10px;}
.challenge .challenge_view .info .name{font-size:14px;}
.challenge .challenge_view .info .like{font-size:14px;}
.challenge .challenge_view .info .like:before{margin:3px 20px 0;}
.challenge .challenge_view .info .like .icon{width:17px;height:15px;margin:3px 2px 0 0;}
.challenge .challenge_view .info .date{font-size:12px;margin-top:8px;}
.challenge .challenge_view .option_box{position:absolute;top:95px;right:20px;}
.challenge .challenge_view .option_box > button{width:32px;height:32px;border:1px solid #ddd;}
.challenge .challenge_view .option_box .btn_like{background-size:18px auto;}
.challenge .challenge_view .option_box .btn_option{background-size:21px auto;}
.challenge .challenge_view .option_popup{width:107px;border-radius:16px;padding:17px 16px;}
.challenge .challenge_view .option_popup a{font-size:14px;}
.challenge .challenge_view .option_popup a + a{margin-top:6px;}
.challenge .challenge_view .option_popup a span:before{width:12px;height:12px;margin-right:5px;}
.challenge .challenge_view .option_popup .btn_close{top:5px;right:5px;width:26px;height:26px;background-size:16px auto;}
.challenge .challenge_view .txt_box{font-size:14px;padding:62px 14px 40px;}
.challenge .challenge_view .txt_box img + span{margin-top:10px;}
.challenge .challenge_view .btn_box a{width:calc(50% - 2px);height:36px;line-height:34px;font-size:12px;}
.challenge .challenge_view .btn_box a:nth-child(2){margin-left:4px;}

.challenge .challenge_write{margin-top:30px;}
.challenge .challenge_write .text .tit{height:42px;line-height:40px;font-size:16px;}
.challenge .challenge_write .text textarea{padding:14px 20px;}
.challenge .challenge_write .item + .item{margin-top:40px;}
.challenge .challenge_write .image .tit{line-height:36px;}
.challenge .challenge_write .image .tit:before{margin-top:9px;}
.challenge .challenge_write .item .input .btn{top:-44px;width:100px;height:36px;line-height:34px;}
.challenge .challenge_write .btn_box a{font-size:18px;}
.calendar_box .calendar .today span{font-size:18px;}
.calendar_box .calendar table thead th{font-size:14px;}
.calendar_box .calendar table tbody td{height:36px;font-size:16px;}
.calendar_box .calendar table tbody td.complete:after{top:calc(50% - 14px);left:calc(50% - 14px);width:28px;height:28px;}
}

@media screen and (max-width:280px){
.challenge_delete_popup .contents{min-width:240px;}
}


/*:::::무료 수강 선택 :::::*/
.free_course .myLeftGap{padding:42px 0 80px;}
.free_course .prd_list .list_box .title{word-break:keep-all;margin-bottom:8px;}
.free_course .prd_list .list_box .desc{font-size:18px;color:#222;margin-bottom:30px;}
.free_course .prd_list .list_box .desc span{font-weight:600;color:#3999FF;}
.free_course .prd_list li{position:relative;}
.free_course .prd_list li:hover label{display:block;}
.free_course .prd_list input[type='checkbox']{display:none;}
.free_course .prd_list label{display:none;cursor:pointer;}
.free_course .prd_list label:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:50;}
.free_course .prd_list label:after{position:absolute;top:14px;left:14px;content:"";display:block;width:32px;height:32px;background:url("/img/common/icon_checkbox.svg") 0 0 / 100% 100% no-repeat;z-index:60;}
.free_course .prd_list input[type='checkbox']:checked + label{display:block;}
.free_course .prd_list input[type='checkbox']:checked + label:before{background:rgba(0,0,0,.6);}
.free_course .prd_list input[type='checkbox']:checked + label:after{background-image:url("/img/common/icon_checkbox_on.svg");}
.free_course .btn_box{text-align:center;margin-top:100px;}
.free_course .btn_apply{display:inline-block;width:384px;height:48px;line-height:48px;font-size:16px;color:var(--white);background:#3999FF;border-radius:4px;}
.free_course .btn_apply.disabled{background:#DEE1E3;pointer-events:none;}
.free_course .btn_apply i{color:#FEC94E;font-weight:600;}
.free_course .list_none{text-align:center;background:#FAFBFC;border:1px solid #EDF0F2;padding:145px 0;}
.free_course .list_none h4{font-family:Pretendard;font-size:20px;color:#222;font-weight:500;}
.free_course .list_none span{display:block;font-size:14px;color:#5c5c5c;word-break:keep-all;margin-top:6px;}
.free_course .list_none a{display:inline-block;height:40px;line-height:36px;font-size:14px;color:#3999ff;text-align:center;border:1px solid #3999ff;background:var(--white);border-radius:4px;margin-top:26px;padding:0 39px;}
@media screen and (max-width:1400px){
.free_course .s_contents_wrap{width:100%;padding:0 52px;}
}
@media screen and (max-width:768px){
.free_course{overflow:initial;}
.free_course .myLeftGap{padding:24px 0 0;}
.free_course .s_contents_wrap{padding:0 21px;}
.free_course .prd_list .list_box .title{margin-bottom:4px;}
.free_course .prd_list .list_box .desc{font-size:14px;margin-bottom:15px;}
.free_course .prd_list label:after{top:7px;left:7px;width:30px;height:30px;}
.free_course .btn_box{position:sticky;bottom:0;background:var(--white);margin-top:40px;padding:8px 10px;z-index:60;}
.free_course .btn_apply{width:100%;height:43px;line-height:43px;font-size:13px;border-radius:3px;}
.free_course .list_none{border-radius:10px;padding:68px 20px;}
.free_course .list_none h4{font-size:13px;}
.free_course .list_none span{font-size:12px;margin-top:4px;}
.free_course .list_none a{height:35px;line-height:31px;font-size:12px;border-radius:2px;margin-top:20px;padding:0 50px;}
}

/*이벤트 팝업*/
.teacher_event_popup{position:fixed;bottom:0;left:15vw;font-family:Pretendard;text-align:center;width:374px;z-index:98;}
.teacher_event_popup .con{position:relative;cursor:pointer;}
.teacher_event_popup .detail a{display:block;position:relative;}
.teacher_event_popup .detail .txt{position:absolute;top:75px;left:50%;font-size:28px;line-height:1.2;font-weight:800;color:#5625fd;text-align:center;letter-spacing:-.5px;transform:translateX(-50%);white-space:nowrap;}
.teacher_event_popup .detail .txt span{font-size:36px;color:#f73281;}
.teacher_event_popup .summary{display:none;width:360px;height:60px;line-height:56px;text-align:center;background:linear-gradient(to right,#9132ff,#6d30ff);box-shadow:0 0 10px 2px rgba(0,0,0,.2);border-radius:24px 24px 0 0;margin:0 auto;}
.teacher_event_popup .summary .txt{font-size:20px;font-weight:600;color:var(--white);letter-spacing:-.5px;}
.teacher_event_popup .summary .txt:before{content:"";display:inline-block;width:38px;height:44px;background:url("/img/common/popup/icon_bell.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:10px 5px 0 0;}
.teacher_event_popup .summary .txt span{font-size:30px;}
.teacher_event_popup .btn{position:absolute;top:0;right:0;width:40px;height:40px;background:url("/img/common/popup/icon_close.png") 0 0 / 100% 100% no-repeat;}
.teacher_event_popup .btn.open{top:-10px;right:-10px;background-image:url("/img/common/popup/icon_open.png");}
@media screen and (max-width:1024px){
.teacher_event_popup{bottom:82px;left:5vw;}
}
@media screen and (max-width:768px){
.teacher_event_popup{left:0;width:100%;}
.teacher_event_popup .detail img{width:100%;}
.teacher_event_popup .detail .txt{top:30%;font-size:30px;}
.teacher_event_popup .detail .txt span{font-size:40px;}
.teacher_event_popup .summary{width:100%;height:70px;line-height:64px;}
.teacher_event_popup .summary .txt{font-size:24px;padding-left:15px;}
.teacher_event_popup .summary .txt:before{position:absolute;top:-18px;left:4px;width:72px;height:82.5px;margin:0;}
.teacher_event_popup .summary .txt span{font-size:35px;}
.teacher_event_popup .btn{top:10px;right:10px;width:44px;height:44px;}
.teacher_event_popup .btn.open{top:calc(50% - 24px);right:10px;width:48px;height:48px;}
}

/*======================================
    COUPON
======================================*/
.coupon_list .item{position:relative;display:block;min-height:120px;border:1px solid #C3C5C7;padding:26px 66px 26px 26px;}
.coupon_list .item:after{position:absolute;top:0;right:0;width:40px;height:100%;content:"COUPON";display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#C3C5C7;background:#EDF0F2;writing-mode:vertical-rl;}
.coupon_list .item .tit{font-size:20px;font-weight:700;color:#222;border-bottom:1px solid #E8EBED;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:12px;margin-bottom:12px;}
.coupon_list .item .txt{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.coupon_list .item .date{font-size:14px;color:#999;margin-top:4px;}

.coupon_wrap{font-family:Pretendard;}
.coupon_wrap .myLeftGap .h3{padding:0;}
.coupon_wrap .myLeftGap .contents_wrap{max-width:1440px;width:100%;margin:0 auto;padding:42px 0 94px;}
.coupon_wrap .code_box{display:flex;background:#F6F8F9;padding:16px;margin-top:30px;}
.coupon_wrap .code_box input{width:100%;height:40px;font-size:16px;color:#222;border:1px solid #DEE1E3;border-radius:4px;background:var(--white);box-sizing:border-box;padding:0 16px;}
.coupon_wrap .code_box .btn{min-width:62px;height:40px;line-height:40px;font-size:16px;color:var(--white);background:#3999FF;border-radius:4px;margin-left:8px;}
.coupon_wrap .list_box{margin:30px 0;}
.coupon_wrap .list_none{font-size:20px;font-weight:500;color:#222;text-align:center;background:#fafbfc;border:1px solid #edf0f2;padding:60px 0;}
.coupon_wrap .coupon_list{display:flex;flex-wrap:wrap;gap:30px 24px;}
.coupon_wrap .coupon_list .item{width:calc(50% - 12px);min-height:150px;}

.coupon_wrap .ticket .coupon_list li{border-color:#3999FF;}
.coupon_wrap .ticket .coupon_list .item:after{content:"수강권";color:var(--white);background:#3999FF;text-orientation:sideways;}
.coupon_wrap .ticket .item .date{color:#4c4c4c;}
.coupon_wrap .ticket .item .date span{color:#999;}
.coupon_wrap .ticket .item .btn{display:block;width:100%;height:40px;line-height:34px;font-size:16px;color:#0E75E1;text-align:center;border-radius:4px;border:1px solid #0E75E1;margin-top:12px;transition:.3s all;}
.coupon_wrap .ticket .item .btn:hover{color:#3999FF;border-color:#3999FF;}
.coupon_wrap .ticket .item .btn:hover span:after{background-image:url("/img/common/icon_arrow_right_3.svg");}
.coupon_wrap .ticket .item .btn span:after{content:"";display:inline-block;width:20px;height:20px;background:url("/img/common/icon_arrow_right_4.svg") 0 0 / 100% 100% no-repeat;vertical-align:-3px;}
.coupon_wrap .ticket .item.complete{border-color:#C3C5C7;}
.coupon_wrap .ticket .item.complete:after{color:#C3C5C7;background:#EDF0F2;}
.coupon_wrap .ticket .item.complete .btn{color:#C3C5C7;border-color:#C3C5C7;pointer-events:none;}
.coupon_wrap .ticket .item.complete .btn span:after{display:none;}

.coupon_wrap .noti_box{border-top:2px solid #ECECEC;padding-top:30px;}
.coupon_wrap .noti_box h2{font-size:14px;font-weight:500;color:#222;}
.coupon_wrap .noti_box ul{margin-top:12px;}
.coupon_wrap .noti_box ul li{position:relative;font-size:14px;color:#666;line-height:1.5;padding-left:9px;}
.coupon_wrap .noti_box ul li:before{content:"-";display:block;position:absolute;top:0;left:0;font-size:14px;color:#666;}

.select_coupon_popup .contents{min-width:470px;width:470px;}
.select_coupon_popup .tit_box{height:64px;line-height:64px;border-bottom:1px solid #DEE1E3;}
.select_coupon_popup .tit_box .tit{font-size:18px;font-weight:500;color:#000;text-align:center;}
.select_coupon_popup .coupon_list{padding:30px 29px 23px 24px;}
.select_coupon_popup .coupon_list input[type='radio']{display:none;}
.select_coupon_popup .coupon_list input[type='radio']:checked + .item{border-color:#3999FF;}
.select_coupon_popup .coupon_list input[type='radio']:checked + .item:after{color:#C8E3FF;background:#ECF5FF;}
.select_coupon_popup .coupon_list input[type='radio']:checked + .item:before{background-image:url("/img/common/icon_checkbox_on.svg");}
.select_coupon_popup .coupon_list .item .tit{padding-bottom:8px;}
.select_coupon_popup .coupon_list .item .txt{margin-top:8px;}
.select_coupon_popup .coupon_list .item:before{position:absolute;top:calc(50% - 14px);left:-37px;content:"";display:block;width:28px;height:28px;background:url("/img/common/icon_checkbox.svg") 0 0 / 100% 100% no-repeat;}
.select_coupon_popup .coupon_list li{padding-left:37px;}
.select_coupon_popup .coupon_list li + li{margin-top:16px;}
.select_coupon_popup .coupon_list .item{padding:16px 64px 16px 24px;cursor:pointer;}
.select_coupon_popup .con_box{height:490px;overflow-y:auto;}
.select_coupon_popup .btn_close.type2{top:11px;right:20px;width:40px;height:40px;}
.select_coupon_popup .bottom .txt_box{display:flex;align-items:center;justify-content:space-between;text-align:center;color:#222;background:#FAFBFC;border-top:1px solid #E8EBED;padding:30px 43px;}
.select_coupon_popup .bottom .txt{font-size:14px;}
.select_coupon_popup .bottom .price{font-size:18px;line-height:1.4;}
.select_coupon_popup .bottom .price strong{font-size:24px;}
.select_coupon_popup .bottom span{font-size:16px;font-weight:500;color:#222;}
.select_coupon_popup .bottom .sale{color:#FF3946;}
.select_coupon_popup .btn_box.col .btn{height:55px;line-height:55px;}
.select_coupon_popup .mCSB_inside>.mCSB_container{margin-right:0;}
.select_coupon_popup .mCSB_scrollTools{width:4px;}
.select_coupon_popup .mCSB_scrollTools .mCSB_dragger{height:130px!important;}
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background:#EDF0F2;width:4px;}
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ccc;border-radius:100px;}
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.select_coupon_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#999;}

@media screen and (max-width:1600px){
.coupon_wrap .myLeftGap .contents_wrap{padding:42px 37px 94px;}
}
@media screen and (max-width:1024px){
.coupon_wrap .myLeftGap .contents_wrap{padding:22px 22px 100px;}
.coupon_wrap .coupon_list{flex-direction:column;}
.coupon_wrap .coupon_list .item{width:100%;min-height:178px;padding:26px 66px 26px 26px;margin:0;}
}
@media screen and (max-width:767px){
.coupon_list .item .tit{padding-bottom:8px;margin-bottom:8px;}
.coupon_list .item .txt{font-size:13px;}
.coupon_list .item .date{font-size:13px;margin-top:2px;}

.coupon_wrap .myLeftGap .contents_wrap{padding:24px 21px 50px;}
.coupon_wrap .code_box{margin-top:15px;padding:8px;}
.coupon_wrap .code_box input{height:36px;font-size:13px;border-radius:3px;padding:0 8px;}
.coupon_wrap .code_box .btn{min-width:46px;height:36px;line-height:36px;font-size:12px;border-radius:3px;margin-left:4px;}
.coupon_wrap .list_box{margin:20px 0;}

.coupon_wrap .ticket .h3 div strong{font-size:17px;}
.coupon_wrap .ticket .item .btn{height:36px;line-height:34px;font-size:12px;}
.coupon_wrap .ticket .item .btn span:after{width:16px;height:16px;}

.coupon_wrap .coupon_list{gap:15px 0;}
.coupon_wrap .coupon_list .item{min-height:138px;padding:16px 59px 16px 19px;}
.coupon_wrap .list_none{font-size:13px;padding:30px 0;}
.coupon_wrap .noti_box{border-width:1px;padding-top:15px;}
.coupon_wrap .noti_box h2{font-size:13px;}
.coupon_wrap .noti_box ul{margin-top:6px;}
.coupon_wrap .noti_box ul li{font-size:13px;padding-left:8px;}
.coupon_wrap .noti_box ul li:before{font-size:13px;}

.select_coupon_popup .contents{min-width:100%;width:100%;padding-bottom:140px;}
.select_coupon_popup .bottom{position:fixed;bottom:0;left:0;width:100%;}
.select_coupon_popup .tit_box{height:57px;line-height:57px;}
.select_coupon_popup .tit_box .tit{font-size:17px;}
.select_coupon_popup .btn_close.type2{top:10px;right:14px;width:34px;height:34px;}
.select_coupon_popup .con_box{max-height:100%;height:auto;}
.select_coupon_popup .coupon_list{padding:30px 21px 70px 21px;}
.select_coupon_popup .coupon_list li{padding:0;}
.select_coupon_popup .coupon_list .item{padding:16px 49px 16px 19px;}
.select_coupon_popup .coupon_list .item + .item{margin-top:15px!important;}
.select_coupon_popup .coupon_list .item:before{display:none;}
.select_coupon_popup .bottom .txt_box{padding:15px 21px;}
.select_coupon_popup .bottom .txt{font-size:12px;}
.select_coupon_popup .bottom .price{font-size:14px;}
.select_coupon_popup .bottom .price strong{font-size:20px;}
.select_coupon_popup .btn_box.col .btn{height:43px;line-height:43px;font-size:13px;}
}

/* 공통영역 덮어쓰기 */
.btn_type1{display:flex;align-items:center;justify-content:center;width:100%;height:60px;padding:0 20px;background:#1f63c9;border:none;border-radius:4px;color:var(--white);font-size:18px;font-weight:700;font-family:Pretendard;text-align:center;cursor:pointer;}
.btn_type1m{display:flex;align-items:center;justify-content:center;width:84px;height:28px;padding:0 4px;background:#1f63c9;border:none;border-radius:4px;color:var(--white);font-size:14px;font-weight:500;font-family:Pretendard;text-align:center;cursor:pointer;}
.btn_type1:hover, .btn_type1m:hover{background:#004aba;color:var(--white)}
.btn_type1.disabled, .btn_type1m.disabled{background:#ccc;color:var(--white)}
.btn_type1:disabled, .btn_type1m:disabled{background:#ccc}
a.btn_type1{color:var(--white)}
.btn_type2{display:flex;align-items:center;justify-content:center;width:100%;height:60px;padding:0 20px;border:1px solid var(--main-color);border-radius:4px;color:#1f63c9;font-size:18px;font-weight:700;font-family:Pretendard;text-align:center;background:var(--white);overflow:hidden;cursor:pointer;}
.btn_type2m{display:flex;align-items:center;justify-content:center;width:84px;height:28px;padding:0 4px;border:1px solid var(--main-color);border-radius:4px;color:#1f63c9;font-size:14px;font-weight:500;font-family:Pretendard;text-align:center;background:var(--white);overflow:hidden;cursor:pointer;}
.btn_type2:hover, .btn_type2m:hover{border:1px solid #004aba;color:#004aba}
.btn_type2:focus, .btn_type2m:focus{color:#1f63c9}
a.btn_type2{color:#1f63c9}
.btn_type3m{display:flex;align-items:center;justify-content:center;width:84px;height:28px;padding:0 4px;background:transparent;border:1px solid #333;border-radius:4px;color:#333;font-size:14px;font-weight:500;font-family:Pretendard;text-align:center;overflow:hidden;cursor:pointer;}
.btn_type3m:hover{color:#000;border:1px solid #000}
.input_type1{width:100%;height:60px;padding:0 20px;background:#f4f5f7;color:#1B1B1B;border:1px solid #f4f5f7;border-radius:4px;font-family:Pretendard;font-size:16px;box-sizing:border-box;}
.input_type1::placeholder{color:#919191;font-size:16px;font-weight:500;font-family:Pretendard;}
.input_type1[type="text"]:focus, .input_type1[type="password"]:focus{background:var(--white);border:1px solid #1B1B1B}
.input_type1[type="text"]:read-only, .input_type1[type="password"]:read-only,.new_common .input1[type="text"]:disabled .new_common .input1[type="password"]:disabled{background:#ccc !important;border:1px solid #ccc !important}
.flex_btns{display:flex;gap:0 10px;}
.select_type1{width:200px;height:60px;padding:0 32px 0 20px;border:1px solid #ccc;border-radius:4px;background:url('/img/common/icon_arrow2.png') no-repeat right 20px center;font-size:16px;font-family:Pretendard;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;color:#1b1b1b}

.h3{padding:80px 80px 0}
.h3>div{display:flex;align-items:center;justify-content:space-between;font-family:Pretendard;}
.h3 .col-right{float:none}
.classroom .myLeftGap .h3{padding:80px 0 0}
.order_list .h3{padding:80px 0 0}
.teacher_wrap .header.static{position:fixed}
.myclass .tit_box{width:1440px;margin:0 auto;padding:80px 0 0;margin-bottom:45px}
.myclass .tit_box .tit{display:block;text-align:left;border-bottom:none;;color:#1b1b1b;font-size:32px;font-weight:700;font-family:Pretendard;}
.curri_wrap .h3{padding:80px 80px 0}
.curri_wrap .new-contents{padding:0 80px 10px}
.curri_wrap .subContents{padding:0 80px 80px}
.btn-mobile-home{display:none}

.readingoceans .myLeftGap{padding-top:0}
.readingoceans .tit_box{padding:80px 0 0;margin-bottom:45px}
.readingoceans .tit_box .tit{display:block;text-align:left;border-bottom:none;;color:#1b1b1b;font-size:32px;font-weight:700;font-family:Pretendard;}
.readingoceans .board_btn .btn_type2{margin-left:auto;width:200px}


.leveltest .h3, .test-guide .h3, .consulting .h3{padding:80px 80px 0}
.leveltest .subContents{max-width:100%;width:100%;padding:0 80px}
.leveltest .subContents .explain .text.top_title{padding-top:0}

.myPlaceMenu{display:block}
@media screen and (max-width:1600px) {
	.h3{padding:80px 52px 0}
	.classroom .myLeftGap .h3{padding:80px 52px 0}
	.classroom .tab_box{padding:0 52px}
	.classroom .myLeftGap .contents_wrap{max-width:100%}
	.myclass .tit_box{width:100%;padding:80px 52px 0}
	.myclass .myProfile .contents_wrap{width:100%;padding:0 52px}
	.order_list .s_contents_wrap{padding:0 52px;max-width:100%}
	.curri_wrap .h3{padding:80px 52px 0}
	.curri_wrap .subContents{padding:0 52px 80px}
	.curri_wrap .new-contents{padding:0 52px 10px}
	.curri_wrap .subContents{padding:0 52px 80px}

	.leveltest .h3, .test-guide .h3, .consulting .h3{padding:80px 52px 0}
	.leveltest .subContents{padding:0 52px}
	.test-guide .subContents{width:100%;padding:0 52px}

	.readingoceans .profilewrap .contents_wrap{max-width:100%;width:100%;padding:0 52px}
}
@media screen and (min-width:1025px) and (max-width:1440px) {
	.readingoceans .order .product_list li label{padding:0 25px 0 58px}
	.readingoceans .order .product_list li label:before{left:12px}
}
@media screen and (max-width:1024px) {
	section.profilewrap, section.book_data{margin-top:120px}
	.h3{padding:40px 15px 0}
	.classroom .myLeftGap .h3{padding:40px 15px 0}
	.order_list .h3{padding:40px 0 0}
	.classroom .tab_box{padding:0 15px}
	.order_list .s_contents_wrap{padding:0 15px}
	.teacher_course .s_contents_wrap{padding:0 15px}
	.myclass .tit_box{width:100%;padding:40px 15px 0}
	.myclass .myProfile .contents_wrap{padding:0 15px}
	.contents_wrap{padding:0 15px}

	.curri_wrap .h3{padding:40px 15px 0}
	.curri_wrap .subContents{padding:0 15px 80px;margin:0}
	.curri_wrap .subimg img{width:100%}
	.curri_wrap .new-contents{padding:0 15px 10px}
	.curri_wrap .subContents{padding:0 15px 80px}

	.leveltest .h3, .test-guide .h3, .consulting .h3{padding:40px 15px 0}
	.leveltest .subContents, .test-guide .subContents{padding:0 15px}
	.readingoceans .profilewrap .contents_wrap{padding:0 15px}
	.readingoceans .tit_box{padding-top:40px}
}
@media screen and (max-width:767px){
	.input_type1, .btn_type1, .btn_type2, .select_type1{height:54px;font-size:14px;width: 100%;margin-bottom: 10px;}
	.input_type1::placeholder{font-size:14px}
	.order_list .list_box{padding:15px 0 40px}
	.order_list .search{margin-bottom:15px}
	.myclass .tit_box .tit{font-size:24px}
	.teacher_course .s_contents_wrap{padding:0 15px}
	.myclass .tit_box{margin-bottom:25px}
	.contents_wrap{padding:0 15px}
	.readingoceans .tit_box{margin-bottom:25px}
	.readingoceans .tit_box .tit{font-size:24px}
}

.split{position:relative;}
.split:after{content:"";display:block;position:absolute;top:-2px;right:-2px;width:30px;height:30px;border-top:30px solid var(--white);border-left:30px solid transparent;box-sizing:border-box;z-index:1;}

/* 2025 메인 리뉴얼 */
.main{font-family:Pretendard;}
.main .main_slide{position:relative;}
.main .main_slide .inner{overflow:hidden;}
.main .main_slide a{display:block;position:relative}
.main .main_slide img{width:1920px;height:100%;object-fit:cover;}
.main .main_slide .btn_slide{position:absolute;right:22.3vw;bottom:6.0875vw;color:var(--white);z-index:1;}
.main .main_slide .btn_slide .swiper-pagination-bullet{width:8px;height:8px;background:#d9d9d9;margin:0 3px;opacity:1;border-radius: 0;transition:.3s}
.main .main_slide .btn_slide .swiper-pagination-bullet-active{width:19px;background:var(--white)}

@media screen and (max-width:1920px){
	.main .main_slide img{width:100%;height:100%;object-fit:cover;}
}

.main .contents:nth-child(odd){background:#f4f5f7}
.main .contents:nth-child(odd) .split::after{border-top:30px solid #f4f5f7}

/*공통 타이틀*/
.home-inner{max-width:1440px;margin:0 auto;}
.home-inner{padding:100px 0}
.home-title-wrap{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.home-title-wrap .title-area{width:calc(100% - 65px)}
.home-title-wrap .title-area .sub-title{font-size:18px;color:#1f63c9;font-weight:700;line-height: 150%;}
.home-title-wrap .title-area .title{margin-top:4px;font-size:32px;font-weight:700;word-break: keep-all;line-height: 150%;}
.home-title-wrap .title-area .txt{margin-top:3px;color:#919191;font-size:18px;font-weight:500;word-break: keep-all;line-height: 150%;}
.home-title-wrap .btn-more{display:block;width:40px;height:40px;background-image:url('/img/common/btn-more.png');background-repeat:no-repeat;background-color:transparent;border:none;font-size:0;cursor:pointer;flex-shrink: 0;}
.home-title-wrap .btn-more:hover{background-image:url('/img/common/btn-more-hover.png');transform:rotate(360deg);transition:.5s}

/* 메인 신규 강좌 */
.main .new-list{display:flex;align-items: center;flex-wrap: wrap;gap:1.5625vw 0;width:100%;margin-right:-1.5625vw;}
.main .new-list .new-item{width:calc(33.3333% - ((2 / 3) * 1.5625vw));margin-right:1.5625vw}
.main .new-list .new-item:last-child{margin-right:0}
.main .new-list .new-item a{display:block;position:relative}
.main .new-list .new-item .img-area{display:block;position:relative;width:100%;/*padding-top:47.83%;*/overflow: hidden;}
.main .new-list .new-item .img-area .type{position: absolute;top: 1rem;left: 1rem;}
.main .new-list .new-item .img-area .type.open{ background-color: rgb(31 99 201 / 90%);color: var(--white);padding: 0.5rem;border-radius: 1rem;}
.main .new-list .new-item .img-area .type.sin{ background-color: rgb(201 31 91 / 90%);color: var(--white);padding: 0.5rem;border-radius: 1rem;}
.main .new-list .new-item .img-area img{width:100%;object-fit: fill;}
.main .new-list .new-item .txt-area{display:block;padding:22px 17px 32px 20px;background:var(--bg-lightgray);}
.main .new-list .new-item .txt-area .tit{height:8vh;font-size:20px;font-weight: 700;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.main .new-list .new-item .txt-area .txt{margin-top:15px;color:#666666;font-size:14px;font-weight: 500;/*overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;*/}

/* 메인 Best 강좌 */
.main .best-list{display:flex;align-items: center;flex-wrap: wrap;gap:1.5625vw 0;width:100%;margin-right:-1.5625vw;}
.main .best-list .best-item{width:calc(25% - ((3 / 4) * 1.5625vw));margin-right:1.5625vw}
.main .best-list .best-item:last-child{margin-right:0}
.main .best-list .best-item a{display:block;position:relative}
.main .best-list .best-item .img-area{display:block;position:relative;width:100%;/*padding-top:47.83%;*/overflow: hidden;}
.main .best-list .best-item .img-area .type{position: absolute;top: 1rem;left: 1rem;}
.main .best-list .best-item .img-area .type.best{ background-color: rgb(31 99 201 / 90%);color: var(--white);padding: 0.5rem;border-radius: 1rem;}
.main .best-list .best-item .img-area img{width:100%;object-fit: fill;}
.main .best-list .best-item .txt-area{display:block;padding:22px 17px 32px 20px;background:var(--white);}
.main .best-list .best-item .txt-area .tit{height:8vh;font-size:20px;font-weight: 700;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.main .best-list .best-item .txt-area .txt{margin-top:15px;color:#666666;font-size:14px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

/* 메인 실시간 온라인 */
.main .zoomclass-list{display:flex;justify-content:space-between;align-items:center;margin-right:-1.5625vw;}
.main .zoomclass-list .zoomclass-item{position:relative;width:calc(33.3333% - 1.5625vw);margin-right:1.5625vw;}
.main .zoomclass-list .zoomclass-item .zoomclass-wrap{display:block;width:100%;height:100%;background-color: var(--darkblue);}
.main .zoomclass-list .zoomclass-item .zoomclass-img-area{position:relative;width:100%;}
.main .zoomclass-list .zoomclass-item .zoomclass-img{width:100%;position:relative;padding-bottom:108.6956%;overflow:hidden;}
.main .zoomclass-list .zoomclass-item .zoomclass-img img{position:absolute;top:0;left:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;}
.main .zoomclass-list .zoomclass-item .txt-area{width:100%;height:180px;padding:min(1.5625vw, 30px);background-color:var(--darkblue);color:var(--white);}
.main .zoomclass-list .zoomclass-item .txt-area .tit{font-weight:700;line-height:1.5;font-size:20px;word-break: keep-all; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .zoomclass-list .zoomclass-item .info-area .time {width: 100%;max-width: 100%;color: var(--white);opacity: 0.7;}
.main .zoomclass-list .zoomclass-item .info-area .info {color: var(--white);opacity: 0.7;}
.main .zoomclass-list .zoomclass-item .info-area .bnt {position: absolute;bottom: 2rem;right: 2rem;
padding: 10px;background-color: var(--main-color);}
.main .zoomclass-list .countdown{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);}
.main .zoomclass-list .countdown .time-wrap{display:flex;justify-content:space-between;gap:6px;width:100%;}
.main .zoomclass-list .countdown .time{display:flex;justify-content:center;align-items:center;width:25%;padding:0.3vw 0.5vw;background-color:var(--bg-black);color:var(--white);font-size:var(--header-title);white-space:nowrap;}
.main .zoomclass-list .countdown .time .num{font-weight:700;}
.main .zoomclass-list .countdown .text{margin-top:8px;font-weight:400;color:var(--white);text-align:center;word-break:keep-all;white-space:nowrap;}

/* 메인페이지 공지사항 */
.main .notice-wrap{background-image:url(/Newmain/img/main/notice_bg.png)!important;background-size: cover !important;}
.main .notice-list{display: flex;align-items: center;flex-wrap: wrap;gap: 1.5625vw 0;width: 100%;margin-right: -1.5625vw;}
.main .notice-list .notice-item{width: calc(50% - ((1 / 2) * 1.5625vw));margin-right: 1.5625vw;}
.main .notice-list .notice-item:nth-child(2n){margin-right: 0;}
.main .notice-list .notice-item a{display:block;position:relative}
.main .notice-list .notice-item .notice-wrap{display:block;width:100%;height:100%;border-radius: 1rem;}
.main .notice-list .notice-item .txt-area{width:100%;padding:min(1.5625vw, 30px);background-color: var(--white);border-radius: 1rem;}
.main .notice-list .notice-item .txt-area:hover{box-shadow:0rem 1rem 3rem rgba(13, 14, 15, 0.08)}
.main .notice-list .notice-item .txt-area .tit{font-weight:700;line-height:1.5;font-size:20px;word-break: keep-all;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;}
.main .notice-list .notice-item .info-area .time {width: 100%;max-width: 100%;opacity: 0.7;text-align: center;}
.main .notice-list .notice-item .bnt {position: absolute;top: 2rem;right: 2rem;background-color: var(--lightgray);background-image: url('/img/common/icon_line.png');background-repeat: no-repeat;background-position: center;width: 2rem;height: 2rem;border-radius: 100px;font-size:0;transform: rotate(45deg);}
.main .notice-list .notice-item a:hover .bnt, .main .notice-list .notice-item a:focus.bnt {background-color: var(--main-color);background-image: url('/img/common/icon_line_w.png');}

/* 하단 키워드*/
.keyword-wrap {color:var(--white);background: #107aff url('/img/common/program_bg.png') no-repeat center !important;background-size:cover !important;}
.keyword-wrap .home-title-wrap .title-area{width:100%;}
.keyword-list {max-width: 980px;margin: 0 auto;}
.keyword-list a{background-color: var(--main-color);border-radius: 22px;color: var(--white);display: inline-block;font-size: var(--main-text);margin: 0 10px 10px 0;padding: 10px 15px;}


/* 메인페이지 클래스몰 */
.cf-list .cf-item .info .review_txt{max-height:63px;color: #666;font-size: 14px;font-weight: 400;line-height: 150%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;}
.cf-list .cf-item .img-area .no_img{position:absolute;top:0;left:0;display:flex;align-items: center;justify-content: center;width:100%;height:100%;padding:0 33px 0 30px;background:#F1F1F1;box-sizing: border-box;}
.cf-list .cf-item .img-area .no_img img{position:static;width:100%;height:auto}

.cf-list .cf-item a{display:block;}
.cf-list .cf-item .img-area{position:relative;display:block;padding-top:115.39%}
.cf-list-wrap.finish .cf-list .cf-item .img-area::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.cf-list .cf-item .img-area img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;}
.cf-list .cf-item .enddate{position:absolute;bottom:10px;right:10px;display:block;padding:10px;color:var(--white);font-weight:700;font-size:14px;text-align:center;z-index: 1;}
.cf-list .cf-item .enddate.ing{background:#1f63c9}
.cf-list .cf-item .enddate.always{background:#F90}
.cf-list .cf-item .enddate.end{background:#1b1b1b}
.cf-list .cf-item .info-wrap{margin-top:20px;padding-right:8px}
.cf-list .cf-item .info-wrap .title-wrap{height:48px}
.cf-list .cf-item .info-wrap .title{color:#1B1B1B;font-weight:500;font-size:16px;line-height: 150%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.cf-list .cf-item .info-wrap .price{color:#616161;font-size:14px;font-weight:500;}
.cf-list .cf-item .info{display:flex;align-items:center;flex-wrap: wrap;justify-content:space-between;gap:6px;margin-top:10px}
.cf-list .cf-item .info .rating{display:flex;gap:0 2px;align-items: center;flex:auto;justify-content: flex-end;;font-size:12px;font-weight:500;color:#1b1b1b;flex-shrink: 0;}
.cf-list .cf-item .info .rating:before{content:"";display:inline-block;width:18px;height:18px;background:url(/img/common/icon_star.png) 0 0 / 18px auto no-repeat;}

.main .cf-list .cf-item .img-area{position:relative;display:block;padding-top:47.83%}
.main .cf-list .cf-item .info-wrap{margin-top:0;padding:20px 12px 14px 20px;background:#f4f5f7;text-align:left;}
.main .cf-list .cf-item .info-wrap .title-wrap{height:80px}
.main .cf-list .cf-item .info-wrap .title{margin-bottom:10px;color:#1B1B1B;font-weight:700;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.main .cf-list .cf-item .achievement-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.main .cf-list .cf-item .achievement-wrap .achievement{color:#919191;font-size:14px;font-weight:500;}
.main .cf-list .cf-item .achievement-wrap .achievement .per{color:#1f63c9;font-weight:700;}
.main .cf-list .cf-item .achievement-wrap .enddate{display:block;min-width:68px;padding:10px;color:var(--white);font-weight:700;font-size:14px;text-align:center;}
.main .cf-list .cf-item .achievement-wrap .enddate.ing{background:#1f63c9}
.main .cf-list .cf-item .achievement-wrap .enddate.end{background:#919191}


	
/* 메인 펀딩리스트 */
.main .cf-list{display:flex;align-items:center;flex-wrap:wrap;gap:1.5625vw;}
.main .cf-list .cf-item{position:relative;width:calc(33.3333% - ((2 / 3) * 1.5625vw));}

@media all and (max-width:1620px){
	.main .main_slide .btn_slide{bottom:4.0875vw}
}

@media all and (max-width:1320px){
	.home-inner{width:96%;margin:0 auto;}
}
@media all and (max-width:1440px){
	.club-list .club-item .info-wrap .title-wrap .title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
}
@media all and (max-width:1440px) {
	.main .zoomclass-list .countdown .text{font-size:var(--sub-text);}
	.main .zoomclass-list .zoomclass-item .txt-area{height:150px;}	
	.main .zoomclass-list .zoomclass-item .txt-area .tit{font-size:var(--main-text);}
	.main .zoomclass-list .zoomclass-item .info-area .time{font-size:var(--small-text);}
	.main .zoomclass-list .zoomclass-item .info-area .info{font-size:var(--small-text);}
	.liked-user-wrap .liked-user-list .user{width:35px;height:35px;}
    .liked-user-wrap .likes{font-size:var(--small-text);}
}
@media (min-width:768px) and (max-width:1139px){
	.main .zoomclass-list .countdown .time, .zoomclass-list .zoomclass-item .info-area .name, .zoomclass-list .zoomclass-item .txt-area .txt{font-size:var(--sub-text);}
	.main .zoomclass-list .countdown .text{font-size:var(--small-text);white-space:unset;}
	.club-list .club-item .info-wrap{padding:15px;}
	.club-list .club-item .info-wrap .title-wrap .title{font-size:var(--content-sub-title);}
	.club-list .club-item .info-wrap .title-wrap .intro{font-size:var(--sub-text);}
	.liked-user-wrap .liked-user-list .user:not(:last-of-type){margin-left:-15px;}
}
@media all and (max-width:1024px){
	.home-inner{padding:100px 15px;width:100%}
	.main .main_slide .btn_slide{bottom:4.7875vw}
	.club-list.myclub .club-item .img-wrap .img-area::after{display:block;background:rgba(27, 27, 27, 0.3);}
	.club-list.myclub .club-item .img-wrap .icon.star{display:block;bottom:8px;right:8px;opacity:1;}
}
@media all and (min-width:768px) and (max-width:1024px){
	.main .new-list .new-item:nth-child(3n){margin-right:0}
	.main .best-list .best-item:nth-child(4n){margin-right:0}
	.main .notice-list .notice-item:nth-child(2n){margin-right:0}
}
@media all and (max-width:767px){
	.home-inner{padding:40px 0 80px 0}
	.home-title-wrap{margin-bottom:30px;padding:0 15px}
	.home-title-wrap .title-area .sub-title{font-size:16px}
	.home-title-wrap .title-area .title{font-size:24px;margin-top:4px}
	.home-title-wrap .title-area .txt{margin-top:7px;font-size:14px}
	.home-title-wrap .btn-more{width:30px;height:30px;margin-bottom:4px;background-size:30px auto}

	.list-slides .slick-track, .new-list .slick-track, .best-list .slick-track{margin:0 15px}
	.main .zoomclass-list{display:block;margin-right:0;}
	.main .zoomclass-list .zoomclass-item{width:calc(100% - 15px);margin-right:15px;}
	
	.main .new-list .new-item{margin-right:15px}
	.main .best-list .best-item{margin-right:15px}
	.main .notice-list .notice-item{margin-right: 2rem;width: 100%;margin-left: 2rem;}
	
	.main .cf-list, .club-list{margin-right:0;gap:20px 10px;}
	.main .cf-list .cf-item, .club-list .club-item{width:calc(50% - 5px);margin-right:15px}
	.club-list .club-item .info-wrap .liked-user-wrap{display:none;}
	.club-list .club-item .img-wrap .img-area{padding-bottom:48.75%;}
	.club-list .club-item .tag{padding:4px 6px;font-size:var(--mo-ex-small-text) !important;}
	.club-list .club-item .info-wrap{padding:14px;}
	.club-list .club-item .info-wrap .title-wrap .title{font-size:var(--ex-small-text);}
	.club-list .club-item .info-wrap .title-wrap .intro{height:30px;margin-top:6px;font-size:var(--mo-ex-small-text);word-break:keep-all;}
	.club-list .liked-user-wrap .liked-user-list .user{width:24px;height:24px;}
	.club-list .liked-user-wrap .likes{margin-left:10px;font-size:var(--ex-small-text);} /* 모바일에서 슬라이드 적용할 경우 */
	.cf-list.list-slides, .club-list.list-slides{display:block;padding:0 0 !important;gap:unset;}
	.cf-list.list-slides .list-item, .club-list.list-slides .club-item{width:calc(100% - 15px);}
	.club-list.list-slides .club-item .info-wrap .liked-user-wrap{display:flex;}
	.club-list.list-slides .club-item .tag{top:10px;right:10px;padding:5px 10px;font-size:var(--small-text) !important;}
	.club-list.list-slides .club-item .info-wrap{padding:15px;}
	.club-list.list-slides .club-item .img-wrap .img-area{padding-bottom:55.3571%;} /* 메인일 경우 */

	.container.home .liked-user-wrap .liked-user-list .user{width:24px;height:24px;}

	.main .chl-banner{padding-right:15px;padding-left:15px}
	.main .chl-banner .btn_slide{left:9.2548vw;bottom:1.3875vw}
	.main .notice-list .notice-item .txt-area{padding:min(2.5625vw, 30px)}
	.main .notice-list .notice-item .txt-area .tit{font-size:var(--small-text);margin-bottom:1.3875vw;}
	.main .notice-list .notice-item .info-area .time{font-size: var(--ex-small-text);}
	.main .notice-list .notice-item .bnt{top: 1rem;right: 1rem;width: 1rem;height: 1rem;background-size: contain;padding: 0.65rem}
	.keyword-list{text-align: center;}
	.keyword-list a{margin-right: 1rem;font-size: var(--sub-text);}
}
@media all and (max-width:500px){
	.main .chl-banner .btn_slide{left:10.2548vw}
}
@media all and (max-width:410px){
	.main .chl-banner .btn_slide{left:10.4548vw}
}

@media (hover:hover) and (pointer:fine){
	.main .zoomclass-list .zoomclass-item, .main .new-list .new-item, .main .best-list .best-item, .main .notice-list .notice-item, .keyword-list a, .main .cf-list .cf-item, .main .club-list .club-item{transition:transform .3s;}
	.main .zoomclass-list .zoomclass-item:hover, .main .new-list .new-item:hover, .main .best-list .best-item:hover, .main .notice-list .notice-item:hover, .main .cf-list .cf-item:hover, .main .club-list .club-item:hover{transform: translateY(-15px);}
	.keyword-list a:hover{transform: translateY(-8px);}
}

@media screen and (max-width:767px) {
	
	.main .zoomclass-list .zoomclass-item .zoomclass-img{padding-bottom:108.5714%;}
	.main .zoomclass-list .countdown .time-wrap{gap:4px;}
	.main .zoomclass-list .countdown .time{padding:6px 9px;font-size:var(--ex-small-text);}
	.main .zoomclass-list .countdown .text{font-size:var(--ex-small-text);white-space:nowrap;}
	
	.main .zoomclass-list .zoomclass-item .txt-area{height:119px;padding:18px 20px 20px;}
	.main .zoomclass-list .zoomclass-item .txt-area .tit{font-size:var(--small-text);}
	.main .zoomclass-list .zoomclass-item .info-area .time{font-size:var(--ex-small-text);}
	.main .zoomclass-list .zoomclass-item .info-area .info{font-size:var(--ex-small-text);}

	.cf-list{gap:20px 2.2vw;}
	.cf-list>li{width:calc(50% - (1 / 2) * 2.2vw)}
	.cf-list .cf-item .info-wrap{margin-top:12px;padding-right:8px}
	.cf-list .cf-item .info-wrap .title-wrap{height:44px}
	.cf-list .cf-item .info-wrap .title{font-size:12px;}
	.cf-list .cf-item .info{align-items:flex-end;flex-wrap: wrap;gap:6px;margin-top:6px}
	.cf-list .cf-item .info .enddate{font-size:12px;padding:6px 10px}
	.cf-list .cf-item .info-wrap .price{font-size:11px}
	.cf-list .cf-item .info .rating{font-size:11px;}
	.cf-list .cf-item .info .rating:before{width:12px;height:12px;background-size:12px auto}
	.cf-list-wrap.finish .cf-list>li:not(:last-child){margin-right:2.2vw}

	/* 메인페이지 클래스몰 */
	.main .cf-list .cf-item .img-area{padding-top:55.3571%}
    .main .cf-list .cf-item .info-wrap{padding:15px 21px 21px 15px}
    .main .cf-list .cf-item .info-wrap .title-wrap{height:64px}
    .main .cf-list .cf-item .info-wrap .title{font-size:16px;margin-bottom:12px}
    .main .cf-list .cf-item .achievement-wrap{align-items:flex-end;}
    .main .cf-list .cf-item .achievement-wrap .achievement{font-size:12px}
    .main .cf-list .cf-item .achievement-wrap .enddate{font-size:12px;padding:6px 10px}
	.main .notice-list{gap: 3.5625vw 0;}
	.main .notice-list .notice-item, .main .notice-list .notice-item:nth-child(2n){margin-right:1rem;margin-left:1rem;}
	.main .zoomclass-list .zoomclass-item:hover, .main .new-list .new-item:hover, .main .best-list .best-item:hover, .main .notice-list .notice-item:hover, .main .cf-list .cf-item:hover, .main .club-list .club-item:hover{transform: translateY(0px);}
}


.zoom_course{font-family: Pretendard;}
.zoom_wrap .prd_list + .prd_list{margin-top:80px;}
.zoom_wrap .prd_list .list_box + .list_box{margin-top:80px;}
.zoom_wrap .prd_list .list_box .title{display:inline;color:#1b1b1b;font-size:28px;font-weight:600;}
.zoom_wrap #one .title{padding-right:30px;background:url(/img/common/icon_gift.png) right top 3px / 26px auto no-repeat}
.zoom_wrap #pre .title{padding-right:29px;background:url(/img/common/icon_clap.png) right top 3px / 25px auto no-repeat}
.zoom_wrap #basic .title{padding-right:27px;background:url(/img/common/icon_fire.png) right top 3px / 23px auto no-repeat}
.zoom_wrap .prd_list .list_box .list_sub_tit{margin-top:4px;color:#616161;font-size:20px;line-height: 150%;}
.zoom_wrap .prd_list .list{display:flex;flex-wrap:wrap;gap:60px 24px;margin-top:24px}
.zoom_wrap .prd_list .list li{width:calc(33.333% - 16px);}
.zoom_wrap .prd_list .list a{color:#222;}
.zoom_wrap .prd_list .list .thumb{position:relative;border-radius:4px;overflow:hidden;}
.zoom_wrap .prd_list .list .thumb > img{width:100%;height:auto}
.zoom_wrap .prd_list .list .thumb .icon{position:absolute;top:12px;left:15px;display:block;height:24px;font-size:0;z-index:1;}
.zoom_wrap .prd_list .list .thumb .icon > img{display:inline-block;height:100%;vertical-align:top;}
.zoom_wrap .prd_list .list .thumb .icon > img + img{margin-left:5px;}
.zoom_wrap .prd_list .list .ranking{display:inline-block;width:auto;height:24px;line-height:22px;font-size:14px;font-weight:600;color:var(--white);border-radius:4px;padding:0 6px;margin-top:12px;}
.zoom_wrap .prd_list .list .ranking span:before{content:"";display:inline-block;width:18px;height:20px;background:url("/img/common/icon_rank.svg") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-right:2px;}
.zoom_wrap .prd_list .list .ranking strong{color:#FEC94E}
.zoom_wrap .prd_list .list .ranking.first{background:#032ADA;}
.zoom_wrap .prd_list .list .ranking.second{background:#7B03DA;}
.zoom_wrap .prd_list .list .ranking.third{background:#4803DA;}
.zoom_wrap .prd_list .list .info-wrap{padding: 20px;background-color: var(--bg-lightgray);}
.zoom_wrap .prd_list .list .txt{color:#616161;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;line-height: 150%;}
.zoom_wrap .prd_list .list .tit{max-height:46px;font-size:16px;font-weight: 500;color:#1b1b1b;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:6px;line-height: 150%;}
.zoom_wrap .prd_list .list .price_box{font-size:0;margin-top:6px;}
.zoom_wrap .prd_list .list .price_box span{display:inline-block;}
.zoom_wrap .prd_list .list .sale{font-size:18px;font-weight:700;color:#1f63c9;}
.zoom_wrap .prd_list .list .price{color:#1b1b1b;font-size:18px;margin-left:4px;}
.zoom_wrap .prd_list .list .price em{font-size:18px;font-weight:700;}
.zoom_wrap .prd_list .list .info{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #EDF0F2;margin-top:10px;padding-top:10px;}
.zoom_wrap .prd_list .list .tag_box{font-size:0;display:flex;flex-wrap:wrap;gap:4px}
.zoom_wrap .prd_list .list .tag_box .hot{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#1f63c9;color:var(--white);padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .tag_box .replay{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#A041FF;color:var(--white);padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .tag_box .deadline{height:22px}
.zoom_wrap .prd_list .list .tag_box .deadline img{height:22px}
/* new, 판매순위 추가 */
.zoom_wrap .prd_list .list .tag_box .new{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#1b1b1b;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .tag_box .rank{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#ffa843;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .challenge{display:inline-block;width:auto;font-size:12px;font-weight: 500;background:#0D927A;color:var(--white);color:var(--white);padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .tag{display:inline-block;width:auto;font-size:12px;font-weight: 500;color:#616161;background:#f4f5f7;padding:4px 6px;margin:0;}
.zoom_wrap .prd_list .list .rating{display:flex;gap:0 2px;align-items: center;font-size:12px;font-weight:500;color:#1b1b1b;flex-shrink: 0;}
.zoom_wrap .prd_list .list .rating:before{content:"";display:inline-block;width:18px;height:18px;background:url(/img/common/icon_star.png) 0 0 / 18px auto no-repeat;}

@media screen and (max-width:768px){
.main .main_slide .btn_slide{right: auto; bottom:5%;left: 50%; transform: translateX(-50%);}

.zoom_wrap .prd_list + .prd_list{margin-top:40px;}
.zoom_wrap .prd_list .list_box + .list_box{margin-top:40px;}
.zoom_wrap .prd_list .list_box .title{font-size:16px;margin-bottom:15px;}
.zoom_wrap #one .title{padding-right:20px;background:url(/img/common/icon_gift.png) right top / 18px auto no-repeat}
.zoom_wrap #pre .title{padding-right:20px;background:url(/img/common/icon_clap.png) right top / 16px auto no-repeat}
.zoom_wrap #basic .title{padding-right:20px;background:url(/img/common/icon_fire.png) right top / 16px auto no-repeat}
.zoom_wrap .prd_list .list_box .list_sub_tit{font-size:14px}
.zoom_wrap .prd_list .list{gap:30px 12px;}
.zoom_wrap .prd_list .list li{width: 100%;padding: 40px 15px 0 15px;}
.zoom_wrap .prd_list .list .thumb .icon{top:8px;left:8px;height:16px;}
.zoom_wrap .prd_list .list .thumb .icon > img + img{margin-left:3px;}
.zoom_wrap .prd_list .list .ranking{height:17px;line-height:15px;font-size:10px;border-radius:2px;margin-top:6px;padding:0 3px;}
.zoom_wrap .prd_list .list .ranking span:before{width:13px;height:14.5px;margin-right:1px;}
.zoom_wrap .prd_list .list .txt{font-size:10px;margin-top:3px;}
.zoom_wrap .prd_list .list .tit{max-height:52px;-webkit-line-clamp:3;font-size:12px;margin-top:3px;}
.zoom_wrap .prd_list .list .price_box{margin-top:4px;}
.zoom_wrap .prd_list .list .sale{font-size:12px;}
.zoom_wrap .prd_list .list .price{font-size:11px;}
.zoom_wrap .prd_list .list .price em{font-size:12px;}
.zoom_wrap .prd_list .list .info{margin-top:6px;padding-top:7px;}
.zoom_wrap .prd_list .list .tag{font-size:10px;}
.zoom_wrap .prd_list .list .rating{font-size:10px;}		
.zoom_wrap .prd_list .list .rating:before{width:13px;height:13px;background-size:13px auto}
.zoom_wrap .prd_list .list .tag_box .hot,.zoom_wrap .prd_list .list .tag_box .replay{font-size:10px}
.zoom_wrap .prd_list .list .tag_box .deadline{height:20px}
.zoom_wrap .prd_list .list .tag_box .deadline img{height:20px}
}
.zoom_course .myProfile .myLeftGap{margin-left:0 !important;min-height:100vh;margin-top: 40px;}
.zoom_course .banner .swiper-slide img{width: 100%;}

@media (max-width:860px) {
	.zoom_course .myProfile .myLeftGap {margin-top:0px;}

}