html {-webkit-text-size-adjust: none; font-size: 10px;}
body {font-size: 1rem;}
/* 반응형 규칙 */
.pc {display: none !important;}
.mo {display: block;}

/* float 해제 */
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}

:root { --quick-bar-height: 0px !important; }

/* INTRO : START */
#wrap {position: relative; min-width: 320px; height: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem;}

.mo_header{position: fixed; left: 0; top: 0; width: 100%; height: 5.8rem; background-color: #141414; z-index: 9999;}
.mo_header .logo{position: absolute; top: 2rem; left: 2rem;}
.mo_header .logo em{display: inline-block; background: url(../../images/YBM_logo_publwiz_white.png) no-repeat 50%; width: 9rem; height: 2rem; background-size: contain;}
.mo_header .logo_mp{position: absolute; top: 2rem; left: 2rem;}
.mo_header .logo_mp em{display: inline-block; background: url(../../images/logo_ybmmall.svg) no-repeat 50%; width: 8rem; height: 2.3rem; background-size: cover;}
.mo_sub_header{position: fixed; left: 0; top: 0; width: 100%; height: 5.8rem; background-color: #fff; border-bottom: 0.1rem solid #141414; z-index: 9999;}
.mo_header .fc_w{position: absolute; top: 2.7rem; left: 10.5rem; color: #fff;}



#intro{background: url(../../images/intro_title_bg.jpg) no-repeat 54%; background-size: cover;}
#intro .logo{display: none;}
#intro .key_menu{position: relative; display: block; width: 100%; box-sizing: border-box;}
#intro .key_menu li{position: relative; width: calc(50% - 0.8rem); margin-bottom: 1.5rem;}
#intro .key_menu li:nth-child(odd){float: left; clear: left;}
#intro .key_menu li:nth-child(even){float: right; clear: right;}
#intro .key_menu li a{display: inline-block; width: 100%; background: #fff; text-align: left; border-radius: 0.8rem; padding: 0.9rem 0.6rem; border: 1rem solid #fff; box-sizing: border-box;}
#intro .key_menu li.bdyell a{min-height: 14rem; border-top: 3.2rem solid #FFB423; border-left: 0; border-right: 0; border-bottom: 0; padding: 1.7rem 1.2rem 1rem 1.6rem;}
#intro .key_menu li a:hover{background: #141414; color: #fff;}
#intro .key_menu li.bdyell a:hover{border-top: 3.2rem solid #FFB423; border-left: 1rem solid #FFB423; border-right: 1rem solid #FFB423; border-bottom: 1rem solid #FFB423; padding: 1.7rem 0 0 0.8rem;}
#intro .key_menu li em{display: inline-block; font-size: 2rem; line-height: 2.6rem; font-weight: 500; padding-bottom: 0.4rem;}
#intro .key_menu li span{display: block; font-size: 1rem; font-weight: 500; line-height: 160%; font-family: 'NotoSansKR';}
#intro .key_menu li span.store{position: absolute; left: 1.6rem; top: 1rem; 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;}


/* MILIPASS 모바일 메인 : START */
/*.milipass .mo_header{background-color: transparent;}*/
#intro.mpbg{position: relative; display: block; width: 100%; height: 100%; padding: 8rem 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{position: relative; 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 1rem bottom 1.2rem; background-size: 7.5rem 6.7rem; padding: 0.7rem 1.3rem;}
.milipass .menuwrap li.menu02 em,
.milipass .menuwrap li.menu04 em,
.milipass .menuwrap li.menu05 em
{font-size: 1.6rem;}
.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 0.6rem; background-size: 9rem 5.7rem; padding: 1rem 1.3rem;}
.milipass .menuwrap li.menu05 a{border-top: 2rem solid #73c2f1; background: #fff url(../../images/icon_childbook_.png) no-repeat right 0 bottom 0.8rem; background-size: 6.9rem 5.4rem; padding: 1rem 1.3rem;}
.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 .menuwrap li.menu01 em:after{content: ''; display: inline-block; width: 1.1rem; height: 1.1rem; background: url(../../images/icon_new_win_gray.svg) no-repeat 50% 100%; background-size: 1.1rem 1.1rem; margin: 0 0 -0.3rem 1.1rem; width: 1.1rem; height: 1.1rem;}
.milipass .menuwrap .bul_logo{width: 10rem; padding-bottom: 0.5rem;}
.milipass .menuwrap .ng_logo{width: 10rem; padding-bottom: 0.5rem;}
.milipass .menuwrap .ngkids_logo{width: 9rem; padding-bottom: 0.5rem;}

.milipass .bannerwrap{width: 100%; padding: 0 0 8.5rem; box-sizing: border-box;} 
.milipass .bannerwrap img{width: 100%;} 
.milipass .bannerwrap a{position : absolute} 
.milipass .bannerwrap a.active{z-index : 1}
.milipass .bannerwrap a.inactive{z-index : 0} 

/* MILIPASS 모바일 메인 : END */


/* INTRO : END */

/* MAIN : START */
#main.main{padding-bottom: 6rem;}

/* .main_banner{position: relative; height: calc(100%); padding-top: 5.8rem;} */
.main_banner{position: relative; height: calc(100%); padding-top: 5.8rem;}
.main_banner .slide {display: flex; flex-wrap: nowrap; overflow: hidden; position: relative; width: 100%; user-select: none;}
.main_banner .slide_item {display: flex; align-items: center; justify-content: center; position: relative; left: 0px; width: 100%; flex-shrink: 0; transition: left 0.15s; white-space: nowrap; }
.main_banner .slide_item img{max-width: 100%;}
.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%; cursor: pointer;}
.main_banner .slide_prev_button {left: 10px;}
.main_banner .slide_next_button {right: 10px;}
.main_banner .slide_pagination {display: flex; gap: 5px; position: absolute; bottom: -10px; 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-slide img{max-width: 800px !important;}
.main_banner .swiper-pagination{position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%)!important;} */

.area_ngm .quick_menu{margin-bottom: 5rem; padding-top: 6rem;}


#main .title_bg{background: url(../../images/publwiz_title_bg.jpg) no-repeat 50%; height: 60rem; background-size: cover; padding: 0 5%; box-sizing: border-box;}
#main .main_copy{margin: 0 auto; line-height: 3.8rem; text-align: center; padding-top: 18rem; font-size: 2.2rem; font-weight: 500; color: #fff;}
#main .main_copy span{display: inline;}
#main .sub_copy{margin: 0 auto; line-height: 2.4rem; text-align: center; padding-top: 4rem; font-family: 'NotoSansKR'; font-size: 1.3rem; color: #fff;}
#main .sub_copy span{display: block;}

#main .contents{text-align: center; padding: 6rem 0 0;}
#main .contents .sub_title{display: inline-block; width: 55%; text-align: center; margin-bottom: 3rem; font-size: 1.8rem; font-weight: 700; line-height: 2.6rem; padding-bottom: 1.4rem; border-bottom: 0.2rem solid #141414;}
#main .contents .sub_title span{display: block;}
#main .contents .booklist{display: flex; margin-left: 3%; overflow-x: scroll; padding-right: 1rem; box-sizing: border-box;}
#main .contents .booklist li{flex-shrink: 0; width: 39%; max-width: 15.5rem;}
#main .contents .booklist li + li{margin-left: 3%;}
#main .contents .booklist li img{width: 100%;}
#main .contents .s_tit{font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; padding: 3rem 5% 1.2rem; text-align: left;}
#main .contents .body_copy{display: block; font-size: 1.4rem; line-height: 2.2rem; padding: 0 5%; text-align: left;}

#main .contents .ad-ar{position: relative; width: 100%; left: 50%; transform: translateX(-50%); margin-top: 3rem;}
#main .contents .btnbox{margin-top: 2rem;}
#main .contents .btnbox .fst{display: block;}
#main .contents .btnbox a{display: inline-block; font-weight: 700; height: 5.8rem; line-height: 5.8rem; border-radius: 6.8rem; border: 0.1rem solid #141414; text-align: center; padding: auto auto; box-sizing: border-box;}
#main .contents .w_btn + .w_btn{margin-left: 2%;}
#main .contents .b_btn{width: 90%; max-width: 34rem; background: #141414; color: #fff; padding: 0 9.1rem; font-size: 1.6rem;}
#main .contents .w_btn{/*width: 16rem; max-width: 18rem;*/ font-size: 1.4rem; padding: 0 2.5rem; letter-spacing: -0.1rem; padding: 0 2rem; margin: 1.5rem 0 2.8rem;;}
#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: block; width: 92%; margin: -10rem auto 4rem; box-sizing: border-box;}
#main .area_ngm .key_menu li{position: relative; width: calc(50% - 0.8rem); margin-bottom: 1.5rem;}
#main .area_ngm .key_menu li:nth-child(odd){float: left; clear: left;}
#main .area_ngm .key_menu li:nth-child(even){float: right; clear: right;}
#main .area_ngm .key_menu li a{display: inline-block; width: 100%; background: #fff; text-align: left; border-radius: 0.8rem; padding: 0.9rem 0.6rem; border: 1rem solid #fff; box-sizing: border-box; -webkit-box-shadow: 4px 9px 19px 2px rgba(0,0,0,0.18);
box-shadow: 4px 9px 19px 2px rgba(0,0,0,0.18);}
#main .area_ngm .key_menu li.bdyell a{min-height: 14rem; border-top: 3.2rem solid #FFB423; border-left: 0; border-right: 0; border-bottom: 0; padding: 1.7rem 1.2rem 1rem 1.6rem;}
#main .area_ngm .key_menu li a:hover{background: #141414; color: #fff;}
#main .area_ngm .key_menu li.bdyell a:hover{border-top: 3.2rem solid #FFB423; border-left: 1rem solid #FFB423; border-right: 1rem solid #FFB423; border-bottom: 1rem solid #FFB423; padding: 1.7rem 0 0 0.8rem;}
#main .area_ngm .key_menu li em{display: inline-block; font-size: 2rem; line-height: 2.6rem; font-weight: 500; padding-bottom: 0.4rem;}
#main .area_ngm .key_menu li span{display: block; font-size: 1rem; font-weight: 500; line-height: 160%; font-family: 'NotoSansKR';}
#main .area_ngm .key_menu li span.store{position: absolute; left: 1.6rem; top: 1rem; 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 .product_wrap{position: relative; background: #F0F0F0; padding: 6rem 0 4rem;}
#main .area_ngm .product_wrap .book_int{display: inline-block; width: 70%; padding: 2rem 0 2.8rem;}
#main .area_ngm .product_wrap .cover{width: 100%; 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: 18%; min-height: 4.9rem; overflow: hidden;}
#main .area_ngm .product_wrap .page li img{width: 100%; height: 55px; transform: translateY()}
#main .area_ngm .product_wrap .page li + li{margin-left: 2.5%;}

#main .area_ngm .product_wrap .explain{text-align: left;}
#main .area_ngm .product_wrap .explain{display: inline-block; width: 100%;}

#main .area_ngm .explain .tt{position: absolute; top: 4rem; width: 90%; left:5%;  font-size: 1.8rem; font-weight: 700;}
#main .area_ngm .explain .tt span{position: absolute; right: 0; top: 0; font-size: 1.2rem; color: #E9473F;}
#main .area_ngm .explain .tit{display: block; width: 60%; margin: 0 auto; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; padding-bottom: 1.7rem; text-align: center;}
#main .area_ngm .explain .b_txt{font-size: 1.4rem; line-height: 2.2rem; padding: 0 5% 0;}
#main .area_ngm .explain .btn_buy{display: block; width: 90%;
    max-width: 34rem; height: 5.8rem; line-height: 5.8rem; text-align: center; margin: 0 auto; border-radius: 7rem; background: #E9473F; color: #fff; font-size: 1.6rem; font-weight: 700; margin-top: 3rem;}

#main .area_event{padding: 3rem 0; background: #141414; color: #fff; margin-top: 0;}
#main .area_event.contents .sub_title{color: #fff; border-bottom: 0.2rem solid #fff;}
#main .area_event.contents .ev_copy{color: #fff; font-size: 1.8rem; line-height: 3.5rem; vertical-align:sub;}
#main .area_event.contents .ev_copy img{vertical-align:sub;}
#main .area_event.contents .ev_copy span{display: block;}

#main .area_event .inner_wrap{text-align: center; margin-top: 1.7rem;}
#main .area_event .inner_wrap .card_ar{display: flex; width: 100%; min-height: 20rem; vertical-align: middle; overflow-x: scroll; padding-right: 1rem; box-sizing: border-box;}
#main .area_event .inner_wrap .next{display: none;}
#main .area_event .inner_wrap .back{display: none;}
#main .area_event .card_ar li{flex-shrink: 0; width: 39%;}
#main .area_event .card_ar li:first-child{margin-left: 1rem;}
#main .area_event .card_ar li a{display: inline-block; position: relative; width: 100%; height: 19.2rem; padding: 1.5rem 0.5rem 0.8rem; text-align: left; background: #fff; color: #141414; border:0.7rem solid #fff; border-radius: 1rem; font-weight: 500; box-sizing: border-box; transition: all 0.2s;}
#main .area_event .card_ar li a:hover{border:0.7rem solid #FFD800;}
#main .area_event .card_ar li + li{margin-left: 0.6rem;}
#main .area_event .card_ar li .date{font-size: 1.2rem; padding-bottom: 1rem;}
#main .area_event .card_ar li .title{font-size: 1.7rem; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .area_event .card_ar li .where{ padding: 1rem 0 0 0; font-size: 1.2rem; line-height: 1.6rem; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: all; }
#main .area_event .card_ar li .view{display: inline-block;  position: absolute; left: 0.5rem; bottom: 1.5rem; padding-top:0.4rem; /*padding: .8rem 1.6rem .5rem;*/ border: 0.1rem solid #141414; border-radius: 2.3rem; font-size: 1.2rem; font-weight: 500; text-align: center; width: 8.6rem; height: 2.6rem; line-height: 2.4rem; }



#main .contents.area_abroad{padding-bottom: 0;}
#main .contents.area_abroad .b_btn{background: #141414; color: #fff; padding: 0 3rem;}
#main .contents.area_toeic .b_btn{background: #141414; color: #fff; padding: 0 6rem;}
#main .area_toeic .ex_box{padding: 2rem 10%;}
#main .area_toeic .ex_box li + li{margin-top: 1.2rem;}
#main .area_toeic .ex_box li a{position: relative; display: inline-block; width: 100%; max-width: 60rem; height: 12.8rem; text-align: left; border-radius: 2rem; border: 0.1rem solid #D9D9D9; box-sizing: border-box;}
#main .area_toeic .ex_box li em{display: block; padding: 3.3rem 0 0 36%; font-size: 1.5rem; font-weight: 500; text-align: left;}
#main .area_toeic .ex_box li p{display: inline-block; line-height: 1.8rem; padding: 1.1rem 0 0 36%;}
#main .area_toeic .ex_box li p span{display: block;}
#main .area_toeic .ex_box li .view{position: absolute; top: 50%; right: 5%; transform: translateY(-50%); background: url(../../images/icon_btnview.svg) no-repeat 50%; width: 4rem; height: 4rem;}
#main .area_toeic .ex_box li .view span{display: none;}

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

#main .contents.area_suggest{background: #F0F0F0; padding: 18%;}
.area_suggest .sub_title{width: 80%;}
.area_suggest .what li{display: inline-block; width: 100%; max-width: 35rem;}
.area_suggest .what li + li{margin-top: 4rem;}
.area_suggest .what li img{width: 100%;}
.area_suggest .what li p{font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; padding: 2rem 0 1rem;}

#main .area_handphone .bgimg{background: url(../../images/handphone_bg.png) no-repeat 50%; width: 100%; height: 15rem; background-size: cover; padding: 2.9rem 2.5rem; box-sizing: border-box;text-align: left;}
#main .area_handphone .bgimg em{display: inline-block; font-size: 1.2rem; font-weight: 500; padding-bottom: 1rem;}
#main .area_handphone .bgimg p{font-size: 2.5rem; font-weight: 700; line-height: 3.1rem;}
#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 .btnbox a{padding: 0 5.8rem;}
#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 */

/* FOOTER : START */
#footer{background: #141414; padding: 3rem 4% 22rem; font-family: 'NotoSansKR';}
#footer .cont-sp{position: relative;}
#footer .other { padding: 0 0 2rem 0; font-size: 1.3rem; color: #ccc; line-height: 2.6rem; text-align: left; word-break: initial; }
#footer .other a { margin: 0 1.5rem 0 0;  font-size: 1.3rem;line-height: 2.6rem; word-break: auto-phrase; } 
#footer .other .moline{display: block; padding-bottom: 0.6rem;}
#footer .adrs{color: #cccccc; font-size: 1.3rem;}
#footer .adrs span{ display: inline-block; font-size: 1.2rem; padding: 0 1rem;}
#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 */


/* SUBPAGE : START */
.mo_sub_header{position: fixed; left: 0; top: 0; width: 100%; height: 5.8rem; background-color: #fff; z-index: 9999;}
.mo_sub_header .backbtn{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4.4rem; height: 4.4rem; background: url(../../images/btn_back.svg) no-repeat 50%;}
.mo_sub_header .top_subtitle{position: absolute; top: 50%; left: 50%; width: 27rem; text-align: center; font-size: 1.8rem; font-weight: 500; transform: translate(-50%, -40%);}
.mo_sub_header .ham-button span{background: rgba(20,20,20,1);}
.mo_sub_header .ham-button span:before,
.mo_sub_header .ham-button span:after{background: rgba(20,20,20,1);}
.mo_sub_header .ham-button:hover span:before {background: rgba(20,20,20,1)}
.mo_sub_header .ham-button:hover span:after {background: rgba(20,20,20,1);}

.subpage.list{padding-top: 10rem;}
.subpage.list .cont-sp{text-align: center; padding: 0 5%; box-sizing: border-box;}
.subpage .sub_title{display: block; font-size: 2.6rem; font-weight: 500; padding: 6rem 0;}
.subpage .bookname{display: inline-block; font-size: 1.5rem; font-weight: 700; padding-bottom: 0.6rem; border-bottom: 0.2rem solid #141414;}
.subpage .bookcopy{width: 80%; margin: 0 auto; font-size: 1.3rem; padding-top: 1rem; line-height: 2rem;}

.subpage .booklist{display: inline-block; margin-top: 3rem;}
.subpage .booklist li{float: left; width: 47%; min-height: 33rem; text-align: left; font-family: 'NotoSansKR'; margin-right: 5.5%; margin-bottom: 3rem;} 
.subpage .booklist li:nth-of-type(even){margin-right: 0;}
.subpage .booklist .book_cover{min-height: 21.7rem; 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.3rem; font-weight: 500; line-height: 2rem; padding: .2rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.subpage.sp_mp .booklist .mpprice{margin-top: 0.5rem;}
.subpage.sp_mp .booklist .mpprice .dc span{display: inline-block; font-size: 1.4rem; font-weight: 400; color: #828282; text-decoration: line-through;}
.subpage.sp_mp .booklist .mpprice .dc em{display: inline-block; font-size: 1.4rem; font-weight: 600; color: #f40000; margin-left: 0.5rem;}
.subpage.sp_mp .booklist .mpprice .final span{font-size: 1.9rem; font-weight: 700; vertical-align: baseline;}
.subpage.sp_mp .booklist .mpprice .final em{font-size: 1.8rem; font-weight: 400; vertical-align: baseline;}

.subpage .booklist .price{font-family: 'GmarketSans'; font-size: 1.6rem; font-weight: 700; vertical-align: baseline;}
.subpage .booklist .price span{font-family: 'NotoSansKR'; font-size: 1.1rem; font-weight: 500; vertical-align: baseline;}
.subpage .booklist .cart{float: right; background: #FFB423 url(../../images/icon_cart.svg) no-repeat 50%; width: 2.8rem; height: 2.8rem; border-radius: 3rem; background-size: 1.6rem 1.6rem;}
.subpage .booklist .tag{display: block; font-size: 1.2rem; color: #828282;}
.subpage .gift{background: #F5F5F5; padding: 6rem 0;}


.subpage.view{padding-top: 5.7rem;}
.subpage .info_wrap{border-bottom: 0.1rem solid #AAAAAA;}
.subpage .sub_top{display: none;}
.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: 3rem 0 2rem; transition: all 0.2s;}
.subpage .sub_top button:hover{background: #141414 url(../../images/icon_back_arrow_w.svg) no-repeat 50%;}

.subpage .book_wrap{display: block; width: 100%; text-align: center; /*background: #f5f5f5;*/ }
.subpage .book_wrap .cover{text-align: center; padding: 4.1rem 0 0;}
.subpage .book_wrap .frame{display: inline-block; width: 65%; max-width: 28rem;}
.subpage .book_wrap .frame img{width: 100%;}
.subpage .book_wrap .thumbnail{margin: 2rem 0; display: inline-block;}
.subpage .book_wrap .thumbnail li{float: left; max-width: 4.2rem; max-height: 10rem; overflow: hidden; border: 0.1rem solid #D9D9D9; box-sizing: border-box;}
.subpage .book_wrap .thumbnail li img{width: 100%; height: 44px;}
.subpage .book_wrap .thumbnail li + li{margin-left: 0.6rem;}


.subpage .book_info{position: relative; display: block; width: 100%; box-sizing: border-box; text-align: left; letter-spacing: -0.1rem; padding-bottom: 2rem;}
.subpage .book_info .title{display: block; color: #141414; font-size: 1.8rem; font-weight: 500; font-family: 'NotoSansKR'; line-height: 2.6rem; padding-bottom: 2rem; padding: 8.2rem 5% 1.8rem;}
.subpage .book_info .price{position: absolute; top: 0; left: 0; display: block; width: 100%; background: #141414; color: #fff; font-size: 2.2rem; font-weight: 700; line-height: 6rem; vertical-align: baseline; letter-spacing: -0.03rem; padding: 0 5%; box-sizing: border-box;}
.subpage .book_info .price span{display: inline-block; font-family: 'NotoSansKR'; font-size: 1.5rem; font-weight: 300; padding-left: 0.5rem; vertical-align: baseline;}
.subpage .book_info .size{font-family: 'NotoSansKR'; color: #959595; padding: 0 5% 1rem; font-size: 1.3rem;}
.subpage .book_info .text{font-family: 'NotoSansKR'; padding: 0 5% 0; font-weight: 500; font-size: 1.3rem;}


.subpage .book_info .popup{position: fixed; bottom: calc(var(--quick-bar-height) + -60px); left: 0; width: 100%; font-family: 'NotoSansKR'; padding: 2rem 5%; border-radius: 1rem 1rem 0 0; background: #F5F5F5; box-sizing: border-box; z-index: 222; transition: all .3s; animation:sticker 1s ease-in Alternate; -webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.5); z-index: 10;}
.subpage .book_info.mpcase .popup{bottom: calc(7.3rem - var(--quick-bar-height)); }
.subpage .book_info .popup .updown_btn{position: absolute; top: -1.5rem; left: 50%; transform: translateX(-50%); width: 10rem; height: 2rem; border-radius: 1rem 1rem 0 0; background: #f5f5f5 url(../../images/tab_up_arrow.svg) no-repeat 50% 60%; z-index: 2;}
.subpage .book_info .popup.up .updown_btn{ background: #f5f5f5 url(../../images/tab_down_arrow.svg) no-repeat 50% 75%;}
.subpage .book_info.mpcase .popup .updown_btn{display: none;}
.subpage .book_info .popup.up{position: fixed; left: 0; bottom: calc(var(--quick-bar-height) + 75px); transition: all .3s;}





.subpage .book_info .popup .pt_txt{color: #E9473F; font-size: 1.3rem; font-weight: 500; padding-bottom: 0.5rem; height: 4.3rem;}
.subpage .book_info .popup .btw_select{position: relative;}
.subpage .book_info .popup .btw_select .default{display: block; width: 100%; height: 5.4rem; font-size: 1.6rem; font-weight: 500; text-align: left; padding: 0 4rem 0 1rem; box-sizing: border-box; color: #141414; background: #fff 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'; line-height: 2.2rem; white-space: normal;}
.subpage .book_info .btw_select .list{display: none; width: 100%; max-height: 32rem; position: absolute; bottom: 5.4rem; left: 0; border: 0.1rem solid #eee; box-sizing: border-box; z-index: 999; background: #fff; padding: 0.5rem 0; overflow: auto;}
.subpage .book_info .btw_select .list button{display: block; width: 100%; background: #fff; height: 4.5rem; font-weight: 500; font-size: 1.5rem; text-align: left; padding: 0 3rem; border-top: 0.1rem solid #eee;}
.subpage .book_info .btw_select .list button:hover{background: #efefef}
.subpage .book_info .price_rs{background: #fff; padding: 2rem 2rem; box-sizing: border-box; border-top: 0.1rem solid #C8C8C8; border-bottom: 0.1rem solid #C8C8C8; color: #828282; font-size: 1.6rem; margin-top: 1rem;}
.subpage .book_info .price_rs .period{float: left;}
.subpage .book_info .price_rs .won{float: right;}

.subpage .book_info .p_result{margin-top: 1.6rem; font-size: 1.3rem; font-weight: 500; padding: 0 1rem;}
.subpage .book_info .p_result .rs_txt{float: left; font-family: 'GmarketSans'; padding-top: 0.8rem;}
.subpage .book_info .p_result .total{float: right; vertical-align: middle;}
.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: 2.2rem; font-weight: 700; color: #E9473F; padding: 0 0 0 1rem; vertical-align: baseline;}
.subpage .book_info .p_result .total .txt{font-size: 1.5rem; vertical-align: baseline}
.subpage .book_info .btnbox{position: fixed; left: 0; bottom: var(--quick-bar-height); width: 100%; padding: 2rem 0 2rem; margin-top: 2rem; background: #F5F5F5; text-align: center; z-index: 222;}
.subpage .book_info.mpcase .btnbox{bottom: 0;}
.subpage .book_info .btnbox button{width: 44%; height: 4.7rem; line-height: 4.7rem; border-radius: 7rem; font-size: 1.6rem; font-weight: 700; text-align: center;}
.subpage .book_info .btnbox button.cart{border: 0.1rem solid #141414; font-weight: 500; margin-right: 0.8rem;}
.subpage .book_info .btnbox button.buy{border: 0.1rem solid #E9473F; background: #E9473F; color: #fff;}

.subpage .cont_wrap .cont-sp{position: relative; padding-bottom: 7rem;}
.subpage .view_wrap .cont-sp{position: relative; border-right: 0.1rem solid #C8C8C8;}
.subpage .view_wrap .view_area .img_ar{width: 90%; padding: 0 20px;}
.subpage .view_wrap .view_area .img_ar img{display: block; width: 100%; height: auto;}

.subpage .view_wrap .buy_tab{display: none;}

/* 장바구니 페이지 시작 */

.subpage.top_sp .sub_top{padding-bottom: 4rem;}
.subpage .cont_wrap.graypage{background: #F5F5F5;}
.subpage .table_wrap{position: relative; display: inline-block; width: 94%; padding-bottom: 3rem; margin: 0 3%;}
.subpage .sm_tit{display: block; font-size: 1.6rem; font-weight: 500; padding: 2.8rem 0 0.6rem;}
.subpage .pd_wrap{background: #fff; font-family: 'NotoSansKR'; font-weight: 500; border: 0.1rem solid #C8C8C8; margin-bottom: 3rem; border-radius: 1rem; padding: 1.9rem 1rem; box-sizing: border-box;}

.subpage input.circle[type="checkbox"] {width: 2rem; height: 2rem; border-radius: 50%; border: 1px 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: 1px solid #FFB423; box-sizing: border-box;}
.subpage .table_wrap .allcheck{font-size: 1.3rem; padding: 0 0.3rem 1.5rem;}
.subpage .table_wrap .allcheck span{display: inline-block; padding-left: 1rem;}
.subpage .table_wrap .allcheck em{display: none;}
.subpage .table_wrap .allcheck .sel_del{position: absolute; top: 2rem; right: 1%; padding: 0.4rem 0.8rem; border: 0.1rem solid #828282; border-radius: 0.6rem; background: #fff; font-size: 1.2rem;}
.subpage .table_wrap .list{position: relative; padding: 2rem 0.3rem; border-bottom: 0.1rem solid #C8C8C8; font-size: 0;}
.subpage .table_wrap .list .pdt{display: inline-block; width: 5rem; padding: 0 1.5rem 0 0.9rem;}
.subpage .table_wrap .list .pdt img{width: 100%;}
.subpage .table_wrap .list .info{display: inline-block; width: calc(100% - 10rem); 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.3rem; line-height: 2rem; padding: 0 0 1.5rem;} 
.subpage .table_wrap .list .choice{width: 100%;}
.subpage .table_wrap .list .select{float: left; width: 11rem; height: 2.5rem; background: url(../../images/select_icon.svg) no-repeat 90% 50%; font-size: 1.2rem; color: #141414; font-weight: 500; border-color: #141414;}
.subpage .table_wrap .list .count{float: right; margin-left: 1.8rem; margin-top: -0.3rem;}
.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{font-size: 1.1rem; font-weight: 500; text-align: right; padding-top: 1.2rem;}
.subpage .table_wrap .list .t_price .dc{display: inline-block; color: #828282; text-decoration: line-through;}
.subpage .table_wrap .list .t_price .rst{display: inline-block; color: #141414; padding-left: 1.3rem;}
.subpage .table_wrap .list .t_price .rst span{display: inline-block; font-size: 1.6rem; font-family: 'GmarketSans'; font-weight: 700; margin-right: 0.2rem;}
.subpage .table_wrap .list .delete{position: absolute; top: 0.7rem; right: 0.5rem; background: url(../../images/mo_close_btn.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 1rem; box-sizing: border-box;}
.subpage .add_wrap .pdbox{font-size: 1.5rem; padding: 1.9rem 0.3rem 2.1rem;}
.subpage .add_wrap .pdbox input{margin-right: 1.3rem;}
.subpage .add_wrap .pdbox em{display: inline-block; color: #828282; font-size: 1.1rem; 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: 0.5rem; top: 0.5rem; width: 5rem; height: 5rem; background: url(../../images/icon_viewbtn.svg) no-repeat 50%; transition: all .3s;}
.subpage .add_wrap.on .viewbtn{position: absolute; right: 0.5rem; top: 0.5rem; width: 5rem; height: 5rem; background: url(../../images/icon_viewbtn.svg) no-repeat 50%; transform: rotate(180deg); transition: all .3s;}


.subpage .buy_wrap{position: relative; width: 94%; margin: 0 3% 0; box-sizing: border-box;}
.subpage .buy_wrap.fixed{position: relative; top: 2rem;}
/*.subpage .buy_wrap.fixed{position: relative; top: 2rem; margin-left: 50%; left: 200px;}*/

.subpage .buy_wrap .tbox{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; border-bottom: 0.1rem solid #141414;}
.subpage .buy_wrap .tbox p{font-size: 1.3rem; line-height: 2rem; font-family: 'NotoSansKR'; color: #141414; background: #fff; padding: 3rem 2rem;}

.subpage .buy_wrap .eorderpaytab{position: fixed; bottom: 0px; left: 0; width: 100%; background: #fff; padding: 2rem; box-sizing: border-box; -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5); z-index: 10;}

.subpage .buy_wrap .mopaytab{ position: fixed; bottom: var(--quick-bar-height); left: 0; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 12px; background: #fff; padding: 2rem; box-sizing: border-box; -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5); z-index: 10;}
.subpage .buy_wrap.mpcase .mopaytab{bottom: 0;}
.subpage .buy_wrap .expay{ display: flex; flex-direction: column; position: absolute; left: 20px; margin-top: 0.5rem;}
.subpage .buy_wrap .expay .tt{font-size: 1.3rem; font-weight: 500;}
.subpage .buy_wrap .expay .dct{display: none;}
.subpage .buy_wrap .expay .total{display: block; font-size: 1.3rem; font-weight: 500;}
.subpage .buy_wrap .expay .total span{font-size: 2.2rem; font-weight: 700; color: #E9473F; vertical-align: baseline;}
.subpage .buy_wrap .buybtn{float: right; height: 4.8rem; line-height: 5rem; border-radius: 4rem; padding: 0 4.8rem; font-size: 1.6rem; font-weight: 700; color: #fff; text-align: center; background: #E9473F;}
.subpage .buy_wrap .addbtn{float: right; height: 4.8rem; line-height: 5rem; border-radius: 4rem; padding: 0 4.8rem; font-size: 1.6rem; font-weight: 700; color: rgb(255, 255, 255); text-align: center; background: rgb(139, 136, 136);}


.subpage .cont-sp.none_state{text-align: center; background: #F5F5F5; padding-bottom: 22rem;}
.subpage .none_state{padding: 16rem 0 25rem; text-align: center;}
.subpage .none_state .state_box{display: inline-block;}
.subpage .none_state .state_box p{font-size: 1.5rem; font-weight: 500; padding-bottom: 2rem;}
.subpage .none_state .state_box .go_main{width: 15.5rem; height: 4.7rem; line-height: 5rem; border-radius: 4rem; background: #141414; font-size: 1.6rem; font-weight: 700; color: #fff;}
.subpage .add_submit_wrap { display: flex; text-align: center;}
.subpage .add_submit_wrap .add_submit{border: 0.1rem solid #141414; font-weight: 700; height: 4.8rem; line-height: 5rem; padding: 0 2rem; border-radius: 4rem; font-size: 1.6rem; text-align: center;}
.subpage .buy_wrap .cart_buybtn{padding: 0 2.8rem; font-size: 1.6rem; font-weight: 700; color: #fff; text-align: center; background: #E9473F;}
/* 장바구니 페이지 : END */


/* 주문결제 페이지 : START */
.subpage .order_wrap{background: #fff; font-family: 'NotoSansKR'; font-weight: 500; border: 0.1rem solid #C8C8C8; border-radius: 1rem; padding: 1rem 1rem; box-sizing: border-box;}
.subpage .order_wrap .list{position: relative; padding: 1.5rem 0.3rem; border-bottom: 0.1rem solid #C8C8C8; font-size: 0;}
.subpage .order_wrap .list .pdt{display: inline-block; width: 5rem; padding: 0 1.5rem 0 1rem;}
.subpage .order_wrap .list .info{display: inline-block; width: calc(100% - 8rem); word-break: break-all;}
.subpage .order_wrap .period{font-size: 1.2rem;}
.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.2rem; 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;}

.subpage .pay_info .stitle{padding-top: 2.5rem;}
.subpage .pay_info .tit{float: left; font-size: 1.6rem; font-weight: 500; padding: 0 0 1rem;}
.subpage .pay_info .ot{float: right; font-size: 1.2rem; font-weight: 500;}
.subpage .pay_info .ot em{color: #E9473F;}
.subpage .pay_info .inbox .table{padding: 2rem 2rem 2rem; 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 .mobt{display: block; text-align: right; margin-top: 0.5rem;}
.subpage .pay_info .inbox .table li:last-child{margin-bottom: 0;}
.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: 25%; font-weight: 500;}
.subpage .pay_info .inbox .table li input[type="text"],input[type="tel"],input[type="email"],input[type="number"]{width: calc(100% - 9rem); height: 4rem; border-color: #C8C8C8;}
.subpage .pay_info .inbox .table li .write{display: inline-block; width: 73%;}
.subpage .pay_info .inbox .table li .write div{margin-bottom: 1rem;}
.subpage .pay_info .inbox .table li .adress input{width: 100%;}
.subpage .pay_info .inbox .table li .btn_adress{width: 31%; height: 4rem; line-height: 4rem; background: #FFB423; border-radius: 0.4rem; font-size: 1.3rem; font-weight: 600; color: #fff; font-family: 'NotoSansKR'; vertical-align: middle;}
.subpage .pay_info .inbox .table li .write .zip{width: 67%; margin-right: 2%;}
.subpage .pay_info .inbox .table li .write .not{cursor: not-allowed; background: #f0f0f0;}

.subpage .pay_info .inbox.payoptions .table .radio-btn{display: block;}
.subpage .pay_info .inbox.payoptions .table .radio-btn + .radio-btn{padding-top: 1.5rem;}

.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: 5px; }
.radio-btn input[type="radio"]  { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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: 8px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px 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 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px 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: 13px; left: 5px; width: 12px; height: 12px; background: #E9463F; border-radius: 100%; margin-top: -0.5rem;}

/*radio 클릭 시 text 보여주기*/
.radio-btn > input[type="radio"] + label + input[type="text"] {width: calc(100% - 170px); display: none;}
.radio-btn > input[type="radio"]:checked + label + input[type="text"] {display: inline-block;}
@media screen and (max-width: 424px) {
    .radio-btn > input[type="radio"] + label + input[type="text"] {
        width: 100%;
        margin-top: 1.5rem;
    }
	.ngkids #main .title_bg{height: 70rem !important; }

}

@media screen and (min-width: 425px) {
    .radio-btn > input[type="radio"] + label + input[type="text"] {max-width: 250px;}
}

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


.subpage .pay_info .inbox .agtit{display: inline-block; font-size: 1.5rem; 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: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: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 1rem 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.3rem; padding: 2rem 1.5rem; background-color: #f7f7f7;}
.subpage .pay_info .inbox .agree-info-txt ol li {list-style-type:decimal; margin:0 0 25px 15px;}
.subpage .pay_info .inbox .agree-info-txt h4 {font-weight:bold; margin:30px 0 15px;}
.subpage .pay_info .inbox .agree-info-txt h4.mt {margin-top:0;}
.subpage .pay_info .inbox .scroll_x{width: 26rem; overflow-x: scroll;}
.subpage .pay_info .inbox .agree-table {border:solid 1px #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:5px;}
.subpage .pay_info .inbox .agree-disc {margin:15px 0 0 0;}
.subpage .pay_info .inbox .agree-disc li {list-style:disc; margin:0 0 5px 15px;}
.subpage .pay_info .inbox .agree-table th,
.subpage .pay_info .inbox .agree-table td {border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.subpage .pay_info .inbox .agree-info-txt h1 {text-align: center; margin: 40px auto; letter-spacing: -0.15rem; font-weight: 600;}
.subpage .pay_info .inbox .agree-info-txt ol > li {margin-bottom: 10px}

.subpage .pay_info .inbox.nomem .table{line-height: 2rem; padding: 3rem 2rem; font-size:1.3rem;}

.subpage .buy_wrap .bill{display: none;}
.subpage .buy_wrap .bill span{float: right; font-size: 1.5rem; color: #141414;}
/* 주문결제 페이지 : END */


/* 스터디존 : START */
.subpage .sub_top {padding-bottom: 1.6rem;}
.subpage .cont_wrap {font-family: 'NotoSansKR';}
.subpage .info_box{padding: 4rem 5% 2rem; background: #F5F5F5 ;}
.subpage .info_box .name{font-size: 2.3rem; font-weight: 500; font-family: 'GmarketSans'; color: #141414; vertical-align: baseline;}
.subpage .info_box .date{display: block; font-size: 1.5rem; font-weight: 500; color: #141414; vertical-align: baseline; letter-spacing: -0.08rem;}
.subpage .choice{margin-top: 1rem;}
.subpage .choice select{display: block; width: 100%; height: 5rem; padding: 0 2.5rem; box-sizing: border-box; border-radius: 1rem; border-color: #C8C8C8; 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 + select{margin-top: 0.5rem;}
.subpage .choice select:focus {outline:none;}
.subpage .choice select:last-child{margin-right: 0;}
.subpage .mo_view_ar{padding: 0 3%;}
.subpage .empty_sp{margin-top: 4rem;} 
.subpage .hdt{position: relative; text-align: center; margin-top: 4rem;}


.subpage .subtit{font-size: 2.1rem; font-weight: 500; padding-bottom: 1rem;; font-family: 'GmarketSans';}
.subpage .subtit.cattit{padding-bottom: 2rem;}
.subpage .subcopy{font-size: 1.5rem; font-weight: 500; padding-bottom: 2rem;}
.subpage .subcopy span{display: block; text-indent: -1.9rem; margin-left: 2rem;}

.subpage .table_list{border-top: 0.2rem solid #141414; font-weight: 500; font-size: 1.4rem;}
.subpage .table_list table{width: 100%;}
.subpage .table_list thead th{height: 5rem; vertical-align: middle; text-align: center; font-size: 1.4rem; font-weight: 500; font-family: 'GmarketSans'; border-bottom: 0.1rem solid #141414;}
.subpage .table_list tbody td{height: 6rem; vertical-align: middle; text-align: center; border-bottom: 0.1rem solid #C8C8C8;}
.subpage .table_list tbody td.left{position: relative; text-align: left; padding: 0 0.5rem; box-sizing: border-box;}
.subpage .table_list .subject{width: 50%; text-align: left; padding: 0.5rem 0.2rem 0.5rem 0.5rem; box-sizing: border-box;}
.subpage .table_list .course{width: 11%; box-sizing: border-box;}
.subpage .table_list .down{width: 13%; box-sizing: border-box;}
.subpage .table_list .down .filedown{border: 0.1rem solid #c8c8c8; padding: 1.5rem 1.5rem; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 500; background: url(../../images/icon_download.svg) no-repeat 50%;}
.subpage .table_list .down .filedown span{display: none;}

.subpage .page_wrap{margin: 3rem 0; font-size: 1.6rem; font-weight: 500; text-align: center;}
.subpage .page_wrap a{display: inline-block; width: 4rem; height: 4rem; line-height: 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: 4rem; height: 4rem;}
.subpage .page_wrap .p_btn2{display: inline-block; background: url(../../images/arrow2.svg) no-repeat 50%; width: 4rem; height: 4rem;}
.subpage .page_wrap .pre{transform: rotate(180deg);}
.subpage .page_wrap .disabled{opacity: 0.2;}
.subpage .page_wrap .paging{display: inline-block; margin: 0; 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: 6rem; line-height: 6rem; 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: 3rem;}
.subpage .graph{padding: 2rem; min-height: 10rem;}
.subpage .graph_ar .graph{display: none;}
.subpage .graph_ar.on .graph{display: block;}


.subpage .table_list.test th span{display: block;}
.subpage .table_list.test .subject{width: 28%; text-align: center;}
.subpage .table_list.test .course{width: 32%;}
.subpage .table_list.test .down{width: 40%;}
.subpage .table_list.test .down .write{border: 0.1rem solid #141414; padding: 0.8rem 1rem 0.7rem; border-radius: 3rem; font-size: 1.2rem; font-weight: 500; line-height: 2rem;}

.subpage .table_list.cat .down .write{border: 0.1rem solid #141414; padding: 0.8rem 1rem 0.7rem; border-radius: 3rem; font-size: 1.2rem; font-weight: 500; line-height: 2rem;}
.subpage .table_list.cat .down .write em{display: none;}

.subpage .table_list .down .view_test{background: #141414; padding: 0.8rem 1rem 0.7rem; border-radius: 3rem; font-size: 1.2rem; font-weight: 500; line-height: 2rem; color: #fff;}
.subpage .table_list .down .keep_test{border: 0.1rem solid #141414; padding: 0.8rem 1rem 0.7rem; border-radius: 3rem; font-size: 1.2rem; font-weight: 500; line-height: 2rem;}

.onlinetest_pop{text-align: center; padding: 0 5%;}
.onlinetest_pop .tit{display: inline-block; font-size: 2.1rem; font-weight: 700; margin: 4rem 0 2rem;}
.onlinetest_pop .txtbox{display: inline-block; text-align: left; max-width: 62rem; padding: 2.5rem 2.5rem; background: #F5F5F5; border-radius: 2rem; font-family: 'NotoSansKR'; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem;}
.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: 1.8rem 4rem; font-size: 1.8rem; font-weight: 700; color: #fff; background: #141414; border-radius: 7rem; margin-top: 3rem;}


.subpage .view-ar{padding: 0 3%;}
/*.subpage .hdt .toeic_logo{position: relative; display: inline-block; background: url(../../images/toeic_logo.jpg) no-repeat 50%; width: 10rem; height: 3.6rem; background-size: 100%;}*/
.subpage .cont_wrap .cont-sp.to_top {padding-bottom: 0rem;}
.subpage .fr_toeic{letter-spacing: -0.1rem;}
.subpage .fr_toeic.toeicview {padding-bottom: 4rem;}
.subpage .fr_toeic .top_txt{padding: 0.5rem 0 2rem;}
.subpage .fr_toeic .top_txt p{font-weight: 400; padding-bottom: 0.5rem; line-height: 2.6rem;}
.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 .butit{font-size: 2rem; height: 4.5rem; line-height: 4.5rem; 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; color: #000; font-weight: 400; padding: 2rem; 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.4rem; color: #000; font-weight: 500; padding: 1.5rem; 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: 2.5rem; 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 2rem; border-top: 0.1rem solid #141414; font-size: 1.4rem; box-sizing: border-box;}
.subpage .fr_toeic .toeic_form tr{line-height: 3.5rem;}
.subpage .fr_toeic .toeic_form th{color: #000; font-weight: 400; text-align: left; color: #141414; padding: 0 1rem 0 0; box-sizing: border-box;vertical-align: middle;}
.subpage .fr_toeic .toeic_form .teltit{vertical-align: top; padding-top: 1.5rem;}
.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: 100%; height: 4.2rem; background: url(../img/new20/select_icon.svg) no-repeat 95% 50%; font-size: 1.4rem;}
.subpage .fr_toeic .toeic_form td{height: 4.2rem;}
.subpage .fr_toeic .toeic_form .telnum{padding-top: 1rem;}
.subpage .fr_toeic .toeic_form .telnum .tel{font-size: 1.4rem; width: 100%; height: 4.2rem; padding: 0 2%; box-sizing: border-box;}
.subpage .fr_toeic .toeic_form .telnum .txtlh{vertical-align: top; line-height: 2.5rem;}
.subpage .fr_toeic .toeic_form .telnum .sms{width: 2rem; height: 2rem; vertical-align: sub;}

.subpage .fr_toeic .toeic_form.ap_in{padding: 2rem; box-sizing: border-box; line-height: 2.6rem; font-weight: 500;}
.subpage .fr_toeic .toeic_form.ap_in li{text-indent: -1.5rem; margin-left: 1.25rem;}
.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"; line-height: 2rem;}
.subpage .fr_toeic .exam_guide{font-size: 1.4rem; padding: 2rem; box-sizing: border-box; font-weight: 500;}
.subpage .fr_toeic .exam_guide a{display: block; width: 19rem; padding: 1.2rem 3rem 1rem; font-size: 1.5rem; font-weight: 500; text-align: center; border-radius: 4.4rem; border: 0.1rem solid #141414; margin: 1rem 0 0; font-family: "GmarketSans"; box-sizing: border-box;}

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

.subpage .hdt .exebtn{text-align: center;}
.subpage .hdt .exebtn .qa01, .subpage .hdt .exebtn .qa02{display: inline-block; width: 45%; font-size: 1.5rem; font-weight: 700; text-align: center; height: 4.6rem; line-height: 4.4rem; border-radius: 0.4rem; margin-bottom: 2rem; 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;}


/* 학습 안되시나요 모달 팝업 : 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: 9999;}

.modal-pop .cont-area{position: relative; width: 95%; top: 53%; left: 50%; transform: translate(-50%, -50%);}
.modal-pop .btn-close{position: absolute; top: -2rem; right: -1rem;  transform: translate(-50%, -50%); background: url(../../images/icon_popclose.svg) no-repeat 50%; width: 2.4rem; height: 2.4rem; background-size: 100%;}
.modal-pop .popup{color: #fff; overflow-y: scroll; background: #3D80CC; border-radius: 1.5rem;}
.modal-pop .layer .h-space{display: inline-block; font-size: 0; height: 2rem;}
.modal-pop .layer{height: 55rem; margin: 0 auto; padding: 0 2.5% 5%; 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: 100%; text-align: left; font-size: 1.6rem; background: #fff; color: #333333; border-radius: 2rem; padding: 4.3rem 1rem;  box-sizing: border-box;}
.modal-pop .inner .tit{color: #0B50A2; font-size: 2.4rem; font-weight: 700;}
.modal-pop .inner .tit:before{display: none;}
.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 img{width: 100%; max-width: 60rem;}
.modal-pop .inner .subspace{padding-top: 7rem;}

.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-top: -1rem;}
.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: 15%;}
.subpage .table_list.cat_add col:nth-child(2n){width: 60%;}
.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 th span{display: block;}
.subpage .table_list.cat_rw td .br{display: block;}
.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_ex tbody .bg_gray td em{display: block;}
.subpage .table_list.cat_rw .tt.left{position: relative; padding: 0.6rem 2rem 0.6rem 0.5rem;}
.subpage .table_list.cat_rw .tt a{display: inline-block; font-size: 1.4rem; box-sizing: border-box;}
.subpage .table_list.cat_ex .tt.cnt{padding: 0.8rem 1rem; 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 3.5rem 0 1rem; 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; background-size: 50%; 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:after{content: ''; position: absolute; top: 50%; right: 0.5rem; transform: translateY(-50%); background: url(../../images/icon_viewbtn_bk.svg) no-repeat 50%; background-size: 60%; width: 2rem; height: 2rem; transition: all 0.2s;}
.subpage .table_list.cat_rw .tt.on:after{transform: rotate(180deg)translateY(50%); transition: all 0.2s;}
.subpage .table_list.cat_rw button{font-size: 1.3rem; font-weight: 500;}
.subpage .table_list.cat_rw .btn,
.subpage .table_list.cat_ex .btn{display: inline-block; border: 0.1rem solid #141414; font-size: 1.2rem; padding: 0.4rem 0.5rem; height: 3.6rem; line-height: 2.8rem; border-radius: 0.7rem; box-sizing: border-box; background: #fff; font-weight: 500;}
.subpage .table_list.cat_rw .b_btn,
.subpage .table_list.cat_ex .b_btn{color: #fff; background: #141414; font-weight: 500;}
.subpage .table_list.cat_rw .btw{padding: 0.5rem; box-sizing: border-box;}
.subpage .table_list.cat_add .lec_title{text-align: left; padding: 0.4rem 0 0.4rem 1rem; box-sizing: border-box;}


.subpage .hdt .lang_tab{font-family: "GmarketSans"; font-weight: 500; font-size: 1.5rem; 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: 1.5rem;}
.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: 2rem; width: 70%;}
.subpage.freezone .table_list .zone_view{width: 100%;}
.subpage.freezone .table_list .zone_view .viewbtn{text-align: right;}
.subpage.freezone .table_list .zone_view .viewbtn a{display: inline-block; padding: 0.8rem 2rem; border: 0.1rem solid #141414; border-radius: 4rem; margin: 1rem 0 0 0;}
.subpage.freezone .table_list.view tbody td{border-bottom: 0.2rem solid #141414;}
.subpage.freezone .table_list .zone_view .min_sp{padding: 2rem; min-height: 40rem; font-size:1.4rem; text-align: left; font-weight: 300; line-height: 2.4rem;}
.subpage.freezone .table_list .zone_view .min_sp img{display: inline-block; margin-bottom: 1rem; width: 100%;}
.subpage.freezone .table_list .btn_ar{padding-top: 2rem; position:relative;}
.subpage.freezone .table_list .btn_way{display: inline-block; position:absolute; left:0;}
.subpage.freezone .table_list .btn_ar .btn{display: inline-block; text-align: center; border-radius: 6rem; padding: 1rem 1.5rem; border: 0.1rem solid #141414; font-size: 1.4rem;}
.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.other .sub_visual{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 .ai_wrap .system .title{padding-top: 6rem;}
.subpage .ai_wrap .title{font-family: "GmarketSans"; font-size: 2rem; font-weight: 500; text-align: center; padding: 4rem 0 2rem;}
.subpage .ai_wrap .system .title{padding-top: 3rem;}
.subpage .ai_wrap .exp{font-size: 0; padding: 0 14%; text-align: center;}
.subpage .ai_wrap .exp div{display: inline-block; width: 100%; max-width: 40rem; min-height: 24rem; font-size: 1.8rem; text-align: center; border-radius: 1rem; border: 0.1rem solid #c8c8c8; margin-bottom: 3rem; padding: 3rem; box-sizing: border-box;}
.subpage .ai_wrap .exp div em{display: block; font-size: 1.7rem; padding-bottom: 1.3rem; font-weight: 500;}
.subpage .ai_wrap .exp div p{line-height: 2rem; font-size: 1.4rem;}
.subpage.other{padding-top: 5.7rem;}
.subpage.other .cont_wrap .aitop{padding-bottom: 0;}
.subpage .ai_wrap .exp .ex1{background: url(../../images/exp01.svg) no-repeat 50% 83%; background-size: 10rem;}
.subpage .ai_wrap .exp .ex2{background: url(../../images/exp02.svg) no-repeat 50% 89%; background-size: 9rem;}
.subpage .ai_wrap .exp .ex3{background: url(../../images/exp03.svg) no-repeat 50% 80%; background-size: 9rem;}

.ai_wrap .step{background: #141414; padding: 6rem 4% 4rem; text-align: center;}
.ai_wrap .step .inner{display: inline-block; width: 100%; color: #fff;}
.ai_wrap .step .inner .tit{display: block; font-size: 2rem; font-weight: 500; padding-bottom: 2rem;}
.ai_wrap .step .inner .copy{font-size: 1.6rem; padding-bottom: 2rem;}
.ai_wrap .step .inner .swipe{margin: 0 auto; background: url(../../images/icon_swipe.svg) no-repeat 50%; width: 4rem; height: 4rem;}

.ai_wrap .step .swiper-container .swiper-wrapper .box{color: #141414;}
.ai_wrap .step .swiper-container .swiper-wrapper .box em{display: inline-block; font-size: 2rem; font-weight: 500; padding: 4rem 0 2rem;}
.ai_wrap .step .swiper-container .swiper-wrapper .box em span{display: block; font-size: 1.4rem; padding-bottom: 1rem;}
.ai_wrap .step .swiper-container .swiper-wrapper .box p{font-size: 1.4rem; font-weight: 500;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}


.subpage .ai_wrap .analysis{text-align: center;}
.subpage .ai_wrap .analysis .image{display: inline-block; width: 45%; max-width: 25rem;}
.subpage .ai_wrap .analysis .image:nth-of-type(even){margin-left: 2%;}
.subpage .ai_wrap .analysis .image img{width: 100%; padding-bottom: 1rem;}

.subpage .ai_wrap .guide{background: #F0F0F0; padding: 4rem 5%;}
.subpage .ai_wrap .guide .inner{width: 100%; margin: 0 auto;}
.subpage .ai_wrap .guide .tit{display: block; font-size: 1.8rem; font-weight: 500; padding: 0 0 2rem 1rem;}
.subpage .ai_wrap .guide .txt{font-size: 1.4rem; line-height: 2.4rem; font-family: 'NotoSansKR'; text-indent: -0.8rem; margin-left: 0.8rem;}
.subpage .ai_wrap .guide .txt p{padding-bottom: 0.6rem;}

.subpage .ai_wrap .btnwrap{text-align: center; padding: 4rem 0 10rem;}
.subpage .ai_wrap .lvtest_btn{display: inline-block; padding: 1.4rem 3rem 1.3rem; text-align: center; border-radius: 6rem; border: 0.1rem solid #141414; font-size: 1.6rem; font-weight: 700; background: #141414; color: #fff;}
/* 스터디존 : END */


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

/* 제휴문의 : START */
.subpage .partner_wrap{width: 94%; padding: 4rem 0; text-align: left;}
.subpage .partner{padding: 2rem 4%; background: #fff; border-top: 0.1rem solid #141414; box-sizing: border-box;}
.subpage .partner th{display: block; width: 100%;}
.subpage .partner tr{display: block; margin-bottom: 1.8rem;}
.subpage .partner td{display: block; width: 100%;}
.subpage .partner td select{width: 100%; 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"],input[type="password"]{width: 100%; height: 3.6rem; border-color: #C8C8C8; 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; padding-bottom: 0.4rem;}
.subpage .partner th span:after{content: '*'; display: inline-block; color: #E9473F; margin-left: 0.5rem;}
.subpage .partner textarea{width: 100%; height: 26rem; padding: 1rem 1.2rem; font-size: 1.6rem;}

.subpage .partner .file_item input{width: calc(100% - 10.5rem); margin-right: 2%;}
.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: block; vertical-align: middle; margin-top: 1rem;}
.subpage .partner .agreement{padding: 2rem 1.5rem; background: #F5F5F5; line-height: 2.4rem; margin-top: 2rem;}
.subpage .partner .agreement .tit{ font-family: "GmarketSans"; font-size: 1.5rem; font-weight: 500; padding-bottom: 0.5rem;}
.subpage .partner .chk_agree{margin: 1rem 0 3rem; 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: 1.4rem 2.5rem; border-radius: 6rem; background: #141414; color: #fff; font-size: 1.6rem; font-weight: 700; margin: 3rem 0 4rem;}
/* 제휴문의 : END */


/* 마이페이지 : START */
.subpage .mylist{font-family: "NotoSansKR"; font-weight: 500; padding: 4%;}
.subpage .mylist .tab_subtit{text-align: center; font-size: 1.5rem; padding: 1rem 0 2rem;}
.subpage .mylist .purchase li{float: left; width: 100%; text-align: left; border-top: 0.1rem solid #141414; padding: 2rem 1rem; box-sizing: border-box;}
.subpage .mylist .purchase .image{display: inline-block; width: 7rem;}
.subpage .mylist .purchase .image img{width: 100%;}
.subpage .mylist .purchase .info{display: inline-block; width: calc(100% - 9rem); padding: 0 0 1rem 1rem; text-align: left;}
.subpage .mylist .purchase .info em{display: block; font-size: 1.6rem; line-height: 2.2rem;}
.subpage .mylist .purchase .info p{font-size: 1.3rem; color: #828282; padding-top: 1rem;}
.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: 1.8rem; font-family:inherit;}

.subpage .mylist .certify{width: 100%; margin: 0 auto;}
.subpage .mylist .certify .table{width: 100%; border-top: 0.1rem solid #141414; background: #F5F5F5; padding: 1.5rem; box-sizing: border-box; margin-bottom: 4rem;}
.subpage .mylist .certify .stt{display: block; text-align: left; padding-bottom: 1rem; font-family: "GmarketSans";}
.subpage .mylist .certify .table .inbox{vertical-align: middle; margin-right: 1rem;}
.subpage .mylist .certify .inbox label{display: block; font-size: 1.4rem; text-align: left; padding: 0.5rem 0 0.5rem;}
.subpage .mylist .certify .inbox p + p{padding: 1rem 0 0.3rem;}
.subpage .mylist .certify .cerf_btn{width: 18rem; height: 4.8rem; line-height: 4.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 1.6rem; border-radius: 4.8rem; background: #141414; margin: 2rem 0;}
.subpage .mylist .certify .table .tline{line-height: 2.3rem; font-size: 1.4rem; font-weight: 300; text-align: left; margin-left: 1rem; text-indent: -0.8rem;}

.subpage .leveltest{position: relative; text-align: center; margin-top: 4rem;}
.subpage .leveltest .levbtn{text-align: center;}
.subpage .leveltest .levbtn a, .subpage .levbtn button{display: inline-block; width: 45%; font-size: 1.5rem; font-weight: 700; text-align: center; height: 4.6rem; line-height: 4.4rem; border-radius: 0.4rem; margin-bottom: 2rem; 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 {font-size:1.3rem; line-height:2.0rem;}

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


/* NG Member 인증 : START */
.subpage .mylist .card-ar{text-align: center; margin: 0 0 40px;}
.subpage .mylist .card-ar .card{display: inline-block; width: 100%; border: 2rem solid #FFD700; padding: 2.5rem 2rem; box-sizing: border-box;}
.subpage .mylist .card-ar .card .image{display: inline-block; min-width: 17rem;}
.subpage .mylist .card-ar .card .image img{width: 100%;}
.subpage .mylist .card .mem-info{font-size: 0; padding-top: 2rem;}
.subpage .mylist .card .mem-info .name{display: inline-block; width: 15%; font-size: 1.4rem; 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: 100%; 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 1rem;}

/*.print-ar{width: 29.7cm; height: 21cm;}*/
.cerf-ar .ccate{position: relative;}
.cerf-ar .ccate img{width: 100%;}
.cerf-ar .c-name{position: absolute; top: 27%; right: 25%; font-size: 1.6rem; font-weight: 500; letter-spacing: 4px;}
.cerf-ar .c-date{position: absolute; bottom: 42%; right: 25%; font-size: 1.2rem; font-weight: 500;}
.cerf-ar .btn{width: 18rem; height: 4.8rem; line-height: 4.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 1.6rem; border-radius: 4.8rem; background: #141414; margin: 2rem 0;}

.subpage .mylist .letter{width: 100%; margin: 4.5rem auto 0; box-sizing: border-box;}
.subpage .mylist .letter .tt{font-size: 2rem; padding-bottom: 20px; font-weight: 400; font-family: "GmarketSans";}
.subpage .mylist .letter .txt{font-size: 1.5rem; line-height: 2.6rem; color: #333333; padding-bottom: 30px; letter-spacing: -0.15rem; text-align: left;}
.subpage .mylist .letter .ybmlogo{padding: 2rem 0;}
.subpage .mylist .letter .ybmlogo img{width: 6rem;}
.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{background: #141414 url(../../images/visual_cyber.jpg) no-repeat 50%; height: 42rem; text-align: center; font-family: "GmarketSans"; color: #fff; font-weight: 500; padding: 0 3rem;}
.sub_visual .sub_tit{display: inline-block; padding-top: 13rem; font-size: 2.2rem;}
.sub_visual .sub_copy{margin: 0 auto; line-height: 2.4rem; padding-top: 4rem; font-family: 'NotoSansKR'; font-size: 1.4rem; font-weight: 300;}
.sub_visual .sub_copy span{display: block;}
.subpage .cyber_wrap{font-weight: 500;}
.cyber_wrap .leclist{margin-top: 5rem;}
.subpage .cyber_wrap .mo_view_ar{padding: 0 2rem;}
.cyber_wrap .leclist li{float: left; width: 47%; border-radius: 1rem;  margin-bottom: 1.5rem;text-align: center;}
.cyber_wrap .leclist li:nth-of-type(odd){margin-right: 2rem;}
.cyber_wrap .leclist .lecture{display: inline-block; border: 0.1rem solid #C8C8C8; border-radius: 1rem; overflow: hidden;}

.cyber_wrap .leclist .photo{width: 100%;}
.cyber_wrap .leclist .photo img{display: block; width: 100%;}
.cyber_wrap .leclist .infom{width: 100%; padding: 1rem; min-height: 14rem; box-sizing: border-box; text-align: left;}
.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: 11% 5% 10% 5%; background: #F5F5F5; text-align: center;}
.cyber_wrap .lec_view .imgar{display: inline-block; width: 28.8rem;}
.cyber_wrap .lec_view .imgar img{width: 100%;}
.cyber_wrap .lec_view .info{display: inline-block; width: 28.8rem; font-family: "GmarketSans"; text-align: left;}
.cyber_wrap .lec_view .info em{display: block; font-size: 1.8rem; font-weight: 500; padding: 2rem 0 2rem;}
.cyber_wrap .lec_view .info p{font-size: 1.4rem; font-weight: 300; padding-bottom: 2rem;}
.cyber_wrap .lec_view .info .viewbtn{display: inline-block; width: 12rem; height: 4.8rem; line-height: 4.8rem; text-align: center; border: 0.1rem solid #141414; border-radius: 0.4rem; background: #fff; font-size: 1.5rem; font-weight: 700;}

.cyber_view_wrap{margin-top: 1rem; padding: 4%;}
.cyber_view_wrap .inwrap {padding-top: 6rem;}
.cyber_view_wrap .tab{position: relative; display: block;}
.cyber_view_wrap .tab li {float: left; padding:0.7rem 1.3rem; font-size:1.5rem; 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:3rem; line-height:2.6rem; color:#333; font-size: 1.4rem;}

.cyber_view_wrap .txt .stt{font-size: 1.7rem; 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:2.6rem; margin:1.5rem 0 0 1.7rem; font-size: 1.4rem;}
.cyber_view_wrap .cyber_view_con3 .con3 li {list-style:disc; color:#333; display:inline-block;}

.cyber_view_wrap .cyber_view_con3 .book {display: block; width:27rem; margin:3rem auto 0; border:0.1rem solid #c5c5c5;}
.cyber_view_wrap .cyber_view_con3 .bookinfo {display: block; padding:3rem 0 0; vertical-align:top; box-sizing: border-box;}
.cyber_view_wrap .cyber_view_con3 .bookinfo .empty{padding-bottom: 3.5rem;}
.cyber_view_wrap .cyber_view_con3 .name{display: inline-block; font-size: 2.4rem; font-weight: 700;  font-family: "GmarketSans"; padding-bottom: 1.5rem;}
.cyber_view_wrap .cyber_view_con3 .writer li {font-size:1.6rem;}
.cyber_view_wrap .cyber_view_con3 .con3 .desc li {margin-left:2rem; list-style:disc; display:list-item; font-size:1.6rem; }
/* 사어버강의 : 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 .sub_copy span{display: inline;}
.subpage .catv .title{font-size: 4rem; font-weight: 500; text-align: center; padding: 8rem 0 6rem;}
.subpage .catv .cat_way .title{font-size: 2rem; font-weight: 500; text-align: center; padding: 6.3rem 0 3rem;}
.subpage .catv .cat_way .way{font-size: 0; padding-bottom: 3rem;}
.subpage .catv .cat_way .box{display: inline-block; width: 94%; height: 14rem; border: 0.1rem solid #C8C8C8; border-radius: 1rem; font-size: 1.4rem; padding: 3rem 3rem 3rem 11.5rem; box-sizing: border-box; margin: 0 3% 1rem;}
.subpage .catv .cat_way .box em{display: block; font-size: 1.6rem; font-weight: 500; padding-bottom: 1rem;}
.subpage .catv .cat_way .box p{line-height: 1.8rem;}
.subpage .catv .cat_way .box.way1{background: url(../../images/cat_way1.svg) no-repeat 2.5rem 50%; background-size: 6rem;}
.subpage .catv .cat_way .box.way2{background: url(../../images/cat_way2.svg) no-repeat 2.5rem 50%; background-size: 6rem;}
.subpage .catv .cat_way .box.way3{background: url(../../images/cat_way3.svg) no-repeat 2.5rem 50%; background-size: 6rem;}
.subpage .catv .cat_way .box.way4{background: url(../../images/cat_way4.svg) no-repeat 2.5rem 50%; background-size: 6rem;}
.subpage .catv .cat_way .box.way5{background: url(../../images/cat_way5.svg) no-repeat 2.5rem 50%; background-size: 6rem;}
.subpage .catv .cat_way .box.way6{background: url(../../images/cat_way6.svg) no-repeat 2.5rem 50%; background-size: 6rem;}

.subpage .catv .cat_way .appbox{background: url(../../images/app_bg.png) no-repeat 50%; text-align: center; color: #fff; font-size: 1.3rem; font-family: 'NotoSansKR'; padding: 6.5rem 3rem 6.5rem;}
.subpage .catv .cat_way .appbox .intit{padding: 0 0 4rem; font-size: 2.2rem; font-weight: 500; font-family: "GmarketSans";}
.subpage .catv .cat_way .appbox .copy{width: 100%; 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: block;margin-bottom: 2rem;}
.subpage .catv .cat_way .appbox .qr:last-child{margin-bottom: 0;}
.subpage .catv .cat_way .appbox .qr em{display: none;}
.subpage .catv .cat_way .appbox .qr .code.and{display: inline-block; background: url(../../images/download_btn_gplay.png) no-repeat 50%; width: 16rem; height: 4.8rem; background-size: 100%;}
.subpage .catv .cat_way .appbox .qr .code.ios{display: inline-block; background: url(../../images/download_btn_ios.png) no-repeat 50%; width: 16rem; height: 4.8rem; background-size: 100%;}

.subpage .how_wrap .exp{font-size: 0;}
.subpage .how_wrap .exp div{display: inline-block; width: 76%; margin: 0 12% 2rem; min-height: 25.8rem; font-size: 1.4rem; text-align: center; border-radius: 1rem; border: 0.1rem solid #c8c8c8; padding: 3rem; box-sizing: border-box;}
.subpage .how_wrap .exp div em{display: block; font-size: 1.6rem; padding-bottom: 1rem; font-weight: 500;}
.subpage .how_wrap .exp div p{line-height: 2rem;}
.subpage .how_wrap .exp .ex1{background: url(../../images/exp01.svg) no-repeat 50% 80%; background-size: 11rem;}
.subpage .how_wrap .exp .ex2{background: url(../../images/how02.svg) no-repeat 50% 80%; background-size: 10rem;}
.subpage .how_wrap .exp .ex3{background: url(../../images/how03.svg) no-repeat 50% 80%; background-size: 10rem;}

.subpage .cat_way .side_title{display: block; width: 100%; font-size: 1.8rem; font-weight: 700; text-align: center; line-height: 3rem; padding: 0 0 1rem; border-bottom: 0.2rem solid #141414; margin-bottom: 3rem;}
.subpage .cat_way .side_title span{display: block;}
.subpage .cat_way .inner_wrap{position: relative; text-align: center;}
.subpage .cat_way .inner_wrap li{max-width: 27rem;}
/* CAT TOEIC : END */


/* AI 레벨테스트 페이지 추가 : START 230726 */
.subpage .cont_wrap{font-family: 'GmarketSans'; position: relative; width: 100%; margin: 0 auto;}
.subpage .aitest{text-align: center;}
.subpage .aitest .top_visual{background: #000 url(../../images/aitest_bg.jpg) no-repeat 50% 0; color: #fff; font-weight: 500; padding: 4rem 0 1rem; box-sizing: border-box; background-size: 260%;} 
.aitest .top_visual .cont_wrap{position: relative;}
.aitest .top_visual .toptxt{font-size: 1.3rem; font-weight: 300;}
.aitest .top_visual .toptxt em{display: block; font-size: 1.8rem; font-weight: 700; padding-top: 1rem;}
.aitest .top_visual .centertxt{padding: 6.3rem 0 7rem; font-size: 10rem; font-weight: 700;}
.aitest .top_visual .centertxt em{display: block; font-size: 2.8rem; margin-top: -1rem;}
.aitest .top_visual .bdtxt{font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; background: linear-gradient(to right, #1DD8FF, #00E377);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .top_visual .cardwrap{margin: 3rem 0 0; padding: 0 2%; box-sizing: border-box;}
.aitest .top_visual .cardwrap li{display: inline-block; width: 48%; height: 23rem; border-radius: 0.8rem; padding: 4rem 1rem; box-sizing: border-box; font-size: 1.3rem; color: #000;}
.aitest .top_visual .cardwrap li + li{margin-bottom: 1rem;}
.aitest .top_visual .cardwrap li:nth-of-type(odd){margin-right: 0.6rem;}
.aitest .top_visual .cardwrap li em{display: block; font-size: 1.8rem; font-weight: 700; padding-top: 0.5rem;}
.aitest .top_visual .cardwrap li.card01{background: #fff url(../../images/aitest_card_icon01.svg) no-repeat 50% 85%; background-size: 12rem 12rem;}
.aitest .top_visual .cardwrap li.card02{background: #fff url(../../images/aitest_card_icon02.svg) no-repeat 50% 85%; background-size: 12rem 12rem;}
.aitest .top_visual .cardwrap li.card03{background: #fff url(../../images/aitest_card_icon03.svg) no-repeat 50% 85%; background-size: 12rem 12rem;}
.aitest .top_visual .cardwrap li.card04{background: #fff url(../../images/aitest_card_icon04.svg) no-repeat 50% 85%; background-size: 12rem 12rem;}
.aitest .top_visual .cont_wrap .small_comment { margin: 0 2% 2rem; padding: 1rem 0 1rem 0; background: rgba(171,0,0,0.8); color: rgba(255,255,255,0.7); font-size: 1.3rem; font-weight: 400; line-height: 1.8rem; border-radius: 0.8rem;  }

.aitest .test_q{padding: 4rem 0;}
.aitest .test_q .s_title{font-size: 2.4rem; font-weight: 700; background: linear-gradient(to right, #1DD8FF, #00E377);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .test_q .subcopy{padding: 1.8rem 0 1.6rem; font-size: 1.3rem; line-height: 2rem; color: #141414;}
.aitest .test_q .subcopy strong{display: block; padding-top: 0.6rem;}
.aitest .test_q .qwrap li{display: inline-block;}
.aitest .test_q .qwrap li{display: inline-block; width: 70%; height: 34rem; border-radius: 1rem; color: #000; border: 0.1rem solid #C8C8C8;}
.aitest .test_q .qwrap li + li{margin-top: 2rem;}
.aitest .test_q .qwrap li .mtxt{display: block; font-size: 1.8rem; font-weight: 700; padding-top: 19rem; line-height: 2.4rem; padding-bottom: 1rem;}
.aitest .test_q .qwrap li .mtxt span{display: block;}
.aitest .test_q .qwrap li .btxt{font-size: 1.3rem; line-height: 1.8rem;}
.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%; background-size: 14.2rem 12.3rem;}
.aitest .test_q .qwrap li.card02{background: #fff url(../../images/aitest_q_icon02.svg) no-repeat 50% 16%; background-size: 12.6rem 17.7rem;}
.aitest .test_q .qwrap li.card03{background: #fff url(../../images/aitest_q_icon03.svg) no-repeat 50% 22%; background-size: 13.2rem 12.3rem;}
.aitest .test_q .qwrap .card03 .mtxt span{display: block; padding-top: 1.5rem;}

.aitest .comp{padding: 4rem 0; background: #141414;}
.aitest .comp .s_title{font-size: 2.4rem; font-weight: 700; background: linear-gradient(to right, #1DD8FF, #00E377);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .comp .subcopy{padding: 1.5rem 0 3.5rem; font-size: 1.3rem; line-height: 2rem; color: #fff;}
.aitest .comp .slide {display: flex; flex-wrap: nowrap; margin: 0 auto; overflow: hidden; position: relative; width: 95%; height: 44rem; 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: 19px; background: url(../../images/arrow_icon_left.svg)no-repeat 50%; width: 1.6rem; height: 4rem;}
.aitest .comp .slide_next_button {right: 19px; 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: -3rem; 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; text-align: center;}
.aitest .comp .slide .tbox span{display: inline-block; width: 8.5rem; height: 3.3rem; padding: 1rem 2.6rem; box-sizing: border-box; background: #141414; font-size: 1.3rem; font-weight: 500; text-align: center; margin: 3rem 0 1.6rem 0;}
.aitest .comp .slide .tbox em{display: block; font-size: 3rem; font-weight: 700; margin: 0 0 1rem;}
.aitest .comp .slide .tbox p{font-size: 1.5rem;}
.aitest .comp .slide .item1 .tbox{width: 100%; background: url(../../images/ai_slide_img_01.png) no-repeat 50% 100%; background-size: 25rem 27.7rem;}
.aitest .comp .slide .item2 .tbox{width: 100%; background: url(../../images/ai_slide_img_02.png) no-repeat 50% 100%; background-size: 25rem 27.7rem;}
.aitest .comp .slide .item3 .tbox{width: 100%; background: url(../../images/ai_slide_img_03.png) no-repeat 50% 100%; background-size: 25rem 27.7rem;}
.aitest .comp .slide .item4 .tbox{width: 100%; background: url(../../images/ai_slide_img_04.png) no-repeat 50% 100%; background-size: 25rem 27.7rem;}
.aitest .comp .slide .item5 .tbox{width: 100%; background: url(../../images/ai_slide_img_05.png) no-repeat 50% 100%; background-size: 25rem 27.7rem;}

.aitest .circle{padding: 4rem 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: 2.4rem; font-weight: 700; color: #fff; line-height: 3.1rem;}
.aitest .circle .title span{display: block;}
.aitest .circle .stitle{display: block; padding: 1rem 0 3rem; font-size: 1.3rem; font-weight: 500; line-height: 3.6rem; color: #fff;}
.aitest .circle .list{display: inline-block; text-align: left; width: 32.1rem; font-size: 0;}
.aitest .circle .list li{display: inline-block; width: 15rem; height: 15rem; border-radius: 100%; color: #333; text-align: center;}
.aitest .circle .list li:nth-of-type(odd){margin-right: 6.5%;}
.aitest .circle .list li + li{margin-bottom: 1.2rem;}
.aitest .circle .list li em{display: block; padding-top: 8.5rem; font-size: 1.8rem; font-weight: 700;}
.aitest .circle .list li span{display: inline-block; padding-top: 0.5rem; font-size: 1.3rem; font-weight: 500;}
.aitest .circle .list li.c01{background: #fff url(../../images/icon_comp_01.svg) no-repeat 50% 28%; background-size: 3.4rem 4.3rem;}
.aitest .circle .list li.c02{background: #fff url(../../images/icon_comp_02.svg) no-repeat 50% 28%; background-size: 3.4rem 4.3rem;}
.aitest .circle .list li.c03{background: #fff url(../../images/icon_comp_03.svg) no-repeat 50% 28%; background-size: 3.4rem 4.3rem;}
.aitest .circle .list li.c04{background: #fff url(../../images/icon_comp_04.svg) no-repeat 50% 28%; background-size: 3.4rem 4.3rem;}
.aitest .circle .list li.c05{background: #fff url(../../images/icon_comp_05.svg) no-repeat 50% 28%; background-size: 3.4rem 4.3rem;}

.aitest .certif{padding: 2rem 0;}
.aitest .certif .bk_box{display: inline-block; width: 96%; margin: 0 2%; background: #141414; border-radius: 3rem;}
.aitest .certif .bk_box .title{position: relative; margin-top: 4.3rem;}
.aitest .certif .bk_box .title span{position: relative; display: inline-block; font-size: 1.5rem; 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: 2.4rem; font-weight: 700; padding-top: 0.5rem;}
.aitest .certif .bk_box .title span:before{content: ''; position: absolute; top: -1rem; left: -3.2rem; background: url(../../images/icon_leaf_left.svg) no-repeat 50%; width: 3.56rem; height: 6.3rem; background-size: 3.56rem 6.3rem;}
.aitest .certif .bk_box .title span:after{content: ''; position: absolute; top: -1rem; right: -3.5rem; background: url(../../images/icon_leaf_right.svg) no-repeat 50%; width: 3.56rem; height: 6.3rem; background-size: 3.56rem 6.3rem;}
.aitest .certif .logobox{display: inline-block; width: 75%; 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 span{display: inline-block; vertical-align: middle;}
.aitest .certif .logobox .inbox img:first-child{width: 7.6rem;}
.aitest .certif .logobox .inbox img:last-child{width: 5.3rem;}
.aitest .certif .logobox .inbox img + img{margin-left: 13%;}
.aitest .certif .btmt{font-size: 1.4rem; font-weight: 500; color: #b8b8b8; padding: 2.5rem 0 4rem;}

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

.aitest .process{padding: 4rem 0; background: #F0F0F0;}
.aitest .process .title{font-size: 2.4rem; font-weight: 700; color: #141414;}
.aitest .process .s_title{display: block; padding: 1rem 0 2.5rem; font-size: 2.4rem; font-weight: 700; background: linear-gradient(to right, #1DD8FF, #00E377);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.aitest .process .s_title span{display: block;}
.aitest .process .step_wrap li{display: inline-block; width: 45%;}
.aitest .process .step_wrap li .view{width: 100%;}
.aitest .process .step_wrap li .view img{max-width: 100%;}
.aitest .process .step_wrap li + li{margin-bottom: 3rem;}
.aitest .process .step_wrap li em{display: block;}
.aitest .process .step_wrap li em span{display: inline-block; width: 13.2rem; height: 3.6rem; font-size: 1.3rem; font-weight: 500; color: #fff; padding: 1.3rem 0 1.6rem; box-sizing: border-box; background: #505050; border-radius: 3rem; margin-bottom: 1rem;}
.aitest .process .step_wrap li .img{display: block;}
/*.aitest .process .step_wrap li em:after{content: ''; display: inline-block; background: url(../../images/step_arrow.svg) no-repeat 50%; width: 1rem; height: 2.5rem; background-size: 100%; margin: 0.7rem 0 0 2rem;}*/
.aitest .process .step_wrap li:nth-child(2) em:after{display: none;}
.aitest .process .step_wrap li:nth-child(4) em:after{display: none;}
/*
.aitest .process .step_wrap li:nth-child(2) em{margin-left: -3rem;}
.aitest .process .step_wrap li:nth-child(4) em{margin-left: -3rem;}
*/

.aitest .notice{padding: 4rem 0; background: #141414; color: #fff;}
.aitest .notice .s_title{font-size: 1.8rem; font-weight: 500; text-align: left; padding: 0 6% 2rem;}
.aitest .notice ul li{line-height: 2.4rem; font-size: 1.4rem; text-align: left; padding: 0 4%; text-indent: -1.3rem; margin-left: 1.3rem;}

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

/* EVENT : START */
.subpage.event .subm_wrap {margin-top:0;}
.subpage.event .subm_wrap .tab {display: inline-block; margin-top:2rem; padding-bottom: 2rem;}
.subpage.event .event_wrap{font-size: 0;}
.event_wrap .box{display: inline-block; max-width: 34rem; margin: 0 0 3rem 0;}
.event_wrap .box:nth-of-type(3n){margin-right: 0;}
.event_wrap .box .imgwrap{position: relative; max-width: 34rem; height: 0; padding-bottom: calc(100% - 38%); 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.1rem; font-weight: 500; color: #fff;}
.event_wrap .box .imgwrap img{width: 100%;}
.event_wrap .box .title{font-size: 1.5rem; font-weight: 700; line-height: 2.8rem; padding-top: 1rem; text-align: left;}
.event_wrap .box .period{display: block; font-size: 1.3rem; 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 */


/* NG KIDS : START */
.ngkids #header{position: relative; background: 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{width: 80.5rem;}
.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 .subpage .subtit {margin-top: 4rem; font-family: "TmoneyRound"; font-weight: 700; padding-bottom: 0;}
.ngkids .subpage .hdt .lang_tab{font-family: "TmoneyRound"; font-weight: 500;}
.ngkids .subpage .table_list tbody td{height: 6rem;}
.ngkids .subpage.freezone .table_list .subject{padding: 0.8rem 0 0.8rem 2rem; box-sizing: border-box;}



.ngkids .mo_header{position: fixed; left: 0; top: 0; width: 100%; height: 5.8rem; background-color: #FFF; z-index: 9999;}
.ngkids .mo_header .logo{position: absolute; top: 1.2rem; left: 2rem;}
.ngkids .mo_header .logo em{display: inline-block; background: url(../../images/ng_kids_logo.svg) no-repeat 50%; width: 8rem; height: 3.4rem; background-size: cover;}
.ngkids .mo_sub_header{position: fixed; left: 0; top: 0; width: 100%; height: 5.8rem; background-color: #fff; border-bottom: 0.1rem solid #141414; z-index: 9999;}

.ngkids #main.main{padding-bottom: 0;}
.ngkids #main.kids{font-family: "TmoneyRound";}
.ngkids #main .title_bg{height: 72rem; background: url(../../images/ngkids_bg.jpg) no-repeat 50%;}
.ngkids #main .title_bg .cont-sp{text-align: center;}
.ngkids #main .title_bg .cont-sp .main_copy{font-weight: 800; padding-top: 11rem; line-height: 2.9rem;}
.ngkids #main .title_bg .cont-sp .main_copy span{display: block;}
.ngkids #main .title_bg .cont-sp .main_copy .org_color{color: #FFB423;}

.ngkids #main .title_bg .cont-sp .kidsbook{position: relative; display: block; max-width: 45rem; padding-top: 3rem; margin: 0 auto;}
.ngkids #main .title_bg .cont-sp .kidsbook img{display: block; width: 100%;}
.ngkids #main .title_bg .cont-sp .sub_copy{padding-top: 2rem;}
.ngkids #main .title_bg .cont-sp .svgo{display: inline-block; font-size: 1.4rem; color: #fff; padding: 1.4rem 2.8rem; border: 0.1rem solid #fff; border-radius: 6rem; margin-top: 2.3rem;}
.ngkids #main .contents{margin-top: 0;}
.ngkids #main .contents .cont-sp{padding: 6rem 0; text-align: center; letter-spacing: -0.15rem;}
.ngkids #main .yellow_win{padding: 3rem 3rem 9.2rem; background: #f8f8f8;}
.ngkids #main .yellow_win .cont-sp{position: relative; height: 52rem; padding: 0; border: 2.2rem solid #FFDA00; box-sizing: border-box; box-shadow: rgba(0,0,0,0.08) 0 16px 20px; background: #fff;  }
.ngkids #main .yellow_win .tbox{height: 100%; border: 0.7rem solid #FFB423; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox .enter{display: block; padding-top: 2rem;}
.ngkids #main .yellow_win .tbox p{width: 70%; margin: 0 auto; font-size: 1.8rem; line-height: 2.6rem; text-align: center; padding-top: 7rem;}
.ngkids #main .yellow_win .img01{position: absolute; bottom: 0rem; left: -6rem; background: url(../../images/yellow_win01.png) no-repeat 50%; width: 33rem; height: 25rem; background-size: 100%;}
.ngkids #main .yellow_win .img02{position: absolute; bottom: -11.6rem; right: -4rem; background: url(../../images/yellow_win02.png) no-repeat 50%; width: 22rem; height: 19rem; background-size: 100%;}

.ngkids #main .benefits{background: url(../../images/ngkids_bg.jpg) no-repeat 50%;}
.ngkids #main .benefits .title{font-size: 2.2rem; color: #FFB423; font-weight: 800; text-align: center; padding-bottom: 3rem;}
.ngkids #main .benefits table{width: 94%; font-size: 1.5rem; margin: 0 auto;}
.ngkids #main .benefits thead th{height: 5rem; 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{font-size: 1.3rem;}
.ngkids #main .benefits tbody th{height: 5rem; vertical-align: middle; color: #fff; font-weight: 400; border: 0.1rem solid #fff; box-sizing: border-box; background: #141414;}
.ngkids #main .benefits td{height: 5rem;  vertical-align: middle; color: #fff; border: 0.1rem solid #fff; box-sizing: border-box; background: #141414;}
.ngkids #main .benefits td .enter{display: block;}


.ngkids #main .contents .befcell{display: inline-block; font-size: 1.3rem; padding: 0.75rem 2.25rem; border: 0.1rem solid #141414; border-radius: 5rem; margin-bottom: 2rem;}
.ngkids #main .contents .beftit{font-size: 2.2rem; font-weight: 800; padding-bottom: 2rem;}
.ngkids #main .contents .beftit_s{font-size: 1.6rem; font-weight: 800; color:#aaa;}
.ngkids #main .contents .befst{width: 84%; margin: 0 auto; font-size: 1.3rem; line-height: 2.2rem; padding-bottom: 3rem;}
.ngkids #main .benefits1 .booksimg{margin: 0 auto; height: 15rem; background: url(../../images/bef01_img.png) no-repeat 50%; margin-bottom: 3rem; background-size: 96%;}
.ngkids #main .benefits1 .bef_list{width: 96%; margin: 0 auto 2rem;}
.ngkids #main .benefits1 .bef_list li{float: left; width: 49%; height: 16rem; border: 0.1rem solid #c8c8c8; border-radius: 2rem; padding: 2.5rem 2.3rem; box-sizing: border-box; margin-right: 2%; margin-bottom: 0.7rem;}
.ngkids #main .benefits1 .bef_list li:nth-of-type(even){margin-right: 0;}
.ngkids #main .benefits1 .bef_list li em{display: inline-block; width: 12rem; height: 3.8rem; font-size: 1.3rem; color: #fff; font-weight: 800; padding: 1rem 0; background: linear-gradient(90deg, rgba(255,180,35,1) 0%, rgba(255,216,0,1) 100%); margin-bottom: 3rem; border-radius: 5rem; box-sizing: border-box;}
.ngkids #main .benefits1 .bef_list li span{display: block; font-size: 1.8rem; font-weight: 800;}
.ngkids #main .contents .offer{display: block; width: 96%; margin: 0 auto;}
.ngkids #main .contents .offer li{float: left; width: 50%; height: 10rem; padding: 2rem; 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.3rem; font-weight: 800; padding-bottom: 1rem;}
.ngkids #main .contents .offer li em.bk{color: #141414;}
.ngkids #main .contents .offer li em.wt{color: #fff;}
.ngkids #main .contents .offer li .icon{margin: 0 auto; width: 2.6rem; height: 2.6rem;}
.ngkids #main .contents .offer li .icon img{width: 100%;}
.ngkids #main .benefits1{background: #F0F0F0;}
.ngkids #main .benefits2{background: #F0F0F0;}
.ngkids #main .benefits2 .certiimg{width: 94%; margin: 0 auto 3rem;}
.ngkids #main .benefits2 .certiimg span{display: inline-block; border: 0.5rem 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 .benefits2 .certiimg img{width: 100%;}


.ngkids #main .benefits3{background: #fff;}
.ngkids #main .benefits3 .swiper-container {
      width: 100%;
    height: 32rem;
    
/*    padding-top: 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;
    border-radius: 2rem;
    background: #141414;
    box-sizing: border-box;
overflow: hidden;}
.ngkids #main .benefits3 .swiper-slide .card .tit{display: block; color: #fff; font-size: 1.6rem; font-weight: 800; padding: 3rem 0 0.5rem;}
.ngkids #main .benefits3 .swiper-slide .card .subt{display: inline-block; color: #aaa; font-size: 1.3rem; padding: 0rem 0 2rem;}
.ngkids #main .benefits3 .swiper-slide .card .imgwrap{height: 15rem; padding: 0 1rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic1 .imgwrap img{max-width: 20rem; max-height: 20rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic2 .imgwrap img{max-width: 23rem; max-height: 10.4rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic2 .imgwrap{padding-top: 1rem;}
.ngkids #main .benefits3 .swiper-slide .ftxt{position: absolute; bottom: 0; display: block; width: 100%; height: 7rem; background: #3E3E3E; color: #fff; font-size: 1.3rem; margin-top: 0; padding-top: 2.5rem; box-sizing: border-box; border-radius: 0 0 2rem 2rem;}
.ngkids #main .benefits3 .swiper-slide .card.pic2 .ftxt{ padding-top: 1.5rem;}
.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%; min-width: 34rem; min-height: 22.5rem; background-size: cover; margin-bottom: 2rem;}
.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{width: 95%; margin: 0 auto; height: 55rem; background: #fff; border-radius: 1rem; padding: 4rem; box-sizing: border-box; margin-bottom: 3rem;}
.ngkids #main .benefits58 .box5 .bgimage{display: block; margin: 0 auto; background: url(../../images/bef05_img.png) no-repeat 50%; width: 14.5rem; height: 18rem; background-size: cover;}
.ngkids #main .benefits58 .box6 .bgimage{display: block; margin: 0 auto; background: url(../../images/bef06_img.png) no-repeat 50%; width: 26rem; height: 17.4rem; background-size: cover;}
.ngkids #main .benefits58 .box7 .bgimage{display: block; margin: 0 auto; background: url(../../images/bef07_img.png) no-repeat 50%; width: 24rem; height: 24.4rem; background-size: cover;}
.ngkids #main .benefits58 .box8 .bgimage{display: block; margin: 0 auto; background: url(../../images/bef08_img.png) no-repeat 50%; width: 24rem; height: 24.4rem; background-size: cover;}
.ngkids #main .benefits58 .box5 .gobtn,
.ngkids #main .benefits58 .box6 .gobtn{display: inline-block; font-size: 1.5rem; font-weight: 800; color: #fff; background: #141414; padding: 1.6rem 3rem 1.8rem; border: 0.1rem solid #141414; border-radius: 5rem; margin-top: 3rem;}
.ngkids #main .benefits58 .box5 .gobtn span:after,
.ngkids #main .benefits58 .box6 .gobtn span:after{content: ''; display: inline-block; background: url(../../images/icon_new_win_w.svg) no-repeat 50%; width: 1.2rem; height: 1.2rem; margin-left: 1rem; background-size: cover; vertical-align: middle;}

.ngkids #main .benefits9{background: #F0F0F0;}
.ngkids #main .benefits9 .discount{margin-bottom: 3rem;}
.ngkids #main .benefits9 .discount li a{display: inline-block; width: 27.3rem; height: 30rem; margin: 0 auto 3rem; border: 0.1rem solid #c8c8c8; border-radius: 1rem;  box-sizing: border-box;}
.ngkids #main .benefits9 .discount li em{display: inline-block; font-size: 2.2rem; padding: 3.5rem 0 1.2rem;}
.ngkids #main .benefits9 .discount li p{font-size: 1.5rem;}
.ngkids #main .benefits9 .discount li.box1 a{background: url(../../images/bef09-1_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem; background-size: 27.3rem 17.3rem;}
.ngkids #main .benefits9 .discount li.box2 a{background: url(../../images/bef09-2_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem; background-size: 27.3rem 17.3rem; margin-bottom:0;}
.ngkids #main .benefits9 .discount li.box3 a{background: url(../../images/bef09-3_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem; background-size: 27.3rem 17.3rem;}
.ngkids #main .benefits9 .discount li.box4 a{background: url(../../images/bef09-4_img.png?v2) no-repeat 50% 100% #fff ; border-radius: 1rem; background-size: 27.3rem 17.3rem;}
.ngkids #main .benefits9 .discount li.box5 a{background: url(../../images/bef09-5_img.png) no-repeat 50% 100% #fff ; border-radius: 1rem; background-size: 27.3rem 17.3rem;}

.ngkids #main .benefits10{background: #F0F0F0;}
.ngkids #main .benefits10 .bef10_img{display: block; background: url(../../images/bef10_img.svg) no-repeat 50%; width: 34rem; height: 17.5rem; margin: 0 auto 3rem; background-size: cover;}

.ngkids #main .benefits11 .bef11_img{display: block; background: url(../../images/bef07_img.png) no-repeat 50%; width: 32rem; height: 30rem; margin: 0 auto 3rem; background-size: cover;}

.ngkids #main .nowjoin{background: #FFB423;}
.ngkids #main .nowjoin .products{padding-top: 3rem; width: 96%; margin: 0 auto;}
.ngkids #main .nowjoin .products li{width: 100%; padding: 4rem 5rem; box-sizing: border-box; background: #141414; color: #fff; margin-bottom: 3rem; border-radius: 1rem;}
.ngkids #main .nowjoin .products li .tit{display: inline-block; font-size: 2.8rem; font-weight: 800; padding-bottom: 2rem;}
.ngkids #main .nowjoin .products li .price{font-size: 2rem; font-weight: 800; padding-bottom: 0.5rem; color: #FFB423;}
.ngkids #main .nowjoin .products li .spc{display: inline-block; font-size: 1.5rem; padding-bottom: 3.1rem;}
.ngkids #main .nowjoin .products li .tbox{width: 24rem; margin: 0 auto; border: 0.1rem solid #fff; border-radius: 1rem; box-sizing: border-box; font-size: 1.5rem; line-height: 3.2rem;}
.ngkids #main .nowjoin .products li .txt01{padding: 7rem 0;}
.ngkids #main .nowjoin .products li .txt02{padding: 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: 1.8rem; font-weight: 800; background: #fff; padding: 2.2rem 6rem; border-radius: 5rem; color: #141414;}

.ngkids .subpage .page_wrap .paging{font-family: "TmoneyRound";}
.ngkids .subpage .table_list tbody td{font-family: "TmoneyRound";}
.ngkids .subpage .table_list thead th{font-family: "TmoneyRound";}
.ngkids .subpage .table_list .btn_ar{font-family: "TmoneyRound";}
.ngkids .subpage .cont_wrap .cont-sp{font-family: "TmoneyRound";}

.ngkids .subpage.mylist{font-family: "TmoneyRound"; font-weight: 500; padding: 0;}
.ngkids .subpage .mylist .tab_subtit{text-align: center; font-size: 1.5rem; padding: 1rem 0 2rem;}
.ngkids .subpage .certify{width: 100%; margin: 0 auto;}
.ngkids .subpage .certify .table{width: 100%; border-top: 0.1rem solid #141414; background: #F5F5F5; padding: 1.5rem; box-sizing: border-box; margin-bottom: 4rem;}
.ngkids .subpage .certify .stt{display: block; text-align: left; padding-bottom: 1rem; font-family: "TmoneyRound";}
.ngkids .subpage .certify .table .inbox{vertical-align: middle; margin-right: 1rem;}
.ngkids .subpage .certify .inbox label{display: block; font-size: 1.4rem; text-align: left; padding: 0.5rem 0 0.5rem;}
.ngkids .subpage .certify .inbox p + p{padding: 1rem 0 0.3rem;}
.ngkids .subpage .certify .cerf_btn{width: 18rem; height: 4.8rem; line-height: 4.8rem; text-align: center; color: #fff; font-weight: 700; font-size: 1.6rem; border-radius: 4.8rem; background: #141414; margin: 2rem 0; font-family: "TmoneyRound";}
.ngkids .subpage .certify .table .tline{line-height: 2.3rem; font-size: 1.4rem; font-weight: 300; text-align: left; margin-left: 1rem; text-indent: -0.8rem;}
/* NG KIDS : END */



/* NG KIDS VER_2(230801) : START */
.ngkids .kidsv2{font-family: "TmoneyRound";}
.ngkids #main .title_bg .cont-sp .txt-right{margin-top:-4rem;}
.ngkids #main .title_bg{height: 116rem; background: url(../../images/ngkids_bg.jpg) no-repeat 50%; background-size:cover;}
.ngkids #main .title_bg .cont-sp .main_copy{font-weight: 800; padding-top: 16rem;}
.ngkids .kidsv2 .title_bg .cont-sp .main_copy .org_color{color: #FFB423;}
.ngkids #main .title_bg .cont-sp .kidsbook{position: relative; display: block; max-width: 45rem; padding-top: 2rem; margin: 0 auto;}
.ngkids .kidsv2 .title_bg .btnwrap{display: block; margin-top: 2.5rem;}
.ngkids .kidsv2 .title_bg .btn{display: inline-block; width: 100%; border-radius: 2.4rem; padding: 1.7rem 1.3rem; box-sizing: border-box; font-size: 1.8rem; font-weight: 700; text-align: right; margin-top:1rem;}

.ngkids .kidsv2 .title_bg .btnwrap .btn + .btn{margin-top: 1.6rem;}
.ngkids .kidsv2 .title_bg .btn.ngk{background: #FFFDEF url(../../images/top_ngkids_logo.svg) no-repeat 13% 50%; background-size: 10.1rem 4.3rem;}
.ngkids .kidsv2 .title_bg .btn.ngk span{display: inline-block; padding: 1.1rem 2.45rem 1.2rem; color: #000; background: #FFD800; border-radius: 3rem;}
.ngkids .kidsv2 .title_bg .btn.kyv{background:  #EDF8FF url(../../images/top_yelloverse_logo.png) no-repeat 10% 45%; background-size: 12rem 4.1rem;}
.ngkids .kidsv2 .title_bg .btn.kyv span{display: inline-block; padding: 1.1rem 4.65rem 1.2rem; color: #fff; background: #0F94EE; border-radius: 3rem;}

.ngkids #main .title_bg .cont-sp .yelloverse{position: relative;}
.ngkids #main .title_bg .cont-sp .yelloverse img {width:80%; max-width:380px; margin:2rem 0;}


.ngkids .bf_wrap{background: #2B2F32; padding: 6rem 0; text-align: center;}
.ngkids .bf_wrap .s_title{color: #FFB423; font-size: 2.2rem; line-height: 3rem; font-weight: 700;}
.ngkids .bf_wrap .s_title span{display: block;}
.ngkids .bf_wrap .bf_list{margin-top: 2.4rem;}
.ngkids .bf_wrap .bf_list > li{display: inline-block; border-radius: 1.6rem; width: 86%; overflow: hidden; margin-bottom: 1.6rem;}
.ngkids .bf_wrap .bf_list > li .head{display: flex; align-items: center; justify-content: center; height: 8.7rem; font-size: 1.8rem; 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; padding: 2.2rem 1.5rem 3.2rem 1.5rem; background: #fff; text-align: left; font-size: 1.7rem; font-weight: 500; box-sizing: border-box; letter-spacing: -0.15rem;}
.ngkids .bf_wrap .bf_list .list02 ul{padding-bottom: 11rem;}
.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: 2rem; 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: 2.4rem; font-size: 1.2rem; color: rgba(255,255,255,0.6); text-align: left; padding: 0 2rem;}
.ngkids .bf_wrap .ftxt p{text-indent: -1.2rem; margin-left: 1.5rem; line-height: 1.8rem; 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: 6rem 3rem 9.2rem;}
.ngkids #main .yellow_win .cont-sp{position: relative; height: 52rem; padding: 0; border: 2.2rem solid #FFDA00; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox{height: 100%; border: 0.7rem solid #FFB423; box-sizing: border-box;}
.ngkids #main .yellow_win .tbox .enter{display: block; padding-top: 2rem;}
.ngkids #main .yellow_win .tbox p{width: 70%; margin: 0 auto; font-size: 1.8rem; line-height: 2.6rem; text-align: center; padding-top: 7rem;}
.ngkids #main .yellow_win .img01{position: absolute; bottom: 0rem; left: -6rem; background: url(../../images/yellow_win01.png) no-repeat 50%; width: 33rem; height: 25rem; background-size: 100%;}
.ngkids #main .yellow_win .img02{position: absolute; bottom: -11.6rem; right: -4rem; background: url(../../images/yellow_win02.png) no-repeat 50%; width: 22rem; height: 19rem; background-size: 100%;}

.ngkids .subscribe{background: #FFDA57; padding: 6rem 0 8rem; text-align: center;}
.ngkids .subscribe .s_title{color: #FF730A; font-size: 2.6rem; line-height: 3rem; font-weight: 700;}
.ngkids .subscribe .s_title span{display: block;}
.ngkids .subscribe .s_txt{font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; padding: 2.4rem 7% 2.4rem; text-align: left;}
.ngkids .subscribe a.btn{display: inline-block; width: 87%; max-width: 33rem; height: 7rem; line-height: 7rem; font-size: 2.4rem; font-weight: 700; color: #fff; background: #FF9240; border-radius: 4rem;}
.ngkids .subscribe .cardwrap{margin-top: 4rem;}
.ngkids .subscribe .cardwrap > li{display: inline-block; width: 34rem; height: 39rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; border-radius: 4rem; overflow: hidden; margin-bottom: 1.6rem;}
.ngkids .subscribe .cardwrap .list01{background: #FFEFE2 url(../../images/kids_books.png) no-repeat 50% 100%; background-size: 85%;}
.ngkids .subscribe .cardwrap .list02{background: #fff url(../../images/study_data.png) no-repeat 50% 100%; background-size: 78%;}
.ngkids .subscribe .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #FF7B17; padding-bottom: 0.9rem;}
.ngkids .subscribe .cardwrap li .txt{display: block; font-size: 2.2rem; font-weight: 700; padding-bottom: 0.8rem;}
.ngkids .subscribe .cardwrap li .year li{font-size: 1.4rem; line-height: 2rem;}
.ngkids .subscribe .cardwrap li .btxt{font-size: 1.4rem; letter-spacing: -0.1rem;}
.ngkids .subscribe .cardwrap li .ftxt{display: inline-block; font-size: 1.3rem; color: #B16A34; padding-top: 0.8rem;}

.ngkids .introduce{ padding: 6rem 0 12rem; 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: 2.2rem; line-height: 3rem; font-weight: 700;}
.ngkids .introduce .tbox{font-size: 1.8rem; line-height: 2.6rem; color: #141414; font-weight: 500; padding: 3rem 0 3.4rem;}
.ngkids .introduce .yv_bg{display: inline-block; width: 85%; margin: 0 auto; height: 18rem; background: url(../../images/yellow_universe.png) no-repeat 50%; background-size: contain;}

.ngkids .y_verse{background: #0F94EE; padding: 9rem 0; text-align: center;}
.ngkids .y_verse .cont-sp{position: relative;}
.ngkids .y_verse .cont-sp .planet01{position: absolute; top: -15rem; right: 2rem; width: 28rem; height: 17rem; background: url(../../images/big_planet.png) no-repeat 50%; background-size: cover;}
.ngkids .y_verse .cont-sp .yv_logo{display: inline-block; max-width: 80%;}
.ngkids .y_verse .cont-sp .yv_logo img{width: 100%;}
.ngkids .y_verse .subtxt{color: #FFCC00; font-size: 2rem; line-height: 2.6rem; font-weight: 700; padding: 3rem 5% 1.6rem; text-align: left;}
.ngkids .y_verse .bodytxt{display: block; font-size: 1.6rem; line-height: 2.2rem; color: #fff; text-align: left; padding: 0 6%; word-break: break-all;}
.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 6% 2.4rem; text-align: left;}
.ngkids .y_verse a.btn{display: inline-block; width: 87%; max-width: 33rem; height: 5.4rem; line-height: 5.4rem; font-size: 2rem; 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: 39.5rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; margin-bottom: 1.6rem; border-radius: 4rem; overflow: hidden;}
.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% 88%;}
.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% 82%;}
.ngkids .y_verse .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #2875DE; padding-bottom: 0.8rem;}
.ngkids .y_verse .cardwrap li .txt{display: block; font-size: 2.2rem; font-weight: 700; padding-bottom: 0.8rem;}
.ngkids .y_verse .cardwrap li .year li{font-size: 1.8rem; line-height: 2.5rem;}
.ngkids .y_verse .cardwrap li .btxt{font-size: 1.4rem; 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.3rem; color: #B16A34; padding-top: 0.8rem;}

.ngkids .yv_m{background: #452085; padding: 10rem 0 3rem; text-align: center;}
.ngkids .yv_m .cont-sp{position: relative;}
.ngkids .yv_m .cont-sp .planet02{position: absolute; top: -13rem; left: -6rem; width: 19rem; height: 19rem; background: url(../../images/small_planet.png) no-repeat 50%;}
.ngkids .yv_m .cont-sp .star_icon{position: absolute; top: -9rem; right: 1rem; 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: 2.6rem; font-weight: 700; line-height: 3.28rem; color: #fff; padding-bottom: 0.5rem;}
.ngkids .yv_m .cont-sp .yv_logo{display: inline-block; max-width: 80%;}
.ngkids .yv_m .cont-sp .yv_logo img{width: 100%;}
.ngkids .yv_m .subtxt{color: #A471FF; font-size: 2rem; line-height: 2.6rem; font-weight: 700; padding: 3rem 5% 1.6rem; text-align: left;}
.ngkids .yv_m .bodytxt{display: block; font-size: 1.6rem; padding: 0 6%; line-height: 2.2rem; color: #fff; text-align: left; word-break: break-all;}
.ngkids .yv_m .bodytxt span{display: block;}
.ngkids .yv_m .fttxt{font-size: 1.2rem; color: rgba(255,255,255,0.5); padding: 1.6rem 6% 3.2rem; text-align: left;}
.ngkids .yv_m a.btn{display: inline-block; width: 87%; max-width: 33rem; height: 7rem; line-height: 7rem; font-size: 2.4rem; font-weight: 700; color: #fff; background: #A471FF; border-radius: 4rem;}
.ngkids .yv_m .cardwrap{margin-top: 4rem;}
.ngkids .yv_m .cardwrap > li{display: inline-block; width: 34rem; height: 39.5rem; background: #fff; padding: 2rem 1.35rem; box-sizing: border-box; margin-bottom: 1.6rem; border-radius: 4rem; overflow: hidden;}
.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% 0%;}
.ngkids .yv_m .cardwrap .list04{background: #FFFBE9 url(../../images/present_img0726_4.png) no-repeat center 80%;}
.ngkids .yv_m .cardwrap .list05{background: #ECF7FF url(../../images/present_img0726_2.png) no-repeat center 87%; background-size:80%;}
.ngkids .yv_m .cardwrap .list06{background: #E9FFF7 url(../../images/present_img0726_3.png) no-repeat 20% 97%; background-size:72%;}
.ngkids .yv_m .cardwrap li .num{display: inline-block; font-size: 2.4rem; font-weight: 700; color: #9356FF; padding-bottom: 0.9rem;}
.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.2rem; font-weight: 700; padding-bottom: 0.8rem;}
.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.4rem; 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.3rem; color: #B16A34; padding-top: 0.8rem;}
.ngkids .yv_m .cardwrap li .ftxt2{display: inline-block; font-size: 1.3rem; color: #4b7c74; padding-top: 0.8rem;}

.ngkids .yv_join{padding: 6rem 0 10rem; text-align: center;}
.ngkids .yv_join .s_title{font-size: 2.2rem; line-height: 3rem; font-weight: 700;}
.ngkids .yv_join .pdwrap{margin-top: 4rem;}
.ngkids .yv_join .pdwrap .product{display: inline-block; width: 87%;}
.ngkids .yv_join .pdwrap .product + .product{margin-top: 3.2rem;}
.ngkids .yv_join .pdwrap .card{display: inline-block; width: 100%; border-radius: 1rem; padding: 0 1.5rem 3rem; box-sizing: border-box; margin-bottom: 1.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; border-radius: 0.8rem 0.8rem 5rem 5rem; font-size: 2.4rem; line-height: 3.2rem; padding: 2rem 0 1.8rem; color: #fff; font-weight: 700;}
.ngkids .yv_join .pdwrap .ybox .head{background: #FF9240; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .bbox .head{background: #1790E2; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .pbox .head{background: #6726D9; box-sizing: border-box;}
.ngkids .yv_join .pdwrap .head span{display: block;}
.ngkids .yv_join .pdwrap .head img{width: 65%;}
.ngkids .yv_join .pdwrap .product .notice{display: inline-block; font-size: 1.2rem; text-align: left; padding: 0 2% 1.5rem;}
.ngkids .yv_join .pdwrap .product .price{font-size: 2.4rem; font-weight: 700; height: 7.5rem; letter-spacing: -0.15rem;}
.ngkids .yv_join .pdwrap .product .price em > span{font-size: 1.4rem; font-weight: 300; vertical-align: baseline; margin-left: 0.5rem;}
.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{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: 5.4rem; line-height: 5rem; font-family: 'TmoneyRound'; font-size: 2rem; 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: 999;}
#wrap .quick_bar .cont-sp{position: relative; height: 6rem;}
#wrap .quick_bar .telnum{display: inline-block; font-size: 1.8rem; font-weight: 700; padding-top: 2.9rem;}
#wrap .quick_bar .quickmenu{width: 100%;}
#wrap .quick_bar .menulist{display: flex; height: 6rem; margin-left: 1.5rem; justify-content: space-between;}
#wrap .quick_bar .menulist a{display: inline-block;}
#wrap .quick_bar .menulist a + a{margin-left: 0.5rem;}
#wrap .quick_bar .menulist .q_phone{background: url(../../images/qbtn_phone.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_youtube{background: url(../../images/qbtn_youtube.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_letter{background: url(../../images/qbtn_letter.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_facebook{background: url(../../images/qbtn_facebook.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_blog{background: url(../../images/qbtn_blog.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_cafe{background: url(../../images/qbtn_cafe.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .menulist .q_instagram{background: url(../../images/qbtn_instagram.svg) no-repeat 50%; width: 3.8rem; height: 3.8rem; padding-top: 2.25rem;}
#wrap .quick_bar .q_kakao{display: inline-block; line-height: 6rem; background: #000; color: #fff; font-weight: 700; padding: 0 1rem; height: 6.5rem;}
#wrap .quick_bar .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; padding-top: 2.25rem;}
/* 하단 퀵메뉴 BAR : END */


/* 공통부분 */
.cont-sp{position: relative; width: 100%; margin: 0 auto;}

.modal-wrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.modal-wrapper .popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 84%; max-width: 50rem; min-height: 17.5rem; max-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% 17%; background-size: 3.4rem 3.4rem; padding: 1rem; box-sizing: border-box;}
.modal-wrapper .popup .cartpop p{margin: 6.5rem 0 0.8rem; font-size: 1.4rem; font-weight: 500;}
.modal-wrapper .popup .cartpop button{display: inline-block; width: 12rem; height: 4rem; line-height: 4rem; font-size: 1.4rem; font-weight: 500; text-align: center; border-radius: 4rem; margin: 0.8rem 0;}
.modal-wrapper .popup .cartpop button + button{margin-left: 0.5rem;}
.modal-wrapper .popup .cartpop .white{color: #3B3B3B; border: 1px solid #828282; box-sizing: border-box;}
.modal-wrapper .popup .cartpop .black{background: #141414; color: #fff; border: 1px 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%;}




/* 햄버거 열기 버튼 : START */
.ham-button{position: absolute; top: 0.8rem; right: 1rem; width: 4rem; height: 4rem; cursor: pointer; z-index: 9999;} 
.ham-button span{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2rem; height: 2px; background: rgba(255,255,255,1); color: transparent; transition: all 0.2s;}
.ham-button span:before,
.ham-button span:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: rgba(255,255,255,1); transition: all 0.2s;}
.ham-button span:before {top: -0.7rem;}
.ham-button span:after {top: 0.7rem;}
.ham-button:hover span:before {top: 0px; width : 12px; height: 1.5px; background: rgba(255,255,255,1); 
-webkit-transform: translateX(-3px)translateY(0.35rem)rotate(-225deg);
-moz-transform: translateX(-3px)translateY(0.35rem)rotate(-225deg);
-o-transform: translateX(-3px)translateY(0.35rem)rotate(-225deg);
transform: translateX(-3px)translateY(0.4rem)rotate(225deg);
}
.ham-button:hover span:after {top: 0px; width : 12px; height: 1.5px; background: rgba(255,255,255,1);
-webkit-transform: translateX(-3px)translateY(-0.25rem)rotate(225deg);
-moz-transform: translateX(-3px)translateY(-0.25rem)rotate(225deg);
-o-transform: translateX(-3px)translateY(-0.25rem)rotate(225deg);
transform: translateX(-3px)translateY(-0.3rem)rotate(-225deg);
;}

.ngkids .ham-button span{background: rgba(0,0,0,1);}
.ngkids .ham-button span:before,
.ngkids .ham-button span:after{background: rgba(0,0,0,1);}
.ngkids .ham-button:hover span:before {background: rgba(0,0,0,1);}
.ngkids .ham-button:hover span:after {background: rgba(0,0,0,1);}
/* 햄버거 열기 버튼 : START */

/* 햄버거 닫기 버튼 : START */
.close{position: absolute; top: 0.8rem; right: 1.6rem; width: 4rem; height: 4rem; z-index: 10010;} 
.close span{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2rem; height: 0.2rem; background: rgba(255,255,255,1); color: transparent; transition: all 0.12s;}
.close span {background: transparent; transition: all 0.12s;}
.close span:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: rgba(255,255,255,1); transition: all 0.3s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.close span:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: rgba(255,255,255,1); transition: all 0.3s;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}

.close:hover span {background: rgba(255,255,255,1);}
.close:hover span:before {top: 0px; width : 12px; height: 2px; background: rgba(255,255,255,1); 
-webkit-transform: translateX(10px)translateY(4px)rotate(135deg);
-moz-transform: translateX(10px)translateY(4px)rotate(135deg);
-o-transform: translateX(10px)translateY(4px)rotate(135deg);
transform: translateX(10px)translateY(4px)rotate(135deg);
}
.close:hover span:after {top: 0px; width : 12px; height: 2px; background: rgba(255,255,255,1);
-webkit-transform: translateX(10px)translateY(-4px)rotate(-135deg);
-moz-transform: translateX(10px)translateY(-4px)rotate(-135deg);
-o-transform: translateX(10px)translateY(-4px)rotate(-135deg);
transform: translateX(10px)translateY(-4px)rotate(-135deg);
;}
/* 햄버거 닫기 버튼 : END */
/* HEADER : END */

/* 퍼블위즈 - 사이드 메뉴 네비게이션 NAV - start */
#menu-bar{position: relative; width: 100%; height: 100%; position: fixed; top: 0px; right: -100%; box-sizing: border-box; z-index: 10000; color: #fff; font-size: 2rem; background-color: #fff; text-align: left;  overflow-y: scroll; transition: All 0.2s ease; 
-webkit-transition: All 0.2s ease; 
-moz-transition: All 0.2s ease; 
-o-transition: All 0.2s ease;}
#menu-bar.open{right: 0px;}
.page_cover.open{display: block;}
.page_cover{width: 100%; height: 100%; position: fixed; top: 0px; right: 0px; background-color: rgba(0, 0, 0, 1); z-index: 9999; display: none;}
#menu-bar .logo{position: absolute; top: 2rem; left: 2rem;}
#menu-bar .logo h1{display: inline-block; background: url(../../images/YBM_logo_publwiz_white.png) no-repeat 50%; width: 9rem; height: 2rem; background-size: contain;}
#menu-bar .logo_mp{position: absolute; top: 2rem; left: 2rem;}
#menu-bar .logo_mp h1{background: url(../../images/logo_ybmmall.svg) no-repeat 50%; width: 8rem; height: 2.3rem; background-size: cover;}
#menu-bar .logo em{display: inline-block; background: url(../../images/YBM_logo_publwiz_white.png) no-repeat 50%; width: 9rem; height: 2rem; background-size: contain;}
#menu-bar nav{text-align: center; background: #141414;}
#menu-bar .mo_f_menu{display: inline-block; font-family: 'NotoSansKR'; padding: 0 0 1rem; margin-top: 5.5rem; width: 283px; text-align: left;}
#menu-bar .mo_f_menu_{display: inline-block; font-family: 'NotoSansKR'; padding: 0 0 1.5rem; margin-top: 0.5rem;}
/* #menu-bar .mo_f_menu a{display: inline-block; font-size: 1.1rem; color: #fff; font-weight: 500; padding: .5rem 0.9rem; box-sizing: border-box; letter-spacing: -0.05rem;}
#menu-bar .mo_f_menu .my{background: url(../../images/icon_my.svg) no-repeat 50%; width: 4rem; height: 4rem; margin-left: 1rem; vertical-align: middle; background-size: 50%;}
#menu-bar .mo_f_menu .cart{background: url(../../images/icon_cart.svg) no-repeat 50%; width: 4rem; height: 4rem; vertical-align: middle; background-size: 50%;}
#menu-bar .mo_f_menu .stit_aca{font-size:1.0rem; position:absolute; top:5.2rem; color:#fff; padding:0 3.4rem;}
#menu-bar .mo_f_menu .stit_aca:before{content: ''; width:2.6rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; left:0.7rem;}
#menu-bar .mo_f_menu .stit_aca:after{content: ''; width:2.6rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; right:0.4rem;} */
#menu-bar .mo_f_menu a{display: inline-block; font-size: 1.2rem; color: #fff; font-weight: 500; box-sizing: border-box; letter-spacing: -0.05rem;}
#menu-bar .mo_f_menu .my{background: url(../../images/icon_my.svg) no-repeat 50%; width: 4rem; height: 4rem; vertical-align: middle; background-size: 50%;}
#menu-bar .mo_f_menu .cart{background: url(../../images/icon_cart.svg) no-repeat 50%; width: 4rem; height: 4rem; vertical-align: middle; background-size: 50%;}
#menu-bar .mo_f_menu .stit_aca{font-size:1.0rem; position:absolute; top:-1.5rem; color:#fff; padding:0 1.4rem;}

#menu-bar .mo_f_menu_ a{display: inline-block; font-size: 1.2rem; color: #fff; font-weight: 500; box-sizing: border-box; letter-spacing: -0.05rem;}
#menu-bar .mo_f_menu_ .stit_aca{font-size:1.2rem; position:absolute;  color:#fff; padding:0.5rem 1.3rem; border-right: 0.1rem solid #3c3c3c;}
/*#menu-bar .mo_f_menu .stit_aca:before{content: ''; width:1rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; left:-0.2rem;}
#menu-bar .mo_f_menu .stit_aca:after{content: ''; width:1rem; height:0.1rem; background-color:#fff; position:absolute; top:0.8rem; left:11rem;}*/
#menu-bar .mo_f_menu_ .onlinestudy{padding: 1.5rem 1rem 0.5rem 11rem;}
#menu-bar .mo_f_menu_ .buymember{padding: .5rem 1.5rem .5rem 1rem;}
#menu-bar .mo_f_menu .phone_eng{padding: .5rem 0 ; /*border-right: 0.1rem solid #3c3c3c; */  }
#menu-bar .mo_f_menu .paylist{padding: .5rem 1rem;}
#menu-bar .mo_f_menu .top_sc_menu{display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; justify-items: center; align-items: center;}



#menu-bar .mo_gnb_menu a{display: block; width: 100%; height: 6.8rem; padding: 2.6rem 2.8rem 1.6rem; border-bottom: 1px solid #D9D9D9; font-size: 1.6rem; color: #141414; box-sizing: border-box; background: url(../../images/icon_btnview.svg) no-repeat 94%;}
#menu-bar .mo_gnb_menu a:nth-child(1){padding-top: 2rem;}
#menu-bar .mo_gnb_menu a:nth-child(2){padding-top: 1.6rem; background: url(../../images/icon_new_win_gray.svg) no-repeat 94%; background-size: 1.4rem 1.3rem;}
#menu-bar .mo_gnb_menu.milp a{position: relative; padding-top: 3rem;}
#menu-bar .mo_gnb_menu.milp a:nth-child(5){background: url(../../images/icon_new_win_gray.svg) no-repeat 94%; background-size: 1.4rem 1.3rem;}
#menu-bar .mo_gnb_menu.milp a:nth-child(2){background: url(../../images/icon_btnview.svg) no-repeat 94%; background-size: 0.9rem 1.8rem;}
#menu-bar .mo_gnb_menu a span{font-size: 0.9rem; font-weight: 500;}
#menu-bar .mo_gnb_menu a em{display: inline-block; line-height: 1rem; font-weight: 500; vertical-align: middle;}
#menu-bar .mo_gnb_menu a .mp_bul{position: absolute; top: 50%; left: 10rem; transform: translateY(-50%); background: url(../../images/bul_logo.png) no-repeat 50%; width: 80px; height: 50px; background-size: contain;}
#menu-bar .mo_gnb_menu a .mp_ng{position: absolute; top: 50%; left: 13.5rem; transform: translateY(-50%); background: url(../../images/ng_logo.png) no-repeat 50%; width: 80px; height: 50px; background-size: contain;}
#menu-bar .mo_gnb_menu a .mp_kids{position: absolute; top: 60%; left: 12.5rem; transform: translateY(-50%); background: url(../../images/ng_kids_logo.svg) no-repeat 50%; width: 80px; height: 50px; background-size: contain;}
#menu-bar .logout{position: relative; color: #141414; font-family: 'NotoSansKR'; font-size: 1.2rem;}
#menu-bar .logout a{position: absolute; top: 1.5rem; right: 1.5rem; padding: 0.5rem 1rem;}
#menu-bar .logout a span{display: inline-block;}
#menu-bar .logout a span:after{content: ''; display: inline-block; background: url(../../images/logout_icon.svg) no-repeat 50%; width: 1.1rem; height: 1rem; margin: 0 0 -0.1rem 0.8rem;}

/* 퍼블위즈 - 사이드 메뉴 네비게이션 NAV : END */


/* NGKIDS - 사이드 메뉴 네비게이션 NAV - start */
.ngkids #menu-bar{position: relative; width: 100%; height: 100%; position: fixed; top: 0px; right: -100%; box-sizing: border-box; z-index: 10000; color: #fff; font-size: 2rem; background-color: #fff; text-align: left;  overflow-y: scroll; transition: All 0.2s ease; 
-webkit-transition: All 0.2s ease; 
-moz-transition: All 0.2s ease; 
-o-transition: All 0.2s ease;
font-family: "TmoneyRound";}
.ngkids #menu-bar.open{right: 0;}
.ngkids .page_cover.open{display: block;}
.ngkids .page_cover{width: 100%; height: 100%; position: fixed; top: 0px; right: 0px; background-color: rgba(0, 0, 0, 1); z-index: 9999; display: none;}
.ngkids #menu-bar .logo{position: absolute; top: 1.3rem; left: 2rem;}
/*.ngkids #menu-bar .logo h1{display: inline-block; background: url(../../images/YBM_publwiz_white.svg) no-repeat 50%; width: 8rem; height: 2rem; background-size: cover;}*/
.ngkids #menu-bar .logo em{display: inline-block; background: url(../../images/ngkids_white.svg) no-repeat 50%; width: 8rem; height: 3.4rem; background-size: cover;}
.ngkids #menu-bar nav{text-align: left; background: #00A700; height: 5.8rem; padding: 1rem 0 0 10rem; box-sizing: border-box;}
.ngkids #menu-bar .mo_f_menu{display: inline-block; font-family: 'NotoSansKR'; padding: 0 0 1rem; margin-top: 0;}
.ngkids #menu-bar .mo_f_menu a{display: inline-block; font-size: 1.1rem; color: #fff; font-weight: 500; padding: .5rem 0.9rem; box-sizing: border-box; letter-spacing: -0.05rem;}
.ngkids #menu-bar .mo_f_menu .my{background: url(../../images/icon_my.svg) no-repeat 50%; width: 4rem; height: 4rem; margin-left: 1rem; vertical-align: middle; background-size: 63%;}
.ngkids #menu-bar .mo_f_menu .cart{background: url(../../images/icon_cart.svg) no-repeat 50%; width: 4rem; height: 4rem; vertical-align: middle; background-size: 50%;}
.ngkids #menu-bar .mo_f_menu .purchase{display:inline-block; font-size:1.2rem; padding:.6rem .8rem; border:1px solid #fff; border-radius:3px; margin-left:1rem;}
.ngkids #menu-bar .mo_gnb_menu .menu{display: block; width: 100%; height: 6.8rem; padding: 0 2.8rem; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; font-size: 1.6rem; color: #141414; box-sizing: border-box; background: url(../../images/icon_btnview.svg) no-repeat 94%;}
.ngkids #menu-bar .mo_gnb_menu .menu_non{display: block; width: 100%; height: 6.8rem; padding: 0 2.8rem; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; font-size: 1.6rem; color: #141414; box-sizing: border-box; }
.ngkids #menu-bar .mo_gnb_menu em{display: block; line-height: 6.8rem; font-weight: 500;}
.ngkids #menu-bar .mo_gnb_menu .submenu{background: #F0F0F0; padding: 1.2rem 3rem;}
.ngkids #menu-bar .mo_gnb_menu .submenu > a{display: block; width: 100%; height: auto; padding: 0.5rem 1.4rem; border-bottom: 0; font-size: 1.6rem; color: #141414; box-sizing: border-box; background: none;}
.ngkids #menu-bar .mo_gnb_menu .submenu > a + a{margin-top: 0.3rem;}
.ngkids #menu-bar .mo_gnb_menu .submenu > a span{display: inline-block; font-size: 1.3rem;}
.ngkids #menu-bar .mo_gnb_menu .submenu > a span:after{content: ''; display: inline-block; background: url(../../images/subnemu_arrow.svg) no-repeat 50%; width: 0.6rem; height: 0.9rem; margin-left: 1rem; vertical-align: middle;}
.ngkids #menu-bar .mo_gnb_menu .pbgo img{width: 10rem; /* height: 2.1rem; */ background-size:contain;}
#menu-bar .mo_gnb_menu .pbgo a{background: none;}
#menu-bar .mo_gnb_menu .pbgo{content: ''; display: inline-block; background: url(../../images/icon_new_win_gray.svg) no-repeat 95% 50%; background-size: 1.4rem 1.3rem; width: 100%;}
/* NGKIDS - 사이드 메뉴 네비게이션 NAV : END */



/* 밀리패스 메인 mall: START */
.mpnav{padding-top: 5.8rem;}
.mpnav ul{font-size: 0; text-align: center; padding: 0 0.9rem;}
.mpnav ul li{display: inline-block; font-size: 1.2rem; font-weight: 500; padding: 1.7rem 0 1.2rem; border-bottom: 0.3rem solid transparent; box-sizing: border-box;}
.mpnav ul li:nth-child(1){width: 17%;}
.mpnav ul li:nth-child(2){width: 24%;}
.mpnav ul li:nth-child(3){width: 20%;}
.mpnav ul li:nth-child(4){width: 24%;}
.mpnav ul li:nth-child(5){width: 15%;}
.mpnav ul li:active{font-weight: 700; border-bottom: 0.3rem solid #000;}

.top_area .slide {display: flex; flex-wrap: nowrap; overflow: hidden; position: relative; width: 100%; user-select: none;}
.top_area .slide_item {display: flex; align-items: center; justify-content: center; position: relative; left: 0px; width: 100%; height: 319px; flex-shrink: 0; transition: left 0.15s;}
.top_area .slide_item img{max-width: 100%}
.top_area .slide_button {display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 16px); cursor: pointer;}
.top_area .slide_prev_button {left: 10px; background: url(images/icon_slide_left.svg) no-repeat 50%; width: 1.6rem; height: 2.4rem;}
.top_area .slide_next_button {right: 10px; background: url(images/icon_slide_right.svg) no-repeat 50%; width: 1.6rem; height: 2.4rem;}
.top_area .slide_pagination {display: flex; gap: 5px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.top_area .slide_pagination > li {color: #7fb5ff88; cursor: pointer; font-size: 25px;}
.top_area .slide_pagination > li.active {color: #7fb5ff;}
.top_area .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;}

.top_area ul{display: flex; overflow-x: scroll; padding: 0 4%;}
.top_area ul li{flex-shrink: 0; width: 25%;}
.top_area ul li a{position: relative; display: inline-block; width: 100%; height: 11rem; text-align: center; font-weight: 500; font-size: 1.1rem;}
.top_area ul li a img{max-width: 100%;}
.top_area ul li a span{position: absolute; width: 100%; left: 50%; bottom: 2rem; transform: translateX(-50%);}
.top_area ul li .icon_01{background: url(../../images/mp_main_icon01.svg) no-repeat 50% 43%; background-size: 3.6rem 3.3rem;}
.top_area ul li .icon_02{background: url(../../images/mp_main_icon02.svg) no-repeat 50% 43%; background-size: 3.3rem 3.5rem;}
.top_area ul li .icon_03{background: url(../../images/mp_main_icon03.svg) no-repeat 50% 43%; background-size: 3.0rem 3.6rem;}
.top_area ul li .icon_04{background: url(../../images/mp_main_icon04.svg) no-repeat 50% 43%; background-size: 3.8rem 3.6rem;}
.mp_sub_banner{width: 100%;}
.mp_sub_banner img{max-width: 100%;}

.popular .s_tit, .pick .s_tit{font-size: 2rem; font-weight: 700; padding: 3rem 2rem 0.5rem;}
.popular .s_txt, .pick .s_txt{display: block; font-size: 1.1rem; font-weight: 500; padding: 0 2rem 1.5rem; color: #aaa;}
.popular ul, .pick ul{padding: 0 3%; font-size: 0; padding-bottom: 2rem;}
.popular ul li{display: inline-block; width: 46%; margin: 2%; padding-bottom: 1rem;}
.popular ul li .imgbox{position: relative; width: 100%; max-width: 16.5rem; border-radius: 1rem; overflow: hidden;}
.popular ul li .imgbox img{max-width: 100%;}
.popular ul li .imgbox span{position: absolute; top: 1rem; left: 1rem; width: 2rem; height: 2rem; border-radius: 0.3rem; padding-top: 0.4rem; text-align: center; font-size: 1.2rem; font-weight: 700; color: #fff; box-sizing: border-box; background: #494949;}
.popular ul li .imgbox span.red{background: #E94C45;}

.popular ul li .txtbox .itxt{display: inline-block; height: 2rem; line-height: 2.3rem; border-radius: 0.3rem; margin: 1rem 0; padding: 0.2rem 1rem 0; font-size: 1rem; font-weight: 700; color: #fff; background: #00448D;}
.popular ul li .txtbox .pd_tit{display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.1rem; line-height: 1.8rem; margin-bottom: 0.9rem;}
.popular ul li .txtbox .ptxt{display: inline-block; font-size: 1.4rem; font-weight: 700; margin-right: 1rem;}
.popular ul li .txtbox .fcblue{color: #4683C5;}
.popular ul li .txtbox .price{display: inline-block; font-size: 1.4rem; font-weight: 700; color: #000;}
.popular ul li .txtbox .dc{display: block; font-size: 1rem; font-weight: 500; color: #aaa; text-decoration: line-through; margin-top: 0.2rem;}

.pick ul li{display: block; width: 100%; margin: 2%; padding-bottom: 1rem;}
.pick ul li .imgbox{display: inline-block; position: relative; max-width: 12.5rem; border-radius: 1rem; overflow: hidden;}
.pick ul li .imgbox img{max-width: 100%;}
.pick ul li .txtbox{display: inline-block; width: calc(100% - 12.5rem); vertical-align: bottom; padding-left: 1rem; box-sizing: border-box;}
.pick ul li .txtbox .itxt{display: inline-block; height: 2rem; line-height: 2.3rem; border-radius: 0.3rem; margin: 1rem 0; padding: 0.2rem 1rem 0; font-size: 1rem; font-weight: 700; color: #fff; background: #00448D;}
.pick ul li .txtbox .pd_tit{display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.1rem; line-height: 1.8rem; margin-bottom: 0.9rem;}
.pick ul li .txtbox .ptxt{display: inline-block; font-size: 1.4rem; font-weight: 700; margin-right: 1rem;}
.pick ul li .txtbox .fcred{color: #E94C45;}
.pick ul li .txtbox .price{display: inline-block; font-size: 1.4rem; font-weight: 700; color: #000;}
.pick ul li .txtbox .dc{display: block; font-size: 1rem; font-weight: 500; color: #aaa; text-decoration: line-through; margin-top: 0.2rem;}
/* 밀리패스 메인 mall: END */

.ngkids .kidsv2 .title_bg .btn.off { display: block; margin: 0 auto; 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; opacity: 0.9;}
.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;}