@charset "utf-8";
@import url('layout.css'); /* reset */

/* container */
#container:before{box-sizing:border-box; border-top:1px solid #e5e5e5; border-bottom:1px solid #eee; background-color:#f5f5f5;}
#wrap.eng #container:before{height:400px;}
#wrap.math #container:before{height:520px;}
.top_area{position:relative;}
#wrap.eng .top_area{height:400px; overflow:hidden; font-size:0;}
#wrap.math .top_area{width:100% !important;}
.top_area>div{position:relative; vertical-align:top;}
#wrap.eng .top_area>.lside{display:inline-block; width:760px;}
#wrap.eng .top_area>.rside{display:inline-block; width:420px; font-size:0;}
#wrap.math .top_area>.rside{position:absolute; z-index:10; top:0; right:0; overflow:hidden;}
.slides_wrap{position:relative; overflow:hidden;}
.slides_wrap img{display:block;}
#wrap.eng .slides_wrap img{display:block; width:100%; height:100%;}
#wrap.math .slides_wrap img{display:block; position:relative; left:50%; margin-left:-960px; height:100%;}
.slides_wrap .caroufredsel_wrapper{min-height:400px;}
#slides>li{float:left; overflow:hidden;}
#slides>li>a{display:block; position:relative;}
#slides>li>a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:0.1;}
#slides_dot{position:absolute; z-index:2; bottom:10px; left:10px; font-size:0;}
#wrap.math #slides_dot{left:50%; margin-left:-590px;}
#slides_dot a{display:inline-block;}
#slides_dot a span{display:block; margin:0 3px; width:12px; height:12px; border-radius:100%; text-indent:-9999px; background-color:rgb(255 255 255 / 70%);}
#slides_dot a.selected span{background-color:#ec444a; background-image:none;}
.station{font-size:0;}
.station>a{display:block; position:relative; overflow:hidden; cursor:pointer;}
.station>a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:0.1;}
.station img{display:block;}
#wrap.eng .station img,
#wrap.eng .station video{margin-left:-30px;}

/* quick menu */
.quick{position:relative;}
.quick ul>li.myinfo{position:relative;}
.quick ul>li.myinfo:before{content:''; position:absolute; z-index:1; left:-1px; right:-1px;top:0; bottom:-1px; background-color:#415171;}
.quick ul>li>a{display:table; position:relative; z-index:2; width:100%; height:100%;}
.quick ul>li>a>h4,
.quick ul>li>a>.my{display:table-cell; padding:0 5px; font-size:0; vertical-align:middle; text-align:center;}
.quick ul>li>a>.my .info{margin-top:3px;}
.quick ul>li>a>.my .info:before{content:''; display:inline-block; background-image:url(../img/myjls/icon_myjls_small.svg); background-repeat:no-repeat;}
.quick ul>li>a>.my .info h5{display:none; color:#fff; font-family:'NanumSquare'; font-size:17px; font-weight:500;}
.quick ul>li>a>h4:before{content:''; display:inline-block; margin:0 5px; background-image:url(../img/myjls/icon_myjls_small.svg); background-repeat:no-repeat;}
.quick ul>li>a.admission>h4>span,
.quick ul>li>a.paymanage>h4>span{margin:0; font-size:12px;}
.quick.login:before,
.quick.login:after{border-top:1px solid #ced6e6;}
.quick.login ul:before{border-right:1px solid #ced6e6;}
.quick.login ul>li{border-left:1px solid #ced6e6; background-color:#f2f7ff;}

/* quick menu : floating fuction */
.quick .close_tab{position:absolute; z-index:2; left:0; right:0; top:0; padding:6px 8px 8px 24px; height:100%; background-color:#34415a; cursor:pointer;}
.quick .close_tab:before{content:''; position:absolute; top:1px; left:1px; right:0; border-top:1px solid rgba(255,255,255,0.1);}
.quick .close_tab:after{content:''; position:absolute; top:9px; left:8px; width:10px; height:10px; background-image:url(../img/icon_set.svg); background-position:0 -105px; opacity:0.8; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.quick .close_tab>span{display:inline-block; margin:10px 0 0 -18px; color:#fff; font-family:'Open Sans'; font-size:10px; font-weight:400; opacity:0.8; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; transform-origin: left bottom; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.quick .top_btn{position:relative; z-index:3; height:24px; border-bottom:1px solid rgba(0,0,0,0.2); border-left:1px solid rgba(0,0,0,0.2); background-color:#415171; text-align:center;}
.quick .top_btn:before{content:''; position:absolute; z-index:1; top:0; left:0; right:0; border-top:1px solid rgba(255,255,255,0.1);}
.quick .top_btn:after{content:''; position:absolute; z-index:1; top:11px; left:6px; width:12px; height:6px; background-image:url(../img/icon_set.svg); background-position:-18px -78px; opacity:0.8; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.quick .top_btn>a{display:block; position:relative; z-index:2; padding:6px 8px 8px 20px; opacity:0.8;}
.quick .top_btn>a>span{color:#fff; font-family:'Open Sans'; font-size:10px; font-weight:400;}
.quick.expand{margin-right:0 !important;}
.quick.expand .close_tab{height:29px;}
.quick.expand .close_tab:after{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
.quick.expand .close_tab>span{margin:0; letter-spacing:-0.5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}
.quick.expand .top_btn{height:29px;}
.quick.expand .top_btn:after{left:26px;}

/* quick menu : english */
#wrap.eng .quick .close_tab,
#wrap.eng .quick .top_btn{display:none;}
#wrap.eng .quick{height:200px;}
#wrap.eng .quick:before,
#wrap.eng .quick:after{content:''; position:absolute; left:0; right:0; border-top:1px solid #e5e5e5;}
#wrap.eng .quick:before{top:0;}
#wrap.eng .quick:after{top:100px;}
#wrap.eng .quick ul{height:100%;}
#wrap.eng .quick ul:before{content:''; position:absolute; top:0; bottom:0; right:0; border-right:1px solid #e5e5e5;}
#wrap.eng .quick ul>li{float:left; width:33.33%; height:100px; border-left:1px solid #e5e5e5; background-color:#fcfcfc; color:#fff;}
#wrap.eng .quick ul>li>a>.my .info:before{width:60px; height:48px; background-position:-1020px 0;}
#wrap.eng .quick ul>li>a>h4:before{width:60px; height:48px;}
#wrap.eng .quick ul>li>a.login>h4:before{background-position:-900px 0;}
#wrap.eng .quick ul>li>a.branch>h4:before{background-position:-660px 0;}
#wrap.eng .quick ul>li>a.entrance>h4:before{background-position:-600px 0;}
#wrap.eng .quick ul>li>a.news>h4:before{background-position:-840px 0;}
#wrap.eng .quick ul>li>a.task>h4:before{background-position:0 0;}
#wrap.eng .quick ul>li>a.pretest>h4:before,
#wrap.eng .quick ul>li>a.test>h4:before{background-position:-60px 0;}
#wrap.eng .quick ul>li>a.assessment>h4:before{background-position:-120px 0;}
#wrap.eng .quick ul>li>a.admission>h4:before{background-position:-180px 0;}
#wrap.eng .quick ul>li>a.advice>h4:before{background-position:-240px 0;}
#wrap.eng .quick ul>li>a.attendance>h4:before{background-position:-300px 0;}
#wrap.eng .quick ul>li>a.report>h4:before{background-position:-360px 0;}
#wrap.eng .quick ul>li>a.book>h4:before{background-position:-420px 0;}
#wrap.eng .quick ul>li>a.mall>h4:before{background-position:-780px 0;}
#wrap.eng .quick ul>li>a.payment>h4:before{background-position:-480px 0;}
#wrap.eng .quick ul>li>a.paymanage>h4:before{background-position:-540px 0;}
#wrap.eng .quick ul>li>a.thousand>h4:before{background-position:-720px 0;}
#wrap.eng .quick ul>li>a.elearning>h4:before{background-position:-1080px 0;}
#wrap.eng .quick ul>li>a.elearning2>h4:before{background-position:-1200px 0;}
#wrap.eng .quick ul>li>a.mathreport>h4:before{width:48px; background-image:url(../img/math/icon_math.svg);background-position:-336px 0;}
#wrap.eng .quick ul>li>a>h4>span{display:block; margin:1px 0 5px 0; color:#777;  font-size:13px; font-weight:600;}

/* quick menu : mytree */
.quick ul>li>a.mytree>h4:before{margin:0 auto; width:100% !important; max-width:104px; background-image:url(../../../common/img/logo_mytree.svg); background-size:contain !important; background-position:center !important;}
#wrap.math .quick ul>li>a.mytree>h4:before{background-image:url(../../../common/img/logo_mytree_cw.svg);}

/* quick menu : math */
.quick.expand ul{height:491px;}

#wrap.math .quick{margin-right:-71px; background-color:#415171;}
#wrap.math .quick ul{position:relative; z-index:1; padding-top:29px; height:110px;}
#wrap.math .quick.expand ul{height:491px;}
#wrap.math .quick ul>li{position:relative; width:95px; height:77px; border-left:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); background-color:#415171; color:#fff;}
#wrap.math .quick ul>li>a.elearning:before{content:''; position:absolute; right:0; top:0; border-left:15px solid transparent; border-top:15px solid #ef3e9e;}
#wrap.math .quick ul>li>a.elearning:hover:after{content:''; position:absolute; left:3px; top:3px; width:11px; height:11px; background-image:url(../img/icon_set.svg); background-position:-12px -105px; opacity:0.3;}
#wrap.math .quick ul>li:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border-top:1px solid rgba(255,255,255,0.05);}
#wrap.math .quick ul>li>a>.my .info:before{width:45px; height:36px; background-size:945px 36px; background-position:-765px 0;}
#wrap.math .quick ul>li>a>h4:before{width:45px; height:36px; background-size:945px 36px;}
#wrap.math .quick ul>li>a.login>h4:before{background-position:-675px 0;}
#wrap.math .quick ul>li>a.branch>h4:before{background-position:-495px 0;}
#wrap.math .quick ul>li>a.entrance>h4:before{background-position:-450px 0;}
#wrap.math .quick ul>li>a.news>h4:before{background-position:-630px 0;}
#wrap.math .quick ul>li>a.task>h4:before{background-position:0 0;}
#wrap.math .quick ul>li>a.pretest>h4:before,
#wrap.math .quick ul>li>a.test>h4:before{background-position:-45px 0;}
#wrap.math .quick ul>li>a.assessment>h4:before{background-position:-90px 0;}
#wrap.math .quick ul>li>a.admission>h4:before{background-position:-135px 0;}
#wrap.math .quick ul>li>a.advice>h4:before{background-position:-180px 0;}
#wrap.math .quick ul>li>a.attendance>h4:before{background-position:-225px 0;}
#wrap.math .quick ul>li>a.report>h4:before{background-position:-270px 0;}
#wrap.math .quick ul>li>a.book>h4:before{background-position:-315px 0;}
#wrap.math .quick ul>li>a.mall>h4:before{background-position:-585px 0;}
#wrap.math .quick ul>li>a.payment>h4:before{background-position:-360px 0;}
#wrap.math .quick ul>li>a.paymanage>h4:before{background-position:-405px 0;}
#wrap.math .quick ul>li>a.thousand>h4:before{background-position:-540px 0;}
#wrap.math .quick ul>li>a.elearning>h4:before{background-position:-810px 0;}
#wrap.math .quick ul>li>a.mytree>h4:before{background-position:-855px 0;}
#wrap.math .quick ul>li>a.elearning2>h4:before{background-position:-900px 0;}
#wrap.math .quick ul>li>a.mathreport>h4:before{width:36px; background-image:url(../img/math/icon_math.svg); background-position:-252px 0; background-size:cover;}
#wrap.math .quick ul>li>a>h4>span{display:block; margin:1px 0 2px 0; color:#fff; font-size:11px; font-weight:400;}


/* curriculum info : english */
#container .curriculum{position:relative; padding:20px 0; font-size:0;}
.curriculum> .main_event{padding:30px 0;}
.curriculum>.tit{margin:30px 0; text-align:center;}
.curriculum>.tit>h3{display:inline-block; color:#333; font-family:'NanumSquare'; font-size:38px; font-weight:400; letter-spacing:-1px; vertical-align:middle;}
.curriculum>.tit>h3>strong{font-weight:500;}
.curriculum>.tit>p{padding:8px 0; color:#555; font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-0.5px;}
.curriculum>.lside{display:inline-block; position:relative; width:56%;}
.curriculum>.rside{display:inline-block; position:relative; margin-left:2%; width:42%;}
.curriculum dl{display:table; border-collapse:collapse; width:100%; height:130px;}
.curriculum dl>dt,
.curriculum dl>dd{display:table-cell; height:100%; vertical-align:middle; text-align:center; box-shadow:-1px -1px 0 rgba(0,0,0,0.05) inset;}
.curriculum dl>dt{width:22%; color:#fff;}
.curriculum dl>dd{width:26%; color:#fff;}
.curriculum dl>dt>h3{position:relative; margin:0 auto; padding-bottom:10px; width:90px; font-family:'NanumSquare'; font-size:21px; font-weight:400;}
.curriculum dl>dt>h3:before{content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background-color:rgb(255 255 255 / 20%);;}
.curriculum dl>dt>p{margin-top:10px; color:#fff; font-size:11px; line-height:14px; opacity:0.5;}
.curriculum dl>dd{position:relative; cursor:pointer;}
.curriculum dl>dd:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; box-shadow:0 1px 0 rgba(0,0,0,0.05) inset;}
.curriculum dl>dd.fluenc:before{box-shadow:1px 1px 0 rgba(0,0,0,0.05) inset;}
.curriculum dl>dd>span{display:block; position:relative;}
.curriculum dl>dd>span>h5{margin-bottom:5px; font-weight:normal; font-size:11px; color:#888; letter-spacing:-0.5px;}
.curriculum dl>dd>span>img{height:24px;}
.curriculum dl>dd.fluenc>span>img{height:30px;}
.curriculum dl>dd.eng>span>img,
.curriculum dl>dd.vgroup>span>img{margin:1px 0; height:24px;}
.curriculum dl>dd.mathself>span>img,
.curriculum dl>dd.study_abroad>span>img{margin:3px 0; height:24px;}
.curriculum>.lside dl>dt{background-color:#f0696e;}
.curriculum>.lside dl>dd{background-color:#fffcf3;}
.curriculum>.rside dl>dt{display:none; background-color:#1278bc;}
.curriculum>.rside dl>dd{background-color:#f4faff;}
.curriculum>.rside dl>dt{width:30%;}
.curriculum>.rside dl>dd{width:33.33%;}
.curriculum.branch>.lside dl>dt{width:60%;}
.curriculum.branch>.lside dl>dt>.info{display:flex; width:100%;}
.curriculum.branch>.lside dl>dt>.info>div{flex-grow:1;}
.curriculum.branch>.lside dl>dt>.info h3{padding-bottom:5px; font-family:'NanumSquare'; font-size:21px; font-weight:400;}
.curriculum.branch>.lside dl>dt>.info h3:before{content:none;}
.curriculum.branch>.lside dl>dt>.info h4{display:inline-block; position:relative; padding-top:10px; font-family:'NanumSquare'; font-size:40px; font-weight:300; letter-spacing:-1px;}
.curriculum.branch>.lside dl>dt>.info h4:before{content:''; position:absolute; left:0; right:0; top:0; height:2px; background-color:rgb(255 255 255 / 20%);}
.curriculum.branch>.lside dl>dt>.info>:not(.unity) h4{font-size:21px; font-weight:400;}
.curriculum.branch>.lside dl>dt>.info p{margin-top:5px; font-size:13px; opacity:0.7;}
.curriculum.branch>.lside dl>dt>.info>.unity p>br{display:none;}
.curriculum.branch>.lside dl>dt>.info>:not(.unity) p{font-size:11px;}
.curriculum.branch>.lside dl>dd{width:20%; background-color:#f07579;}
.curriculum.branch>.lside dl>dd>span:before{content:''; display:inline-block; width:50px; height:50px; background-image:url(../img/gojls/icon_branch.svg);}
.curriculum.branch>.lside dl>dd.bus>span:before{background-position:-50px 0;}
.curriculum.branch>.lside dl>dd>span>h6{margin-bottom:5px; color:#fff; font-weight:400; letter-spacing:-1px;}

/* curriculum info : math */
.curriculum>.mathink{display:inline-block; position:relative; width:49%; border:2px solid #ef3e65; vertical-align:top;}
.curriculum>.mathself{display:inline-block; position:relative; margin-left:2%; width:49%; border:2px solid #0080c6; vertical-align:top;}
/* .curriculum>.algorithm{display:inline-block; position:relative; margin-left:1.4%; width:32.4%; border:2px solid #5b74b7; vertical-align:top;} */
.curriculum .top_info{padding:35px 0 40px 25px; height:250px; background-color:#fff; background-repeat:no-repeat; background-position:right bottom;}
.curriculum>.mathink .top_info{background-image:url(../img/math/teaser_mathink_info_bg.jpg); background-size:60%;}
.curriculum>.mathself .top_info{background-image:url(../img/math/teaser_mathself_info_bg.jpg); background-size:75%;}
.curriculum>.algorithm .top_info{background-image:url(../img/math/teaser_concept_info_bg.jpg); background-size:contain;}
.curriculum .top_info h3{position:relative; padding:20px 0;}
.curriculum .top_info h3:before{content:''; position:absolute; top:0; left:0; width:40px;}
.curriculum>.mathink .top_info h3:before{border-top:3px solid #ef3e65;}
.curriculum>.mathself .top_info h3:before{border-top:3px solid #0080c6;}
.curriculum>.algorithm .top_info h3:before{border-top:3px solid #5b74b7;}
.curriculum .top_info h3>img{display:block;}
.curriculum .top_info h4{padding:15px 0; line-height:1.1; color:#333; font-family:'NanumSquare'; font-size:24px; font-weight:400; letter-spacing:-1px;}
.curriculum .top_info h5{padding:15px 0; line-height:1.1; color:#5f75b9; line-height:40px; font-family:'NanumSquare'; font-size:35px; font-weight:600; letter-spacing:-1px;}
.curriculum>.mathink .top_info h4{padding-top:0;}
.curriculum .top_info p{color:#777; font-size:15px; font-weight:300; letter-spacing:-1px; word-break:keep-all;}
.curriculum .bottom_info>.tit{position:relative; padding:20px 15px; color:#fff; vertical-align:bottom; word-break:keep-all; cursor:pointer;}
.curriculum>.mathink .bottom_info>.tit{background-color:#ef3e65;}
.curriculum>.mathself .bottom_info>.tit{padding-right:5px; background-color:#0080c6;}
.curriculum>.algorithm .bottom_info>.tit{padding-right:5px; background-color:#5b74b7;}
.curriculum .bottom_info>.tit>h3{display:inline-block; position:relative; background-color:transparent; font-family:'NanumSquare'; font-size:24px; font-weight:300;}
.curriculum .bottom_info>.tit>p{margin-top:10px; color:#fff; font-size:12px; line-height:1.4; letter-spacing:-0.5px; opacity:0.75;}
.curriculum .bottom_info>.subtit{position:relative; padding:10px 15px; height:150px; border-top:1px solid #e5e5e5; background-color:#f7f7f7;}
.curriculum .bottom_info>.subtit>h4{margin-top:5px; font-family:'NanumSquare'; font-size:16.5px; font-weight:400;}
.curriculum .bottom_info>.subtit>p{padding:5px 0; color:#777; font-size:12px; line-height:1.3; letter-spacing:-0.5px; opacity:0.75;}
.curriculum .bottom_info>ul{display:table; width:100%; font-size:0; vertical-align:top;}
.curriculum .bottom_info>ul>li{display:table-cell; width:25%; height:150px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f7f7f7; font-size:0; text-align:center; vertical-align:middle; cursor:pointer;}
.curriculum .bottom_info>ul>li:hover{background-color:#fff;}
.curriculum .bottom_info>ul>li:first-child{border-left:0;}
.curriculum>.mathself .bottom_info>ul>li{width:33.3%;}
.curriculum .bottom_info>ul>li:before{content:''; display:inline-block; margin-bottom:3px; width:48px; height:48px; background-image:url(../img/math/icon_math.svg);}
.curriculum>.mathink .bottom_info>ul>li.p1:before{background-position:0 0;}
.curriculum>.mathink .bottom_info>ul>li.p2:before{background-position:-48px 0;}
.curriculum>.mathink .bottom_info>ul>li.p3:before{background-position:-96px 0;}
.curriculum>.mathink .bottom_info>ul>li.p4:before{background-position:-144px 0;}
.curriculum>.mathself .bottom_info>ul>li.p1:before{background-position:-192px 0;}
.curriculum>.mathself .bottom_info>ul>li.p2:before{background-position:-240px 0;}
.curriculum>.mathself .bottom_info>ul>li.p3:before{background-position:-288px 0;}
.curriculum>.algorithm .bottom_info>ul>li.p1:before{background-position:-336px 0;}
.curriculum>.algorithm .bottom_info>ul>li.p2:before{background-position:-432px 0;}
.curriculum .bottom_info>ul>li>h5{color:#555; font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-1px;}
.curriculum .bottom_info>ul>li>h5>b{font-weight:500;}

/* Kakaokids English */
.kke_bar{padding:32px 0; text-align:center;}
.kke_bar>a{display:block; position:relative;}
.kke_bar>a:before{content:''; position:absolute; left:0; right:0; bottom:5px; height:10px; background-image:url(../img/gojls/sub_title_line.png); background-repeat:no-repeat; background-position:center top; background-size:contain;}
.kke_bar>a>img{position:relative;}

/* ACE strategy */
.ace_strategy .tit,
.thousand_hours .tit{margin-bottom:25px; text-align:center;}
.ace_strategy .tit>h5,
.thousand_hours .tit>h5{color:#333; font-family:'NanumSquare'; font-size:24px; font-weight:400; letter-spacing:-1px; vertical-align:middle;}
.ace_strategy .tit>h3,
.thousand_hours .tit>h3{color:#333; font-family:'NanumSquare'; font-size:36px; font-weight:400; letter-spacing:-2px; vertical-align:middle;}
.ace_strategy .tit>h3>strong,
.thousand_hours .tit>h3>strong{font-weight:500;}
.ace_strategy .tit>p,
.thousand_hours .tit>p{padding:8px 0; color:#555; font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-0.5px;}
.ace_strategy{position:relative; margin-top:20px !important; padding:30px 0;}
.ace_strategy .theme{position:relative; padding:10px; height:350px; background-image:url(../img/gojls/2024_ace_strategy_bg.jpg); background-position:center;}
.ace_strategy .theme>h4{position:relative; padding:40px 0; color:#fff; font-family:'NanumSquare'; font-size:26px; font-weight:400; letter-spacing:-1px; text-align:center;}
.ace_strategy .theme>h4>br{display:none;}
.ace_strategy .theme>ul{position:relative; margin:0 10px; font-size:0; text-align:center;}
.ace_strategy .theme>ul>li{display:inline-block; position:relative; margin:0 20px; width:250px; border-radius:20px; border:3px solid #fff; border-top-color:transparent !important;}
.ace_strategy .theme>ul>li.str_1{border-color:#f5bde2;}
.ace_strategy .theme>ul>li.str_2{border-color:#a9fff0;}
.ace_strategy .theme>ul>li.str_3{border-color:#ffe197;}
.ace_strategy .theme>ul>li:before{content:''; position:absolute; top:-3px; left:-3px; width:50px; height:30px; border-top:3px solid #fff; border-left:3px solid #fff; border-radius:20px 0 0 0;}
.ace_strategy .theme>ul>li:after{content:''; position:absolute; top:-3px; right:-3px; width:50px; height:30px; border-top:3px solid #fff; border-right:3px solid #fff; border-radius:0 20px 0 0;}
.ace_strategy .theme>ul>li.str_1:before,
.ace_strategy .theme>ul>li.str_1:after{border-color:#f5bde2;}
.ace_strategy .theme>ul>li.str_2:before,
.ace_strategy .theme>ul>li.str_2:after{border-color:#a9fff0;}
.ace_strategy .theme>ul>li.str_3:before,
.ace_strategy .theme>ul>li.str_3:after{border-color:#ffe197;}
.ace_strategy .theme>ul>li>.txt{margin-top:-12px;}
.ace_strategy .theme>ul>li>.txt>h4,
.ace_strategy .theme>ul>li>.txt>h5,
.ace_strategy .theme>ul>li>.txt>h6{font-family:'NanumSquare'; letter-spacing:-1px;}
.ace_strategy .theme>ul>li.str_1>.txt>h4,
.ace_strategy .theme>ul>li.str_1>.txt>h5,
.ace_strategy .theme>ul>li.str_1>.txt>h6{color:#f5bde2;}
.ace_strategy .theme>ul>li.str_2>.txt>h4,
.ace_strategy .theme>ul>li.str_2>.txt>h5,
.ace_strategy .theme>ul>li.str_2>.txt>h6{color:#a9fff0;}
.ace_strategy .theme>ul>li.str_3>.txt>h4,
.ace_strategy .theme>ul>li.str_3>.txt>h5,
.ace_strategy .theme>ul>li.str_3>.txt>h6{color:#ffe197;}
.ace_strategy .theme>ul>li>.txt>h4{font-size:20px; font-weight:400;}
.ace_strategy .theme>ul>li>.txt>h5{margin-top:30px; font-size:28px; font-weight:500;}
.ace_strategy .theme>ul>li>.txt>h6{padding:5px 0; font-size:19px; font-weight:300;}
.ace_strategy .theme>ul>li>a{display:inline-block; position:relative; margin:15px 0; padding:7px 30px; border:1px solid #fff; color:#fff; text-align:center; overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.ace_strategy .theme>ul>li>a:before{content:''; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; width:100px; height:100px; border-radius:100%; background-color:#df313d; opacity:0.6; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.ace_strategy .theme>ul>li.str_1>a:before{background-color:#f5bde2;}
.ace_strategy .theme>ul>li.str_2>a:before{background-color:#a9fff0;}
.ace_strategy .theme>ul>li.str_3>a:before{background-color:#ffe197;}
.ace_strategy .theme>ul>li>a:hover:before{-ms-transform:scale(5); -webkit-transform:scale(5); transform:scale(5);}
.ace_strategy .theme>ul>li>a>*{display:block; position:relative; margin:2px 0; font-family:'NanumSquare'; letter-spacing:-0.5px;}
.ace_strategy .theme>ul>li>a>span{font-size:16.5px; font-weight:400;}
.ace_strategy .theme>ul>li>a:hover:before{-ms-transform:scale(5); -webkit-transform:scale(5); transform:scale(5);}

/* 1000hours */
.thousand_hours{position:relative; padding:30px 0;}
.thousand_hours .theme{position:relative; padding:10px 10px 10px 610px; height:224px; background-image:url(../img/gojls/2024_thousand_hours_bg.jpg); background-size:cover; background-position:center; text-align:center;}
.thousand_hours .theme>h4{position:relative; margin-top:16px; padding:20px 0; color:#fff; font-family:'NanumSquare'; font-size:24px; font-weight:400; letter-spacing:-1px; text-align:center;}
.thousand_hours .theme>ul{display:inline-block; position:relative; margin:0 auto; width:500px; font-size:0;}
.thousand_hours .theme>ul>li{display:inline-block; width:50%;}
.thousand_hours .theme>ul>li>a{display:block; position:relative; margin:5px; padding:10px 0; background-color:rgb(0 0 0 / 50%); color:#fff; text-align:center; overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.thousand_hours .theme>ul>li>a:before{content:''; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; width:100px; height:100px; border-radius:100%; background-color:#df313d; opacity:0.6; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.thousand_hours .theme>ul>li>a:hover:before{-ms-transform:scale(5); -webkit-transform:scale(5); transform:scale(5);}
.thousand_hours .theme>ul>li>a>*{display:block; position:relative; margin:2px 0; font-family:'NanumSquare'; letter-spacing:-0.5px;}
.thousand_hours .theme>ul>li>a>span{font-size:16.5px; font-weight:400;}
.thousand_hours .theme>ul>li>a>h4{font-size:18px; font-weight:500;}
.thousand_hours .theme>ul>li>a:hover{color:#fff;}
.thousand_hours .theme>ul>li>a:hover:before{-ms-transform:scale(5); -webkit-transform:scale(5); transform:scale(5);}

/* dream tree */
#container>.dreamtree{position:relative; top:-30px; padding:30px 0; background-color:#fff;}
.dreamtree:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.05); border-top:0; background-image:url(../img/gojls/dreamtree_live_winter_bg.jpg); background-size:cover; opacity:1;}
.dreamtree>.frame{position:relative; margin:0 auto; padding-left:300px; width:1180px;}
.dreamtree .tit{position:absolute; left:30px; top:50%; margin-top:-58px; width:250px;}
.dreamtree .tit>h3{color:#333; font-family:'Open Sans', 'NanumSquare'; font-size:17px; font-weight:400; letter-spacing:-1px; vertical-align:middle;}
.dreamtree .tit>h3>strong{font-size:32px; font-weight:600; letter-spacing:-1.5px; text-transform:uppercase;}
.dreamtree .tit>h3>sup{display:inline-block; margin-top:5px; color:#f0696e; font-weight:500; letter-spacing:0; text-transform:uppercase; vertical-align:top;}
.dreamtree .tit>.btn{margin-top:20px;}
.dreamtree .tit>.btn button>span{padding:2px 20px;}
.dreamtree ul{font-size:0; text-align:center;}
.dreamtree ul>li{display:inline-block; margin:0 10px; width:140px;}
.dreamtree ul>li>a{display:block; text-align:center;}
.dreamtree ul>li .thumb{display:inline-block; position:relative; z-index:1; overflow:hidden; width:130px; height:98px; border-radius:5px;}
.dreamtree ul>li .thumb>img{width:100%; height:100%;}
.dreamtree ul>li p{margin-top:5px; color:#777; font-size:12px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* blog & edupang */
.blog_edupang{padding-bottom:50px; font-size:0;}
.blog_edupang>div{display:inline-block; margin-left:4%; width:48%; vertical-align:top;}
.blog_edupang .blog{margin-left:0; margin-left:0; width:100%;}
.blog_edupang .edupang{display:none !important;}
.blog_edupang>div>h3{position:relative; margin:20px; color:#555; font-family:'NanumSquare'; font-size:21px; font-weight:400; letter-spacing:-1px;}
.blog_edupang>div>h3>b{font-weight:400;}
.blog_edupang .blog>h3:before,
.blog_edupang .edupang>h3:before{content:''; display:inline-block; margin-right:3px; width:27px; height:27px; background-repeat:no-repeat; background-size:cover; vertical-align:middle;}
.blog_edupang .blog>h3:before{background-image:url(../img/gojls/sns_blog.png);}
.blog_edupang .edupang>h3:before{width:64px; height:21px; background-image:url(../img/gojls/sns_edupang_kr.png);}
.blog_edupang>div>ol{position:relative; margin:25px 20px;}
.blog_edupang>div>ol>li{padding:5px 0;}
.blog_edupang>div>ol>li>a{display:block; position:relative; padding-right:100px;}
.blog_edupang>div>ol>li>a>h4{font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_edupang>div>ol>li>a>span{position:absolute; top:0; right:0; padding:2px 0; color:#999; font-size:12px; font-weight:normal;}
.blog_edupang>.blog>ol{font-size:0;}
.blog_edupang>.blog>ol>li{display:inline-block; margin-left:8%; width:46%;}
.blog_edupang>.blog>ol>li:nth-child(odd){margin-left:0;}

/* news module */
.news_list{margin:20px auto; width:1180px;}
.news_wrap{margin:0 auto; width:1180px;}
.news_wrap .subtit{display:inline-block; vertical-align:middle;}
.news_wrap .subtit>h4>b{line-height:36px; font-family:'NanumSquare'; font-size:36px; font-weight:300; letter-spacing:-2px;}
.news_wrap ol.tag{display:inline-block; margin-left:50px; vertical-align:middle; font-size:0;}
.news_wrap ol.tag>li{display:inline-block; position:relative; padding:0 20px; border-left:1px solid #eee; color:#888; font-family:'NanumSquare'; font-size:18px; font-weight:500;}
.news_wrap ol.tag>li:first-child{border-left:0;}
.news_wrap ol.tag>li>a{color:#888;}
.news_wrap ol.tag>li.selected>a{color:#fbb103;}
.news_wrap ol.tag>li.selected:before{content:''; position:absolute; left:15px; right:15px; bottom:-7px; border-bottom:2px solid #fbb103;}

/* msucc */
#container>.msucc{position:relative; padding:50px 0; width:100% !important; background-color:#f2e7e1;}
.msucc:after{content:''; position:absolute; top:0; left:0; right:0;border-top:1px solid rgba(0,0,0,0.05);}
.msucc>.frame{position:relative; padding-left:300px;}
.msucc .tit{position:absolute; left:15px; top:50%; margin-top:-72px; width:250px;}
.msucc .tit>h3{color:#333; font-family:'Open Sans', 'NanumSquare'; font-size:29px; font-weight:400; letter-spacing:-1px; vertical-align:middle;}
.msucc .tit>h3>strong{font-size:48px; font-weight:600; letter-spacing:-2px;}
.msucc .tit>.btn{margin-top:20px;}
.msucc .tit>.btn button>span{padding:2px 30px;}
.msucc ul{font-size:0; text-align:center;}
.msucc ul>li{display:inline-block; margin:0 15px; width:140px;}
.msucc ul>li>a{display:block; text-align:center;}
.msucc ul>li .thumb{display:inline-block; position:relative; z-index:1; overflow:hidden; width:130px; height:130px; border-radius:100%;}
.msucc ul>li .thumb>img{margin-left:-21px; height:130px;}
.msucc ul>li p{margin-top:10px; color:#777; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* branch info : for math */
#container>.branch_info{margin-top:50px; padding:50px 0; border-top:1px solid #d1dbe1; border-bottom:1px solid #d1dbe1; background-color:#e1ecf2;}
.branch_info>.frame{position:relative; margin:0 auto; padding-left:300px; width:1180px;}
.branch_info .tit{position:absolute; left:15px; top:50%; margin-top:-42px; width:200px;}
.branch_info .tit>h3{display:inline-block; color:#333; font-family:'NanumSquare'; font-size:35px; font-weight:400; letter-spacing:-1px; vertical-align:middle;}
.branch_info .tit>h3>strong{font-weight:500;}
.branch_info ul{font-size:0; text-align:center;}
.branch_info ul>li{display:inline-block; position:relative; margin:0 15px; padding:10px; width:135px; height:135px; border-radius:100%; background-color:#fff; cursor:default;}
.branch_info ul>li>.name{display:table; width:100%; height:100%; font-family:'NanumSquare'; font-size:24px; word-break:keep-all;}
.branch_info ul>li>.name>span{display:table-cell; vertical-align:middle;}
.branch_info ul>li>.tel{display:none; width:100%; height:100%; color:#fff; font-family:'NanumSquare'; font-size:16.5px; word-break:keep-all;}
.branch_info ul>li>.tel:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0;}
.branch_info ul>li>.tel>a{display:table-cell; color:#fff; vertical-align:middle;}
.branch_info ul>li>.tel>a>span{display:block;}
.branch_info ul>li:hover{background-color:#ef3e65;}
.branch_info ul>li:hover>.name{display:none;}
.branch_info ul>li:hover>.tel{display:table;}
.branch_info>button{margin-top:45px; border:2px solid #333; }
.branch_info>button>span{color:#333; font-size:18px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.branch_info>button:hover>span{color:#fff;}
.branch_info>button:before{content:''; position:absolute; top:50%; left:50%; right:auto; margin:-30px 0 0 -30px; width:60px; height:60px; border-radius:100%; background-color:#ef3e65; box-shadow:none; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.branch_info>button:hover:before{-ms-transform:scale(5); -webkit-transform:scale(5); transform:scale(5);}
.branch_info>button:after{content:none;}


/*####################
Screen size
######################*/

@media screen and (max-width:1220px){

#wrap.eng #container:before{height:347px;}
#wrap.eng .top_area{height:347px;}
#wrap.eng .top_area>.lside{width:660px;}
#wrap.eng .top_area>.rside{width:330px;}
.slides_wrap .caroufredsel_wrapper{min-height:347px;}

#wrap.math #container:before,
#wrap.math #slides>li{height:454px;}
#wrap.math .slides_wrap img{margin-left:-838px; width:auto; height:454px;}
#wrap.math #slides_dot{margin-left:-495px;}

#wrap.eng .quick{height:180px;}
#wrap.eng .quick:after{top:90px;}
#wrap.eng .quick ul>li{height:90px;}
#wrap.eng .quick ul>li>a>h4>span{font-size:12px;}

#wrap.math .quick{margin-right:-66px;}
#wrap.math .quick.expand ul{height:425px;}
#wrap.math .quick ul>li{width:90px; height:66px;}

#wrap.eng .station img,
#wrap.eng .station video{margin-left:-35px; height:167px;}
#wrap.academy .station img{height:337px;}
.curriculum dl>dd>span>h5{letter-spacing:-1px;}
.curriculum dl>dd>span>img{height:21px;}
.curriculum dl>dd.eng>span>img,
.curriculum dl>dd.vgroup>span>img,
.curriculum dl>dd.mathself>span>img{height:20px;}
.curriculum dl>dd.study_abroad>span>img{height:18px;}

.curriculum .top_info{padding:20px 0 30px 25px; height:200px;}
.curriculum .top_info h4{font-size:20px;}
.curriculum .bottom_info>.tit:before{left:60px;}
.curriculum .bottom_info>.tit:after{left:90px;}
.curriculum .bottom_info>.tit>h3{font-size:21px;}
.curriculum .bottom_info>ul>li,
.curriculum .bottom_info>.subtit{height:135px;}
.curriculum .bottom_info>.subtit>h4{font-family:inherit; font-size:13px;}
.curriculum .bottom_info>.subtit>p{font-size:11px;}

.thousand_hours .theme{padding-left:490px; height:200px;}
.thousand_hours .theme>h4{margin-top:8px; font-size:21px;}
.thousand_hours .theme>ul{width:450px;}

.dreamtree>.frame{padding-left:260px;}
.dreamtree ul>li{margin:0 10px; width:120px;}
.dreamtree ul>li .thumb{width:110px; height:83px;}
.dreamtree ul>li p{font-size:11px;}

.news_wrap{width:990px;}

.msucc>.frame{padding-left:250px;}
.msucc ul>li{margin:0 10px; width:120px;}
.msucc ul>li .thumb{width:110px; height:110px;}
.msucc ul>li .thumb>img{margin-left:-18px; height:110px;}
.msucc ul>li p{font-size:11px;}

}


/*############
Mobile design
##############*/

/* container */
html.mobile .top_area{height:auto !important;}
html.mobile .top_area>div{display:block !important; width:auto !important;}
html.mobile .caroufredsel_wrapper{min-height:auto;}
html.mobile #slides_dot{left:5px; bottom:5px;}
html.mobile #wrap.math #slides_dot{left:auto; margin-left:0;}
html.mobile #slides_dot .swiper-pagination-bullet{margin:0 1px; width:10px; height:10px;}
/* container : math */
html.mobile #wrap.math .slides_wrap img{position:absolute; top:0; left:50%; margin-left:-332px; width:665px; height:180px;}
html.mobile #wrap.math #slides>li{overflow:hidden; height:180px;}
html.mobile #wrap.math .top_area>.rside{position:relative;}

/* quick menu : eng */
html.mobile #wrap.eng .quick{overflow:hidden; height:70px;}
html.mobile #wrap.eng .quick:before{content:none;}
html.mobile #wrap.eng .quick:after{top:70px;}
html.mobile #wrap.eng .quick ul{border:0;}
html.mobile #wrap.eng .quick ul:before{content:none;}
html.mobile #wrap.eng .quick ul>li{width:80px; height:70px; border-bottom:1px solid #e5e5e5;}
html.mobile #wrap.eng .quick ul>li>a>.my .thumb{width:36px; height:36px;}
html.mobile #wrap.eng .quick ul>li>a>.my .thumb img{width:36px;}
html.mobile #wrap.eng .quick ul>li>a>.my .info{margin-top:2px;}
html.mobile #wrap.eng .quick ul>li>a>.my .info:before{width:45px; height:36px; background-size:945px 36px; background-position:-765px 0;}
html.mobile #wrap.eng .quick ul>li>a>.my .info h5{font-size:13px;}
html.mobile #wrap.eng .quick ul>li>a>h4>span{margin-bottom:2px; font-size:11px;}
html.mobile #wrap.eng .quick ul>li>a>h4:before{width:45px; height:36px; background-size:945px 36px;}
html.mobile #wrap.eng .quick ul>li>a.login>h4:before{background-position:-675px 0;}
html.mobile #wrap.eng .quick ul>li>a.branch>h4:before{background-position:-495px 0;}
html.mobile #wrap.eng .quick ul>li>a.entrance>h4:before{background-position:-450px 0;}
html.mobile #wrap.eng .quick ul>li>a.news>h4:before{background-position:-630px 0;}
html.mobile #wrap.eng .quick ul>li>a.task>h4:before{background-position:0 0;}
html.mobile #wrap.eng .quick ul>li>a.pretest>h4:before,
html.mobile #wrap.eng .quick ul>li>a.test>h4:before{background-position:-45px 0;}
html.mobile #wrap.eng .quick ul>li>a.assessment>h4:before{background-position:-90px 0;}
html.mobile #wrap.eng .quick ul>li>a.admission>h4:before{background-position:-135px 0;}
html.mobile #wrap.eng .quick ul>li>a.advice>h4:before{background-position:-180px 0;}
html.mobile #wrap.eng .quick ul>li>a.attendance>h4:before{background-position:-225px 0;}
html.mobile #wrap.eng .quick ul>li>a.report>h4:before{background-position:-270px 0;}
html.mobile #wrap.eng .quick ul>li>a.book>h4:before{background-position:-315px 0;}
html.mobile #wrap.eng .quick ul>li>a.mall>h4:before{background-position:-585px 0;}
html.mobile #wrap.eng .quick ul>li>a.payment>h4:before{background-position:-360px 0;}
html.mobile #wrap.eng .quick ul>li>a.paymanage>h4:before{background-position:-405px 0;}
html.mobile #wrap.eng .quick ul>li>a.thousand>h4:before{background-position:-540px 0;}
html.mobile #wrap.eng .quick ul>li>a.elearning>h4:before{background-position:-810px 0;}
html.mobile #wrap.eng .quick ul>li>a.mytree>h4:before{background-position:-855px 0;}
html.mobile #wrap.eng .quick ul>li>a.elearning2>h4:before{background-position:-900px 0;}
html.mobile #wrap.eng .quick ul>li>a.mathreport>h4:before{width:36px; background-size:cover; background-position:-250px 0;}
html.mobile #wrap.eng .quick ul>li>a.pretest>h4>span{font-weight:normal; letter-spacing:-0.5px;}
html.mobile .station>a:after{border-right:0; border-left:0; border-top:0;}
html.mobile .station img,
html.mobile .station video{margin:0 !important; width:100%; height:auto !important;}
html.mobile #wrap.academy .station img{height:auto;}

/* quick menu : math */
html.mobile #wrap.math .quick .close_tab,
html.mobile #wrap.math .quick .top_btn{display:none;}
html.mobile #wrap.math .quick{overflow:hidden; height:70px;}
html.mobile #wrap.math .quick ul{padding:0; height:auto;}
html.mobile #wrap.math .quick ul>li{width:80px; height:70px;}

/* curriculum info : gojls */
html.mobile #container .curriculum{margin-top:15px; padding:0; background-color:#f5f5f5;}
html.mobile .curriculum .main_event{display:none;}
html.mobile .curriculum>.tit{display:none;}
html.mobile .curriculum>.tit>h3{font-size:24px;}
html.mobile .curriculum>.tit>p{font-size:13px;}
html.mobile .curriculum>.lside,
html.mobile .curriculum>.rside{display:block; margin:0; width:auto;}
html.mobile .curriculum dl{display:block; height:auto; overflow:hidden;}
html.mobile .curriculum dl>dt{display:block; padding:10px 0; width:100%; height:auto; text-align:left;}
html.mobile .curriculum dl>dt>h3{display:inline-block; margin-left:10px; padding:0; width:auto; font-size:15px;}
html.mobile .curriculum dl>dt>h3:before{content:none;}
html.mobile .curriculum dl>dt>p{display:inline-block; margin:0 0 0 5px; vertical-align:middle;}
html.mobile .curriculum dl>dt>p>br{display:none;}
html.mobile .curriculum dl>dd{float:left; height:75px;}
html.mobile .curriculum dl>dd>span{margin-top:18px;}
html.mobile .curriculum dl>dd>span>h5{font-weight:normal; font-size:9px; color:#777;}
html.mobile .curriculum dl>dd img{height:18px;}
html.mobile .curriculum dl>dd.mathself img{height:19px;}
html.mobile .curriculum>.lside dl>dd{width:33.33%;}
html.mobile .curriculum>.rside dl>dd{width:33.33%;}
html.mobile .curriculum.branch>.lside dl{position:relative;}
html.mobile .curriculum.branch>.lside dl>dt{padding:15px 0; width:78%;}
html.mobile .curriculum.branch>.lside dl>dd{position:absolute; left:78%; right:0; width:auto;}
html.mobile .curriculum.branch>.lside dl>dd:before{content:none;}
html.mobile .curriculum.branch>.lside dl>dd.map{top:0; bottom:50%; height:auto;}
html.mobile .curriculum.branch>.lside dl>dd.bus{top:50%; bottom:0; height:auto;}
html.mobile .curriculum.branch>.lside dl>dt>.info h3{padding:2px 0 5px 0; font-size:16px;}
html.mobile .curriculum.branch>.lside dl>dt>.info h4{padding-top:5px; font-size:35px;}
html.mobile .curriculum.branch>.lside dl>dd>span{margin-top:6px; font-size:0;}
html.mobile .curriculum.branch>.lside dl>dd>span:before{width:30px; height:30px; background-size:60px 30px;}
html.mobile .curriculum.branch>.lside dl>dd.map>span:before{background-position:0 0;}
html.mobile .curriculum.branch>.lside dl>dd.bus>span:before{background-position:-30px 0;}
html.mobile .curriculum.branch>.lside dl>dd>span>h6{font-size:12px;}
html.mobile .curriculum.branch>.lside dl>dt>.info>.unity{padding:0 10px;}
html.mobile .curriculum.branch>.lside dl>dt>.info>:not(.unity){padding:5px; text-align:center;}
html.mobile .curriculum.branch>.lside dl>dt>.info>:not(.unity) h3{font-size:16px;}
html.mobile .curriculum.branch>.lside dl>dt>.info>:not(.unity) h4{padding-top:10px; font-size:18px;}
html.mobile .curriculum.branch>.lside dl>dt>.info>:not(.unity) p{font-size:10.5px;}
/* curriculum info : math */
html.mobile .curriculum>.mathink,
html.mobile .curriculum>.mathself,
html.mobile .curriculum>.algorithm{display:block; margin:0; width:auto; border-width:5px;}
html.mobile .curriculum .top_info{padding:25px 0 35px 20px; height:auto;}
html.mobile .curriculum>.mathink .top_info{background-size:50%;}
html.mobile .curriculum>.mathself .top_info{background-size:55%;}
html.mobile .curriculum>.algorithm .top_info{background-size:60%;}
html.mobile .curriculum .top_info h3{padding:10px 0; vertical-align:top;}
html.mobile .curriculum .top_info h3:before{width:20px; border-top-width:2px;}
html.mobile .curriculum .top_info h3>img{height:25px;}
html.mobile .curriculum .top_info h4{display:inline-block; padding:8px 0; font-size:20px; vertical-align:top;}
html.mobile .curriculum .top_info h5{display:inline-block; padding:8px 0; font-size:30px; vertical-align:top;}
html.mobile .curriculum .top_info p{font-size:13px;}
html.mobile .curriculum>.mathself .top_info p br{display:none;}
html.mobile .curriculum .bottom_info{display:block;}
html.mobile .curriculum .bottom_info>.tit{display:block; padding:10px 15px; width:auto;}
html.mobile .curriculum .bottom_info>.tit br{display:none;}
html.mobile .curriculum .bottom_info>.tit>h3{padding:0; font-size:20px; letter-spacing:-1px;}
html.mobile .curriculum .bottom_info>.tit>p{margin:2px 0; font-size:11px; letter-spacing:-1px;}
html.mobile .curriculum .bottom_info>.subtit{height:auto;}
html.mobile .curriculum .bottom_info>ul{display:table; width:100%;}
html.mobile .curriculum .bottom_info>ul>li{display:table-cell; width:25%; height:75px;}
html.mobile .curriculum .bottom_info>ul>li.p3{border-left:1px solid #e5e5e5;}
html.mobile .curriculum>.mathself .bottom_info>ul>li{width:33.33%;}
html.mobile .curriculum .bottom_info>ul>li:before{margin:3px 0; width:32px; height:32px; background-size:cover;}
html.mobile .curriculum>.mathink .bottom_info>ul>li.p1:before{background-position:0 0;}
html.mobile .curriculum>.mathink .bottom_info>ul>li.p2:before{background-position:-32px 0;}
html.mobile .curriculum>.mathink .bottom_info>ul>li.p3:before{background-position:-64px 0;}
html.mobile .curriculum>.mathink .bottom_info>ul>li.p4:before{background-position:-96px 0;}
html.mobile .curriculum>.mathself .bottom_info>ul>li.p1:before{background-position:-128px 0;}
html.mobile .curriculum>.mathself .bottom_info>ul>li.p2:before{background-position:-160px 0;}
html.mobile .curriculum>.mathself .bottom_info>ul>li.p3:before{background-position:-192px 0;}
html.mobile .curriculum>.algorithm .bottom_info>ul>li.p1:before{background-position:-224px 0;}
html.mobile .curriculum>.algorithm .bottom_info>ul>li.p2:before{background-position:-256px 0;}
html.mobile .curriculum>.algorithm .bottom_info>ul>li.p3:before{background-position:-288px 0;}
html.mobile .curriculum .bottom_info>ul>li>h5{font-size:11px;}
html.mobile .curriculum .bottom_info>ul>li>h5>span{font-size:9px;}
html.mobile #container .curriculum:before,
html.mobile .curriculum .bottom_info>.tit:before,
html.mobile .curriculum .bottom_info>.tit:after,
html.mobile .community ul.module:before{content:none;}
/* kakaokids english */
html.mobile #container .kke_bar,
html.mobile #container .kke_bar img{width:100% !important;}
html.mobile #container .kke_bar>a{padding:0 5px;}
html.mobile #container .kke_bar>a:before{bottom:0; height:9px; background-size:cover;}

/* news tab */
html.mobile .news_wrap{margin:0; padding:10px 5px; width:auto;}
html.mobile .news_wrap .subtit{display:block; padding:15px 10px;}
html.mobile .news_wrap .subtit>h4>b{font-size:24px; letter-spacing:-2px;}
html.mobile .news_wrap ol.tag{display:block; margin:0;}
html.mobile .news_wrap ol.tag>li{padding:0 10px; font-size:13px;}
html.mobile .news_wrap ol.tag>li.selected:before{left:10px; right:10px; bottom:-5px;}

/* ACE strategy */
html.mobile .ace_strategy,
html.mobile .thousand_hours{padding:0;}
html.mobile .ace_strategy .tit,
html.mobile .thousand_hours .tit{margin:0; padding:25px 0 15px 0;}
html.mobile .ace_strategy .tit>h3,
html.mobile .thousand_hours .tit>h3{font-size:24px;}
html.mobile .ace_strategy .tit>h5,
html.mobile .thousand_hours .tit>h5{font-size:15px;}
html.mobile .ace_strategy .tit>p,
html.mobile .thousand_hours .tit>p{font-size:13px;}

html.mobile .ace_strategy .theme{padding:10px; height:auto; background-size:cover; background-position:-70px 0;}
html.mobile .ace_strategy .theme:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:0.1;}
html.mobile .ace_strategy .theme>h4{margin:0; padding:15px 0; color:#fff; font-size:18px; text-shadow:0 1px 1px rgba(0,0,0,0.1);}
html.mobile .ace_strategy .theme>h4>br{display:block;}

html.mobile .ace_strategy .theme>ul{margin:10px 0; white-space:nowrap;}
html.mobile .ace_strategy .theme>ul>li{margin:0; width:110px; border-radius:10px; border-width:2px; border-top-width:0;}
html.mobile .ace_strategy .theme>ul>li.str_3{margin:0 5px;}

html.mobile .ace_strategy .theme>ul>li:before,
html.mobile .ace_strategy .theme>ul>li:after{content:none;}
html.mobile .ace_strategy .theme>ul>li>.txt{margin-top:-6px;}
html.mobile .ace_strategy .theme>ul>li>.txt>h4{font-size:12px; font-weight:400;}
html.mobile .ace_strategy .theme>ul>li>.txt>h5{margin-top:20px; font-size:13px;}
html.mobile .ace_strategy .theme>ul>li>.txt>h6{padding:5px 0; font-size:12px;}
html.mobile .ace_strategy .theme>ul>li>a{margin:10px 0; padding:4px 10px;}
html.mobile .ace_strategy .theme>ul>li>a>span{font-size:12px;}

/* thousand hours module */
html.mobile .thousand_hours{margin-top:10px !important;}
html.mobile .thousand_hours .theme{padding:10px; height:auto; background-size:cover; background-position:-100px 0;}
html.mobile .thousand_hours .theme:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:0.3;}
html.mobile .thousand_hours .theme>h4{margin:0; padding:15px 0; color:#fff; font-size:16px; text-shadow:0 1px 1px rgba(0,0,0,0.1);}
html.mobile .thousand_hours .theme>ul{margin:0; width:100%;}
html.mobile .thousand_hours .theme>ul>li>a{padding:5px 0; border:0;}
html.mobile .thousand_hours .theme>ul>li>a>h4{font-size:15px; font-weight:600;}
html.mobile .thousand_hours .theme>ul>li>a>span{font-size:11px;}

/* msucc module */
html.mobile #container>.dreamtree{top:0; padding:20px 0;}
html.mobile .dreamtree>.frame{padding:0;}
html.mobile .dreamtree .tit{position:relative; left:0; top:0; margin:0; padding:3px 15px; width:auto;}
html.mobile .dreamtree .tit>h3{font-size:13px;}
html.mobile .dreamtree .tit>h3>strong{font-size:21px;}
html.mobile .dreamtree .tit>h3>sup{margin:0 0 0 5px; font-size:21px;}
html.mobile .dreamtree .tit>.btn{position:absolute; top:0; right:20px; margin:0;}
html.mobile .dreamtree .tit>.btn button>span{padding:0 10px; font-size:13px}
html.mobile .dreamtree_wrap{position:relative; margin-top:20px; overflow:hidden;}
html.mobile .dreamtree ul{padding:0; width:auto;}
html.mobile .dreamtree ul>li{margin:0; width:100%;}
html.mobile .dreamtree ul>li p{padding:0 5px;}

/* msucc module */
html.mobile #container>.msucc{padding:20px 0;}
html.mobile .msucc>.frame{padding:0;}
html.mobile .msucc .tit{position:relative; left:0; top:0; margin:0; padding:3px 15px; width:auto;}
html.mobile .msucc .tit>h3>br{display:none;}
html.mobile .msucc .tit>h3,
html.mobile .msucc .tit>h3>strong{font-size:21px;}
html.mobile .msucc .tit>.btn{position:absolute; top:0; right:20px; margin:0;}
html.mobile .msucc .tit>.btn button>span{padding:0 10px; font-size:13px}
html.mobile .msucc_wrap{position:relative; margin-top:20px; overflow:hidden;}
html.mobile .msucc ul{padding:0; width:auto;}
html.mobile .msucc ul>li{margin:0; width:100%;}
html.mobile .msucc ul>li p{padding:0 5px;}

/* container : branch info */
html.mobile #container>.branch_info{margin-top:15px; padding:20px 0;}
html.mobile .branch_info>.frame{padding:0;}
html.mobile .branch_info .tit{position:relative; left:0; top:0; margin:0; padding:3px 15px; width:auto; text-align:center;}
html.mobile .branch_info .tit>h3{font-size:21px;}
html.mobile .branch_info ul{margin-top:20px;}
html.mobile .branch_info ul>li{margin:0 5px; padding:0; width:100px; height:100px; background-color:#ef3e65;}
html.mobile .branch_info ul>li>.name{display:table; margin-top:-9px; color:#fff; font-size:12px; letter-spacing:-0.5px;}
html.mobile .branch_info ul>li>.tel{display:block; position:absolute; left:0; right:0; top:0; bottom:0; color:#fff; font-size:13px;}
html.mobile .branch_info ul>li>.tel:after,
html.mobile .branch_info ul>li>.tel>a:before{content:none;}
html.mobile .branch_info ul>li>.tel>a{display:block; padding-top:45px;}