@charset "utf-8";
/* CSS Document */

html{font-size: 10px; height: 100%;}
body{font-size: 1rem; height: 100%;}
.pc{display: block;}
.mo{display: none !important;}

/* INTRO : START */
#wrap{min-width: 108rem; margin: 0; padding: 0; font-size: 1.6rem;}

#intro{height: 100%; background: url(../../images/intro_title_bg.jpg); background-size: cover;}
#intro .cont-sp{text-align: center; width: 100rem; height: 96%; display: flex; justify-content: space-evenly; flex-direction: column;}
#intro .logo{text-align: center;}
#intro .logo em{display: inline-block; background: url(../../images/YBM_logo_publwiz_white.png) no-repeat 50%; width: 15.3rem; height: 3.7rem; background-size:contain;}
#intro .key_menu{position: relative; display: flex; height: 60rem; flex-flow: column wrap;}
#intro .key_menu li{position: relative;}
#intro .key_menu li a{display: inline-block; width: 24.2rem; background: #fff; text-align: left; border-radius: 0.8rem; padding: 2.6rem 1.2rem; border: 1.4rem solid #fff; box-sizing: border-box;}
#intro .key_menu li.bdyell a{border-top: 5.2rem solid #FFB423; border-left: 0; border-right: 0; border-bottom: 0; padding: 1.7rem 1.2rem 3rem 2.6rem;}
#intro .key_menu li a:hover{background: #141414; color: #fff;}
#intro .key_menu li.bdred a:hover{border-color: #E9473F;}
#intro .key_menu li.bdyell a:hover{border-top: 5.2rem solid #FFB423; border-left: 1.4rem solid #FFB423; border-right: 1.4rem solid #FFB423; border-bottom: 1.4rem solid #FFB423; padding: 1.7rem 0 1.6rem 1.5rem;}
#intro .key_menu li em{display: inline-block; font-size: 3.2rem; line-height: 4.2rem; font-weight: 500; padding-bottom: 0.4rem;}
#intro .key_menu li span{display: block; font-size: 1.3rem; line-height: 160%; font-family: 'NotoSansKR';}
#intro .key_menu li span.store{position: absolute; left: 2.6rem; top: 2rem; font-weight: 700; color: #fff;}
#intro .key_menu li span.store:before{content: ''; display: inline-block; background: url(../../images/icon_bag_w.svg) no-repeat 50%; width: 1.1rem; height: 1.4rem; vertical-align: middle; margin: -0.6rem 0.4rem 0 0;}
#intro .key_menu li.bdyell a:hover span.store:before{background: url(../../images/icon_bag_b.svg) no-repeat 50%;}
#intro .key_menu li.bdyell a:hover span.store{font-weight: 700; color: #141414;}

#intro .key_menu li{display: inline-block; width: 24rem; margin-right: 1.2rem;}
#intro .key_menu .menu01{height: 24.2rem;}
#intro .key_menu .menu02{height: 28rem;}
#intro .key_menu .menu03{height: 20rem;}
#intro .key_menu .menu04{height: 20rem;}
#intro .key_menu .menu05{height: 20rem;}
#intro .key_menu .menu06{height: 24.2rem;}
#intro .key_menu .menu07{height: 28.3rem;}
#intro .key_menu .menu08{height: 24.2rem;}
#intro .key_menu .menu09{height: 20.1rem;}
#intro .key_menu .menu10{height: 15rem;}


/* MILIPASS 모바일 메인 : START */
#intro.milipass{position: relative; display: block; width: 100%; height: 100%; padding: 9.6rem 5% 1rem; box-sizing: border-box;}
.milipass .menuwrap li span.subcopy{display: inline-block; font-size: 1.3rem;}
.milipass .menuwrap li em{display: block; font-size: 1.8rem; font-weight: 500;}
.milipass .menuwrap li{position: relative; width: calc(50% - 0.8rem); margin-bottom: 1.5rem;}
.milipass .menuwrap li:nth-child(odd){float: left; clear: left;}
.milipass .menuwrap li:nth-child(even){float: right; clear: right;}
.milipass .menuwrap li a{display: inline-block; width: 100%; min-height: 15rem; background: #fff; text-align: left; border-radius: 0.8rem; padding: 1.7rem 1.5rem; box-sizing: border-box; border-left: 0; border-right: 0;}
.milipass .menuwrap li.menu01 a{border-top: 2rem solid #00448d; background: #fff url(../../images/logo_toeic.svg) no-repeat right 1.5rem bottom 1.7rem;}
.milipass .menuwrap li.menu02 a{border-top: 2rem solid #846ece; background: #fff url(../../images/icon_onlinelec.png) no-repeat right 1.5rem bottom 1.7rem; background-size: 7.5rem 6.7rem;}
.milipass .menuwrap li.menu03 a{border-top: 2rem solid #d3629d; background: #fff url(../../images/icon_certificate.png) no-repeat right 1.5rem bottom 1rem; background-size: 6.8rem 6.2rem;}
.milipass .menuwrap li.menu04 a{border-top: 2rem solid #db9d64; background: #fff url(../../images/icon_culturebook.png) no-repeat right 0 bottom 1.3rem; background-size: 10rem 6.2rem;}
.milipass .menuwrap li.menu05 a{border-top: 2rem solid #73c2f1; background: #fff url(../../images/icon_childbook_.png) no-repeat right 0.5rem bottom 1.7rem; background-size: 7.9rem 6.4rem;}
.milipass .menuwrap li.menu06 a{border-top: 2rem solid #fca7aa; background: #fff url(../../images/icon_development.png) no-repeat right 0.5rem bottom 1.7rem; background-size: 9.4rem 6.2rem;}
/* MILIPASS 모바일 메인 : END */

/* INTRO : END */


/* HEADER : START */
header{height: 8rem; border-bottom: 0.1rem solid #141414;}
/*#header{position: relative; background: linear-gradient(90deg, rgba(255,255,255,1) 55%, rgba(0,0,0,1) 45%); height: 8rem;}*/
#header{position: relative; /*background: url(../../images/menubar_bg.gif) repeat-y 50%;*/}
#header.fixed{position:fixed; top:0; z-index:100; width: 100%;  background-color: #fff; -webkit-box-shadow: 0 0 0.6rem 0.2rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.6rem 0.2rem rgba(0, 0, 0, 0.2);}
#header h1{display: inline-block; vertical-align: middle;}
#header .cont-sp{font-size: 0;}
#header .pbwz_logo{display: inline-block; background: url(../../images/YBM_logo_publwiz_black.png) no-repeat 50%; width: 11.2rem; height: 2.8rem; padding: 2.6rem 0; box-sizing: border-box; margin-right: 1.5rem; vertical-align: middle; background-size:contain;}
#header .paybar{background: #141414;}
#header .paybar .pbwz_logo{background: url(../../images/YBM_publwiz_white.svg) no-repeat 50%;}
#header .paybar{background: #141414;}
#header  nav{display: inline-block; font-size: 0; vertical-align: middle; font-family: 'GmarketSans';}
#header .gnb_menu{padding-right:0rem; box-sizing: border-box; display:flex; gap:0 40px; margin-left:6.3rem;}
#header .gnb_menu a{display: inline-block; height: 8rem; padding: 3.2rem 2.9rem 2rem; font-size: 1.6rem; vertical-align: bottom; box-sizing: border-box;}
#header .gnb_menu a.menu1{position: relative; padding: 2.6rem 2.9rem 2rem; box-sizing: border-box;}
#header .gnb_menu a.menu5{position: relative; padding: 2.6rem 0.9rem 2rem; box-sizing: border-box;}

#header .gnb_menu a span{font-size: 0.9rem; font-weight: 500; vertical-align: bottom;}
#header .gnb_menu a em{display: block; font-weight: 500;}
/*#header .gnb_menu a.menu4 em{padding-top: 1.8rem;}*/


#header_ .cont-sp_{font-size: 0; font-family: 'GmarketSans';}
#header_ .gnb_menu_{padding-right:0rem; box-sizing: border-box;}
#header_ .gnb_menu_ a{display: inline-block; padding: 3.2rem 0.9rem 2rem; font-size: 1.5rem; vertical-align: bottom; box-sizing: border-box;}
#header_ .gnb_menu_ a.menu1{position: relative; padding: 2.6rem 0.9rem 2rem; box-sizing: border-box;}
#header_ .gnb_menu_ a.menu5{position: relative; padding: 2.6rem 0.9rem 2rem; box-sizing: border-box;}

#header_ .gnb_menu_ .menu { display: flex; justify-content: flex-end; list-style: none;  margin: 0; background-color: #333; }
#header_ .gnb_menu_ .menu > li {position: relative;}
#header_ .gnb_menu_ .menu > li > a {display: block;padding: 13px 20px;color: white;text-decoration: none; font-weight: 500; }
#header_ .gnb_menu_ .menu > li > a:hover {background-color: #555; }
#header_ .gnb_menu_ .submenu { display: none; position: absolute;top: 100%; left: 0; background-color: #444;list-style: none;padding: 0;margin: 0;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); z-index: 99999; width: 18.3rem;}
#header_ .gnb_menu_ .submenu > li > a {display: block;padding: 10px 15px;color: white;text-decoration: none; }
#header_ .gnb_menu_ .submenu > li > a:hover { background-color: #666;}
#header_ .gnb_menu_ .menu > li:hover .submenu {display: block; }

#header_ .gnb_menu_ .menu  .cart{background: url(../../images/icon_cart.svg) no-repeat 50%; width: 4rem; padding-top: 2.8rem;}
#header_ .gnb_menu_ .menu  .my{background: url(../../images/icon_my.svg) no-repeat 50%; width: 4.5rem; padding-top: 2.8rem;}




#header .feature_menu{position: relative; display: inline-block; height: 8rem; vertical-align: middle; font-family: 'NotoSansKR'; padding: 0 0 0 2rem; box-sizing: border-box; border-right: 0.1rem solid #3C3C3C;}
/* #header .feature_menu a{display: inline-block; font-size: 1.4rem; color: #fff; font-weight: 500; padding: 3.1rem 0.5rem 2.8rem; box-sizing: border-box; letter-spacing: -0.05rem;}
#header .feature_menu .stit_aca{font-size:1.0rem; position:absolute; top:1.5rem; color:#fff; right:31.2rem;;}
#header .feature_menu .stit_aca:before{content: ''; width:3rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; right:9.2rem;}
#header .feature_menu .stit_aca:after{content: ''; width:3rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; right:-3.4rem;} */
#header .feature_menu a{display: inline-block; font-size: 1.4rem; color: #fff; font-weight: 500; box-sizing: border-box; letter-spacing: -0.05rem; text-align: center;}
#header .feature_menu .stit_aca{font-size:1.0rem; position:absolute; top:1.2rem; color:#fff; left: 1.3rem; padding-left: 3.1rem;}
#header .feature_menu .stit_aca:before{content: ''; width:1.5rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; left:1rem;}
#header .feature_menu .stit_aca:after{content: ''; width:1.5rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; left:12.5rem;}
#header .feature_menu .onlinestudy{padding: 3.1rem 1rem 1rem 1.5rem;}
#header .feature_menu .buymember{padding: 3.1rem 2.5rem 1rem 1rem}
#header .feature_menu .phone_eng{width: 6.5rem; box-sizing: border-box; border-left: 0.1rem solid #3c3c3c; border-right: 0.1rem solid #3c3c3c; padding: 3.1rem 1rem 1rem;}
#header .feature_menu .paylist{padding: 3.1rem 1rem 1rem;}

#header .icon_box{display: inline-block; width: 16.7rem; padding: 0 0 0 1.3rem; box-sizing: border-box;}
#header .icon_box.kidsnav{width: 27.7rem;}
#header .icon_box a{display: inline-block; height: 8rem; box-sizing: border-box; vertical-align: middle;}
#header .icon_box .cart{background: url(../../images/icon_cart.svg) no-repeat 50%; width: 4rem;}
#header .icon_box .publwiz_go{background: url(../../images/publwiz_wh_logo.svg) no-repeat 50%; width: 14rem;}
#header .icon_box .my{background: url(../../images/icon_my.svg) no-repeat 50%; width: 4.5rem;}
#header .icon_box .login{font-size: 1.4rem; color: #fff; width: 6.6rem; line-height: 8.5rem; text-align: center; font-family: 'GmarketSans'; font-weight: 400;} 
#header .icon_box.kidsnav .login{width: 9rem;} 
/* HEADER : END */

/* MAIN : START */
.main_banner{width:100%; overflow:hidden;}
.main_banner img.pc {width:1920px; height: 400px; object-fit: cover;}
.main_banner img.mo {display:none;}
.main_banner .swiper-container {overflow:hidden;}
.main_banner .swiper-wrapper {display:flex; align-items:center;}
.main_banner .swiper-slide {width:1920px !important; height:400px; flex-shrink:0; }
.main_banner .slide_button {display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 16px); width: 32px; height: 32px; border-radius: 100%; background-color: #cccc; cursor: pointer;}
.main_banner .slide_prev_button {left: 10px; background: url(../../images/arrow_icon_left.svg) no-repeat 50%;}
.main_banner .slide_next_button {right: 10px; background: url(../../images/arrow_icon_right.svg) no-repeat 50%;}
.main_banner .slide_pagination {display: flex; gap: 5px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);}
.main_banner .slide_pagination > li {color: rgba(255,255,255,0.3); cursor: pointer; font-size: 50px;}
.main_banner .slide_pagination > li.active {color: rgba(255,255,255,0.8);}
.main_banner .slide_item_duplicate {display: flex; align-items: center; justify-content: center; position: relative; left: 0px; width: 100%; height: 300px; flex-shrink: 0; transition: left 0.15s;}
/* .main_banner .swiper-container{border-radius: 0 !important;}
.main_banner .swiper-container.swiper2 {width: 100%; height: 100%;}
.main_banner .swiper-container.swiper2 .swiper-slide {text-align: center; font-size: 18px; background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.main_banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.main_banner .swiper-pagination{position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%)!important;} */

.area_ngm .quick_menu{margin: -3rem 0 1rem; padding-top: 0;}

#main .title_bg{background: url(../../images/publwiz_title_bg.jpg) no-repeat 50%; height: 73.3rem;}
#main .main_copy{margin: 0 auto; line-height: 5.4rem; text-align: center; padding-top: 23rem; font-size: 4rem; font-weight: 500; color: #fff;}
#main .main_copy span{display: block;}
#main .sub_copy{margin: 0 auto; line-height: 2.4rem; text-align: center; padding-top: 4rem; font-family: 'NotoSansKR'; font-size: 1.6rem; color: #fff;}
#main .sub_copy span{display: block;}
#main .contents{padding-top: 10rem;}
#main .contents.area_ngm{margin-top: 0rem;}
#main .contents .sub_title{position: absolute; top: 0; left: 0; width: 20rem; margin-right: 2rem; font-size: 1.8rem; font-weight: 700; line-height: 3rem; padding-bottom: 2.2rem; border-bottom: 0.2rem solid #141414;}
#main .contents .sub_title span{display: block;}
#main .contents .inner_wrap{position: relative; margin-left: 22rem;}
#main .contents .booklist li{float: left; width: 20rem;}
#main .contents .booklist li + li{margin-left: 2rem;}
#main .contents .booklist li img{width: 100%;}
#main .contents .s_tit{font-size: 2.6rem; line-height: 4.8rem; font-weight: 500; padding: 3rem 0 1rem;}
#main .contents .body_copy{font-size: 1.8rem; line-height: 3.2rem;}

#main .contents .ad-ar{position: relative; width: 100%; left: 50%; transform: translateX(-50%); margin-top: 4rem;}
#main .contents .btnbox{margin-top: 3rem;}

#main .contents .btnbox .fst{margin-right: 1rem;}
#main .contents .btnbox a{display: inline-block; font-size: 2rem; font-weight: 700; height: 6.8rem; line-height: 6.8rem; border-radius: 6.8rem; border: 0.1rem solid #141414; text-align: center; padding: auto auto; box-sizing: border-box;}
#main .contents .btnbox a + a{margin-left: 1.1rem;}
#main .contents .b_btn{background: #141414; color: #fff; padding: 0 9.1rem;}
#main .contents .w_btn{font-weight: 500; padding: 0 3.5rem;}
#main .contents .w_btn span:after{content: ''; display: inline-block; background: url(../../images/icon_new_win.svg) no-repeat 50%; width: 1.5rem; height: 1.6rem; margin: 0 0 -.2rem .9rem;}

#main .area_ngm .key_menu{position: relative; display: flex; height: 30rem;}
#main .area_ngm .key_menu li{position: relative;}
#main .area_ngm .key_menu li a{display: inline-block; width: 20.6rem; height: 23rem; background: #fff; text-align: left; border-radius: 0.8rem; padding: 1.8rem 1.6rem; border: 1.4rem solid #efefef; box-sizing: border-box;}
#main .area_ngm .key_menu li.bdyell a{border-top: 5.2rem solid #FFB423; border-left: 0; border-right: 0; border-bottom: 0; padding: 1.7rem 1.2rem 3rem 2.6rem; }
#main .area_ngm .key_menu li a:hover{background: #141414; color: #fff;transition: 0.5s;}
#main .area_ngm .key_menu li.bdred a:hover{border-color: #E9473F;}
#main .area_ngm .key_menu li.bdyell a:hover{border-top: 5.2rem solid #FFB423; border-left: 1.4rem solid #FFB423; border-right: 1.4rem solid #FFB423; border-bottom: 1.4rem solid #FFB423; padding: 1.7rem 0 1.6rem 1.5rem;}
#main .area_ngm .key_menu li em{display: inline-block; font-size: 2.2rem; line-height: 3.2rem; font-weight: 500; padding-bottom: 0.4rem;}
#main .area_ngm .key_menu li span{display: block; font-size: 1.3rem; line-height: 160%; font-family: 'NotoSansKR';}
#main .area_ngm .key_menu li span.store{position: absolute; left: 2.6rem; top: 2rem; font-weight: 700; color: #fff;}
#main .area_ngm .key_menu li span.store:before{content: ''; display: inline-block; background: url(../../images/icon_bag_w.svg) no-repeat 50%; width: 1.1rem; height: 1.4rem; vertical-align: middle; margin: -0.6rem 0.4rem 0 0;}
#main .area_ngm .key_menu li.bdyell a:hover span.store:before{background: url(../../images/icon_bag_b.svg) no-repeat 50%;}
#main .area_ngm .key_menu li.bdyell a:hover span.store{font-weight: 700; color: #141414;}

#main .area_ngm .key_menu li{display: inline-block; width: 24rem; margin-right: 1.2rem;}


#main .area_ngm .product_wrap{background: #F0F0F0; margin-top: 6rem; padding: 6rem 5.3rem;}
#main .area_ngm .product_wrap .book_int{display: inline-block;}
#main .area_ngm .product_wrap .cover{width: 32.4rem; overflow: hidden;}
#main .area_ngm .product_wrap .cover img{width: 100%; height: auto;}
#main .area_ngm .product_wrap .page{margin-top: 1rem;}
#main .area_ngm .product_wrap .page li{float: left; width: 6rem; min-height: 6rem; overflow: hidden;}
#main .area_ngm .product_wrap .page li img{width: 100%; height: 60px; transform: translateY()}
#main .area_ngm .product_wrap .page li + li{margin-left: 0.6rem;}

#main .area_ngm .product_wrap .explain{display: inline-block; width: 40rem; padding: 11rem 0 0 2.5rem;}
#main .area_ngm .explain .tt{font-size: 1.6rem; font-weight: 500; padding-bottom: 1.3rem;}
#main .area_ngm .explain .tt span{color: #E9473F;}
#main .area_ngm .explain .tit{font-size: 2.6rem; line-height: 3.8rem; font-weight: 500; padding-bottom: 1.7rem;}
#main .area_ngm .explain .b_txt{font-size: 1.6rem; line-height: 2.4rem;}
#main .area_ngm .explain .btn_buy{display: inline-block; padding: 2.2rem 4rem; border-radius: 7rem; background: #E9473F; color: #fff; font-size: 2rem; font-weight: 700; margin-top: 3rem;}

#main .area_event{background: #141414; padding: 2.5rem 0; margin-top: 7rem;}
/*#main .area_event.contents .sub_title{position: absolute; top: 2rem; color: #fff;}*/
#main .area_event.contents .ev_copy{position: absolute; top: 2rem; color: #fff; font-size: 1.8rem; font-weight: 700; width: 17rem; line-height: 3.5rem; vertical-align:sub; border-bottom: 0.1rem solid #fff; padding-bottom: 1rem;}
#main .area_event.contents .ev_copy img{vertical-align:sub;}
#main .area_event.contents .ev_copy span{display: block;}
#main .area_event.contents .ev_txt{position: absolute; top: 13.5rem; color: #fff;}

#main .area_event .inner_wrap{text-align: center;}
#main .area_event .inner_wrap .card_ar{display: inline-block; width: 100%; height: 20.3rem; vertical-align: middle; overflow: hidden;}
#main .area_event .inner_wrap .next{position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2rem; height: 3rem; background: url(../../images/btn_arrow.svg) no-repeat 50%; vertical-align: middle;}
#main .area_event .inner_wrap .back{position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 3rem; background: url(../../images/btn_arrow_left.svg) no-repeat 50%; vertical-align: middle;}
#main .area_event .card_ar li{float: left; text-align: left;}
#main .area_event .card_ar li:first-child{margin-left: 3.5rem;}
#main .area_event .card_ar li a{ display: inline-block; position: relative; width: 19rem; min-height: 20.4rem; padding: 1.8rem 0.5rem 1.8rem 1.5rem; background: #fff; border:0.7rem solid #fff; border-radius: 1rem; font-size: 1.3rem; font-weight: 500; box-sizing: border-box; transition: all 0.2s;}
#main .area_event .card_ar li a:hover{border:0.7rem solid #FFD800; transition: 0.5s;}
#main .area_event .card_ar li + li{margin-left: 1rem;}
#main .area_event .card_ar li .date{padding-bottom: 1rem;}
#main .area_event .card_ar li .title{font-size: 1.7rem; line-height: 2.4rem; vertical-align: text-top;}
#main .area_event .card_ar li .where{ padding: 0.8rem 0 0 0; font-size: 1.6rem; line-height: 2.0rem; font-weight: 300;}
#main .area_event .card_ar li .view{ display: inline-block; position: absolute; left: 2rem; bottom: 0.5rem; padding-top:0.4rem; /*padding: .8rem 2rem .5rem;*/ border: 0.1rem solid #141414; border-radius: 3rem; font-weight: 500; text-align: center; width: 10.2rem; height: 2.8rem; line-height: 2.8rem; }





#main .contents.area_abroad .b_btn{background: #141414; color: #fff; padding: 0 3rem;}
#main .contents.area_abroad{padding-bottom: 0;}
#main .contents.area_toeic{padding-bottom: 0;}
#main .contents.area_toeic .b_btn{background: #141414; color: #fff; padding: 0 6rem;}
#main .area_toeic .ex_box{padding: 2rem 0;}
#main .area_toeic .ex_box li{float: left;}
#main .area_toeic .ex_box li + li{margin-left: 2.5rem;}
#main .area_toeic .ex_box li a{display: inline-block; width: 27rem; height: 35.4rem; text-align: center; border-radius: 2rem; border: 0.1rem solid #D9D9D9; box-sizing: border-box;}
#main .area_toeic .ex_box li em{display: inline-block; padding: 21rem 0 1.4rem; font-size: 1.8rem; font-weight: 500;}
#main .area_toeic .ex_box li p{display: block; padding-bottom: 1.5rem;}
#main .area_toeic .ex_box li .view{display: inline-block; width: 15.4rem; height: 4.8rem; line-height: 5rem; border-radius: 4rem; border: 0.1rem solid #aaaaaa; font-weight: 500;}

#main .area_toeic .ex_box li.cat{background: url(../../images/ellipse_1.png) no-repeat 50% 15%;}
#main .area_toeic .ex_box li.ai{background: url(../../images/ellipse_2.png) no-repeat 50% 15%;}
#main .area_toeic .ex_box li.cyber{background: url(../../images/ellipse_3.png) no-repeat 50% 15%;}

.area_suggest{background: #F0F0F0; padding: 8rem;}
.area_suggest .what li{float: left; width: 27.3rem;}
.area_suggest .what li + li{margin-left: 2rem;}
.area_suggest .what li img{width: 100%;}
.area_suggest .what li p{font-size: 2.4rem; line-height: 3.4rem; font-weight: 500; padding: 1.4rem 0 1rem;}

#main .area_handphone{margin-bottom: 15rem;}
#main .area_handphone .bgimg{background: url(../../images/handphone_bg.png) no-repeat 50%; width: 86rem; height: 30rem; background-size: cover; padding: 7rem 6rem; box-sizing: border-box;}
#main .area_handphone .bgimg em{display: inline-block; font-size: 1.8rem; padding-bottom: 2rem;}
#main .area_handphone .bgimg p{font-size: 4rem; font-weight: 700; line-height: 4.8rem;}
#main .area_handphone .bgimg p span{display: block; color: #E9473F;}
#main .area_handphone .btnbox a{padding: 0 5.8rem;}
#main .area_handphone .b_btn:after{content: ''; display: inline-block; background: url(../../images/icon_new_win_w.svg) no-repeat 50%; width: 1.6rem; height: 1.6rem; margin: 0 0 -.2rem .9rem;}
#main .area_ngkids .b_btn:after{content: ''; display: inline-block; background: url(../../images/icon_new_win_w.svg) no-repeat 50%; width: 1.6rem; height: 1.6rem; margin: 0 0 -.2rem .9rem;}
/* MAIN : END */


/* 상품 리스트페이지 : START */
.subpage .cont-sp{text-align: center;}
.subpage .cont_wrap.graypage{background: #F5F5F5;}
.subpage .sub_title{display: block; font-size: 2.6rem; font-weight: 500; padding: 6rem 0;}
.subpage .bookname{display: inline-block; font-size: 1.8rem; font-weight: 700; padding-bottom: 0.6rem; border-bottom: 0.2rem solid #141414;}
.subpage .bookcopy{font-size: 1.6rem; padding-top: 1rem;}

.subpage .booklist{margin-top: 6rem;}
.subpage .booklist li{float: left; width: 21rem; height: 47rem; text-align: left; font-family: 'NotoSansKR'; margin-right: 8rem;} 
.subpage .booklist li:nth-of-type(4n){margin-right: 0;}
.subpage .booklist .book_cover{height: 30.5rem; overflow: hidden; margin-bottom: 0.8rem; background: #fff; font-size: 0;}
.subpage .booklist .book_cover:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.subpage .booklist .book_cover img{width: 100%; vertical-align: middle;}
.subpage .booklist .bk_tit{font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; padding: .2rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.subpage .booklist .price{font-size: 2.4rem; font-weight: 600; vertical-align: baseline; letter-spacing: -.2rem;}
.subpage .booklist .price span{font-family: 'NotoSansKR'; font-size: 1.4rem; font-weight: 500; vertical-align: baseline;}
.subpage .booklist .cart{float: right; background: #FFB423 url(../../images/icon_cart.svg) no-repeat 50%; width: 6rem; height: 2.8rem; border-radius: 3rem; margin-top: .5rem;}
.subpage .booklist .tag{display: block; font-size: 1.2rem; color: #828282; padding-top: .3rem;}
.subpage .gift{background: #F5F5F5; padding: 6rem 0 12rem;}
/* 상품 리스트페이지 : END */


/* 상품 상세페이지 : START */
.subpage .info_wrap{border-bottom: 0.1rem solid #AAAAAA;}
.subpage .sub_top{position: relative; text-align: left;}
.subpage .sub_top button{display: inline-block; width: 4.2rem; height: 4.2rem; border: 0.1rem solid #141414; background: url(../../images/icon_back_arrow.svg) no-repeat 50%; margin: 6rem 0 2rem; transition: all 0.1s;}
.subpage .sub_top button:hover{background: #141414 url(../../images/icon_back_arrow_w.svg) no-repeat 50%;}
.subpage .sub_top .s_title{position: absolute; top: 6.5rem; left: 50%; transform: translateX(-50%); font-size: 2.6rem; font-weight: 500;}
.subpage .sub_top .breadcrumbs{position: absolute; top: 6rem; right: 0; font-family: 'NotoSansKR';}
.subpage .sub_top .breadcrumbs span{display: inline-block; color: #B4B4B4;}
.subpage .sub_top .breadcrumbs .now{color: #141414; font-weight: 500;}
.subpage .sub_top .breadcrumbs span + span:before{content: ''; display: inline-block; background: url(../../images/breadcrumbs.svg) no-repeat 50%; width: 3.2rem; height: 2.5rem; vertical-align: middle; margin-top: -0.3rem;}

.subpage .book_wrap{float: left; width: 53rem; margin-bottom: 4rem}
.subpage .book_wrap .cover{text-align: center; /*background: #f5f5f5;*/ text-align: center; /*padding: 6rem 0;*/ height: 52rem; box-sizing: border-box;}
.subpage .book_wrap .frame{display: inline-block; /*max-width: 40rem;*/}
.subpage .book_wrap .frame img{max-width: 100%; max-height: 52rem;}
.subpage .book_wrap .thumbnail{display: inline-block; margin-top: 1.6rem; text-align: center;}
.subpage .book_wrap .thumbnail li{float: left; width: 6.8rem; max-height: 10rem; overflow: hidden; border: 0.1rem solid #D9D9D9; box-sizing: border-box;}
.subpage .book_wrap .thumbnail li img{width: 100%; height: 66px;}
.subpage .book_wrap .thumbnail li + li{margin-left: 0.9rem;}

.subpage .book_info{float: right; width: 50rem; font-size: 1.8rem; text-align: left; letter-spacing: -0.15rem;}
.subpage .book_info .title{display: block; font-size: 2.6rem; font-weight: 500; line-height: 4.2rem; padding-bottom: 2.8rem;}
.subpage .book_info .price{display: inline-block; font-size: 2.6rem; font-weight: 700; vertical-align: baseline; padding-bottom: 3rem;}
.subpage .book_info .price span{display: inline-block; font-family: 'NotoSansKR'; font-size: 1.6rem; font-weight: 500; padding-left: 0.5rem; vertical-align: baseline;}
.subpage .book_info .size{font-family: 'NotoSansKR'; color: #959595; padding-bottom: 2.8rem;}
.subpage .book_info .text{font-family: 'NotoSansKR'; padding-bottom: 3.2rem; font-weight: 500;}
.subpage .book_info .popup{font-family: 'NotoSansKR';}
.subpage .book_info .popup .pt_txt{color: #E9473F; font-size: 1.6rem; font-weight: 500; padding-bottom: 1rem;}
.subpage .book_info .popup .btw_select{position: relative;}
.subpage .book_info .popup .btw_select .default{display: block; width: 100%; height: 6rem; font-size: 1.6rem; font-weight: 500; text-align: left; padding: 0 7rem 0 2rem; box-sizing: border-box; color: #141414; background: url(../../images/inputbox_arrow.svg) no-repeat 95% 50%; z-index: 3; border: 0.1rem solid #AAAAAA; border-bottom: 0.2rem solid #E9473F;font-family: 'NotoSansKR'; white-space: normal;}
.subpage .book_info .btw_select .list{display: none; width: 100%; max-height: 30rem; position: absolute; top: 6rem; left: 0; border: 0.1rem solid #eee; box-sizing: border-box; z-index: 9; overflow-y: auto;}
.subpage .book_info .btw_select .list button{display: block; width: 100%; background: #fff; height: 5rem; font-weight: 500; font-size: 1.5rem; text-align: left; padding: 0 3rem; border-bottom: 0.1rem solid #eee;}
.subpage .book_info .btw_select .list button:hover{background: #efefef}
.subpage .book_info .price_rs{background: #F5F5F5; padding: 2.6rem 1.8rem; box-sizing: border-box; border-top: 0.1rem solid #C8C8C8; border-bottom: 0.1rem solid #C8C8C8; color: #828282; font-size: 1.6rem; margin-top: 1.8rem;}
.subpage .book_info .price_rs .period{float: left;}
.subpage .book_info .price_rs .won{float: right;}

.subpage .book_info .p_result{margin-top: 3.5rem; font-size: 1.6rem; font-weight: 500; padding: 0 1rem;}
.subpage .book_info .p_result .rs_txt{float: left; padding-top: 1.2rem;}
.subpage .book_info .p_result .total{float: right;}
.subpage .book_info .p_result .total .small{color: #828282; text-decoration:line-through; vertical-align: baseline;}
.subpage .book_info .p_result .total .sum{display: inline-block; font-family: 'GmarketSans'; font-size: 4rem; font-weight: 700; color: #E9473F; padding: 0 0 0 1rem; vertical-align: baseline;}
.subpage .book_info .p_result .total .txt{font-size: 2.6rem; vertical-align: baseline}
.subpage .book_info .btnbox{padding-bottom: 13rem;}
.subpage .book_info .btnbox button{width: 24.1rem; height: 6.8rem; line-height: 6.8rem; border-radius: 7rem; margin-top: 5rem; font-size: 2.4rem; font-weight: 700; text-align: center;}
.subpage .book_info .btnbox button.cart{border: 0.1rem solid #141414; font-weight: 500; margin-right: 1.2rem;}
.subpage .book_info .btnbox button.buy{border: 0.1rem solid #E9473F; background: #E9473F; color: #fff;}

.subpage .cont_wrap .cont-sp{position: relative; padding-bottom: 18rem;}
.subpage .view_wrap .cont-sp{position: relative; border-right: 0.1rem solid #C8C8C8;}
.subpage .view_wrap .view_area{float: left; padding: 3rem 3rem 10rem 0; border-right: 0.1rem solid #C8C8C8; box-sizing: border-box; min-height: 70rem; text-align: -webkit-auto;}
.subpage .view_wrap .view_area .img_ar{width: 80rem;}
.subpage .view_wrap .view_area .img_ar img{display: block; width: 100%;}

.subpage .view_wrap .buy_tab{position: relative; float: right; width: 24.9rem;}
.subpage .view_wrap .buy_tab .default{width: 100%; height: 10rem; font-size: 1.6rem; font-weight: 500; text-align: left; padding: 0 4rem 0 1rem; box-sizing: border-box; color: #141414; background: url(../../images/inputbox_arrow.svg) no-repeat 90% 50%; z-index: 3; border-bottom: 0.1rem solid #AAAAAA;font-family: 'NotoSansKR'; white-space: normal;}
.subpage .view_wrap .buy_tab .list{display: none; width: 100%; max-height: 25rem; position: absolute; top: 9.9rem; left: 0; border: 0.1rem solid #eee; box-sizing: border-box; background: #fff; padding: 0.5rem 0; overflow-y: auto;}
.subpage .view_wrap .buy_tab .list button{display: block; width: 100%; height: 5rem; background: #fff; font-weight: 500; font-size: 1.5rem; text-align: left; padding: 0 3rem; border-bottom: 0.1rem solid #eee;}
.subpage .view_wrap .buy_tab .list button:hover{background: #efefef}

.subpage .buy_tab.fixed{position:fixed; top: 8rem; margin-left: 50%; left: 29.0rem; background: #fff;}
.subpage .buy_tab .price_info{margin: 1.8rem 1.5rem 0;}
.subpage .buy_tab .price{line-height: 2.6rem; text-align: left; font-family: 'NotoSansKR'; color: #828282; font-size: 1.6rem; background: #F5F5F5; padding: 1.6rem 2.6rem; box-sizing: border-box; margin: 0 0 7rem; border-top: 0.1rem solid #C8C8C8; border-bottom: 0.1rem solid #C8C8C8;}
.subpage .buy_tab .price span{display: block;}

.subpage .buy_tab .result{font-size: 1.6rem; font-weight: 500;}
.subpage .buy_tab .result .rs_txt{float: left; margin-left: 1rem;}
.subpage .buy_tab .result .small{float: right; color: #828282; text-decoration:line-through;}
.subpage .buy_tab .total{display: block; text-align: right; padding-top: 1.9rem;}
.subpage .buy_tab .total .sum{display: inline-block; font-family: 'GmarketSans'; font-size: 3rem; font-weight: 700; color: #E9473F; padding: 0 0 0 1rem; vertical-align: baseline;}
.subpage .buy_tab .total .txt{font-size: 1.8rem; font-weight: 500; vertical-align: baseline}
.subpage .buy_tab .btnbox{margin-bottom: 5rem;}
.subpage .buy_tab .btnbox button{display: block; width: 100%; height: 6.8rem; line-height: 6.8rem; border-radius: 7rem; font-size: 2.4rem; font-weight: 700; text-align: center;}
.subpage .buy_tab .btnbox button.cart{margin-top: 3rem; border: 0.1rem solid #141414; font-weight: 500;}
.subpage .buy_tab .btnbox button.buy{margin-top: 1rem; border: 0.1rem solid #E9473F; background: #E9473F; color: #fff;}
/* 상품 상세페이지 : END */


/* 장바구니 페이지 : START */
.subpage.top_sp .cont-sp{text-align: left;}
.subpage .table_wrap{position: relative; display: inline-block; width: 72rem; padding-bottom: 11rem;}
.subpage .sm_tit{display: block; font-size: 1.8rem; font-weight: 500; padding: 3rem 0 1.5rem;}
.subpage .pd_wrap{background: #fff; font-family: 'NotoSansKR'; font-weight: 500; border: 0.1rem solid #C8C8C8; margin-bottom: 3rem; border-radius: 1rem; padding: 3rem; box-sizing: border-box;}
.subpage input.circle[type="checkbox"]{width: 2rem; height: 2rem; border-radius: 50%; border: 0.1rem solid #141414; appearance: none; cursor: pointer; box-sizing: border-box;}
.subpage input.circle[type="checkbox"]:checked{background: #FFB423 url(../../images/icon-check.svg) no-repeat 50%; border: 0.1rem solid #FFB423; box-sizing: border-box;}
.subpage .table_wrap .allcheck{font-size: 1.3rem; padding: 0 1rem 1.5rem;}
.subpage .table_wrap .allcheck span{display: inline-block; padding-left: 1rem;}
.subpage .table_wrap .allcheck em{display: inline-block; padding: 0 0.6rem;}
.subpage .table_wrap .list{position: relative; padding: 2rem 1rem; border-bottom: 0.1rem solid #C8C8C8; font-size: 0;}
.subpage .table_wrap .list .pdt{display: inline-block; width: 8.2rem; padding: 0 1.5rem;}
.subpage .table_wrap .list .pdt img{width: 100%;}
.subpage .table_wrap .list .info{display: inline-block; width: 40rem; word-break: break-all;}
.subpage .table_wrap .list .stxt{display: block; font-size: 1.3rem; color: #828282; padding-bottom: 0.3rem;}
.subpage .table_wrap .list .extxt{display: inline-block; font-size: 1.8rem; line-height: 2.6rem; padding: 0 0 1.5rem;}  
.subpage .table_wrap .list .select{width: 12rem; height: 3.2rem; background: url(../../images/select_icon.svg) no-repeat 90% 50%; font-size: 1.4rem; color: #141414; font-weight: 500; border-color: #141414;}
.subpage .table_wrap .list .count{display: inline-block; margin-left: 1.8rem;}
.subpage .table_wrap .list .minus{background: url(../../images/icon_minus.svg) no-repeat 50%; width: 3rem; height: 3rem; vertical-align: middle;}
.subpage .table_wrap .list .numbox{width: 4.8rem; font-weight: 500; text-align: center;}
.subpage .table_wrap .list .plus{background: url(../../images/icon_plus.svg) no-repeat 50%; width: 3rem; height: 3rem; vertical-align: middle;}
.subpage .table_wrap .list .t_price{position: absolute; bottom: 2rem; right: 1rem; font-size: 1.5rem; font-weight: 500; text-align: right;}
.subpage .table_wrap .list .t_price .dc{color: #828282; text-decoration: line-through;}
.subpage .table_wrap .list .t_price .rst{display: block; color: #141414; padding-top: 0.8rem;}
.subpage .table_wrap .list .t_price .rst span{display: inline-block; font-size: 2rem; font-family: 'GmarketSans'; font-weight: 700; margin-right: 0.2rem;}
.subpage .table_wrap .list .delete{position: absolute; top: 1.5rem; right: 1rem; background: url(../../images/icon_close.svg) no-repeat 50%; width: 3rem; height: 3rem;}
.subpage .table_wrap .pd_wrap .list_wrap{border-top: 0.1rem solid #141414;}
.subpage .table_wrap .add_wrap .list_wrap{display: none;}
.subpage .table_wrap .add_wrap.on .list_wrap{display: block; border-top: 0.1rem solid #141414; padding-bottom: 1.5rem;}
.subpage .table_wrap .list:last-child{border-bottom: 0;}

.subpage .add_wrap{position: relative; background: #fff; font-family: 'NotoSansKR'; font-weight: 500; border: 0.1rem solid #C8C8C8; margin-bottom: 1rem; border-radius: 1rem; padding: 0 3rem 0; box-sizing: border-box;}
.subpage .add_wrap .pdbox{font-size: 1.8rem; padding: 2.2rem 1rem 2.5rem;}
.subpage .add_wrap .pdbox input{margin-right: 1.3rem;}
.subpage .add_wrap .pdbox em{display: inline-block; color: #828282; font-size: 1.3rem; vertical-align: middle; padding: 0 1rem 0 0;}
.subpage .add_wrap .list .pdt{display: inline-block; width: 4rem; padding: 0 1.5rem;}
.subpage .add_wrap .list .stxt{display: none;}
.subpage .add_wrap .list .delete{display: none;}
.subpage .add_wrap .viewbtn{position: absolute; right: 1rem; top: 0.8rem; width: 6rem; height: 6rem; background: url(../../images/icon_viewbtn.svg) no-repeat 50%; transition: all .3s;}
.subpage .add_wrap.on .viewbtn{position: absolute; right: 1rem; top: 0.8rem; width: 6rem; height: 6rem; background: url(../../images/icon_viewbtn.svg) no-repeat 50%; transform: rotate(180deg); transition: all .3s;}


.subpage .buy_wrap{position: relative; float: right; width: 34rem; background: #fff; border-radius: 1rem; border: 0.1rem solid #141414; margin-top: 6.6rem; padding: 2rem; box-sizing: border-box;}
.subpage .buy_wrap.fixed{position: fixed; top: 2rem; margin-left: 50%; left: 20rem;}

.subpage .buy_wrap .tbox{padding: 2rem; border: 0.1rem solid #D9D9D9; border-radius: 0.8rem; margin-bottom: 2.5rem;}
.subpage .buy_wrap .tbox .smt{display: block; font-size: 1.6rem; font-weight: 500; padding-bottom: 1rem;}
.subpage .buy_wrap .tbox p{font-size: 1.3rem; line-height: 2rem; font-family: 'NotoSansKR'; color: #828282;}

.subpage .buy_wrap .expay{position: relative; border-bottom: 0.1rem solid #141414; padding-bottom: 2rem; margin-bottom: 3rem;}
.subpage .buy_wrap .expay .tt{font-size: 1.6rem; font-weight: 500;}
.subpage .buy_wrap .expay .dct{position: absolute; top: 0; right: 0; text-decoration: line-through; font-family: 'NotoSansKR'; font-weight: 500; color: #828282;}
.subpage .buy_wrap .expay .total{display: block; text-align: right; padding-top: 3rem; font-size: 2.6rem; font-weight: 500;}
.subpage .buy_wrap .expay .total span{font-size: 4rem; font-weight: 700; color: #E9473F; vertical-align: baseline;}
.subpage .buy_wrap .buybtn{display: block; width: 100%; height: 6.8rem; line-height: 6.8rem; border-radius: 6rem; font-size: 2.4rem; font-weight: 700; color: #fff; text-align: center; background: #E9473F; margin-bottom: 1.6rem;}

.subpage .cont-sp.none_state{text-align: center; padding-bottom: 30rem;}
.subpage .none_state{padding: 20rem 0 65rem; text-align: center;}
.subpage .none_state .state_box{display: inline-block;}
.subpage .none_state .state_box p{font-size: 1.8rem; font-weight: 500; padding-bottom: 4rem;}
.subpage .none_state .state_box .go_main{width: 25.7rem; height: 6.8rem; line-height: 7rem; border-radius: 6rem; background: #141414; font-size: 2.4rem; font-weight: 700; color: #fff;}
/* 장바구니 페이지 : END */


/* 주문결제 페이지 : START */
.subpage .order_wrap{background: #fff; font-family: 'NotoSansKR'; font-weight: 500; border: 0.1rem solid #C8C8C8; border-radius: 1rem; padding: 1rem 3rem; box-sizing: border-box;}
.subpage .order_wrap .list .pdt{display: inline-block; width: 8.2rem; padding: 0 1.5rem 0 0;}
.subpage .order_wrap .list .info{display: inline-block; width: 50rem; word-break: break-all;}
.subpage .order_wrap .period{font-size: 1.5rem;}
.subpage .order_wrap .period em{display: inline-block; padding: 0 0.5rem;}
.subpage .order_wrap .list .extxt{padding: 0 0 1rem;} 
.subpage .order_wrap .price{font-size: 1.5rem; padding-top: 1rem;}
.subpage .order_wrap .price .dc{display: inline-block; color: #828282; text-decoration: line-through; padding-right: 1.5rem;}
.subpage .order_wrap .price .rst span{display: inline-block; padding-right: 0.3rem; font-weight: 700;}
.order_select_box {display: inline-block; position: absolute; right: 30px; top: 27%}
.order_select_box select {width: 80px; font-size: 18px; text-align: center; border-radius: 10px; margin: 0 3px;}
.order_select_box div {font-size: 18px; text-align: center; height: 35px;}
.subpage .pay_info .stitle{padding-top: 3.5rem;}
.subpage .pay_info .tit{float: left; font-size: 1.8rem; font-weight: 500; padding: 0 0 1rem;}
.subpage .pay_info .ot{float: right; font-size: 1.4rem; font-weight: 500;}
.subpage .pay_info .ot em{color: #E9473F;}
.subpage .pay_info .inbox .table{padding: 2rem 2rem 3rem; background: #fff; border-top: 0.1rem solid #141414; font-family: 'NotoSansKR';}
.subpage .pay_info .inbox .table li{position: relative; min-height: 4rem; margin-bottom: 1rem;}
.subpage .pay_info .inbox .table li:last-child{margin-bottom: 0;}
.subpage .pay_info .inbox .table li .mobt{display: inline-block; margin-top: 0.7rem;}
.subpage .pay_info .inbox .table li .essential:after{content: '*'; display: inline-block; color: #E9473F; margin-left: 0.5rem;}
.subpage .pay_info .inbox .table li label{display: inline-block; width: 11.5rem; font-weight: 500;}
.subpage .pay_info .inbox .table li input[type="text"],input[type="tel"],input[type="email"],input[type="number"]{width: 24rem; height: 4rem; border-color: #C8C8C8; margin-right: 1rem;}
.subpage .pay_info .inbox .table li .write{display: inline-block;}
.subpage .pay_info .inbox .table li .write div{margin-bottom: 1rem;}
.subpage .pay_info .inbox .table li .adress input{width: 40rem;}
.subpage .pay_info .inbox .table li .btn_adress{width: 9rem; height: 4rem; line-height: 4rem; background: #FFB423; border-radius: 0.4rem; font-size: 1.5rem; font-weight: 600; color: #fff; font-family: 'NotoSansKR'; vertical-align: middle;}
.subpage .pay_info .inbox .table li .write .not{cursor: not-allowed; background: #f0f0f0;}

.radio-btn {position: relative; font-size: 1.6rem;}
.radio-btn label{position: relative; top:auto; left:0; width:auto; height:auto; overflow:inherit;}
.radio-btn span{display: inline-block; padding-left: 0.5rem;}
.radio-btn input[type="radio"] {position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem; overflow: hidden; clip:rect(0,0,0,0); border: 0;} 
.radio-btn input[type="radio"] + label {display: inline-block; position: relative; padding: 0 5.7rem 0 2.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} 
.radio-btn input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0.8rem; width: 2rem; height: 2rem; text-align: center; background: #fff; border: 0.1rem solid #c5c5c5; border-radius: 100%; transition: all 0.5s; margin-top: -0.5rem;}
.radio-btn input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before{box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.05), inset 0 0.1rem 0.3rem rgba(0,0,0,0.1);} 
.radio-btn input[type="radio"].on:checked + label:before {background: #fff; border-color: #E9463F;} 
.radio-btn input[type="radio"].on:checked + label:after {content: ''; position: absolute; top: 1.3rem; left: 0.5rem; width: 1.2rem; height: 1.2rem; background: #E9463F; border-radius: 100%; margin-top: -0.5rem;}

.subpage input.square[type="checkbox"]{width: 2.2rem; height: 2.2rem; border-radius: 0.3rem; border: 0.1rem solid #141414; appearance: none; cursor: pointer; box-sizing: border-box; margin-top: -0.3rem;}
.subpage input.square[type="checkbox"]:checked{background: #E9473F url(../../images/icon-check.svg) no-repeat 50%; border: 0.1rem solid #E9473F; box-sizing: border-box;}


.subpage .pay_info .inbox .agtit{display: inline-block; font-size: 1.6rem; font-weight: 500; vertical-align: middle;}
.subpage .pay_info .inbox .agtit span{display: inline-block; color: #E9473F; font-weight: 700; padding: 0 0.5rem 0 0.8rem;}
.subpage .pay_info .inbox .viewbtn{float: right; margin-top: 0.5rem;}
.subpage .pay_info .inbox .viewbtn:before{content: '내용보기'; display: inline-block; color: #B4B4B4; vertical-align: middle;}
.subpage .pay_info .inbox .viewbtn:after{content: ''; display: inline-block; background: url(../../images/tab_down_arrow.svg) no-repeat 50%; width: 1.8rem; height: 1rem; width: 3rem; height: 1.5rem; vertical-align: middle;}
.subpage .pay_info .inbox .menu .answer{display: none;}
.subpage .pay_info .inbox .menu.on .answer{display: block;}
.subpage .pay_info .inbox .menu.on .viewbtn:before{content: '내용가리기'; display: inline-block; color: #B4B4B4; vertical-align: middle;}
.subpage .pay_info .inbox .menu.on .viewbtn:after{background: url(../../images/tab_up_arrow.svg) no-repeat 50% 30%; width: 3rem; height: 2rem; vertical-align: middle;}

.subpage .pay_info .inbox.allagree .table{padding: 2rem 2rem 1rem;}
.subpage .pay_info .allagree .stitle input{float: left; margin-right: 1rem}

.subpage .pay_info .inbox .agree-info-txt{margin:1.5rem 0 1rem; font-size:1.4rem; padding:2.5rem; background-color: #f7f7f7;}
.subpage .pay_info .inbox .agree-info-txt ol li{list-style-type:decimal; margin:0 0 2.5rem 1.5rem;}
.subpage .pay_info .inbox .agree-info-txt h4{font-weight:bold; margin:3rem 0 1.5rem;}
.subpage .pay_info .inbox .agree-info-txt h4.mt{margin-top:0;}
.subpage .pay_info .inbox .agree-table{border:solid 0.1rem #ccc; text-align:center; width:100%;}
.subpage .pay_info .inbox .agree-table th{background-color:#efefef;}
.subpage .pay_info .inbox .agree-table th, .subpage .pay_info .inbox .agree-table td{padding:0.5rem;}
.subpage .pay_info .inbox .agree-disc{margin:1.5rem 0 0 0;}
.subpage .pay_info .inbox .agree-disc li{list-style:disc; margin:0 0 0.5rem 1.5rem;}
.subpage .pay_info .inbox .agree-table th,
.subpage .pay_info .inbox .agree-table td{border-right:solid 0.1rem #ccc; border-bottom:solid 0.1rem #ccc;}
.subpage .pay_info .inbox .agree-info-txt h1{text-align: center; margin: 4rem auto; letter-spacing: -0.15rem; font-weight: 600;}
.subpage .pay_info .inbox .agree-info-txt ol > li{margin-bottom: 1rem}

.subpage .pay_info .inbox.nomem .table{line-height: 2.8rem; padding: 3rem;}

.subpage .buy_wrap .bill{font-family: 'NotoSansKR'; font-size: 1.6rem; color: #828282; font-weight: 500; line-height: 3rem; padding-bottom: 1rem;}
.subpage .buy_wrap .bill span{float: right; font-size: 1.5rem; color: #141414;}
.subpage .add_submit_wrap {text-align: center;}
.subpage .add_submit_wrap .add_submit{border: 0.1rem solid #141414; font-weight: 500; width: 100%; height: 6.8rem; border-radius: 7rem; margin-bottom: 2.5rem; font-size: 2rem; text-align: center; cursor: pointer;}
/* 주문결제 페이지 : END */


/* 스터디존 : START */
.subpage.top_sp .sub_top{padding-bottom: 1.6rem;}
.subpage .cont_wrap{font-family: 'NotoSansKR';}
.subpage .info_box{padding: 4.5rem 4rem 4rem; background: #F5F5F5 ; margin: 0 0 4rem;}
.subpage .info_box .name{font-size: 2.6rem; font-weight: 500; font-family: 'GmarketSans'; color: #141414; vertical-align: baseline;}
.subpage .info_box .date{float: right; display: inline-block; padding-left: 1.2rem; font-size: 1.8rem; font-weight: 500; color: #141414; vertical-align: baseline; letter-spacing: -0.08rem;}
.subpage .choice{margin-top: 1rem;}
.subpage .choice select{display: inline-block; width: 49%; height: 6.7rem; padding: 0 2.5rem; box-sizing: border-box; border-radius: 1rem; border-color: #C8C8C8; margin-right: 1.5rem; font-size: 1.6rem; font-weight: 500; background: #fff url(../../images/icon_viewbtn.svg) 95% 50% no-repeat; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.subpage .choice select:focus{outline:none;}
.subpage .choice select:last-child{margin-right: 0;}
.subpage .hdt{position: relative; text-align: center; margin-top: 4rem;}


.subpage .subtit{font-size: 2.6rem; font-weight: 500; padding-bottom: 1rem;; font-family: 'GmarketSans';}
.subpage .subtit.cattit{padding-bottom: 4rem;}
.subpage .subcopy{font-size: 1.8rem; font-weight: 500; padding-bottom: 3rem;}
.subpage .subcopy span{display: block;}

.subpage .table_list{border-top: 0.2rem solid #141414; font-weight: 500; font-size: 1.8rem;}
.subpage .table_list table{width: 100%;}
.subpage .table_list thead th{height: 7rem; vertical-align: middle; text-align: center; font-weight: 500; font-family: 'GmarketSans'; border-bottom: 0.1rem solid #141414;}
.subpage .table_list tbody td{height: 9rem; vertical-align: middle; text-align: center; border-bottom: 0.1rem solid #C8C8C8;}
.subpage .table_list.download .subject{width: 50%; text-align: left; padding: 0 2rem 0 4rem;}
.subpage .table_list.download .course{width: 11%;}
.subpage .table_list.download .down{width: 13%;}
.subpage .table_list.download .down .filedown{border: 0.1rem solid #141414; padding: 1.3rem 2rem; border-radius: 3rem; font-size: 1.5rem; font-weight: 500;}
.subpage .table_list.download .down .filedown:hover{border: 0.1rem solid #141414; background: #141414; color: #fff; transition: 0.2s all;}


.subpage .page_wrap{margin: 5rem 0; font-size: 1.6rem; font-weight: 500; text-align: center;}
.subpage .page_wrap a{display: inline-block; width: 4.4rem; height: 4.4rem; line-height: 4.4rem; border-radius: 100%; color: #818181; text-align: center; vertical-align: middle;}
.subpage .page_wrap a:hover{color: #1d1d1d; background: #fff;}
.subpage .page_wrap .p_btn1{display: inline-block; background: url(../../images/arrow1.svg) no-repeat 50%; width: 4.4rem; height: 4.4rem;}
.subpage .page_wrap .p_btn2{display: inline-block; background: url(../../images/arrow2.svg) no-repeat 50%; width: 4.4rem; height: 4.4rem;}
.subpage .page_wrap .pre{transform: rotate(180deg);}
.subpage .page_wrap .disabled{opacity: 0.2;}
.subpage .page_wrap .paging{display: inline-block; margin: 0 2rem; vertical-align: middle;}
.subpage .page_wrap .paging li{float: left;}
.subpage .page_wrap .paging li + li{margin-left: 0.8rem;}
.subpage .page_wrap .paging li a.on{color: #fff; background: #1d1d1d;}


.subpage .graph_btn{border-top: 0.2rem solid #141414; border-bottom: 0.1rem solid #141414; height: 7rem; line-height: 7rem; text-align: center;}
.subpage .graph_btn button{display: inline-block; font-size: 1.8rem; font-weight: 500; width: 30rem; height: 5rem;}
.subpage .graph_btn button span:after{content: ''; display: inline-block; background: url(../../images/icon_viewbtn_bk.svg) no-repeat 50%; margin-left: 1.5rem; width: 1.8rem; height: 0.9rem; transition: all 0.3s;}
.subpage .graph_ar.on button span:after{content: ''; display: inline-block; background: url(../../images/icon_viewbtn_bk.svg) no-repeat 50%; transform: rotate(180deg); transition: all 0.3s;}
.subpage .graph_ar{margin-bottom: 6rem;}
.subpage .graph{padding: 2rem; min-height: 10rem;}
.subpage .graph_ar .graph{display: none;}
.subpage .graph_ar.on .graph{display: block;}


.subpage .table_list.test .subject{width: 50%;}
.subpage .table_list.test .course{width: 20%;}
.subpage .table_list.test .down{width: 30%;}
.subpage .table_list .down .write{border: 0.1rem solid #141414; padding: 1.3rem 2rem; border-radius: 3rem; font-size: 1.5rem; font-weight: 500; font-family: 'GmarketSans'; line-height: 3.6rem;}
.subpage .table_list .down .write:hover{border: 0.1rem solid #141414; background: #141414; color: #fff; transition: 0.2s all;}

.subpage .table_list .down .view_test{background: #141414; padding: 1.3rem 2rem; border-radius: 3rem; font-size: 1.5rem; font-weight: 500; font-family: 'GmarketSans'; line-height: 3.6rem;color: #fff;}
.subpage .table_list .down .view_test:hover{border: 0.1rem solid #141414; background: #141414; color: #fff; transition: 0.2s all;}
.subpage .table_list .down .keep_test{border: 0.1rem solid #141414; padding: 1.3rem 2rem; border-radius: 3rem; font-size: 1.5rem; font-weight: 500; font-family: 'GmarketSans'; line-height: 3.6rem;}
.subpage .table_list .down .keep_test:hover{border: 0.1rem solid #141414; background: #141414; color: #fff; transition: 0.2s all;}


.onlinetest_pop{text-align: center;}
.onlinetest_pop .tit{display: inline-block; font-size: 2.6rem; font-weight: 700; margin: 7rem 0 4rem;}
.onlinetest_pop .txtbox{display: inline-block; text-align: left; max-width: 62rem; padding: 4rem 5rem; background: #F5F5F5; border-radius: 2rem; font-family: 'NotoSansKR'; font-size: 1.5rem; font-weight: 500;}
.onlinetest_pop .txtbox p:before{content: 'ㆍ'; display: inline-block; margin-right: 0.5rem; font-weight: 700;}
.onlinetest_pop .txtbox p{text-indent: -0.9rem;}

.onlinetest_pop .btn_start{display: block; margin: 0 auto; padding: 2.2rem 5rem; font-size: 2.4rem; font-weight: 700; color: #fff; background: #141414; border-radius: 7rem; margin-top: 3rem;}



.subpage .hdt .toeic_logo{position: absolute; top: 0; right: 0; background: url(../../images/toeic_logo.jpg) no-repeat 50%; width: 13.6rem; height: 3.6rem;}
.subpage .cont_wrap .cont-sp.to_top {padding-bottom: 0rem;}
.subpage .fr_toeic{font-size: 1.8rem; letter-spacing: -0.1rem;}
.subpage .fr_toeic.toeicview{padding-bottom: 8rem;}
.subpage .fr_toeic .top_txt{padding: 1rem 0 2rem;}
.subpage .fr_toeic .top_txt p{font-weight: 400; padding-bottom: 1rem; line-height: 3.2rem;}
.subpage .fr_toeic .top_txt p span{color: #E9463F;}
.subpage .fr_toeic .bktit{line-height: 3.5rem; background: #555555; font-weight: 400; color: #fff; padding: 0.3rem 0 0.5rem 2rem;}
.subpage .fr_toeic .bktit.sp{margin-top: 3rem;}
.subpage .fr_toeic .butit{font-size: 2.6rem; height: 6rem; line-height: 6rem; background: #0B50A2; font-family: 'GmarketSans'; font-weight: 400; color: #fff; padding: 0.3rem 0 0.5rem 2rem; box-sizing: border-box;}
.subpage .fr_toeic .graytbox{background: #fff; font-size: 1.6rem; color: #000; font-weight: 400; padding: 2rem 3rem; line-height: 2.6rem;}
.subpage .fr_toeic .tright{text-align: right; padding: 0.5rem 0 2rem;}
.subpage .fr_toeic .tright span{color: #E9473F; font-weight: 500;}
.subpage .fr_toeic .tright input{margin-left: 1rem;}
.subpage .fr_toeic .info_noti{background: #F2F2F2; font-size: 1.6rem; color: #000; font-weight: 500; padding: 3rem;margin-bottom: 4rem;}
.subpage .fr_toeic .info_noti.info li{line-height: 3.3rem;}
.subpage .fr_toeic .info_noti li{text-indent: -1.5rem; margin-left: 1.5rem; line-height: 3rem; padding-bottom: 0.8rem; word-break: keep-all;}
.subpage .fr_toeic .info_noti li em{display: inline-block; width: 18rem; color: #0B50A2; font-weight: 500;}
.subpage .fr_toeic .info_noti li .bold{font-weight: 600;}
.subpage .fr_toeic .info_noti li .pointc{color: #E9463F;}


.subpage .cont_wrap.receipt{background: #F5F5F5;}
.subpage .fr_toeic .apptit{font-size: 2rem; font-weight: 500; font-family: "GmarketSans"; padding-top: 4rem;}

.subpage .fr_toeic .toeic_form{display: block; width: 100%; margin: 1rem 0 0; background: #fff; padding: 2rem 0;border-top: 0.1rem solid #141414;}
.subpage .fr_toeic .toeic_form tr{line-height: 3.5rem;}
.subpage .fr_toeic .toeic_form th{font-size: 1.6rem; font-weight: 400; text-align: left; color: #141414; padding: 0 2rem; box-sizing: border-box; vertical-align: middle;}
.subpage .fr_toeic .toeic_form .teltit{vertical-align: top; padding-top: 1.2rem;}
.subpage .fr_toeic .toeic_form td{padding: 0 1rem 0.5rem; vertical-align: middle;}
.subpage .fr_toeic .toeic_form.ap_end th{width: 30%;}
.subpage .fr_toeic .toeic_form.ap_end td{width: 70%;}
.subpage .fr_toeic .toeic_form .inning{padding-top: 0.5rem;}
.subpage .fr_toeic .toeic_form select{width: 30rem; height: 4.2rem; background: url(../img/new20/select_icon.svg) no-repeat 95% 50%; font-size: 1.6rem;}
.subpage .fr_toeic .toeic_form td{height: 4.2rem;    font-size: 1.6rem;}
.subpage .fr_toeic .toeic_form .telnum{padding-top: 1rem;}
.subpage .fr_toeic .toeic_form .telnum .tel{font-size: 1.6rem; min-width: 25rem; height: 4.2rem; padding: 0 2%; margin-right: 2rem; box-sizing: border-box;}
.subpage .fr_toeic .toeic_form .telnum .sms{width: 2rem; height: 2rem; vertical-align: sub;}
.subpage .fr_toeic .toeic_form.ap_in{font-size: 1.6rem; padding: 2rem; box-sizing: border-box;}
.subpage .fr_toeic .toeic_form.ap_in ol{line-height: 3rem;}
.subpage .fr_toeic .toeic_form.ap_in .red{color: #E9473F;}
.subpage .fr_toeic .toeic_form.ap_in .btn_go{display: inline-block; padding: 1.2rem 3rem 1rem; font-size: 1.5rem; font-weight: 500; border-radius: 4.4rem; border: 0.1rem solid #141414; margin: 2rem 0; font-family: "GmarketSans";}
.subpage .fr_toeic .exam_guide{font-size: 1.6rem; padding: 2rem; box-sizing: border-box;}
.subpage .fr_toeic .exam_guide a{display: inline-block; padding: 1.2rem 3rem 1rem; font-size: 1.5rem; font-weight: 500; border-radius: 4.4rem; border: 0.1rem solid #141414; margin: 2rem 0; font-family: "GmarketSans"; box-sizing: border-box;}
.subpage .fr_toeic .exam_guide a + a{margin-left: 1rem;}

.subpage .tbtn_ar{text-align: center;}
.subpage .tbtn_ar button{display: inline-block; padding: 2.2rem 5rem; font-size: 2.4rem; font-weight: 700; color: #fff; text-align: center; background: #141414; border-radius: 7rem; margin: 6rem 0;}
.subpage .fr_toeic .info_noti .btcp{padding-bottom: 1rem;}


.subpage .hdt .exebtn{padding-bottom: 4rem;
}
.subpage .hdt .exebtn a, .subpage .hdt .exebtn button{display: inline-block; font-size: 1.8rem; font-weight: 700; text-align: center; width: 20rem; height: 5.6rem; line-height: 5.4rem; border-radius: 0.4rem; box-sizing: border-box;}
.subpage .hdt .exebtn .qa01{border: 0.1rem solid #141414; background: #fff; vertical-align: middle;}
.subpage .hdt .exebtn .qa02{border: 0.1rem solid #E9473F; background: #E9473F; color: #fff; vertical-align: middle; margin-left: 1.2rem;}


/* 학습 안되시나요 모달 팝업 : START */
.trigger{display: inline-block; text-align: center; border: 0.1rem solid #ddd; border-radius: 5rem;}
.trigger button{padding: 0.8rem 2rem; font-size: 1.6rem;}
.modal-pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 2;}
.modal-pop .cont-area{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal-pop .btn-close{position: absolute; top: 2rem; right: -7rem;  transform: translate(-50%, -50%); background: url(../../images/icon_popclose.svg) no-repeat 50%; width: 3.6rem; height: 3.6rem;}
.modal-pop .popup{color: #fff; overflow-y: scroll; background: #3D80CC;}
.modal-pop .layer .h-space{display: inline-block; font-size: 0; height: 2rem;}
.modal-pop .layer{width: 76.8rem; height: 60rem; margin: 0 auto; padding: 0 2rem 2rem; text-align: center; box-sizing: border-box;}
.modal-pop .layer .toptxt{text-align: left; color: #fff; font-size: 2rem; padding: 3.5rem 0 2rem 2rem;}
.modal-pop .inner{width: 72.8rem; text-align: left; font-size: 1.6rem; background: #fff; color: #333333; border-radius: 2rem; padding: 4.3rem 4rem;  box-sizing: border-box;}
.modal-pop .inner .tit{color: #0B50A2; font-size: 2.4rem; font-weight: 700;}
.modal-pop .inner .tit:before{content: ''; display: inline-block; background: url(../../images/check_square.svg) no-repeat 50%; width: 3.1rem; height: 3.1rem; margin: 0 1rem -0.6rem 0;}
.modal-pop .inner .sect{display: inline-block; margin-top: 3.5rem; font-size: 1.8rem; font-weight: 600; padding-bottom: 1.5rem;}
.modal-pop .inner .stit{padding-bottom: 1rem; font-weight: 400;}
.modal-pop .inner .imgar{padding-bottom: 2.5rem;}

.modal-pop .inner .subspace{padding-top: 3rem;}

.modal-pop .inner .new_btn{display: inline-block; font-size: 1.6rem; padding: 1.1rem 2.5rem; border-radius: 0.5rem; color: #fff; margin-bottom:
2.5rem;}
.modal-pop .inner .new_btn + .new_btn{margin-left: 1.5rem;}
.modal-pop .inner .new_btn.blue{background: #5590D4;}
.modal-pop .inner .new_btn.gray{background: #999999;}
.modal-pop .inner .new_btn:after{content: ''; display: inline-block; background: url(../img/07_studyroom/w_arrow_right.svg) no-repeat 50%; width: 0.8rem; height: 1.4rem; margin: 0 0 -0.2rem 1rem;}

.modal-pop .inner .textbox{padding: 2rem; background: #FAFAFA;}
.modal-pop .inner .textbox .imp{font-weight: 600; padding-bottom: 2rem;}
.modal-pop .inner .textbox .stx{padding-bottom: 1rem;}
/* 학습 안되시나요 모달 팝업 : END */


.subpage .table_list.cat col{width: 16.5%;}

.subpage .table_list.cat_add col:nth-child(1n){width: 10%;}
.subpage .table_list.cat_add col:nth-child(2n){width: 65%;}
.subpage .table_list.cat_add col:nth-child(3n){width: 25%;}

.subpage .table_list.cat_rw col:nth-child(1n){width: 63%;}
.subpage .table_list.cat_rw col:nth-child(2n){width: 19%;}
.subpage .table_list.cat_rw col:nth-child(3n){width: 18%;}

.subpage .table_list.cat_ex col{width: 20%;}

.subpage .table_list.cat_rw .tt.left:after{content: ''; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); background: url(../../images/icon_viewbtn_bk.svg) no-repeat 50%; width: 3rem; height: 3rem; margin-left: 1rem; transition: all 0.2s;}
.subpage .table_list.cat_rw .tt.left.on:after{transform: rotate(180deg)translateY(50%); transition: all 0.2s;}

.subpage .table_list.cat_rw tbody .bg_gray td{background: #F5F5F5;}
.subpage .table_list.cat_ex tbody .bg_gray td{background: #F5F5F5;}
.subpage .table_list.cat_rw tbody .left{position: relative; padding: 1rem 5rem 1rem 3rem; text-align: left; box-sizing: border-box; vertical-align: middle;}
.subpage .table_list.cat_rw .tt a{display: inline-block; font-size: 1.8rem;}
.subpage .table_list.cat_ex .tt.cnt{padding: 0.6rem 4rem; box-sizing: border-box;}
.subpage .table_list.cat_ex .tt.cnt a{position: relative; display: inline-block; font-family: "GmarketSans"; vertical-align: middle; padding: 0 4rem 0 3rem; word-break: break-all; text-align: left;}
.subpage .table_list.cat_ex .tt.cnt a:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../../images/icon_viewbtn_bk.svg) no-repeat 50%; width: 3rem; height: 3rem; vertical-align: middle; transition: all 0.2s;}
.subpage .table_list.cat_ex .tt.cnt.on a:after{transform: rotate(180deg)translateY(50%); transition: all 0.2s;}
.subpage .table_list.cat_rw .tt.left button{position: relative; text-align: left;}



.subpage .table_list button{font-size: 1.5rem; font-weight: 500;}
.subpage .table_list .btn{display: inline-block; border: 0.1rem solid #141414; width: 11.3rem; height: 4.4rem; line-height: 4.4rem; border-radius: 4rem; background: #fff;}
.subpage .table_list .btn:hover{background: #141414; color: #fff; transition: 0.2s all;}
.subpage .table_list .b_btn{color: #fff; background: #141414;}
.subpage .table_list.cat_add .lec_title{text-align: left; padding: 0 2rem;}
.subpage .table_list.cat_rw .subject{text-align: left; padding: 0 0 0 4rem;}


.subpage .hdt .lang_tab{padding: 1rem 0 2rem; font-family: "GmarketSans"; font-weight: 500; font-size: 1.8rem; color: #aaa;}
.subpage .hdt .lang_tab a{display: inline-block; padding: 2rem 0;}
.subpage .hdt .lang_tab a:hover{color: #141414;}
.subpage .hdt .lang_tab a + a{margin-left: 4rem;}
.subpage .hdt .lang_tab a.on{color: #141414;}

.subpage.freezone .table_list thead th{font-family: 'NotoSansKR';}
.subpage.freezone .table_list .subject{text-align: left; padding-left: 4rem;}
.subpage.freezone .table_list .zone_view{width: 100%; line-height:3.2rem;}
.subpage.freezone .table_list .zone_view .viewbtn{text-align: right;}
.subpage.freezone .table_list .zone_view .viewbtn a{display: inline-block; padding: 1rem 4rem; border: 0.1rem solid #141414; border-radius: 4rem; margin: 2rem 4rem 0 0;}
.subpage.freezone .table_list.view tbody td{border-bottom: 0.2rem solid #141414;}
.subpage.freezone .table_list .zone_view .min_sp{padding: 4rem; max-width: 108rem; min-height: 40rem; text-align: left; font-weight: 300;}
.subpage.freezone .table_list .zone_view .min_sp img{display: block; max-width: 100%;}
.subpage.freezone .table_list .btn_ar{padding-top: 2rem;}
.subpage.freezone .table_list .btn_way{display: inline-block; position:absolute; left:0;}
.subpage.freezone .table_list .btn_ar .btn{display: inline-block; width: 14rem; height: 6rem; line-height: 6rem; text-align: center; border-radius: 6rem; border: 0.1rem solid #141414; font-size: 1.8rem;}
.subpage.freezone .table_list .btn_ar .btn + .btn{margin-left: 1.5rem;}
.subpage.freezone .table_list .btn_ar .end{color: #C8C8C8; border-color: #C8C8C8;}
.subpage.freezone .table_list .btn_ar .list{float: right; background: #141414; color: #fff;}


.subpage .sub_visual.aiv{background: #141414 url(../../images/visual_ai.jpg) no-repeat 50%; height: 42rem; text-align: center; font-family: "GmarketSans"; color: #fff; font-weight: 500;}
.subpage .ai_wrap{font-family: "GmarketSans";}
.subpage.other .system .title{padding-top: 8rem;}
.subpage .ai_wrap .title{font-family: "GmarketSans"; font-size: 4rem; font-weight: 500; text-align: center; padding: 8rem 0 6rem;}
.subpage .ai_wrap .system .title{padding-top: 4rem;}
.subpage .ai_wrap .system.onad .title{padding-top: 8rem;}
.subpage .ai_wrap .exp{font-size: 0;}
.subpage .ai_wrap .exp div{display: inline-block; width: 32.8rem; min-height: 35.8rem; font-size: 1.8rem; text-align: center; border-radius: 1rem; border: 0.1rem solid #c8c8c8; padding: 4rem 2.5rem; box-sizing: border-box;}
.subpage .ai_wrap .exp div + div{margin-left: 4.8rem;}
.subpage .ai_wrap .exp div em{display: block; font-size: 2.6rem; padding-bottom: 1rem; font-weight: 500;}
.subpage .ai_wrap .exp div p{line-height: 3.2rem;}
.subpage.other .cont_wrap .aitop{padding-bottom: 0;}
.subpage .ai_wrap .exp .ex1{background: url(../../images/exp01.svg) no-repeat 50% 85%;}
.subpage .ai_wrap .exp .ex2{background: url(../../images/exp02.svg) no-repeat 50% 85%;}
.subpage .ai_wrap .exp .ex3{background: url(../../images/exp03.svg) no-repeat 50% 85%;}

.ai_wrap .step{background: #141414; padding: 12rem 0 8rem; text-align: center;}
.ai_wrap .step .inner{display: inline-block; width: 68rem; color: #fff;}
.ai_wrap .step .inner .tit{display: block; font-size: 4rem; font-weight: 500; padding-bottom: 2rem;}
.ai_wrap .step .inner .copy{font-size: 1.6rem; padding-bottom: 6rem;}

.ai_wrap .step .swiper-container .swiper-wrapper .box{color: #141414;}
.ai_wrap .step .swiper-container .swiper-wrapper .box em{display: inline-block; font-size: 2.6rem; font-weight: 500; padding: 6rem 0 2.5rem;}
.ai_wrap .step .swiper-container .swiper-wrapper .box em span{display: block; font-size: 1.6rem; padding-bottom: 1rem;}
.ai_wrap .step .swiper-container .swiper-wrapper .box p{font-size: 1.8rem;}



.subpage .ai_wrap .analysis{text-align: center;}
.subpage .ai_wrap .analysis .image{display: inline-block; width: 25.5rem;}
.subpage .ai_wrap .analysis .image + .image{margin-left: 1.5rem;}
.subpage .ai_wrap .analysis .image img{width: 100%;}

.subpage .ai_wrap .guide{background: #F0F0F0; padding: 6rem 0 10rem;}
.subpage .ai_wrap .guide .inner{width: 108rem; margin: 0 auto;}
.subpage .ai_wrap .guide .tit{display: block; font-size: 1.8rem; font-weight: 500; padding-bottom: 2rem;}
.subpage .ai_wrap .guide .txt{font-size: 1.6rem; line-height: 3.2rem; font-family: 'NotoSansKR';}

.subpage .ai_wrap .btnwrap{text-align: center; padding: 8rem 0 20rem;}
.subpage .ai_wrap .lvtest_btn{display: inline-block; padding: 2.2rem 5rem 2rem; text-align: center; border-radius: 6rem; border: 0.1rem solid #141414; font-size: 2.4rem; font-weight: 700; background: #141414; color: #fff;}
/* 스터디존 : END */


/* FAQ : START */
.subpage .subm_wrap{text-align: center; font-size: 1.8rem; font-weight: 500;}
.subpage .subm_wrap .tab{display: inline-block; margin-bottom: 3rem;}
.subpage .subm_wrap .tab li{float: left;}
.subpage .subm_wrap .tab li a{display: inline-block; font-size: 1.8rem; font-weight: 500; color: #AAAAAA; font-family: "GmarketSans"; padding: 1rem 2rem;}
.subpage .subm_wrap .tab li.on a{color: #141414; border-bottom:2px solid #141414;}
.subpage .faq_view{border-top: 0.1rem solid #141414;}
.subpage .faq_view .questions{min-height: 8rem; border-bottom: 0.1rem solid #141414; font-family: "GmarketSans"; display: flex; align-items: center; padding: 1rem 4rem; box-sizing: border-box; cursor: pointer;}
.subpage .faq_view .article.show .questions{background: url(../../images/icon_viewbtn_up_bk.svg) no-repeat 97%; border-top: 0.1rem solid #141414;}
.subpage .faq_view .article.hide .questions{background: url(../../images/icon_viewbtn_bk.svg) no-repeat 97%;}
.subpage .faq_view .answer{padding: 4rem; line-height: 3rem; background: #f6f6f6; border-bottom: 0.2rem solid #141414; text-align: left; font-size: 1.7rem; font-weight: 300;}
.subpage .faq_view .hide .answer{display:none;}
/* FAQ : END */

/* 제휴문의 : START */
.subpage .partner_wrap{padding-top: 6rem;}
.subpage .partner{padding: 2rem 5rem; background: #fff; border-top: 0.1rem solid #141414; box-sizing: border-box;}

.subpage .partner th{width: 18rem;}
.subpage .partner tr{display: block; margin-bottom: 1rem;}
.subpage .partner td{width: 80rem;}
.subpage .partner select{width: 28rem; height: 4rem; border-color: #C8C8C8; margin-right: 1rem; font-size: 1.6rem; background: url(../../images/icon_viewbtn.svg) no-repeat 95%;}
.subpage input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="file"]{width: 28rem; height: 4rem; border-color: #C8C8C8; margin-right: 1rem; padding: 0 1rem; font-size: 1.6rem;}
.subpage .partner input[type="file"]::file-selector-button {display: none;}
.subpage .partner .title input{width: 100%;}
.subpage .partner th{font-weight: 500;}
.subpage .partner th span:after{content: '*'; display: inline-block; color: #E9473F; margin-left: 0.5rem;}
.subpage .partner textarea{width: 100%; height: 26rem; padding: 2rem; font-size: 1.6rem;}

.file_input_textbox {float:left; height:29px;}
.file_input_div {position:relative; display: inline-block; width: 9rem; height: 4rem; overflow:hidden;}
.file_input_img_btn {display: inline-block; color: #fff; font-weight: 500; padding: 0.8rem 1.6rem; border-radius: 0.4rem; background: #FFB423; vertical-align: middle; box-sizing: border-box;}
.file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
.subpage .partner .stext{display: inline-block; vertical-align: middle; margin-top: 1rem;}
.subpage .partner .agreement{padding: 3rem; background: #F5F5F5; line-height: 2.6rem; margin-top: 1rem;}
.subpage .partner .agreement .tit{font-family: "GmarketSans"; font-size: 1.5rem; font-weight: 500; padding-bottom: 0.5rem;}
.subpage .partner .chk_agree{margin: 1.4rem 0 1rem; font-weight: 500;}
.subpage .partner .chk_agree span{display: inline-block; color: #E9473F; margin: 0 0.5rem 0 1rem;}
.subpage .partner_wrap .send{text-align: center;}
.subpage .partner_wrap .send button{display: inline-block; padding: 2.1rem 5rem 2rem; border-radius: 6rem; background: #141414; color: #fff; font-size: 2.4rem; font-weight: 700; margin: 6rem 0 8rem;}
/* 제휴문의 : END */


/* 마이페이지 : START */
.subpage .mylist{font-family: "NotoSansKR"; font-weight: 500;}
.subpage .mylist .tab_subtit{text-align: center; font-size: 1.8rem; padding: 0 0 4rem;}
.subpage .mylist .purchase li{float: left; width: 53rem; border-top: 0.1rem solid #141414; padding: 3rem; box-sizing: border-box;}
.subpage .mylist .purchase li:nth-of-type(odd){margin-right: 2rem;}
.subpage .mylist .purchase .image{display: inline-block; width: 12rem;}
.subpage .mylist .purchase .image img{width: 100%;}
.subpage .mylist .purchase .info{display: inline-block; padding: 1rem 3rem; text-align: left;}
.subpage .mylist .purchase .info em{display: block; font-size: 1.8rem;}
.subpage .mylist .purchase .info p{font-size: 1.3rem; color: #828282; padding-top: 1.5rem;}
.subpage .mylist .purchase .info button{display: inline-block; background: #E6E6E6; color: #828282; width: 9.9rem; height: 3.2rem; line-height: 3.2rem; text-align: center; margin-top: 2rem; font-family:inherit;}

.subpage .mylist .certify{width: 72rem; margin: 0 auto;}
.subpage .mylist .certify .table{width: 72rem; border-top: 0.1rem solid #141414; background: #F5F5F5; padding: 4rem 6rem; box-sizing: border-box; margin-bottom: 8rem; text-align: left;}
.subpage .mylist .certify .stt{display: block; text-align: left; padding-bottom: 1rem; font-family: "GmarketSans";}
.subpage .mylist .certify .table .inbox{display: inline-block; vertical-align: middle; margin-right: 1rem;}
.subpage .mylist .certify .inbox label{display: inline-block; width: 10rem; font-size: 1.6rem;}
.subpage .mylist .certify .inbox p + p{margin-top: 1rem;}
.subpage .mylist .certify .cerf_btn{width: 18rem; height: 6.8rem; line-height: 6.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 1.8rem; border-radius: 6.8rem; background: #141414;}
.subpage .mylist .certify .table .tline{line-height: 3rem; font-size: 1.6rem; font-weight: 300;}

.subpage .leveltest{position: relative; text-align: center; margin-top: 4rem;}
.subpage .leveltest .levbtn{padding-bottom: 4rem;}
.subpage .leveltest .levbtn a, .subpage .levbtn button{display: inline-block; font-size: 1.8rem; font-weight: 700; text-align: center; width: 20rem; height: 5.6rem; line-height: 5.4rem; border-radius: 0.4rem; box-sizing: border-box;}
.subpage .leveltest .levbtn .gotest{border: 0.1rem solid #E9473F; background: #E9473F; color: #fff; vertical-align: middle; margin-left: 1.2rem;}

.subpage .table_list.table_lete col:nth-child(1n){width: 20%;}
.subpage .table_list.table_lete col:nth-child(2n){width: 15%;}
.subpage .table_list.table_lete col:nth-child(3n){width: 50%;}
.subpage .table_list.table_lete col:nth-child(4n){width: 15%;}

/* NG Member 인증 : START */
.subpage .mylist .card-ar{text-align: center; margin: 0 0 40px;}
.subpage .mylist .card-ar .card{display: inline-block; width: 44rem; height: 27rem; border: 3rem solid #FFD700; padding: 3.5rem 5rem; box-sizing: border-box;}
.subpage .mylist .card-ar .card .image{display: inline-block; width: 28rem;}
.subpage .mylist .card-ar .card .image img{width: 100%;}
.subpage .mylist .card .mem-info{font-size: 0; padding-top: 3rem;}
.subpage .mylist .card .mem-info .name{display: inline-block; width: 15%; font-size: 1.6rem; color: #666666; padding-right: 1rem; box-sizing: border-box; vertical-align: middle;} 
.subpage .mylist .card .mem-info .write{display: inline-block; width: 85%; font-size: 1.8rem; font-weight: 500; letter-spacing: 1rem; border-bottom: 1px solid #000; text-align: left; padding: 0 1rem; box-sizing: border-box; vertical-align: middle;}
.subpage .mylist .card .mem-info .date{text-align: right; font-size: 1.2rem; padding-top: 5px;}
.subpage .mylist .cutline{position: relative; width: 84rem; margin: 0 auto 2rem; line-height: 25px;  background: url(../../images/dot_bg.svg) repeat-x 50%; text-align: center;}
.subpage .mylist .cutline span{display: inline-block; background: #fff; font-size: 1.6rem; padding: 0 20px;}

/*.print-ar{width: 29.7cm; height: 21cm;}*/
.cerf-ar .ccate{position: relative;}
.cerf-ar .ccate img{width: 850px;}
.cerf-ar .c-name{position: absolute; top: 175px; right: 35.5rem; font-size: 2.5rem; font-weight: 500; letter-spacing: 4px;}
.cerf-ar .c-date{position: absolute; top: 325px; right: 35.5rem; font-size: 2rem; font-weight: 500;}
.cerf-ar .btn{width: 18rem; height: 6.8rem; line-height: 6.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 2.4rem; border-radius: 6.8rem; background: #141414; margin-top: 2rem;}

.subpage .mylist .letter{width: 78rem; margin: 9rem auto 0; box-sizing: border-box;}
.subpage .mylist .letter .tt{font-size: 2.6rem; padding-bottom: 20px; font-weight: 400; font-family: "GmarketSans";}
.subpage .mylist .letter .txt{font-size: 1.8rem; line-height: 4.0rem; color: #333333; padding-bottom: 30px; letter-spacing: -0.15rem;}
.subpage .mylist .letter .ybmlogo{padding: 2rem 0 4rem;}
.subpage .mylist .letter .ceo{font-size: 1.8rem; font-weight: 500; font-family: "GmarketSans";}
.subpage .mylist .letter .ceo span{display: inline-block; font-size: 2rem; padding-left: 1rem; vertical-align: baseline;}
/* NG Member 인증 : END */
/* 마이페이지 : END */


/* 사어버강의 : START */
.subpage .sub_visual.lecv{background: #141414 url(../../images/visual_cyber.jpg) no-repeat 50%; height: 42rem; text-align: center; font-family: "GmarketSans"; color: #fff; font-weight: 500;}
.sub_visual .sub_tit{display: inline-block; padding-top: 13rem; font-size: 4rem;}
.sub_visual .sub_copy{width: 80rem; margin: 0 auto; line-height: 2.4rem; padding-top: 4rem; font-family: 'NotoSansKR'; font-size: 1.6rem; font-weight: 300;}
.sub_visual .sub_copy span{display: block;
}
.subpage .cyber_wrap{font-weight: 500;}
.cyber_wrap .leclist{margin-top: 5rem;}
.cyber_wrap .leclist li{float: left; width: 32.8rem; border-radius: 1rem; margin-right: 4.5rem; margin-bottom: 5rem;}
.cyber_wrap .leclist li:nth-of-type(3n){margin-right: 0;}
.cyber_wrap .leclist .lecture{display: inline-block; border: 0.1rem solid #C8C8C8; border-radius: 1rem; overflow: hidden;}

.cyber_wrap .leclist .photo{width: 32.8rem;}
.cyber_wrap .leclist .photo img{display: block; width: 100%;}
.cyber_wrap .leclist .infom{width: 32.8rem; padding: 1.4rem 2rem; min-height: 14rem; box-sizing: border-box;}
.cyber_wrap .leclist .infom .cbox{display: inline-block; width: 5.2rem; height: 2.8rem; text-align: center; color: #fff; line-height: 2.8rem; font-size: 1.6rem; }
.cyber_wrap .leclist .infom .toeic{background: #189CFB;}
.cyber_wrap .leclist .infom .cvs{background: #00A700;}
.cyber_wrap .leclist .infom .mobile{display: inline-block; width: 8.6rem; height: 2.8rem; line-height: 2.8rem; border: 0.1rem solid #AAAAAA; font-size: 1.2rem; color: #141414; box-sizing: border-box;}
.cyber_wrap .leclist .infom .mobile span:before{content: ''; display: inline-block; background: url(../../images/icon_mobile.svg) no-repeat 50%; width: 1.2rem; height: 1.6rem; vertical-align: middle; margin: 0 0.6rem;}
.cyber_wrap .leclist .infom .title{padding: 1rem 0 0; word-break: keep-all;}

.cyber_wrap .lec_view{padding: 4rem; background: #F5F5F5;}
.cyber_wrap .lec_view .imgar{display: inline-block; width: 28.8rem; margin-right: 4rem;}
.cyber_wrap .lec_view .imgar img{width: 100%;}
.cyber_wrap .lec_view .info{display: inline-block; font-family: "GmarketSans";}
.cyber_wrap .lec_view .info em{display: block; font-size: 2.6rem; font-weight: 500; padding: 0.8rem 0 2rem;}
.cyber_wrap .lec_view .info p{font-size: 1.8rem; font-weight: 300; padding-bottom: 7rem;}
.cyber_wrap .lec_view .info .viewbtn{display: inline-block; width: 16rem; height: 5.6rem; line-height: 5.6rem; text-align: center; border: 0.1rem solid #141414; border-radius: 0.4rem; background: #fff; font-size: 1.8rem; font-weight: 700;}

.cyber_view_wrap{margin-top: 1rem;}
.cyber_view_wrap .inwrap {padding-top: 7rem;}
.cyber_view_wrap .tab{position: relative; display: block;}
.cyber_view_wrap .tab li {float: left; padding:0.7rem 3.9rem; font-size:1.8rem; display:inline-block; border-top:0.1rem solid #c5c5c5; border-left:0.1rem solid #c5c5c5; border-right:0.1rem solid #c5c5c5; border-bottom:0.1rem solid #c5c5c5; background-color:#f7f7f7;}
.cyber_view_wrap .tab .on {color:#0b50a2; border-bottom:0; background-color:#fff; border-bottom: 0.1rem solid #fff;}
.cyber_view_wrap .tab .line{position: absolute; left: 0; bottom: 0; width: 100%; height: 0.1rem; background: #c5c5c5; z-index: -1;}
.cyber_view_wrap .tab .step2,
.cyber_view_wrap .tab .step3 {margin-left:-0.1rem;}

.cyber_view_wrap .cyber_view_con1 .txt,
.cyber_view_wrap .cyber_view_con2 .txt,
.cyber_view_wrap .cyber_view_con3 .txt {margin-top:5rem; line-height:3rem; color:#333; font-size: 1.6rem;}

.cyber_view_wrap .txt .stt{font-size: 2rem; color: #005baa; font-weight: 500;}

.cyber_view_wrap .tab li:hover {text-decoration:underline;}

.cyber_view_wrap .cyber_view_con2 .con2 li {list-style:decimal; color:#333; line-height:3rem; margin:3rem 0 0 1.7rem; font-size: 1.6rem; font-weight: 300;}
.cyber_view_wrap .cyber_view_con2 .con2 li .font500{font-weight: 500;}
.cyber_view_wrap .cyber_view_con3 .con3 li {list-style:disc; color:#333; display:inline-block;}
.cyber_view_wrap .cyber_view_con2 .ftxt{display: block; margin-top: 50px; line-height: 30px; color: #333; font-size: 1.6rem; font-weight: 300;}

.cyber_view_wrap .cyber_view_con3 .book {display: inline-block; width:27rem; margin-top:6rem; border:0.1rem solid #c5c5c5;}
.cyber_view_wrap .cyber_view_con3 .bookinfo {display: inline-block; width: 80rem; padding:6rem 0 0 7rem; vertical-align:top; box-sizing: border-box;}
.cyber_view_wrap .cyber_view_con3 .bookinfo .empty{padding-bottom: 7rem;}
.cyber_view_wrap .cyber_view_con3 .name{display: inline-block; font-size: 3rem; font-weight: 700;  font-family: "GmarketSans"; padding-bottom: 2rem;}
.cyber_view_wrap .cyber_view_con3 .writer li {float: left; margin-right:5rem; font-size:1.8rem;}
.cyber_view_wrap .cyber_view_con3 .con3 .desc{padding-top: 2rem;}
.cyber_view_wrap .cyber_view_con3 .con3 .desc li {margin-left:2rem; list-style:disc; display:list-item; font-size:1.6rem; padding-bottom: 1rem;}
/* 사어버강의 : END */


/* CAT TOEIC : START */
.subpage .catv .sub_visual{background: #141414 url(../../images/visual_cat.jpg) no-repeat 50%; height: 42rem; text-align: center; font-family: "GmarketSans"; color: #fff; font-weight: 500;}
.subpage .catv{font-family: "GmarketSans";}
.subpage .catv .title{font-size: 4rem; font-weight: 500; text-align: center; padding: 8rem 0 6rem;}
.subpage .catv .cat_way .title{font-size: 4rem; font-weight: 500; text-align: center; padding: 12rem 0 6rem;}
.subpage .catv .cat_way .way{font-size: 0; padding-bottom: 8rem;}
.subpage .catv .cat_way .box{display: inline-block; width: 52rem; height: 21rem; border: 0.1rem solid #C8C8C8; border-radius: 1rem; font-size: 1.8rem; padding: 4.8rem 8rem 4rem 14rem; box-sizing: border-box; margin-bottom: 4rem;}
.subpage .catv .cat_way .box:nth-of-type(even){margin-left: 4rem;}
.subpage .catv .cat_way .box em{display: block; font-size: 2.6rem; font-weight: 500; padding-bottom: 1.5rem;}
.subpage .catv .cat_way .box p{line-height: 3.2rem;}
.subpage .catv .cat_way .box.way1{background: url(../../images/cat_way1.svg) no-repeat 8% 50%;}
.subpage .catv .cat_way .box.way2{background: url(../../images/cat_way2.svg) no-repeat 8% 50%;}
.subpage .catv .cat_way .box.way3{background: url(../../images/cat_way3.svg) no-repeat 8% 50%;}
.subpage .catv .cat_way .box.way4{background: url(../../images/cat_way4.svg) no-repeat 8% 50%;}
.subpage .catv .cat_way .box.way5{background: url(../../images/cat_way5.svg) no-repeat 8% 50%;}
.subpage .catv .cat_way .box.way6{background: url(../../images/cat_way6.svg) no-repeat 8% 50%;}

.subpage .catv .cat_way .appbox{background: url(../../images/app_bg.png) no-repeat 50%; height: 62.6rem; text-align: center; color: #fff; font-size: 1.6rem; font-family: 'NotoSansKR';}
.subpage .catv .cat_way .appbox .intit{padding: 13rem 0 4rem; font-size: 4rem; font-weight: 500; font-family: "GmarketSans";}
.subpage .catv .cat_way .appbox .copy{width: 64rem; line-height: 2.4rem; margin: 0 auto; padding-bottom: 4rem;}
.subpage .catv .cat_way .appbox .copy span{display: block;}
.subpage .catv .cat_way .appbox .qr{display: inline-block;}
.subpage .catv .cat_way .appbox .qr + .qr{margin-left: 4rem;}
.subpage .catv .cat_way .appbox .qr em{display: block; padding-bottom: 0.8rem;}
.subpage .catv .cat_way .appbox .qr .code.and{display: inline-block; background: #fff url(../../images/qr_android.png) no-repeat 50%; width: 16rem; height: 16rem; border-radius: 1rem;}
.subpage .catv .cat_way .appbox .qr .code.ios{display: inline-block; background: #fff url(../../images/qr_ios.png) no-repeat 50%; width: 16rem; height: 16rem; border-radius: 1rem;}

.subpage .how_wrap .exp{font-size: 0;}
.subpage .how_wrap .exp div{display: inline-block; width: 32.8rem; min-height: 35.8rem; font-size: 1.8rem; text-align: center; border-radius: 1rem; border: 0.1rem solid #c8c8c8; padding: 4rem 2.5rem; box-sizing: border-box;}
.subpage .how_wrap .exp div + div{margin-left: 4.8rem;}
.subpage .how_wrap .exp div em{display: block; font-size: 2.6rem; padding-bottom: 1rem; font-weight: 500;}
.subpage .how_wrap .exp div p{line-height: 3.2rem;}
.subpage .how_wrap .exp .ex1{background: url(../../images/exp01.svg) no-repeat 50% 85%;}
.subpage .how_wrap .exp .ex2{background: url(../../images/how02.svg) no-repeat 50% 85%;}
.subpage .how_wrap .exp .ex3{background: url(../../images/how03.svg) no-repeat 50% 85%;}

.subpage .cat_way .side_title{position: absolute; top: 0; left: 0; width: 20rem; margin-right: 2rem; font-size: 1.8rem; font-weight: 700; line-height: 3rem; padding: 0.5rem 0 1.8rem; border-bottom: 0.2rem solid #141414;}
.subpage .cat_way .side_title span{display: block;}
.subpage .cat_way .inner_wrap{position: relative; margin-left: 22rem;}
/* CAT TOEIC : END */


/* AI 레벨테스트 페이지 추가 : START 230726 */
.subpage .cont_wrap{font-family: 'GmarketSans'; position: relative; width: 108rem; margin: 0 auto;}
.subpage .aitest{text-align: center;}
.subpage .aitest .top_visual{background: #000 url(../../images/aitest_bg.jpg) no-repeat 50%; color: #fff; font-weight: 500; padding: 7rem 0; box-sizing: border-box;} 
.aitest .top_visual .cont_wrap{position: relative; height: 122rem;}
.aitest .top_visual .toptxt{font-size: 2.6rem; font-weight: 300;}
.aitest .top_visual .toptxt em{display: block; font-size: 4rem; font-weight: 700; padding-top: 1rem;}
.aitest .top_visual .centertxt{padding: 26rem 0 15rem; font-size: 22rem; font-weight: 700; line-height: 14rem;}
.aitest .top_visual .centertxt em{display: block; font-size: 5.4rem;}
.aitest .top_visual .bdtxt{font-size: 3.2rem; font-weight: 700; background: linear-gradient(to right, #10B7DB, #BFFFBF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .top_visual .cardwrap{margin-top: 4rem;}
.aitest .top_visual .cardwrap li{display: inline-block; width: 26.4rem; height: 30rem; border-radius: 0.8rem; padding: 4.5rem 2rem; box-sizing: border-box; font-size: 2.2rem; color: #000;}
.aitest .top_visual .cardwrap li + li{margin-left: 0.4rem;}
.aitest .top_visual .cardwrap li em{display: block; font-size: 2.6rem; font-weight: 700; padding-top: 0.5rem;}
.aitest .top_visual .cardwrap li.card01{background: #fff url(../../images/aitest_card_icon01.svg) no-repeat 50% 80%;}
.aitest .top_visual .cardwrap li.card02{background: #fff url(../../images/aitest_card_icon02.svg) no-repeat 50% 80%;}
.aitest .top_visual .cardwrap li.card03{background: #fff url(../../images/aitest_card_icon03.svg) no-repeat 50% 80%;}
.aitest .top_visual .cardwrap li.card04{background: #fff url(../../images/aitest_card_icon04.svg) no-repeat 50% 80%;}
.aitest .top_visual .cont_wrap .small_comment { margin: 1rem 0 0 0; padding: 1rem 0 1rem 0; background: rgba(171,0,0,0.8); color: rgba(255,255,255,0.7); font-size: 1.5rem; font-weight: 400; line-height: 2rem; border-radius: 0.8rem;  }

.aitest .test_q{padding: 10rem 0;}
.aitest .test_q .s_title{font-size: 4rem; font-weight: 700; background: linear-gradient(to right, #1FCCF0, #00B860);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .test_q .subcopy{padding: 3rem 0 5.6rem; font-size: 2.6rem; line-height: 3.6rem; color: #141414;}
.aitest .test_q .qwrap li{display: inline-block;}
.aitest .test_q .qwrap li{display: inline-block; width: 35rem; height: 45rem; border-radius: 1rem; color: #000; border: 0.1rem solid #C8C8C8;}
.aitest .test_q .qwrap li + li{margin-left: 0.5rem;}
.aitest .test_q .qwrap li .mtxt{display: block; height: 7.3rem; font-size: 2.6rem; font-weight: 700; padding-top: 25.5rem; line-height: 3.8rem; padding-bottom: 3rem;}
.aitest .test_q .qwrap li .mtxt span{display: block;}
.aitest .test_q .qwrap li .btxt{font-size: 1.8rem; line-height: 2.4rem;}
.aitest .test_q .qwrap li .btxt span{display: block;}
.aitest .test_q .qwrap li .ftxt{display: block; font-size: 1.2rem; color: #B4B4B4; padding-top: 1rem;}
.aitest .test_q .qwrap li.card01{background: url(../../images/aitest_q_icon01.svg) no-repeat 50% 20%;}
.aitest .test_q .qwrap li.card02{background: #fff url(../../images/aitest_q_icon02.svg) no-repeat 50% 20%;}
.aitest .test_q .qwrap li.card03{background: #fff url(../../images/aitest_q_icon03.svg) no-repeat 50% 20%;}
.aitest .test_q .qwrap .card03 .mtxt span{display: block; padding-top: 2.5rem;}

.aitest .comp{padding: 10rem 0; background: #141414;}
.aitest .comp .s_title{font-size: 4rem; font-weight: 700; background: linear-gradient(to right, #1FCCF0, #00B860);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .comp .subcopy{padding: 3rem 0 6rem; font-size: 2.6rem; line-height: 3.6rem; color: #fff;}
.aitest .comp .slide {display: flex; flex-wrap: nowrap; margin: 0 auto; overflow: hidden; position: relative; width: 108rem; height: 42rem; text-align: left; user-select: none; background: #333333; border-radius: 1rem;}
.aitest .comp .slide_item {display: flex; position: relative; left: 0px; width: 100%; flex-shrink: 0; transition: left 0.15s;}
.aitest .comp .slide_item img{max-width: 100%;}
.aitest .comp .slide_button {display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 16px); width: 16px; height: 40px; cursor: pointer;}
.aitest .comp .slide_prev_button {left: 30px; background: url(../../images/arrow_icon_left.svg)no-repeat 50%; width: 1.6rem; height: 4rem;}
.aitest .comp .slide_next_button {right: 30px; background: url(../../images/arrow_icon_right.svg)no-repeat 50%; width: 1.6rem; height: 4rem;}

.aitest .comp .slide_pagination {display: flex; gap: 5px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.aitest .comp .slide_pagination > li {color: #7fb5ff88; cursor: pointer; font-size: 25px;}
.aitest .comp .slide_pagination > li.active {color: #7fb5ff;}
.aitest .comp .slide_item_duplicate {display: flex; align-items: center; justify-content: center; position: relative; left: 0px; width: 100%; height: 300px; flex-shrink: 0; transition: left 0.15s;}
.aitest .comp .slide .tbox{color: #fff;}
.aitest .comp .slide .tbox span{display: inline-block; width: 17.3rem; height: 5.9rem; padding: 1.6rem 5rem; box-sizing: border-box; background: #141414; font-size: 2.6rem; font-weight: 500; text-align: center; margin: 6rem 0 4rem 10rem;}
.aitest .comp .slide .tbox em{display: block; font-size: 6rem; font-weight: 700; margin: 0 0 3rem 10rem;}
.aitest .comp .slide .tbox p{font-size: 2.8rem; margin-left: 10rem;}
.aitest .comp .slide .item1 .tbox{width: 100%; background: url(../../images/ai_slide_img_01.png) no-repeat 90% 100%;}
.aitest .comp .slide .item2 .tbox{width: 100%; background: url(../../images/ai_slide_img_02.png) no-repeat 90% 100%;}
.aitest .comp .slide .item3 .tbox{width: 100%; background: url(../../images/ai_slide_img_03.png) no-repeat 90% 100%;}
.aitest .comp .slide .item4 .tbox{width: 100%; background: url(../../images/ai_slide_img_04.png) no-repeat 90% 100%;}
.aitest .comp .slide .item5 .tbox{width: 100%; background: url(../../images/ai_slide_img_05.png) no-repeat 90% 100%;}

.aitest .circle{padding: 10rem 0; 
background: rgb(0,184,96);
background: -moz-linear-gradient(352deg, rgba(0,184,96,1) 34%, rgba(31,204,240,1) 100%);
background: -webkit-linear-gradient(352deg, rgba(0,184,96,1) 34%, rgba(31,204,240,1) 100%);
background: linear-gradient(352deg, rgba(0,184,96,1) 34%, rgba(31,204,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b860",endColorstr="#1fccf0",GradientType=1);}
.aitest .circle .title{font-size: 4rem; font-weight: 700; color: #fff;}
.aitest .circle .stitle{display: inline-block; padding: 2rem 0 6rem; font-size: 2.6rem; font-weight: 500; line-height: 3.6rem; color: #fff;}
.aitest .circle .list li{display: inline-block; width: 20rem; height: 20rem; border-radius: 100%; color: #333;}
.aitest .circle .list li + li{margin-left: 1.6rem;}
.aitest .circle .list li em{display: block; padding-top: 10.5rem; font-size: 3rem; font-weight: 700;}
.aitest .circle .list li span{display: inline-block; padding-top: 1rem; font-size: 1.8rem; font-weight: 500;}
.aitest .circle .list li.c01{background: #fff url(../../images/icon_comp_01.svg) no-repeat 50% 23%;}
.aitest .circle .list li.c02{background: #fff url(../../images/icon_comp_02.svg) no-repeat 50% 23%;}
.aitest .circle .list li.c03{background: #fff url(../../images/icon_comp_03.svg) no-repeat 50% 23%;}
.aitest .circle .list li.c04{background: #fff url(../../images/icon_comp_04.svg) no-repeat 50% 23%;}
.aitest .circle .list li.c05{background: #fff url(../../images/icon_comp_05.svg) no-repeat 50% 23%;}

.aitest .certif{padding: 8rem 0;}
.aitest .certif .bk_box{display: inline-block; width: 108rem; background: #141414; border-radius: 3rem;}
.aitest .certif .bk_box .title{position: relative; margin-top: 7rem;}
.aitest .certif .bk_box .title span{position: relative; display: inline-block; font-size: 3.2rem; font-weight: 500; background: linear-gradient(to bottom, #EBAE37, #EBD980);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .certif .bk_box .title em{display: block; font-size: 4rem; font-weight: 700;}
.aitest .certif .bk_box .title span:before{content: ''; position: absolute; top: -2rem; left: -8rem; background: url(../../images/icon_leaf_left.svg) no-repeat 50%; width: 6.6rem; height: 11.5rem;}
.aitest .certif .bk_box .title span:after{content: ''; position: absolute; top: -2rem; right: -8rem; background: url(../../images/icon_leaf_right.svg) no-repeat 50%; width: 6.6rem; height: 11.5rem;}
.aitest .certif .logobox{display: inline-block; width: 48rem; border: 0.5rem solid #EBC660; box-sizing: border-box; background: #fff; margin-top: 4rem;}
.aitest .certif .logobox .inbox{height: 100%; margin: 0.5rem; border: 0.2rem  solid #EBC660; padding: 2.8rem 0; box-sizing: border-box;}
.aitest .certif .logobox .inbox img + img{margin-left: 7.5rem;}
.aitest .certif .btmt{font-size: 1.8rem; font-weight: 500; color: #b8b8b8; padding: 2.5rem 0 5rem;}

.aitest .system{padding: 10rem 0 0; background: #141414;}
.aitest .system .cont_wrap{height: 52rem; background: url(../../images/system_image.png) no-repeat 50% 100%;}
.aitest .system .s_title{font-size: 4rem; font-weight: 700; background: linear-gradient(to right, #1FCCF0, #00B860);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.aitest .process{padding: 10rem 0; background: #F0F0F0;}
.aitest .process .title{font-size: 4rem; font-weight: 700; color: #141414;}
.aitest .process .s_title{display: block; padding: 0.7rem 0 5rem; font-size: 4rem; font-weight: 700; background: linear-gradient(to right, #1FCCF0, #00B860);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .process .step_wrap li{display: inline-block;}
.aitest .process .step_wrap li + li{margin-left: 0.8rem;}
.aitest .process .step_wrap li em{display: block; margin-right: -3rem;}
.aitest .process .step_wrap li em span{display: inline-block; width: 22rem; height: 6rem; font-size: 2.4rem; font-weight: 500; color: #fff; padding: 1.9rem 0 1.6rem; box-sizing: border-box; background: #505050; border-radius: 3rem; margin-bottom: 2rem;}
.aitest .process .step_wrap li .view{display: block;}
.aitest .process .step_wrap li em:after{content: ''; display: inline-block; background: url(../../images/step_arrow.svg) no-repeat 50%; width: 1.6rem; height: 4rem; margin: 1rem 0 0 2rem;}
.aitest .process .step_wrap li:last-child em:after{display: none;}
.aitest .process .step_wrap li:last-child em{margin-left: -3rem;}

.aitest .notice{padding: 10rem 0; background: #141414; color: #fff;}
.aitest .notice .s_title{font-size: 3rem; font-weight: 500; text-align: left; padding-bottom: 2rem;}
.aitest .notice ul li{line-height: 4rem; font-size: 2rem; text-align: left;}

.aitest .testgo_btn{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #fff; padding: 2.2rem 5rem; border-radius: 4rem; background: #141414; margin: 4rem 0 25rem;}
/* AI 레벨테스트 페이지 추가 : END 230726 */

/* EVENT : START */
.subpage.event .event_wrap{font-size: 0; text-align:left;}
.event_wrap .box{display: inline-block; width: 34rem; margin: 0 3rem 6rem 0;}
.event_wrap .box:nth-of-type(3n){margin-right: 0;}
.event_wrap .box .imgwrap{position: relative; width: 34rem; height: 21rem; border-radius: 1rem; overflow: hidden;}
.event_wrap .box .imgwrap .end{position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.7); transform: translate(-50%, -50%); font-size: 2.6rem; font-weight: 500; color: #fff;}
.event_wrap .box .imgwrap img{width: 100%;}
.event_wrap .box .title{font-size: 2rem; font-weight: 500; line-height: 2.8rem; padding-top: 2rem; text-align: left;}
.event_wrap .box .period{display: block; font-size: 1.5rem; font-weight: 300; text-align: left;}
.subpage.event .table_list tbody td:nth-child(1){text-align: left; padding: 0 2rem; line-height: 2.5rem;}
.subpage.event .table_list tbody td:nth-child(2){text-align: center;}
.subpage.event .table_list .zone_view .min_sp{padding: 3rem 2rem; max-width: 108rem; min-height: 40rem; text-align: left; font-weight: 300; line-height: 2.9rem;}
.subpage.event .table_list thead th {font-family: inherit;}
/* EVENT : END */
/* SUBPAGE : END */

/* 근무자 검색 : START */
.table .confirm{text-align: center; margin-top:20px;}
/* 근무자 검색 : END */

/* NG KIDS : START */
.ngkids #header{background: #fff url(../../images/kids_menubar_bg.gif) repeat-y 50%; font-family: "TmoneyRound"; font-weight: 700;}
.ngkids #header .ngkids_logo{display: inline-block; background: url(../../images/ngkids_logo.svg) no-repeat 50%; width: 10.4rem; height: 4.4rem; padding: 2.2rem 0 1.4rem; margin-right: 4.5rem; vertical-align: middle;}
.ngkids #header .gnb_menu{position: relative; width: 64rem; box-sizing: border-box;}
.ngkids #header .gnb_menu a{display: inline-block; height: 8rem; padding: 3.2rem 2rem 2rem; font-size: 1.6rem; vertical-align: bottom; box-sizing: border-box;}
.ngkids #header .gnb_menu a.ftmenu{padding-top: 1.7rem;}
.ngkids #header .gnb_menu a span{font-size: 0.9rem; font-weight: 500; vertical-align: bottom;}
.ngkids #header .gnb_menu a em{display: block; font-weight: 500;}
.ngkids #header .gnb_menu a.menu4 em{padding-top: 1.8rem;}
.ngkids #header .feature_menu{display: inline-block; height: 8rem; vertical-align: middle; font-family: 'NotoSansKR'; padding: 0 1.5rem 0 1.5rem; border-right: 0;}
.ngkids #header .publwiz_go{background: url(../../images/publwiz_wh_logo.png) no-repeat 50%; width: 11rem; background-size:contain; margin:0 1.5rem;}
.ngkids #header .publwiz_go_color{position: absolute; right: 0; background: url(../../images/publwiz_color_logo.svg) no-repeat 50%; width: 14rem;}
.ngkids #header .icon_box .login{font-size: 1.4rem; color: #fff; width: 7rem; line-height: 8rem; text-align: center; font-family: 'TmoneyRound'; font-weight: 400;} 
.ngkids #header .icon_box.kidsnav .login{width: 7rem;} 
.ngkids #header .icon_box .purchase{font-size: 1.4rem; color: #fff; width: 12rem; line-height: 8rem; text-align: center; font-family: 'TmoneyRound'; font-weight: 400;} 

.ngkids #main.kids{font-family: "TmoneyRound";}
.ngkids #main .title_bg{height: 70rem; background: url(../../images/ngkids_bg.jpg) no-repeat 50% #151515;}
.ngkids #main .title_bg .cont-sp .main_copy{text-align: left; font-weight: 800;}
.ngkids #main .title_bg .cont-sp .main_copy .org_color{color: #FFB423;}
.ngkids #main .title_bg .cont-sp .kidsbook{position: absolute; top: 18.5rem; right: 0;}

.ngkids #main .title_bg .cont-sp .sub_copy{text-align: left;}
.ngkids #main .title_bg .cont-sp .svgo{display: inline-block; font-size: 1.8rem; color: #fff; padding: 1.8rem 4.6rem; border: 0.1rem solid #fff; border-radius: 6rem; margin-top: 7rem;}
.ngkids #main .contents{margin-top: 0; padding-top:0;}
.ngkids #main .contents .cont-sp{padding: 12rem 0; text-align: center; letter-spacing: -0.15rem;}
.ngkids #main .yellow_win{padding: 18rem 0 20rem;}
.ngkids #main .yellow_win .br{display: block;}
.ngkids #main .yellow_win .cont-sp{position: relative; height: 61rem; padding: 0; border: 7.8rem solid #FFDA00; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox{height: 100%; border: 1.6rem solid #FFB423; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox p{font-size: 2.17rem; line-height: 4.8rem; text-align: center; padding: 13rem;}
.ngkids #main .yellow_win .img01{position: absolute; bottom: -16.5rem; left: -17.8rem; background: url(../../images/yellow_win01.png) no-repeat 50%; width: 67rem; height: 50rem;}
.ngkids #main .yellow_win .img02{position: absolute; bottom: -7.8rem; right: -13.5rem; background: url(../../images/yellow_win02.png) no-repeat 50%; width: 49.5rem; height: 42.4rem;}

.ngkids #main .benefits{background: url(../../images/ngkids_bg.jpg) no-repeat 50%;}
.ngkids #main .benefits .title{font-size: 4rem; color: #FFB423; font-weight: 800; text-align: center; padding-bottom: 6rem;}
.ngkids #main .benefits table{width: 100%; font-size: 1.8rem;}
.ngkids #main .benefits thead th{height: 6rem; background: #fff; vertical-align: middle;}
.ngkids #main .benefits thead th + th{border-left: 0.1rem solid #141414;}
.ngkids #main .benefits thead th:last-child{border-right: 0.1rem solid #fff;}
.ngkids #main .benefits tbody th{height: 6rem; vertical-align: middle; color: #fff; font-weight: 400; border: 0.1rem solid #fff; box-sizing: border-box; background: #141414;}
.ngkids #main .benefits td{height: 6rem;  vertical-align: middle; color: #fff; border: 0.1rem solid #fff; box-sizing: border-box; background: #141414;}



.ngkids #main .contents .befcell{display: inline-block; font-size: 2rem; padding: 1.4rem 3.4rem; border: 0.1rem solid #141414; border-radius: 5rem; margin-bottom: 3rem;}
.ngkids #main .contents .beftit{font-size: 4rem; font-weight: 800; padding-bottom: 3rem;}
.ngkids #main .contents .beftit_s{font-size: 3rem; font-weight: 800; color:#aaa;}
.ngkids #main .contents .befst{font-size: 1.8rem; line-height: 3.2rem; padding-bottom: 6rem;}
.ngkids #main .contents .befst span{display: block;}
.ngkids #main .benefits1{background: #F0F0F0;}
.ngkids #main .benefits1 .booksimg{height: 32rem; background: url(../../images/bef01_img.png) no-repeat 50%; margin-bottom: 6rem;}
.ngkids #main .benefits1 .bef_list{margin-bottom: 6rem;}
.ngkids #main .benefits1 .bef_list li{float: left; width: 25.5rem; height: 23rem; border: 0.1rem solid #c8c8c8; border-radius: 2rem; padding: 3rem; box-sizing: border-box; margin-right: 2rem;}
.ngkids #main .benefits1 .bef_list li:last-child{margin-right: 0;}
.ngkids #main .benefits1 .bef_list li em{display: inline-block; width: 16rem; font-size: 1.8rem; color: #fff; font-weight: 800; padding: 1.4rem 4.6rem; background: linear-gradient(90deg, rgba(255,180,35,1) 0%, rgba(255,216,0,1) 100%); margin-bottom: 5.4rem; border-radius: 5rem; box-sizing: border-box;}
.ngkids #main .benefits1 .bef_list li span{display: block; font-size: 2.4rem; font-weight: 800;}
.ngkids #main .contents .offer{display: inline-block;}
.ngkids #main .contents .offer span{font-size:1.8rem;}
.ngkids #main .contents .offer li{float: left; width: 26.5rem; height: 14rem; padding: 3rem; border: 0.1rem solid #141414; box-sizing: border-box;}
.ngkids #main .contents .offer li + li{margin-left: -1px;}
.ngkids #main .contents .offer li em{display: inline-block; font-size: 1.8rem; font-weight: 800; padding-bottom: 2.2rem;}
.ngkids #main .contents .offer li em.bk{color: #141414;}
.ngkids #main .contents .offer li em.wt{color: #fff;}

.ngkids #main .benefits2{background: #F0F0F0;}
.ngkids #main .benefits2 .certiimg{height: 52.5rem; margin-bottom: 6rem;}
.ngkids #main .benefits2 .certiimg span{display: inline-block; border: 1rem solid #fff; box-sizing: border-box;
 -webkit-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.1); 
box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.1);}



.ngkids #main .benefits3{background: #fff;}
.ngkids #main .benefits3 .swiper-container {
      width: 100%;
      height: 100%;
    margin-bottom: 4rem;
    }
.ngkids #main .benefits3 .swiper-slide {
 /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.ngkids #main .benefits3 .swiper-slide .card{   
    width: 70rem;
    height: 68rem;
    border-radius: 4rem;
    background: #141414;
    box-sizing: border-box;
overflow: hidden;}
.ngkids #main .benefits3 .swiper-slide .card.pic1 .imgwrap{max-width: 45rem; margin: 1rem auto 0;}
.ngkids #main .benefits3 .swiper-slide .card.pic2 .imgwrap{max-width: 62rem; margin: 1rem auto 0;}
.ngkids #main .benefits3 .swiper-slide .card .imgwrap img{width: 100%; height: 100%;}
.ngkids #main .benefits3 .swiper-slide .card .tit{display: block; color: #fff; font-size: 2.6rem; font-weight: 800; padding-top: 6rem;}
.ngkids #main .benefits3 .swiper-slide .card .subt{display: inline-block; color: #aaa; font-size: 2.2rem; padding: 1rem 0 4rem;}
.ngkids #main .benefits3 .swiper-slide .ftxt{display: block; width: 100%; height: 13rem; background: #3E3E3E; color: #fff; font-size: 2.6rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic1 .ftxt{ margin-top: 6rem; padding-top: 6rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic2 .ftxt{ margin-top: 6rem; padding-top: 4rem;}
.ngkids #main .benefits3 .empty{margin-top: 8rem;}

.ngkids #main .benefits4{color: #fff; background: linear-gradient(310deg, rgba(167,208,49,1) 0%, rgba(0,176,155,1) 100%);}
.ngkids #main .benefits4 .befcell{border-color: #fff;}
.ngkids #main .benefits4 .bef4_img{display: inline-block; background: url(../../images/bef04_img.png) no-repeat 50%; width: 75.6rem; height: 54.6rem;}
.ngkids #main .benefits4 .offer li{border-color: #fff;}

.ngkids #main .benefits58{background: #F0F0F0;}
.ngkids #main .benefits58 .bef_list{margin-bottom: 3rem;}
.ngkids #main .benefits58 .bef_list li{float: left; width: 52.5rem; height: 87rem; background: #fff; border-radius: 1rem; padding: 8rem 4rem; box-sizing: border-box; margin-bottom: 3rem;}
.ngkids #main .benefits58 .bef_list li:nth-of-type(odd){margin-right: 3rem;}
.ngkids #main .benefits58 .box5 .befst{width: 70%; margin: 0 auto; padding-bottom: 3rem;}
.ngkids #main .benefits58 .box5 .bgimage{display: inline-block; background: url(../../images/bef05_img.png) no-repeat 50%; width: 22.6rem; height: 28rem; background-size: cover;}
.ngkids #main .benefits58 .box6 .bgimage{display: inline-block; background: url(../../images/bef06_img.png) no-repeat 50%; width: 42rem; height: 28rem;}
.ngkids #main .benefits58 .box7 .bgimage{display: inline-block; background: url(../../images/bef07_img.png) no-repeat 50%; width: 36.4rem; height: 35.7rem;}
.ngkids #main .benefits58 .box8 .bgimage{display: inline-block; background: url(../../images/bef08_img.png) no-repeat 50%; width: 34.1rem; height: 34.1rem;}
.ngkids #main .benefits58 .box5 .gobtn,
.ngkids #main .benefits58 .box6 .gobtn{display: inline-block; font-size: 2.4rem; font-weight: 800; padding: 1.6rem 5rem 1.8rem; border: 0.1rem solid #141414; border-radius: 5rem; margin-top: 4rem;}
.ngkids #main .benefits58 .box5 .gobtn span:after,
.ngkids #main .benefits58 .box6 .gobtn span:after{content: ''; display: inline-block; background: url(../../images/icon_new_win.svg) no-repeat 50%; width: 1.5rem; height: 1.6rem; margin-left: 1rem;}

.ngkids #main .benefits9{background: #F0F0F0;}
.ngkids #main .benefits9 .discount{display:inline-block; text-align:center;}
.ngkids #main .benefits9 .discount li{float: left;}
.ngkids #main .benefits9 .discount li a{display: inline-block; width: 32.8rem; height: 38rem; border: 0.1rem solid #c8c8c8; border-radius: 1rem; box-sizing: border-box;}
.ngkids #main .benefits9 .discount li + li{margin-left: 3.6rem;}
.ngkids #main .benefits9 .discount li em{display: inline-block; font-size: 2.6rem; padding: 4rem 0 2.5rem;}
.ngkids #main .benefits9 .discount li p{font-size: 1.8rem;}
.ngkids #main .benefits9 .discount li.box1{background: url(../../images/bef09-1_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem; margin-bottom: 6rem;}
.ngkids #main .benefits9 .discount li.box2{background: url(../../images/bef09-2_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem;}
.ngkids #main .benefits9 .discount li.box3{background: url(../../images/bef09-3_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem;}
.ngkids #main .benefits9 .discount li.box4{background: url(../../images/bef09-4_img.png?v2) no-repeat 50% 100% #fff ; border-radius: 1rem; margin-bottom: 3.6rem;}
.ngkids #main .benefits9 .discount li.box5{background: url(../../images/bef09-5_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem;}

.ngkids #main .benefits10{background: #F0F0F0;}
.ngkids #main .benefits10 .bef10_img{display: block; background: url(../../images/bef10_img.svg) no-repeat 50%; width: 59.2rem; height: 30.5rem; margin: 0 auto 6rem;}

.ngkids #main .benefits11 .bef11_img{display: block; background: url(../../images/bef07_img.png) no-repeat 50%; width: 59.2rem; height: 34rem; margin: 0 auto 6rem;}

.ngkids #main .nowjoin{background: #FFB423;}
.ngkids #main .nowjoin .products{padding-top: 3rem;}
.ngkids #main .nowjoin .products li{float: left; width: 48rem; padding: 6rem; box-sizing: border-box; background: #141414; color: #fff; border-radius: 1rem;}
.ngkids #main .nowjoin .products li + li{margin-left: 4rem;}
.ngkids #main .nowjoin .products li .tit{display: inline-block; font-size: 3rem; font-weight: 800; padding-bottom: 2rem;}
.ngkids #main .nowjoin .products li .price{font-size: 2.4rem; font-weight: 800; padding-bottom: 0.5rem; color: #FFB423;}
.ngkids #main .nowjoin .products li .spc{display: inline-block; font-size: 1.8rem; padding-bottom: 3.1rem;}
.ngkids #main .nowjoin .products li .tbox{width: 28rem; height: 30rem; margin: 0 auto; border: 0.1rem solid #fff; border-radius: 1rem; box-sizing: border-box; font-size: 1.8rem; line-height: 3.2rem;}
.ngkids #main .nowjoin .products li .txt01{padding-top: 9.8rem;}
.ngkids #main .nowjoin .products li .txt02{padding-top: 2rem;}
.ngkids #main .nowjoin .products li .tbox span{color: #FFB423; font-weight: 800;}
.ngkids #main .nowjoin .products li .gomem{display: inline-block; margin-top: 3rem; font-size: 2.4rem; font-weight: 800; background: #fff; padding: 2rem 5.9rem; border-radius: 5rem; color: #141414;}

.ngkids .subpage .page_wrap .paging{font-family: "TmoneyRound";}
.ngkids .subpage .subtit {margin-top: 6rem; font-family: "TmoneyRound"; font-weight: 700;}
.ngkids .subpage .hdt .lang_tab{font-family: "TmoneyRound"; font-weight: 500;}
.ngkids .subpage .hdt .lang_tab .on{font-weight: 600;}
.ngkids .subpage .table_list tbody td{font-family: "TmoneyRound"; height: 8rem;}
.ngkids .subpage .table_list thead th{font-family: "TmoneyRound";}
.ngkids .subpage.freezone .table_list .subject{width: 80%; padding: 0.8rem 0 0.8rem 4rem; box-sizing: border-box;}
.ngkids .subpage.freezone .table_list .date{width: 20%;}
.ngkids .subpage.freezone .table_list .zone_view .min_sp{padding: 4rem; max-width: 108rem; min-height: 40rem; text-align: -webkit-auto; font-weight: 300;}
.ngkids .subpage.freezone .table_list .zone_view .min_sp img{display: inline-block; margin-bottom: 2rem;}
.ngkids .subpage .bookname{font-family: "TmoneyRound"; display: inline-block; font-size: 1.8rem; font-weight: 700; padding:2rem 0 0.6rem; border-bottom: 0.2rem solid #141414; letter-spacing:-0.1rem}
.ngkids .subpage .bookcopy{font-family: "TmoneyRound"; font-size: 1.6rem; padding-top: 0.6rem;}

.ngkids .subpage .mylist{font-family: "TmoneyRound"; font-weight: 500; margin-top:3rem;}
.ngkids .subpage .mylist .tab_subtit{text-align: center; font-size: 1.8rem; padding: 0 0 4rem;}
.ngkids .subpage .certify{width: 72rem; margin: 2rem auto 0;}
.ngkids .subpage .certify .table{width: 72rem; border-top: 0.1rem solid #141414; background: #F5F5F5; padding: 4rem 6rem; box-sizing: border-box; margin-bottom: 8rem; text-align: left;}
.ngkids .subpage .certify .stt{display: block; text-align: left; padding-bottom: 1rem; font-family: "TmoneyRound";}
.ngkids .subpage .certify .table .inbox{display: inline-block; vertical-align: middle; margin-right: 1rem;}
.ngkids .subpage .certify .inbox label{display: inline-block; width: 10rem; font-size: 1.6rem;}
.ngkids .subpage .certify .inbox p + p{margin-top: 1rem;}
.ngkids .subpage .certify .cerf_btn{width: 18rem; height: 6.8rem; line-height: 6.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 1.8rem; border-radius: 6.8rem; background: #141414; font-family: "TmoneyRound";}
.ngkids .subpage .certify .table .tline{line-height: 3rem; font-size: 1.6rem; font-weight: 300;}
/* NG KIDS : END */



/* NG KIDS VER_2(230801) : START */
.ngkids .kidsv2{font-family: "TmoneyRound";}
.ngkids .kidsv2 .title_bg{height: 80rem; background: url(../../images/ngkids_bg.jpg) no-repeat 50%;}
.ngkids #main .title_bg .cont-sp .main_copy{text-align: left; font-weight: 800; padding-top: 20rem;}
.ngkids #main .title_bg .cont-sp .txt-right > .main_copy{padding-top: 11.5rem;}

.ngkids #main .title_bg .cont-sp .txt-right{margin-left:50%;}

.ngkids .kidsv2 .title_bg .cont-sp .main_copy .org_color{color: #FFB423;}
.ngkids #main .title_bg .cont-sp .kidsbook{position: absolute; top: 19rem;}
.ngkids #main .title_bg .cont-sp .yelloverse{position: absolute; top: 11.5rem;}
.ngkids #main .title_bg .cont-sp .yelloverse img{width:410px;}
.ngkids #main .title_bg .cont-sp .sub_copy{text-align: left; padding-top: 1.3rem;}
.ngkids .kidsv2 .title_bg .btnwrap{display: inline-block; margin-top: 4.5rem;}
.ngkids .kidsv2 .title_bg .btnwrap .btn{display: inline-block; border-radius: 4rem; font-size: 1.8rem; font-weight: 700;}
.ngkids .kidsv2 .title_bg .btnwrap .btn + .btn{margin-left: 1.4rem;}
/* .ngkids .kidsv2 .title_bg .btnwrap .btn.ngk{background: #FFFDEF url(../../images/top_ngkids_logo.svg) no-repeat 50% 29%;} */
.ngkids .kidsv2 .title_bg .btn.ngk span{display: inline-block; padding: 1.8rem 6rem; width:24rem; text-align:center; color: #000; background: #FFD800; border-radius: 4rem; margin-top:2rem; font-weight:700; font-size:2.2rem;}
/* .ngkids .kidsv2 .title_bg .btnwrap .btn.kyv{background:  #EDF8FF url(../../images/top_yelloverse_logo.png) no-repeat 50% 29%;} */
.ngkids .kidsv2 .title_bg .btn.kyv span{display: inline-block; padding: 1.8rem 6rem; width:24rem; text-align:center; color: #fff; background: #0F94EE; border-radius: 4rem; font-weight:700; font-size:2.2rem; margin-top:-6.5rem;}

.ngkids .kidsv2 .title_bg .btn.off {display: inline-block; padding: 1.8rem 6rem; width:24rem; text-align:center; color: #fff; background: rgba(15, 148, 238, 0.6); border-radius: 4rem; font-weight:700; font-size:2.2rem; margin-top:-6.5rem; opacity: 0.9;}

.ngkids .bf_wrap{background: #2B2F32; padding: 12rem 0; text-align: center;}
.ngkids .bf_wrap .s_title{color: #FFB423; font-size: 4rem; line-height: 5.4rem; font-weight: 700;}
.ngkids .bf_wrap .s_title span{display: block;}
.ngkids .bf_wrap .bf_list{display: flex; justify-content: center; margin-top: 3.2rem;}
.ngkids .bf_wrap .bf_list > li{display: inline-block; border-radius: 1.6rem; width: 31rem; height: 44rem; overflow: hidden;}
.ngkids .bf_wrap .bf_list > li + li{margin-left: 4rem;}
.ngkids .bf_wrap .bf_list > li .head{display: flex; align-items: center; justify-content: center; height: 11.7rem; font-size: 2.2rem; font-weight: 700;}
.ngkids .bf_wrap .bf_list .list01 .head{background: #FFDA57;}
.ngkids .bf_wrap .bf_list .list02 .head{background: #5BBEFF; color: #fff;}
.ngkids .bf_wrap .bf_list .list03 .head{background: #B184FF; color: #fff;}
.ngkids .bf_wrap .bf_list li ul{position: relative; height: 32.3rem; padding: 3.3rem 2.2rem 1rem 2.2rem; background: #fff; text-align: left; font-size: 1.7rem; font-weight: 500; box-sizing: border-box;}
.ngkids .bf_wrap .bf_list li ul > li{line-height: 3.3rem; text-indent: -1.6rem; margin-left: 1.6rem;}
.ngkids .bf_wrap .bf_list .list02 .blueft{position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); width: 29rem; height: 6.4rem; text-align: center; padding: 0.7rem 1rem 1rem; box-sizing: border-box; border-radius: 0.8rem; background: #E1F3FF; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; color: #0C75BB;}

.ngkids .bf_wrap .ftxt{margin-top: 3.2rem; font-size: 1.5rem; color: #ddd; text-align: left; margin-left: 5rem;}
.ngkids .bf_wrap .ftxt p{text-indent: -1.5rem; margin-left: 1.5rem; line-height: 2.5rem; font-weight: 300;}
.ngkids .bf_wrap .ftxt p + p{margin-top: 1.2rem;}

.ngkids #main .contents{margin-top: 0;}
.ngkids #main .contents .cont-sp{padding: 12rem 0; text-align: center; letter-spacing: -0.15rem;}
.ngkids #main .yellow_win{padding: 18rem 0 20rem; background: #f8f8f8;}
.ngkids #main .yellow_win .br{display: block;}
.ngkids #main .yellow_win .cont-sp{position: relative; height: 61rem; padding: 0; border: 7.8rem solid #FFDA00; box-sizing: border-box; box-shadow: rgba(0,0,0,0.08) 0 30px 40px; background: #fff; }
.ngkids #main .yellow_win .tbox{height: 100%; border: 1.6rem solid #FFB423; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox p{font-size: 2.6rem; line-height: 4.8rem; text-align: center; padding-top: 13rem;}
.ngkids #main .yellow_win .img01{position: absolute; bottom: -16.5rem; left: -17.8rem; background: url(../../images/yellow_win01.png) no-repeat 50%; width: 67rem; height: 50rem;}
.ngkids #main .yellow_win .img02{position: absolute; bottom: -7.8rem; right: -13.5rem; background: url(../../images/yellow_win02.png) no-repeat 50%; width: 49.5rem; height: 42.4rem;}

.ngkids .subscribe{background: #FFDA57; padding: 12rem 0; text-align: center;}
.ngkids .subscribe .s_title{color: #FF730A; font-size: 4rem; line-height: 5.4rem; font-weight: 700;}
.ngkids .subscribe .s_title span{display: block;}
.ngkids .subscribe .s_txt{font-size: 1.8rem; font-weight: 500; padding: 1.3rem 0 2.4rem;}
.ngkids .subscribe a.btn{display: inline-block; width: 34rem; height: 8rem; line-height: 8rem; font-size: 2.8rem; font-weight: 700; color: #fff; background: #FF9240; border-radius: 4rem; box-shadow: 6px 5px 10px rgba(133,58,14,0.3);}
.ngkids .subscribe .cardwrap{margin-top: 4rem;}
.ngkids .subscribe .cardwrap > li{display: inline-block; width: 34rem; height: 44rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; border-radius: 4rem; overflow: hidden;}
.ngkids .subscribe .cardwrap > li + li{margin-left: 1.3rem;}
.ngkids .subscribe .cardwrap .list01{background: #FFEFE2 url(../../images/kids_books.png) no-repeat 50% 100%;}
.ngkids .subscribe .cardwrap .list02{background: #fff url(../../images/study_data.png) no-repeat 50% 100%;}
.ngkids .subscribe .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #FF7B17; padding-bottom: 1.3rem;}
.ngkids .subscribe .cardwrap li .txt{display: block; font-size: 2.4rem; font-weight: 700; padding-bottom: 1.2rem;}
.ngkids .subscribe .cardwrap li .year li{font-size: 1.8rem; line-height: 2.5rem;}
.ngkids .subscribe .cardwrap li .btxt{font-size: 1.8rem; letter-spacing: -0.1rem;}
.ngkids .subscribe .cardwrap li .ftxt{display: inline-block; font-size: 1.4rem; color: #B16A34; padding-top: 0.8rem;}

.ngkids .introduce{ padding: 12rem 0; text-align: center;
background: rgb(167,208,49);
background: linear-gradient(312deg, rgba(167,208,49,1) 0%, rgba(0,176,155,1) 100%);}
.ngkids .introduce .s_title{color: #fff; font-size: 4rem; line-height: 5.4rem; font-weight: 700;}
.ngkids .introduce .tbox{font-size: 2.6rem; line-height: 4.5rem; color: #141414; font-weight: 500; padding: 3rem 0 3.4rem;}
.ngkids .introduce .yv_bg{display: inline-block; width: 75.3rem; height: 34.6rem; background: url(../../images/yellow_universe.png) no-repeat 50%;}

.ngkids .y_verse{background: #0F94EE; padding: 12rem 0; text-align: center;}
.ngkids .y_verse .cont-sp{position: relative;}
.ngkids .y_verse .cont-sp .planet01{position: absolute; top: -24rem; right: -23rem; width: 51.3rem; height: 37.1rem; background: url(../../images/big_planet.png) no-repeat 50%;}
.ngkids .y_verse .subtxt{color: #FFCC00; font-size: 2.4rem; font-weight: 700; padding: 3rem 0 1.6rem;}
.ngkids .y_verse .bodytxt{display: block; font-size: 1.8rem; line-height: 3rem; color: #fff;}
.ngkids .y_verse .bodytxt span{display: block;}
.ngkids .y_verse .fttxt{font-size: 1.3rem; color: rgba(255,255,255,0.7); padding: 1.6rem 0 2.4rem;}
.ngkids .y_verse a.btn{display: inline-block; width: 28rem; height: 6.8rem; line-height: 6.8rem; font-size: 2.4rem; font-weight: 700; color: #fff; background: #5BBEFF; border-radius: 4rem;}
.ngkids .y_verse .cardwrap{margin-top: 4rem;}
.ngkids .y_verse .cardwrap > li{display: inline-block; width: 34rem; height: 44rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; margin-bottom: 3.2rem; border-radius: 4rem; overflow: hidden;}
.ngkids .y_verse .cardwrap > li + li{margin-left: 1.3rem;}
.ngkids .y_verse .cardwrap .list01{background: #FFF2FA url(../../images/present_img01.png) no-repeat 50% 100%;}
.ngkids .y_verse .cardwrap .list02{background: #fff url(../../images/present_img02.png) no-repeat 50% 100%;}
.ngkids .y_verse .cardwrap .list03{background: #ECF7FF url(../../images/present_img03.png) no-repeat 50% 100%;}
.ngkids .y_verse .cardwrap .list04{background: #FFFBE9 url(../../images/present_img04.png) no-repeat 50% 85%;}
.ngkids .y_verse .cardwrap .list05{background: #fff url(../../images/present_img05.png) no-repeat 50% 90%;}
.ngkids .y_verse .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #2875DE; padding-bottom: 1.3rem;}
.ngkids .y_verse .cardwrap li .txt{display: block; font-size: 2.4rem; font-weight: 700; padding-bottom: 1.2rem;}
.ngkids .y_verse .cardwrap li .year li{font-size: 1.8rem; line-height: 2.5rem;}
.ngkids .y_verse .cardwrap li .btxt{font-size: 1.8rem; letter-spacing: -0.1rem;}
.ngkids .y_verse .cardwrap li .btxt span{display: block;}
.ngkids .y_verse .cardwrap li .ftxt{display: inline-block; font-size: 1.4rem; color: #B16A34; padding-top: 0.8rem;}

.ngkids .yv_m{background: #452085; padding: 12rem 0; text-align: center;}
.ngkids .yv_m .cont-sp{position: relative;}
.ngkids .yv_m .cont-sp .planet02{position: absolute; top: 26rem; left: -15rem; width: 19rem; height: 19rem; background: url(../../images/small_planet.png) no-repeat 50%;}
.ngkids .yv_m .cont-sp .star_icon{position: absolute; top: 6rem; right: -3rem; width: 8.4rem; height: 9.5rem; background: url(../../images/star_group.png) no-repeat 50%;}
.ngkids .yv_m .cont-sp .ttxt{display: block; font-size: 4rem; font-weight: 700; line-height: 5.4rem; color: #fff;}
.ngkids .yv_m .subtxt{color: #A471FF; font-size: 2.4rem; font-weight: 700; padding: 3rem 0 1.6rem;}
.ngkids .yv_m .bodytxt{display: block; font-size: 1.8rem; line-height: 3rem; color: #fff;}
.ngkids .yv_m .bodytxt span{display: block;}
.ngkids .yv_m .fttxt{font-size: 1.3rem; color: rgba(255,255,255,0.7); padding: 1.6rem 0 2.4rem;}
.ngkids .yv_m a.btn{display: inline-block; width: 34rem; height: 8rem; line-height: 8rem; font-size: 2.8rem; font-weight: 700; color: #fff; background: #A471FF; border-radius: 4rem;}
.ngkids .yv_m .btn.off{display: inline-block; width: 34rem; height: 8rem; line-height: 8rem; font-size: 2.8rem; font-weight: 700; color: #fff; background: #000000; border-radius: 4rem; opacity: 0.5;}
.ngkids .yv_m .cardwrap{margin-top: 4rem;}
.ngkids .yv_m .cardwrap > li{display: inline-block; width: 34rem; height: 44rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; margin-bottom: 3.2rem; border-radius: 4rem; overflow: hidden;}
.ngkids .yv_m .cardwrap > li + li{margin-left: 1.3rem;}
.ngkids .yv_m .cardwrap .list01{background: #0082DA url(../../images/kids_books.png) no-repeat 50% 100%;}
.ngkids .yv_m .cardwrap .list02{background: #FFFcf2 url(../../images/present_img01.png) no-repeat 50% 100%;}
.ngkids .yv_m .cardwrap .list03{background: #fff url(../../images/present_img07.png) no-repeat 50% 4.2rem;}
.ngkids .yv_m .cardwrap .list04{background: #FFFBE9 url(../../images/present_img0726_4.png) no-repeat center;}
.ngkids .yv_m .cardwrap .list05{background: #ECF7FF url(../../images/present_img0726_2.png) no-repeat center 90%; background-size:90%;}
.ngkids .yv_m .cardwrap .list06{background: #E9FFF7 url(../../images/present_img0726_3.png) no-repeat 20% 90%; background-size:75%;}
.ngkids .yv_m .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #9356FF; padding-bottom: 1.3rem;}
.ngkids .yv_m .cardwrap .list01{color: #fff;}
.ngkids .yv_m .cardwrap .list01 .num{color: #fff;}
.ngkids .yv_m .cardwrap li .txt{display: block; font-size: 2.4rem; font-weight: 700; padding-bottom: 1.2rem;}
.ngkids .yv_m .cardwrap .list01 .txt{line-height: 3.4rem;}
.ngkids .yv_m .cardwrap li .txt span{display: block;}
.ngkids .yv_m .cardwrap li .year li{font-size: 1.8rem; line-height: 2.5rem;}
.ngkids .yv_m .cardwrap li .btxt{font-size: 1.8rem; letter-spacing: -0.1rem;}
.ngkids .yv_m .cardwrap li .btxt span{display: block;}
.ngkids .yv_m .cardwrap li .ftxt{display: inline-block; font-size: 1.4rem; color: #B16A34; padding-top: 0.8rem;}
.ngkids .yv_m .cardwrap li .ftxt2{display: inline-block; font-size: 1.4rem; color: #4b7c74; padding-top: 0.8rem;}

.ngkids .yv_join{padding: 12rem 0 20rem; text-align: center;}
.ngkids .yv_join .s_title{font-size: 4rem; line-height: 5.4rem; font-weight: 700;}
.ngkids .yv_join .pdwrap{margin-top: 5rem;}
.ngkids .yv_join .pdwrap .product{display: inline-block; width: 31rem; height: 62rem;}
.ngkids .yv_join .pdwrap .product + .product{margin-left: 3.7rem;}
.ngkids .yv_join .pdwrap .card{display: inline-block; width: 31rem; height: 62rem; border-radius: 1rem; padding: 0 1.5rem; box-sizing: border-box; margin-bottom: 2.4rem;}
.ngkids .yv_join .pdwrap .card.ybox{background: #FFDA57;}
.ngkids .yv_join .pdwrap .card.bbox{background: #81CCFF;}
.ngkids .yv_join .pdwrap .card.pbox{background: #C19EFF;}
.ngkids .yv_join .pdwrap .head{display: block; align-items: center; justify-content: center; margin: -1rem auto 1.6rem; width: 28rem; height: 19rem; border-radius: 0.8rem 0.8rem 5rem 5rem; font-size: 3rem; line-height: 3.8rem; color: #fff; font-weight: 700;}
.ngkids .yv_join .pdwrap .ybox .head{background: #FF9240; padding-top: 5rem; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .bbox .head{background: #1790E2; padding-top: 5rem; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .pbox .head{background: #6726D9; padding-top: 3rem; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .product .notice{display: inline-block; font-size: 1.4rem; text-align: left;}
.ngkids .yv_join .pdwrap .product .price{font-size: 2.4rem; font-weight: 700; height: 7.5rem;}
.ngkids .yv_join .pdwrap .product .price em > span{font-size: 1.4rem; font-weight: 300; vertical-align: baseline;}
.ngkids .yv_join .pdwrap .product .price .month_p{display: block; font-size: 1.8rem; font-weight: 300; padding-top: 0.5rem; color: rgba(0,0,0,0.5);}
.ngkids .yv_join .pdwrap .product .wbox{height: 22.4rem; background: #fff; padding: 2.4rem; border-radius: 1.6rem; margin-bottom: 1.6rem; text-align: left; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .product .wbox li{line-height: 2.9rem; text-indent: -1.5rem; margin-left: 1rem;}
.ngkids .yv_join .pdwrap .bbox .price em{display: inline-block; padding-top: 1.3rem;}
.ngkids .yv_join .pdwrap .pbox .price em{display: inline-block; padding-top: 1.3rem;}
.ngkids .yv_join .pdwrap .product button{display: inline-block; width: 28rem; height: 6.8rem; line-height: 6.8rem; font-family: 'TmoneyRound'; font-size: 2.4rem; font-weight: 700; color: #fff; background: #000; border-radius: 4rem;}
/* NG KIDS VER_2(230801) : END */



/* 하단 퀵메뉴 BAR : START */
#wrap .quick_bar{position: fixed; bottom: 0; left: 0; width: 100%; background: #FBD91A; z-index: 9;}
#wrap .quick_bar .cont-sp{position: relative; height: 7.6rem;}
#wrap .quick_bar .telnum{display: block; font-size: 1.8rem; font-weight: 700; padding-top: 2.9rem; text-align: left;}
#wrap .quick_bar .quickmenu{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#wrap .quick_bar .menulist{display: inline-block; height: 7.6rem;}
#wrap .quick_bar .menulist a{display: inline-block;}
#wrap .quick_bar .menulist a + a{margin-left: 1rem;}
#wrap .quick_bar .menulist .q_youtube{background: url(../../images/qbtn_youtube.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}
#wrap .quick_bar .menulist .q_letter{background: url(../../images/qbtn_letter.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}
#wrap .quick_bar .menulist .q_facebook{background: url(../../images/qbtn_facebook.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}
#wrap .quick_bar .menulist .q_blog{background: url(../../images/qbtn_blog.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}
#wrap .quick_bar .menulist .q_cafe{background: url(../../images/qbtn_cafe.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}
#wrap .quick_bar .menulist .q_instagram{background: url(../../images/qbtn_instagram.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 3.5rem;}

#wrap .quick_bar .menulist .q_kakao{display: inline-block; line-height: 7.6rem; background: #000; color: #fff; font-weight: 700; padding: 0 3.5rem; vertical-align: top;}
#wrap .quick_bar .menulist .q_kakao span:before{content: ''; display: inline-block; background: url(../../images/qbtn_kakao.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; vertical-align: middle; margin-right: 1rem;}
#wrap .quick_bar .menulist .q_kakao em{display: inline-block;}
/* 하단 퀵메뉴 BAR : END */


/* FOOTER : START */
#footer{background: #141414; padding: 5rem 0 10rem; font-family: 'NotoSansKR';  text-align: left;}
#footer .cont-sp { position: relative; }
#footer .other { font-size: 1.6rem; color: #ccc; padding-bottom: 2.2rem; }
#footer .other a { margin: 0 2rem 0 0; }
#footer .adrs { color: #ccc; font-size: 1.3rem; }
#footer .adrs span{ display: inline-block; font-size: 1.2rem; padding: 0 1rem;}
#footer .other .moline{margin-right: 3.4rem;}
#footer .other .moline:last-child{margin-right: 0;}
#footer .adrs.copyright{padding-top: 2rem;}
#footer .select{position: absolute; top: 4.5rem; right: 0; width: 16rem; height: 3.2rem; padding: 0 4.2rem 0 1rem; border: solid 0.1rem #666; box-sizing: border-box; background: #141414 url(../../images/select_arrow.png) no-repeat; background-position: right 1.5rem top 1.3rem; font-size: 1.3rem; color: #888; appearance: none; -webkit-appearance: none;}
/* FOOTER : END */


/* 공통부분 */
.cont-sp{position: relative; width: 109rem; margin: 0 auto;}
.cont-sp_{position: relative; width: 109rem; margin: 0 auto;}
.btnTop{position: fixed; right: 7rem; bottom: 9rem; width: 5.4rem; height: 5.4rem; border-radius: 50%; background: rgba(20, 20, 20, 1) url(../../images/top_arrow.svg) no-repeat 50%; z-index: 10;}


.modal-wrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 2;}
.modal-wrapper .popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40rem; height: 24rem; border-radius: 1.6rem; margin: 0 auto; padding: 0; text-align: center; background: #fff url(../../images/icon_c_cart.svg) no-repeat 50% 20%;}
.modal-wrapper .popup .cartpop p{margin: 11.4rem 0 2.5rem; font-size: 1.8rem; font-weight: 500;}
.modal-wrapper .popup .cartpop button{display: inline-block; width: 14.7rem; height: 4.4rem; line-height: 4.4rem; font-size: 1.5rem; font-weight: 500; text-align: center; border-radius: 4rem;}
.modal-wrapper .popup .cartpop button + button{margin-left: 1rem;}
.modal-wrapper .popup .cartpop .white{color: #3B3B3B; border: 0.1rem solid #828282; box-sizing: border-box;}
.modal-wrapper .popup .cartpop .black{background: #141414; color: #fff; border: 0.1rem solid #141414; box-sizing: border-box;}
.modal-wrapper .popup_close{position: absolute; top: 1rem; right: 1rem; width: 4rem; height: 4rem; background: url(../../images/popup_close.svg) no-repeat 50%;}