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

/* theme skin */
#wrap .theme_skin{display:none;}
html {scroll-behavior: smooth;}
html.desktop #wrap .theme_skin{display:block; position:absolute; z-index:10; left:0; top:0; height:0; width:100%; height:0;}
html.desktop #wrap .theme_skin>.area{position:relative; margin:0 auto; width:1180px; height:0;}
html.desktop #wrap .theme_skin>.area>.left_img{display:none;}
html.desktop #wrap .theme_skin>.area>.right_img{position:absolute; bottom:-125px; left:190px; width:109px; height:79px; cursor:pointer;}
html.desktop #wrap .theme_skin>.area img{display:inline-block;}
html.desktop #wrap .theme_skin>.area .head_ani{height:69px; font-size:0; text-align:center; overflow:hidden;}
html.desktop #wrap .theme_skin>.area .head_ani>img{-ms-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:headani 2s infinite ease-in-out both; animation:headani 2s infinite ease-in-out both;}
html.desktop #wrap .theme_skin>.area .head_ani>img,
html.desktop #wrap .theme_skin>.area .hand>img{width:100%;}
html.desktop #wrap .theme_skin>.area .hand{position:absolute; left:-5px; bottom:0;}
html.desktop #wrap .theme_skin p.message1,
html.desktop #wrap .theme_skin p.message2{display:none; position:absolute; top:-35px; left:50%; margin-left:-70px; padding:5px 10px 7px 10px; width:140px; border-radius:5px; background-color:#2f0000; color:rgba(255,255,255,0.8); font-family:'Open Sans'; font-size:14px; text-align:center;}
html.desktop #wrap .theme_skin p.message1:before,
html.desktop #wrap .theme_skin p.message2:before{content:''; position:absolute; bottom:-6px; left:50%; margin-left:-6px; border:6px solid transparent; border-top-color:#2f0000; border-bottom:0;}

/* theme skin : animated */
@-webkit-keyframes headani {
	0% {-webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);} 
	50% {-webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg);} 
	100% {-webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);} 
}
@keyframes headani {
	0% {-webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);} 
	50% {-webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg);} 
	100% {-webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);} 
}


/*###############
Intro Module
#################*/

/* container : curriculum */
ul.curriculum{position:relative; margin:50px 10px; padding-top:100px; font-size:0;}
ul.curriculum:after{content:''; clear:both; display:block;}
ul.curriculum>li{float:left; position:relative; margin-right:2%; padding:20px; width:31%; text-align:center; vertical-align:top;}
ul.curriculum>li h4{position:absolute; top:-100px; left:50%; margin-left:-40px; width:80px; height:80px; border-radius:100%; background-color:#aaa;}
ul.curriculum>li h4>span{display:inline-block; position:absolute; top:15px; left:50%; margin-left:-20px; width:40px; line-height:1.1; color:#fff; font-family:'NanumSquare'; font-size:23px; font-weight:400; letter-spacing:-1px; word-break:normal; text-align:center;}
ul.curriculum>li h5{color:#333; font-family:'NanumSquare'; font-size:16.5px; font-weight:500; letter-spacing:-0.5px;}
ul.curriculum>li h6{padding:10px 0; color:#555; font-size:14px; font-weight:400;}
ul.curriculum>li h6>b{color:#f0696e; font-weight:500;}
ul.curriculum>li:after{content:''; position:absolute; top:50%; right:-20px; margin-top:-100px; width:20px; height:200px; background-image:url(../img/gojls/support_step_arrow.svg);}
ul.curriculum>li:nth-child(3):after{content:none;}
ul.curriculum>li:nth-child(1) h4{background-color:#f0696e;}
ul.curriculum>li:nth-child(2) h4{background-color:#fbb103;}
ul.curriculum>li:nth-child(3) h4{background-color:#1278bc;}
ul.curriculum>li h4:before{content:''; position:absolute; top:50%; left:-290px; width:290px; border-top:2px solid #e5e5e5;}
ul.curriculum>li h4>span:before,
ul.curriculum>li h4>span:after{content:''; position:absolute; top:50%; left:-38px; width:20px; border-top:2px solid #e5e5e5;}
ul.curriculum>li h4>span:before{margin-top:-7px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
ul.curriculum>li h4>span:after{margin-top:7px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.curriculum>li:first-child h4:before,
ul.curriculum>li:first-child h4>span:before,
ul.curriculum>li:first-child h4>span:after{content:none;}
ul.curriculum>li h5:after{content:''; display:block; margin:20px 0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
ul.curriculum>li:nth-child(1) h5:after{height:40px; background-image:url(../../../common/img/logo_chess.svg);}
ul.curriculum>li:nth-child(2) h5:after{height:40px; background-image:url(../../../common/img/logo_ace.svg);}
ul.curriculum>li:nth-child(3) h5:after{height:40px; background-image:url(../../../common/img/logo_livehigh.svg);}


/*###############
Course Module
#################*/

/* container : intro */
.subtit img.logo_chess{margin-left:10px; height:25px;}
.subtit img.logo_ace{margin-left:10px; height:27px;}
.subtit img.logo_vgroup{margin-left:10px; height:27px;}
.subtit img.logo_livehigh{margin-left:10px; height:27px;}
.section.nav ol.menu>li.selected:after{bottom:-10px;}
.intro_pic{margin:20px 0; font-size:0;}
.intro_pic>li{position:relative; display:inline-block; width:25%; vertical-align:top;}
.vgroup>li{position:relative; display:inline-block; width:33%; vertical-align:top;}
.intro_pic.col3>li{width:50%;}
.intro_pic>li>.pic{position:relative;}
.intro_pic>li>.pic:before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; box-shadow:0 0 10px rgba(0,0,0,0.1) inset;}
.intro_pic img{display:block; width:100%;}
.intro_pic>li>.text{position:absolute; left:0; right:0; bottom:0; padding:5px; background-color:rgb(0 0 0 / 50%); color:#fff; font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-1px; text-align:center;}
.intro_pic>li>.address{padding:10px 15px; background-color:#555; color:#fff;}
.intro_pic>li:nth-child(1)>.address{background-color:#f0696e;}
.intro_pic>li:nth-child(2)>.address{background-color:#faad16;}
.intro_pic>li:nth-child(3)>.address{background-color:#3061c1;}
.intro_pic>li>.address>h5{font-family:'Open Sans'; font-size:16px; font-weight:500; letter-spacing:-0.5px;}
.intro_pic>li>.address>p{font-family:'Open Sans'; font-size:12px; font-weight:300; opacity:0.8;}


.section.float .intro_pic{float:right; width:450px;}
.section.float .intro_pic>li{width:50%;}
ul.list.illust>li{position:relative; padding-left:230px; min-height:150px;}
ul.list.illust>li>div.excellent{position:absolute; left:10px; top:15px; width:180px; height:120px; background-image:url(../img/gojls/chess_point.svg); background-repeat:no-repeat; background-size:cover;}
ul.list.illust>li>div.excellent.n1{background-position:0 0;}
ul.list.illust>li>div.excellent.n2{background-position:-180px 0;}
ul.list.illust>li>div.excellent.n3{background-position:-360px 0;}
ul.list.illust>li>div.excellent.n4{background-position:-540px 0;}
ul.list.illust>li>div.excellent.n5{background-position:-720px 0;}

ul.list.illust>li>div.aceexcellent{position:absolute; left:10px; top:15px; width:180px; height:120px; background-image:url(../img/gojls/ace_point.svg); background-repeat:no-repeat; background-size:cover;}
ul.list.illust>li>div.aceexcellent.n1{background-position:0 0;}
ul.list.illust>li>div.aceexcellent.n2{background-position:-180px 0;}
ul.list.illust>li>div.aceexcellent.n3{background-position:-360px 0;}
ul.list.illust>li>div.aceexcellent.n4{background-position:-540px 0;}


ul.list.illust>li>div.manage{position:absolute; left:0; top:15px; width:80px; height:80px; background-image:url(../img/gojls/icon_manage_chess.svg);}
ul.list.illust>li>div.manage.n1{background-position:0 0;}
ul.list.illust>li>div.manage.n2{background-position:-80px 0;}
ul.list.illust>li>div.manage.n3{background-position:-160px 0;}
ul.list.illust>li>div.manage.n4{background-position:-240px 0;}
ul.list.illust>li>div.manage.n5{background-position:-320px 0;}
ul.list.illust>li>div.manage.n6{background-position:-400px 0;}
ul.list.illust.col2>li{display:inline-block; padding-left:100px; padding-right:30px; width:50%; min-height:100px; vertical-align:top;}
ul.list.illust.col2>li:nth-child(2){border-top:0;}
ul.list.illust.col2>li h4{font-size:17px;}
/* container : chess study course */
ul.study_course{font-size:0;}
ul.study_course>li{display:inline-block; position:relative; margin:0 1%; width:23%; min-height:400px; color:#fff; text-align:center; vertical-align:top; cursor:pointer;}
ul.study_course>li.is{background-color:#feaf4a;}
ul.study_course>li.ds{background-color:#99ce66;}
ul.study_course>li.ls{background-color:#46c3e1;}
ul.study_course>li.ms{background-color:#bf92d3;}
ul.study_course>li .bg{overflow:hidden;}
ul.study_course>li .bg:before,
ul.study_course>li .bg:after{content:''; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0;}
ul.study_course>li .bg:before{box-shadow:0 0 50px rgba(0,0,0,0.3) inset;}
ul.study_course>li .bg:after{background-color:rgb(0 0 0 / 40%);}
ul.study_course>li .bg>img{display:block; height:400px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
ul.study_course>li:hover .bg>img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
ul.study_course>li.is .bg>img{margin-left:-90%;}
ul.study_course>li.ds .bg>img{margin-left:-50%;}
ul.study_course>li.ls .bg>img{margin-left:-70%;}
ul.study_course>li.ms .bg>img{margin-left:-50%;}
ul.study_course>li .tit{position:absolute; z-index:11; top:30%; left:0; right:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
ul.study_course>li:hover .tit{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
ul.study_course>li .tit>span{display:inline-block; font-family:'NanumSquare'; font-size:22px; text-shadow:0 0 1px rgba(0,0,0,0.5);}
ul.study_course>li .tit>h4{line-height:1; font-family:'Open Sans'; font-size:80px; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
ul.study_course>li .tit>h5{font-family:'Open Sans'; font-size:18px; font-weight:300; text-transform:uppercase; text-shadow:0 0 1px rgba(0,0,0,0.5);}
ul.study_course>li .tit>h5>b{font-weight:600;}
ul.study_course>li .tit>label{display:inline-block; margin-top:5px; padding:3px 5px 4px 5px; line-height:1; color:#fff; font-size:13px; font-weight:400;}
ul.study_course>li.is .tit>label{background-color:#feaf4a;}
ul.study_course>li.ds .tit>label{background-color:#99ce66;}
ul.study_course>li.ls .tit>label{background-color:#46c3e1;}
ul.study_course>li.ms .tit>label{background-color:#bf92d3;}
ul.study_course>li .discription{position:absolute; z-index:12; left:0; right:0; bottom:0; padding:10px;}
ul.study_course>li .discription:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.75;}
ul.study_course>li.is .discription:before{background-color:#feaf4a;}
ul.study_course>li.ds .discription:before{background-color:#99ce66;}
ul.study_course>li.ls .discription:before{background-color:#46c3e1;}
ul.study_course>li.ms .discription:before{background-color:#bf92d3;}
ul.study_course>li .discription p{position:relative; font-size:13px; font-weight:400; text-shadow:0 0 1px rgba(0,0,0,0.5);}
/* container : chess course presentation */
#chess_course{display:none; position:fixed; z-index:101; left:0; right:0; top:0; bottom:0; background-color:#222;}
#chess_course .close{position:absolute; z-index:12; top:20px; right:20px; width:32px; height:32px; text-indent:-9999px; cursor:pointer;}
#chess_course .close:before{content:''; position:absolute; top:5px; left:5px; width:22px; height:22px; background-image:url(../img/icon_set.svg); background-position:-50px -68px; opacity:0.5;}
#chess_course .close:hover:before{opacity:1;}
#chess_course .arrow{position:absolute; z-index:11; top:50%; margin-top:-25px; width:27px; height:50px; background-image:url(../img/gojls/horizontal_arrow.svg); text-indent:-9999px; background-size:cover;}
#chess_course .arrow.prev{left:30px; background-position:0 0;}
#chess_course .arrow.next{right:30px; background-position:-27px 0;}
#chess_course .slides_nav{position:absolute; z-index:10; top:30px; left:50%; margin-left:-490px; width:980px; font-size:0; text-align:center;}
#chess_course .slides_nav>dd{display:inline-block; position:relative; margin-left:50px;}
#chess_course .slides_nav>dd:first-child{margin-left:0 !important;}
#chess_course .slides_nav>dd>a{display:table-cell; width:100px; height:100px; line-height:1; color:#eee; border-radius:100%; border:1px solid #eee; letter-spacing:-0.5px; text-align:center; vertical-align:middle; background-color:rgb(0 0 0 / 30%);}
#chess_course .slides_nav>dd>a>label{display:block; font-family:'NanumSquare'; font-size:18px; font-weight:400;}
#chess_course .slides_nav>dd>a>span{display:block; font-family:'Open Sans'; font-size:38px; font-weight:700;}
#chess_course .slides_nav>dd.selected>a>span{color:#fff;}
#chess_course .slides_nav>dd.is.selected>a{border:1px solid #feaf4a; background-color:#feaf4a;}
#chess_course .slides_nav>dd.ds.selected>a{border:1px solid #99ce66; background-color:#99ce66;}
#chess_course .slides_nav>dd.ls.selected>a{border:1px solid #46c3e1; background-color:#46c3e1;}
#chess_course .slides_nav>dd.ms.selected>a{border:1px solid #bf92d3; background-color:#bf92d3;}
#chess_course .slides_nav>dd:before{content:''; position:absolute; top:50%; left:-50px; width:50px; border-top:1px solid #fff; opacity:0.4;}
#chess_course .slides_nav>dd>a:before,
#chess_course .slides_nav>dd>a:after{content:''; position:absolute; top:50%; left:-18px; width:20px; border-top:1px solid #fff; opacity:0.5;}
#chess_course .slides_nav>dd>a:before{margin-top:-7px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#chess_course .slides_nav>dd>a:after{margin-top:7px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#chess_course .slides_nav>dd:first-child:before,
#chess_course .slides_nav>dd:first-child>a:before,
#chess_course .slides_nav>dd:first-child>a:after{content:none;}
#chess_course .caroufredsel_wrapper{width:100% !important; height:100% !important;}
#pt_slides{right:0 !important; bottom:0 !important; height:auto !important;}
#pt_slides>li{float:left; position:relative; height:100%; overflow: hidden;}
#pt_slides>li:before{content:''; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background-color:rgb(0 0 0 / 50%);}
#pt_slides>li .bg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:center; -webkit-transition:all 1.5s; -moz-transition:all 1.5s; transition:all 1.5s; -ms-transform:scale(2, 2); -webkit-transform:scale(2, 2); transform:scale(2, 2);}
#pt_slides>li .bg.on{-ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1);}
#pt_slides>li.s01 .bg{background-image:url(../img/gojls/chess_course_bg_is.jpg);}
#pt_slides>li.s02 .bg{background-image:url(../img/gojls/chess_course_bg_ds.jpg);}
#pt_slides>li.s03 .bg{background-image:url(../img/gojls/chess_course_bg_ls.jpg);}
#pt_slides>li.s04 .bg{background-image:url(../img/gojls/chess_course_bg_ms.jpg);}
#pt_slides>li .content{position:absolute; z-index:3; top:50%; left:50%; margin:-280px 0 0 -490px; width:980px; min-height:560px;}
#pt_slides>li .tit{position:relative; margin-bottom:20px; padding-bottom:15px; color:#fff;}
#pt_slides>li .tit:after{content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px dotted #fff; opacity:0.5;}
#pt_slides>li .tit>h4{line-height:1; font-family:'Open Sans'; font-size:50px; font-weight:300; text-transform:uppercase; text-shadow:0 0 1px rgba(0,0,0,0.5); letter-spacing:-1px; vertical-align:middle;}
#pt_slides>li.s01 .tit>h4{color:#feaf4a;}
#pt_slides>li.s02 .tit>h4{color:#99ce66;}
#pt_slides>li.s03 .tit>h4{color:#46c3e1;}
#pt_slides>li.s04 .tit>h4{color:#bf92d3;}
#pt_slides>li .tit>h4>b{font-weight:700;}
#pt_slides>li .tit>h4>label{display:inline-block; margin-left:5px; padding:5px 5px; border-radius:2px; color:#fff;  font-family:'NanumSquare'; font-size:16.5px; font-weight:400; text-shadow:none; letter-spacing:-0.5px; vertical-align:middle;}
#pt_slides>li.s01 .tit>h4>label{background-color:#feaf4a;}
#pt_slides>li.s02 .tit>h4>label{background-color:#99ce66;}
#pt_slides>li.s03 .tit>h4>label{background-color:#46c3e1;}
#pt_slides>li.s04 .tit>h4>label{background-color:#bf92d3;}
#pt_slides>li .tit>h5{margin-top:5px; font-family:'NanumSquare'; font-size:18px; font-weight:300;}
#pt_slides>li h6{padding:5px 0; font-family:'NanumSquare'; font-size:30px; font-weight:300; letter-spacing:-1px;}
#pt_slides>li.s01 h6{color:#ffe0b9;}
#pt_slides>li.s02 h6{color:#daffb7;}
#pt_slides>li.s03 h6{color:#b9f1ff;}
#pt_slides>li.s04 h6{color:#f5ddff;}
#pt_slides>li .course_info{padding-top:10px;}
#pt_slides>li .course_info>ul{display:table; border-collapse:collapse; width:100%; background-color:rgb(255 255 255 / 80%);}
#pt_slides>li .course_info>ul>li{display:table-row;}
#pt_slides>li .course_info>ul>li>div{display:table-cell; padding:10px 15px; border:1px solid #fff; font-family:'NanumSquare'; font-size:16.5px; font-weight:500; letter-spacing:-0.5px;}
#pt_slides>li.s01 .course_info>ul>li>div.level{color:#e78200;}
#pt_slides>li.s02 .course_info>ul>li>div.level{color:#52a700;}
#pt_slides>li.s03 .course_info>ul>li>div.level{color:#009ec4;}
#pt_slides>li.s04 .course_info>ul>li>div.level{color:#7f00b7;}
#pt_slides>li .course_info>ul>li>div.level,
#pt_slides>li .course_info>ul>li>div.period{width:100px; text-align:center; vertical-align:middle;}
#pt_slides>li .course_info>ul>li>div.point>ol{font-size:0;}
#pt_slides>li .course_info>ul>li>div.point>ol>li{position:relative; padding-left:12px; color:#555; font-size:13px; font-weight:400; letter-spacing:-0.5px; vertical-align:top;}
#pt_slides>li .course_info>ul>li>div.point>ol>li:before{content:''; position:absolute; left:0; top:6px; width:4px; height:4px; border-radius:2px; background-color:#777;}
#pt_slides>li.s02 .course_info>ul>li>div.point>ol>li{display:inline-block; width:50%;}
#pt_slides>li.s02 .course_info>ul>li:first-child>div.point>ol>li{display:block; width:auto;}
#pt_slides>li .online{padding-top:10px;}
#pt_slides>li .online>dl{padding:15px 20px; border:1px solid #fff; background-color:rgb(255 255 255 / 80%);}
#pt_slides>li .online>dl>dd{margin-top:5px; color:#555; font-size:13px; font-weight:400;}
#pt_slides>li .online>dl>dd:first-child{margin-top:0;}
#pt_slides>li.s01 .online>dl>dd>b{color:#e78200;}
#pt_slides>li.s02 .online>dl>dd>b{color:#52a700;}
#pt_slides>li.s03 .online>dl>dd>b{color:#009ec4;}
#pt_slides>li.s04 .online>dl>dd>b{color:#7f00b7;}
/* container : chess course special book list */
ul.book_list{margin:20px 15px; font-size:0;}
ul.book_list>li{display:inline-block; position:relative; padding:30px 30px 30px 200px; width:50%; min-height:190px; vertical-align:top;}
ul.book_list>li:nth-child(odd){padding-right:45px; width:52%;}
ul.book_list>li:nth-child(even){padding-right:0; width:48%;}
ul.book_list>li:before{content:''; position:absolute; left:0; right:0; top:0; border-top:1px dotted #e5e5e5;}
ul.book_list>li>.book{position:absolute; top:30px; left:0; width:190px; font-size:0;}
ul.book_list>li>.book .thumb{display:inline-block; position:relative; margin-right:5px; width:90px; height:127px;}
ul.book_list>li>.book .thumb>img{display:block; margin-top:2px; width:90px; height:125px;}
ul.book_list>li>.book .thumb:after{content:''; position:absolute; top:0; left:0; width:90px; height:127px; background-image:url(../img/gojls/book_cover_small.png);}
ul.book_list>li>.book.only{text-align:right;}
ul.book_list>li>h5{padding:2px 0; color:#555; font-family:'NanumSquare'; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
ul.book_list>li>h6{padding-bottom:10px; color:#1278bc; font-family:'NanumSquare'; font-size:16.5px; font-weight:500; letter-spacing:-0.5px;}
ul.book_list>li>p{color:#999; font-size:12px;}
ul.book_list>li>p>b{color:#1278bc;}
/* container : ace intro */
.graph.ace_in{margin:30px 0; padding:2px;}
.graph.ace_in .circle{position:absolute; z-index:2; top:0; margin:0; right:150px;}
.graph.ace_in .circle.ani{left:150px; right:auto; margin:5px;}


/* ace교육과정소개 */
.ace_course{left:0; right:0; top:0; bottom:0; }
.ace_course .arrow{position:absolute; z-index:11; top:50%; margin-top:-25px; width:27px; height:50px; background-image:url(../img/gojls/horizontal_arrow.svg); text-indent:-9999px; background-size:cover;}
.ace_course .slides_nav{position:absolute; z-index:10; top:30px; left:50%; margin-left:-490px; width:980px; font-size:0; text-align:center;}
.ace_course .slides_nav>dd{display:inline-block; position:relative; margin-left:50px;}
.ace_course .slides_nav>dd:first-child{margin-left:0 !important;}
.ace_course .slides_nav>dd>a{display:table-cell; width:100px; height:100px; line-height:1; color:#eee; border-radius:100%; border:1px solid #eee; letter-spacing:-0.5px; text-align:center; vertical-align:middle; background-color:rgb(0 0 0 / 30%);}
.ace_course .slides_nav>dd>a>span{display:block; font-family:'Open Sans'; font-size:38px; font-weight:700;}
.ace_course .slides_nav>dd.selected>a>span{color:#fff;}
.ace_course .slides_nav>dd.is.selected>a{border:1px solid #feaf4a; background-color:#feaf4a;}
.ace_course .slides_nav>dd.ds.selected>a{border:1px solid #99ce66; background-color:#99ce66;}
.ace_course .slides_nav>dd.ls.selected>a{border:1px solid #46c3e1; background-color:#46c3e1;}
.ace_course .slides_nav>dd.ms.selected>a{border:1px solid #bf92d3; background-color:#bf92d3;}
.ace_course .slides_nav>dd:before{content:''; position:absolute; top:50%; left:-50px; width:50px; border-top:1px solid #fff; opacity:0.4;}
.ace_course .slides_nav>dd>a:before,
.ace_course .slides_nav>dd>a:after{content:''; position:absolute; top:50%; left:-18px; width:20px; border-top:1px solid #fff; opacity:0.5;}
.ace_course .slides_nav>dd>a:before{margin-top:-7px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ace_course .slides_nav>dd>a:after{margin-top:7px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ace_course .slides_nav>dd:first-child:before,
.ace_course .slides_nav>dd:first-child>a:before,
.ace_course .slides_nav>dd:first-child>a:after{content:none;}
.ace_course.ace_slides{}
.ace_slides>li .content{position:relative; margin:50px 10px; padding-top:30px; font-size:0; }
.ace_slides>li .tit{position:relative; margin-bottom:15px; padding-bottom:15px;  }
.ace_slides>li .tit:after{content:''; position:absolute; left:0; right:0; }
.ace_slides>li .tit>h4{line-height:1; font-family:'Open Sans'; font-size:45px; font-weight:300; text-transform:uppercase; letter-spacing:-3px;vertical-align:middle;}
.ace_slides>li.s01 .tit>h4{color:#feaf4a;}
.ace_slides>li.s02 .tit>h4{color:#99ce66;}
.ace_slides>li.s03 .tit>h4{color:#46c3e1;}
.ace_slides>li.s04 .tit>h4{color:#bf92d3;}
.ace_slides>li.s05 .tit>h4{color:#7bc7e8;}
.ace_slides>li.s06 .tit>h4{color:#51add3;}
.ace_slides>li.s07 .tit>h4{color:#3d85b2;}
.ace_slides>li.s08 .tit>h4{color:#2f6a8e;}
.ace_slides>li .tit>h4>b{font-weight:700; }
.ace_slides>li .tit>h4>label{display:inline-block; margin-left:5px; padding:5px 5px; border-radius:2px; color:#fff;  font-family:'NanumSquare'; font-size:16.5px; font-weight:400; text-shadow:none; letter-spacing:-0.5px; vertical-align:middle;}
.ace_slides>li.s01 .tit>h4>label{background-color:#feaf4a;}
.ace_slides>li.s02 .tit>h4>label{background-color:#99ce66;}
.ace_slides>li.s03 .tit>h4>label{background-color:#46c3e1;}
.ace_slides>li.s04 .tit>h4>label{background-color:#bf92d3;}
.ace_slides>li.s05 .tit>h4>label{background-color:#7bc7e8;}
.ace_slides>li.s06 .tit>h4>label{background-color:#51add3;}
.ace_slides>li.s07 .tit>h4>label{background-color:#3d85b2;}
.ace_slides>li.s08 .tit>h4>label{background-color:#2f6a8e;}
.ace_slides>li .tit>h5{margin-top:5px; font-family:'NanumSquare'; font-size:18px; font-weight:300;}
.ace_slides>li h6{padding:5px 0; font-family:'NanumSquare'; font-size:30px; font-weight:300; letter-spacing:-1px;}
.ace_slides>li.s01 h6{color:#feaf4a;}
.ace_slides>li.s02 h6{color:#99ce66;}
.ace_slides>li.s03 h6{color:#46c3e1;}
.ace_slides>li.s04 h6{color:#bf92d3;}
.ace_slides>li.s05 h6{color:#7bc7e8;;}
.ace_slides>li.s06 h6{color:#51add3;}
.ace_slides>li.s07 h6{color:#3d85b2;}
.ace_slides>li.s08 h6{color:#2f6a8e;}
.ace_slides>li .course_info{padding-top:20px;}
.ace_slides>li .course_info>ul{display:table; border-collapse:collapse; width:100%; background-color:rgb(255 255 255 / 80%);}
.ace_slides>li .course_info>ul>li{display:table-row;}
.ace_slides>li .course_info>ul>li>div{display:table-cell; padding:10px 15px; border:1px solid #b1b1b1; font-family:'NanumSquare'; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.ace_slides>li.s01 .course_info>ul>li>div.level{color:#e78200;}
.ace_slides>li.s02 .course_info>ul>li>div.level{color:#52a700;}
.ace_slides>li.s03 .course_info>ul>li>div.level{color:#009ec4;}
.ace_slides>li.s04 .course_info>ul>li>div.level{color:#7f00b7;}
.ace_slides>li.s05 .course_info>ul>li>div.level{color:#51add3;}
.ace_slides>li.s06 .course_info>ul>li>div.level{color:#3d85b2;}
.ace_slides>li.s07 .course_info>ul>li>div.level{color:#2f6a8e;}
.ace_slides>li.s08 .course_info>ul>li>div.level{color:#245679;}
.ace_slides>li .course_info>ul>li>div.level{ font-size:23px; font-weight:600; width:150px; text-align:center;  background-color:#f6f7f9; vertical-align:middle;}
.ace_slides>li .course_info>ul>li>div.period{ text-align:center; vertical-align:middle; width:250px;}
.ace_slides>li .course_info>ul>li>div.point .line{border:1px solid #b1b1b1; top:6px;width:auto;}
.ace_slides>li .course_info>ul>li>div.point>ol{font-size:0;}
.ace_slides>li .course_info>ul>li>div.point>ol>li{position:relative; padding-left:12px; color:#555; font-size:16px; font-weight:400;  height:23px;  vertical-align:top; }
.ace_slides>li .course_info>ul>li>div.point>ol>li:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:2px; background-color:#777; }
.ace_slides>li .online{padding-top:10px;}
.ace_slides>li .online>dl{padding:15px 20px; border:1px solid #b1b1b1; background-color:rgb(255 255 255 / 80%);}
.ace_slides>li .online>dl>dd{margin-top:5px; color:#555; font-size:13px; font-weight:400;}
.ace_slides>li .online>dl>dd:first-child{margin-top:0;}
.ace_slides>li.s01 .online>dl>dd>b{color:#e78200;}
.ace_slides>li.s02 .online>dl>dd>b{color:#52a700;}
.ace_slides>li.s03 .online>dl>dd>b{color:#009ec4;}
.ace_slides>li.s04 .online>dl>dd>b{color:#7f00b7;}
.ace_slides>li.s05 .online>dl>dd>b{color:#7bc7e8;}
.ace_slides>li.s06 .online>dl>dd>b{color:#51add3;}
.ace_slides>li.s07 .online>dl>dd>b{color:#3d85b2;}
.ace_slides>li.s08 .online>dl>dd>b{color:#2f6a8e;}


/* ace교육과정소개 level_list */
.level_list_wrap {display:inline-block; border-radius:90px; background: #f6f7f9; padding:30px; box-sizing: border-box; margin-top:-10px;}
.level_list_wrap .level_list {display: flex; align-items: center; }
.level_list_wrap .level_list li {position: relative; width:100px;  height:100px; margin: 0 10px; }
.level_list_wrap .level_list li .inner_y:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_g:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px;  border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_b:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px;  border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_b1:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_b2:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_b3:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_b4:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li .inner_off:before {position:absolute; content: ''; right:-15px; top:45%; transform: translateY(-50%); width: 9px; height:9px; border-top:3px solid #b9b9b9;  border-right:3px solid #b9b9b9;transform: rotate(45deg);}
.level_list_wrap .level_list li:last-child .inner_off:before {display: none;}
.level_list_wrap .level_list li:last-child .inner_p:before {display: none;}
.level_list_wrap .level_list li:last-child .inner_b3:before {display: none;}
.level_list_wrap .level_list li:last-child .inner_b4:before {display: none;}
.level_list_wrap .level_list li .txt01 {font-size:18px; font-weight: 600; letter-spacing:-0.5px; color: #808080; line-height: 1.3em;}
.level_list_wrap .level_list li .txt02 {font-size:18px; font-weight: 600; letter-spacing:-0.5px; color: #fff; line-height: 1.3em;} 
.level_list_wrap .level_list li .inner_y{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #fbb103;} 
.level_list_wrap .level_list li .inner_g{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #9ece60;} 
.level_list_wrap .level_list li .inner_b{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #5dc4e3;} 
.level_list_wrap .level_list li .inner_p{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #bc92d5;} 
.level_list_wrap .level_list li .inner_b1{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #7bc7e8;} 
.level_list_wrap .level_list li .inner_b2{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #51add3;} 
.level_list_wrap .level_list li .inner_b3{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #3d85b2;} 
.level_list_wrap .level_list li .inner_b4{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box;  background: #2f6a8e;}
.level_list_wrap .level_list li .inner_off{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; 
border-radius: 50%; box-sizing: border-box; background: #eaeaea;} 


/* ace교육과정소개 table */
ul.ace_study_course{font-size:0;}
ul.ace_study_course>li{display:inline-block; position:relative; margin:0 1%; width:23%; height:280px; border-radius:10px; color:#fff; text-align:center; vertical-align:top; }
ul.ace_study_course>li.pa2{background-color:#feaf4a;}
ul.ace_study_course>li.a2{background-color:#99ce66;}
ul.ace_study_course>li.ma2{background-color:#46c3e1;}
ul.ace_study_course>li.ma3{background-color:#bf92d3;}
ul.ace_study_course>li.ha2{background-color:#52b5dd;}
ul.ace_study_course>li.hm2{background-color:#2795c2;}
ul.ace_study_course>li.hm3{background-color:#1f6c9b;}
ul.ace_study_course>li.hm1{background-color:#185575;}
ul.ace_study_course>li .bg{overflow:hidden;}
ul.ace_study_course>li .bg:before,
ul.ace_study_course>li .bg:after{content:''; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0;}
ul.ace_study_course>li .tit{position:absolute; z-index:11; top:8%; left:0; right:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
ul.ace_study_course>li:hover .tit{-webkit-transform:scale(1.0);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
ul.ace_study_course>li .tit>h4{font-family:'NanumSquare'; font-size:18px; color:#ffc13c; letter-spacing:-0.5px;font-weight:500;  }
ul.ace_study_course>li .tit>h5{font-family:'NanumSquare'; font-size:21px; color:#fff; letter-spacing:-0.5px;font-weight:500;  }
ul.ace_study_course>li .tit>label{display:inline-block; margin-top:13px;  width:180px; border-radius:100px; padding:7px 7px 7px 7px; line-height:1; color:#fff; font-size:17px; font-weight:500;cursor:pointer;}
ul.ace_study_course>li.pa2 .tit>label{border:2px solid #fff; background-color:#febf5a;}
ul.ace_study_course>li.a2 .tit>label{border:2px solid #fff; background-color:#acd979;}
ul.ace_study_course>li.ma2 .tit>label{border:2px solid #fff; background-color:#55d0e8;}
ul.ace_study_course>li.ma3 .tit>label{border:2px solid #fff; background-color:#cda5dd;}
ul.ace_study_course>li.ha2 .tit>label{border:2px solid #fff; background-color:#7bc7e8;}
ul.ace_study_course>li.hm2 .tit>label{border:2px solid #fff; background-color:#51add3;}
ul.ace_study_course>li.hm3 .tit>label{border:2px solid #fff; background-color:#3d85b2;}
ul.ace_study_course>li.hm1 .tit>label{border:2px solid #fff; background-color:#2f6a8e;}

.ace_study_course>li:after{content:''; position:absolute; top:50%; right:-15px; margin-top:-6px; width: 10px; height: 10px; border-top:3px solid #b8b8b8;  border-right:3px solid #b8b8b8;transform: rotate(45deg);}
.ace_study_course>li:nth-child(4):after{content:none;}

ul.ace_study_course>li .tit .inner:before{position:absolute; content: ''; right:48%; margin-top:30px; width:8px; height:8px; border-top: 2px solid #fff;  border-right: 2px solid #fff;transform: rotate(315deg);}




/* container : ace v-group */
#container .section.float_l{clear:none; float:left;}
#container .section.float_r{clear:none; float:right;}
#container .section.float_l.wp50{width:50%;}
#container .section.float_r.wp50{width:50%; border-left:1px dashed #ddd;}
#container .section.float_l.wp50 .subtit,
#container .section.float_r.wp50 .subtit{margin-bottom:35px;}
#container .section.float_r .hexagon:first-child{margin-bottom:-55px;}
#container .section.float_r .hexagon.red .unit img{left:auto; right:0;}
#container .section.float_r .hexagon.red .mask:after{ -webkit-animation:red-mask 10s linear infinite; animation:red-mask 10s linear infinite;}
#container .section.float_r .hexagon.red .text h5{-webkit-animation:red-h5 10s linear infinite; animation:red-h5 10s linear infinite;}
#container .section.float_r .hexagon.red .text p{-webkit-animation:red-p 10s linear infinite; animation:red-p 10s linear infinite;}
#container .section.float_r .hexagon.blue .mask:after{ -webkit-animation:blue-mask 10s linear infinite; animation:blue-mask 10s linear infinite;}
#container .section.float_r .hexagon.blue .text h5{-webkit-animation:blue-h5 10s linear infinite; animation:blue-h5 10s linear infinite;}
#container .section.float_r .hexagon.blue .text p{-webkit-animation:blue-p 10s linear infinite; animation:blue-p 10s linear infinite;}
#container .section.float_r .hexagon.orange .mask:after{ -webkit-animation:orange-mask 10s linear infinite; animation:orange-mask 10s linear infinite;}
#container .section.float_r .hexagon.orange .text h5{-webkit-animation:orange-h5 10s linear infinite; animation:orange-h5 10s linear infinite;}
#container .section.float_r .hexagon.orange .text p{-webkit-animation:orange-p 10s linear infinite; animation:orange-p 10s linear infinite;}
#container .section.float_r .hexagon:hover .mask:after{ -webkit-animation:hover-mask 0.3s linear; animation:hover-mask 0.3s linear;}
#container .section.float_r .hexagon:hover .text h5{-webkit-animation:hover-h5 0.3s linear; animation:hover-h5 0.3s linear;}
#container .section.float_r .hexagon:hover .text p{-webkit-animation:hover-p 0.3s linear; animation:hover-p 0.3s linear;}
@keyframes red-mask		{ 0% {opacity:0;} 5% {opacity:0.75;} 25% {opacity:0.75;} 30% {opacity:0;} }
@keyframes red-h5		{ 0% {opacity:0;} 5% {top:35%; opacity:1;} 25% {top:35%; opacity:1;} 30% {top:20%; opacity:0;} }
@keyframes red-p		{ 0% {opacity:0;} 5% {bottom:35%; opacity:1;} 25% {bottom:35%; opacity:1;} 30% {bottom:20%; opacity:0;} }
@keyframes blue-mask	{ 35% {opacity:0;} 40% {opacity:0.75;} 60% {opacity:0.75;} 65% {opacity:0;} }
@keyframes blue-h5		{ 35% {opacity:0;} 40% {top:35%; opacity:1;} 60% {top:35%; opacity:1;} 65% {top:20%; opacity:0;} }
@keyframes blue-p		{ 35% {opacity:0;} 40% {bottom:35%; opacity:1;} 60% {bottom:35%; opacity:1;} 65% {bottom:20%; opacity:0;} }
@keyframes orange-mask	{ 70% {opacity:0;} 75% {opacity:0.75;} 95% {opacity:0.75;} 100% {opacity:0;} }
@keyframes orange-h5	{ 70% {opacity:0;} 75% {top:35%; opacity:1;} 95% {top:35%; opacity:1;} 100% {top:20%; opacity:0;} }
@keyframes orange-p		{ 70% {opacity:0;} 75% {bottom:35%; opacity:1;} 95% {bottom:35%; opacity:1;} 100% {bottom:20%; opacity:0;} }
@keyframes hover-mask	{ 0% {opacity:0;} 100% {opacity:0.75;} }
@keyframes hover-h5		{ 0% {top:20%; opacity:0;} 100% {top:35%; opacity:1;} }
@keyframes hover-p		{ 0% {bottom:20%; opacity:0;} 100% {bottom:35%; opacity:1;} }
.graph .hexagon.nohover.n3,
.graph .hexagon.nohover.n4{top:-100px; margin:0 58px;}
.graph .hexagon.nohover.n4 .text h5{top:27%;}
.graph .hexagon.nohover .mask:before{content:''; position:absolute; z-index:3; top:0; bottom:0; left:0; right:0;}
.graph .hexagon.nohover.n1 .mask:before{background-color:rgb(255 255 255 / 40%);}
.graph .hexagon.nohover.n3 .mask:before{background-color:rgb(255 255 255 / 20%);}
.graph .arrow_set{position:absolute; left:50%; top:50%; width:0; height:0;}
.graph .arrow_set .line{position:absolute;}
.graph .arrow_set .line>span{display:block; position:relative; width:160px; height:15px; background-color:#f9e7c9;}
.graph .arrow_set .line>span:before{content:''; position:absolute; left:-29px; border-left:30px solid transparent; border-top:30px solid #f9e7c9; }
.graph .arrow_set .line>span:after{content:''; position:absolute; right:-8px; border-right:8px solid transparent; border-top:15px solid #f9e7c9; }
.graph .arrow_set .line.n1{top:-112px; left:-243px; -webkit-transform:rotate(-60deg); -ms-transform:rotate(-60deg); transform:rotate(-60deg);}
.graph .arrow_set .line.n2{top:-95px; left:90px; -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
.graph .arrow_set .line.n3{top:185px; left:-90px; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
/* container : ace management */
img.graph_ace_manage01{display:block; margin:20px auto; width:80%;}
img.graph_ace_manage02{width:230px; height:267px;}
.svg.floating{position:absolute; top:0; right:0;}
.svg .ontext{position:absolute; top:20px; left:25px;}
.svg .ontext dl.slist *{color:#fff;}
.svg .ontext dl.slist>dd{letter-spacing:-0.5px;}
.svg .ontext dl.slist>dd:before{background-color:#fff;}
/* container : entrance examination */
.ace_entrance{text-align:center;}
.ace_entrance .tit{display:inline-block; position:relative; margin-top:30px; padding:30px 0;}
.ace_entrance .tit:before{content:''; position:absolute; top:0; bottom:0; left:20px; right:20px; border:7px solid #555;}
.ace_entrance .tit>img{position:absolute; top:-47px; left:50%; margin-left:-57px;}
.ace_entrance .tit>h4{position:relative; color:#333; font-family:'NanumSquare'; font-size:56px; letter-spacing:-4px;}
.ace_entrance .tit>h4:before,
.ace_entrance .tit>h4:after{content:''; position:absolute; z-index:1; top:-10px; width:7px; height:85px; background-color:#fff;}
.ace_entrance .tit>h4:before{left:20px; -webkit-transform: skewY(-45deg); -ms-transform: skewY(-45deg); transform: skewY(-45deg);}
.ace_entrance .tit>h4:after{right:20px; -webkit-transform: skewY(45deg); -ms-transform: skewY(45deg); transform: skewY(45deg);}
.ace_entrance .tit>h4>b{position:relative; z-index:2; color:#1278bc;}
.ace_entrance .tit>h4>span{position:relative; z-index:2;}
.ace_entrance .tit>h6{position:relative; margin:10px; color:#555; font-family:'NanumSquare'; font-size:32px; font-weight:500; letter-spacing:-2px;}
.ace_entrance .body{margin-bottom:50px;}
.section.float_l .ace_entrance .body{margin-right:30px;}
.section.float_r .ace_entrance .body{margin-left:30px;}
.ace_entrance .body>h5{position:relative; margin:20px 0;}
.ace_entrance .body>h5:before,
.ace_entrance .body>h5:after{content:''; position:absolute; z-index:1; left:0; right:0; top:50%; border-top:2px dotted #ddd; border-bottom:2px dotted #ddd;}
.ace_entrance .body>h5:after{margin-top:-4px;}
.ace_entrance .body>h5>b{display:inline-block; position:relative; z-index:2; padding:0 15px; background-color:#fff; color:#333; font-family:'NanumSquare'; font-size:25px; font-weight:500; letter-spacing:-1.5px;}
.ace_entrance .body>h5>b>br{display:none;}
.ace_entrance .body>h5>b:before,
.ace_entrance .body>h5>:after{content:''; position:absolute; top:50%; margin-top:-4px; width:3px; border-top:4px dashed #1278bc; border-bottom:4px dashed #1278bc;}
.ace_entrance .body>h5>b:before{left:-3px;}
.ace_entrance .body>h5>:after{right:-3px;}
.ace_entrance .body>p{color:#555; font-family:'NanumSquare'; font-size:16.5px; font-weight:400; letter-spacing:-0.5px; text-align:left;}
.ace_entrance .body table{width:100%;}
.ace_entrance .body table tr{background-color:#f7f7f7;}
.ace_entrance .body table th,
.ace_entrance .body table td{padding:7px 2px; border:1px solid #fff; color:#555; font-size:12px; word-break:keep-all;}
.ace_entrance .body table th{background-color:#1278bc; color:#fff; font-weight:normal;}
.ace_entrance .body table td b{color:#f0696e;}
.ace_entrance .body table .skyblue{background-color:#c9edff;}
.ace_entrance .body table .violet{background-color:#c9d2ff;}
.ace_entrance .body table .yellow{background-color:#fff7c9;}
.ace_entrance .body table .orange{background-color:#ffe1c9;}
.ace_entrance .body table dl.slist{margin:0;}
.ace_entrance .body table dl.slist>dd{margin:3px 5px; font-size:12px;}
.ace_entrance .body table ol.book_num{margin:0 15px;}
.ace_entrance .body table ol.book_num>li{margin:5px 0; font-weight:bold;}


/*###############
Entrance Module
#################*/

/* container : process */
ul.process{position:relative; margin:10px; font-size:0; list-style-type:decimal-leading-zero; list-style-position:inside;}
ul.process:after{content:''; clear:both; display:block;}
ul.process>li{float:left; position:relative; margin-left:16px; padding:20px; height:180px; border-radius:10px; font-family:'NanumSquare'; font-size:32px; font-weight:300; vertical-align:top;}
ul.process>li:before{content:''; position:absolute; top:8px; bottom:8px; left:-16px; border-top:82px solid transparent; border-bottom:82px solid transparent; border-left:16px solid transparent;}
ul.process>li:first-child{margin-left:8px;}
ul.process>li:first-child:before{content:none;}
ul.process>li h4{color:#fff; font-family:'NanumSquare'; font-size:32px; font-weight:400;}
ul.process>li h5{margin:10px 0; color:#fff; font-family:'NanumSquare'; font-size:16.5px; font-weight:400;}
ul.process>li h5>b{color:#f0696e; font-weight:500;}
ul.process>li button{margin-top:5px; border-radius:0;}
ul.process>li button:after{right:auto; width:0; background-color:#faad16;}
ul.process>li button:hover:after{width:100%;}
ul.process>li dl{margin:25px 10px 0 0;}
ul.process>li dl>dt{position:relative; margin:10px 0; padding-left:20px; color:#555; font-weight:600;}
ul.process>li dl>dt:before{content:''; position:absolute; left:0; top:1px; width:16px; height:16px; background-image:url(../img/gojls/bulb.svg); background-size:cover;}
ul.process>li dl>dd{position:relative; padding:3px 15px; font-size:13px;}
ul.process>li dl>dd:before{content:''; position:absolute; left:7px; top:9px; width:2px; height:2px; border-radius:100%; background-color:#777;}
ul.process.chess>li{width:calc(20% - 16px); background-color:#5CB8D7; color:#cbf2ff;}
ul.process.chess>li:nth-child(1){background-color:#5CB8D7;}
ul.process.chess>li:nth-child(2){background-color:#45AED1;}
ul.process.chess>li:nth-child(3){background-color:#2EA4CC;}
ul.process.chess>li:nth-child(4){background-color:#179AC6;}
ul.process.chess>li:nth-child(5){background-color:#0090C1;}
ul.process.chess>li:before{border-left-color:#cbf2ff;}
ul.process.ace>li{width:calc(20% - 16px); background-color:#7192C1; color:#cfdef3;}
ul.process.ace>li:nth-child(1){background-color:#7192C1;}
ul.process.ace>li:nth-child(2){background-color:#5D83B8;}
ul.process.ace>li:nth-child(3){background-color:#4973B0;}
ul.process.ace>li:nth-child(4){background-color:#3564A7;}
ul.process.ace>li:before{border-left-color:#cfdef3;}

/* container : browser info */
.browser_info{padding:20px 40px; border:1px solid #eee; background-color:#fffeef; text-align:center;}
.browser_info p{color:#f0696e; font-family:'NanumSquare'; font-size:19px; font-weight:500;}
.browser_info p>b{color:#000; font-weight:600;}
.browser_info p>button{margin-left:10px;}
img.browser_logo{width:24px; height:24px; vertical-align:text-bottom;}


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

@media screen and (max-width:1220px){
	
html.desktop #wrap .theme_skin>.area{width:990px; height:0;}

#container.intro ul.curriculum>li h4:before{left:-240px; width:240px;}
#container.course .section.float .subtit .copy h6 ul>li{font-family: inherit; font-size:13px;}
#container.course .section.float .intro_pic{margin-top:10px; width:420px;}
#container.entrance .subtit.wide p>br{display:none;}
#container.entrance .branch_r .list dl.com_table div.name>b{width:130px; font-family:'NanumSquare'; font-size:16.5px; font-weight:500; vertical-align:middle;}
ul.list.outside>li h4{max-width:610px;}
.graph .ace_in .circle{right:70px;}
.graph .ace_in .circle.ani{left:70px;}
.graph .circle.ani.wh120{margin:20px;}
.graph .hexagon .unit.top{margin-bottom:-54px;}
.graph .graph01 img{width:30%}
.graph .graph02{width:30%}
ul.process.chess>li{padding:20px 10px;}

}

@media screen and (max-height:900px){

#pt_slides>li .content{position:absolute; z-index:3; top:170px; left:50%; margin-top:0;}

}


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

/* theme skin */
html.mobile #wrap .theme_skin{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:0;}
html.mobile #wrap .theme_skin>.area{position:relative; height:0;}
html.mobile #wrap .theme_skin>.area>.left_img{display:none;}
html.mobile #wrap .theme_skin>.area>.right_img{position:absolute; top:0; right:10px; height:50px; cursor:pointer;}
html.mobile #wrap .theme_skin>.area .head_ani{width:80px; height:50px; font-size:0; text-align:center; overflow:hidden;}
html.mobile #wrap .theme_skin>.area .head_ani>img{width:100%; -ms-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:headani 2s infinite ease-in-out both; animation:headani 2s infinite ease-in-out both;}
html.mobile #wrap .theme_skin>.area .hand{position:absolute; left:-3px; bottom:-7px;}
html.mobile #wrap .theme_skin>.area .hand>img{width:100%;}
html.mobile #wrap .theme_skin p.message1,
html.mobile #wrap .theme_skin p.message2{display:none; position:absolute; bottom:-25px; right:-10px; padding:5px 7px 7px 7px; width:110px; border-radius:0 0 3px 3px; background-color:#2f0000; color:rgba(255,255,255,0.8); font-family:'Open Sans'; font-size:11px; text-align:center;}

/* common module */
html.mobile ul.list.illust>li{padding-left:0; padding-top:150px;}
html.mobile ul.list.illust>li>div.excellent{top:0; left:50%; margin-left:-120px; width:240px; height:160px;}
html.mobile ul.list.illust>li>div.excellent.n2{background-position:-240px 0;}
html.mobile ul.list.illust>li>div.excellent.n3{background-position:-480px 0;}
html.mobile ul.list.illust>li>div.excellent.n4{background-position:-720px 0;}
html.mobile ul.list.illust>li>div.excellent.n5{background-position:-960px 0;}

html.mobile ul.list.illust>li>div.aceexcellent{top:0; left:50%; margin-left:-120px; width:240px; height:160px;}
html.mobile ul.list.illust>li>div.aceexcellent.n1{background-position:0 0;}
html.mobile ul.list.illust>li>div.aceexcellent.n2{background-position:-210px 0;}
html.mobile ul.list.illust>li>div.aceexcellent.n3{background-position:-480px 0;}
html.mobile ul.list.illust>li>div.aceexcellent.n4{background-position:-720px 0;}


html.mobile ul.list.illust>li>div.manage{top:0;}
html.mobile ul.list.col2.none{padding:5px;}
html.mobile ul.list.col2>li{display:block; padding:10px 10px 10px 100px; width:100%; min-height:80px;}
html.mobile ul.list.col2>li:first-child{border-top:0;}
html.mobile ul.list.col2>li:nth-child(2){border-top:1px dashed #e5e5e5;}
html.mobile ul.list.col2>li h4{font-size:15px;}

html.mobile ul.slist{margin:20px 10px !important; width:auto !important;}
html.mobile ul.slist>li{margin:5px 0; padding-left:8px; font-size:14px;}
html.mobile ul.slist>li:before{top:5px; width:2px; height:2px;}

html.mobile dl.slist{margin:15px 10px;}
html.mobile dl.slist>dt{margin:10px 0; font-size:17px;}
html.mobile dl.slist>dt>b{padding-left:0px;}
html.mobile dl.slist>dd{padding-left:8px; font-size:12px;}
html.mobile dl.slist>dd:before{top:5px;}


ol.book_num{position:relative; margin:15px; list-style-type:decimal-leading-zero; font-size:0; text-align:left;}
ol.book_num>li{position:relative; margin:7px 0; margin-left:20px !important; color:#555; font-size:13px;}


html.mobile .graph{margin:15px 0;}
html.mobile .graph .circle.sub{margin:10px 0; margin-right:220px; width:100px; height:100px;}
html.mobile .graph .circle.sub:before{left:50px; width:270px; border-radius:0 50px 50px 0;}
html.mobile .graph .circle.sub .text>h5>b{padding-bottom:0; font-size:18px;}
html.mobile .graph .circle .sub{left:100px !important; padding:0 15px 0 10px; width:220px !important;}
html.mobile .graph .circle .sub>h6>b{font-size:15px !important; letter-spacing:-0.5px;}
html.mobile .graph .circle .sub>h6>span{font-size:12px; letter-spacing:-0.5px;}

html.mobile .graph .arrow{display:block; margin:0 20px; padding:0;}
html.mobile .graph .arrow:before{bottom:-30px; right:50%; margin-right:-25px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform: rotate(90deg);}
html.mobile .graph .arrow:after{margin:-45px 0 0 -25px; left:50%; right:auto; width:50px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform: rotate(90deg);}
html.mobile .graph .arrow .text{margin:0 auto; width:300px;}
html.mobile .graph .arrow .text>h6{display:table-cell; padding:10px 0 0 35px; width:50%;}
html.mobile .graph .arrow .text>h6:first-child{padding:10px 35px 0 0; text-align:right;}
html.mobile .graph .arrow .text>h6>b{font-size:13px;}

html.mobile .graph .table{margin:0 10px; padding:5px; width:calc(100% - 20px);}
html.mobile .graph .table>table th,
html.mobile .graph .table>table td{padding:7px 3px; font-size:11px;}

html.mobile .graph .hexagon .text{left:5px; right:5px;}
html.mobile .graph .hexagon .text h5{font-size:17px;}
html.mobile .graph .hexagon .text p{font-size:11px; letter-spacing:-0.5px;}
html.mobile .graph .hexagon.orange .text h5{font-size:15px; letter-spacing:-1px;}

html.mobile .graph img{width:100%;}



/* intro : curriculum */
html.mobile ul.curriculum{margin:10px; padding:0; background-image:none;}
html.mobile ul.curriculum>li{float:none; margin:0 0 10px 0; padding:0 0 30px 0; width:auto;}
html.mobile ul.curriculum>li:before{content:''; position:absolute; left:0; right:0; top:20px; bottom:20px; border-left:1px solid #eee; border-right:1px solid #eee;}
html.mobile ul.curriculum>li:after{content:''; left:0; right:0; top:auto; bottom:0; margin:0; width:auto; height:20px; background-image:url(../img/gojls/support_step_arrow_v.svg); background-size:100% 100%; background-repeat:no-repeat;}
html.mobile ul.curriculum>li h4{position:relative; top:0; left:0; margin:0; padding:10px; width:auto; height:auto; border-radius:5px 5px 0 0; font-size:16px;}
html.mobile ul.curriculum>li h4:before{content:none;}
html.mobile ul.curriculum>li h4>span{position:static; top:0; left:0; margin:0; width:auto;}
html.mobile ul.curriculum>li h5{margin-top:20px; font-size:15px; text-align:center;}
html.mobile ul.curriculum>li h5:after{margin:10px 0; height:35px;}
html.mobile ul.curriculum>li h6{padding:10px; font-size:13px;}


/* course : chess */
html.mobile .section.nav{margin-bottom:0 !important;}
html.mobile #container.course .section.nav+.section{margin-top:0 !important;}
html.mobile #container.course .section.nav+.section .subtit.wide h4{display:none;}
html.mobile #container.course .section.nav+.section .subtit.wide .copy{margin:0 !important;}
html.mobile #container.course .section.nav+.section .subtit.wide .copy:before{display:none;}
html.mobile #container.course .section.nav+.section .subtit.wide .copy>h5{margin-top:0;}
html.mobile .intro_pic>li{width:50%;}
html.mobile .intro_pic.col3>li{width:100%;}
html.mobile .intro_pic dl.slist{margin-bottom:30px;}
html.mobile .subtit>h4.fake+.copy>h5{margin:0;}
html.mobile ul.study_course>li{margin:1%; width:48%; min-height:200px;}
html.mobile ul.study_course>li .bg>img{margin:0; height:200px;}
html.mobile ul.study_course>li .tit{top:20px;}
html.mobile ul.study_course>li .tit>span{font-size:18px;}
html.mobile ul.study_course>li .tit>h4{font-size:50px;}
html.mobile ul.study_course>li .tit>h5{font-size:15px;}
html.mobile ul.study_course>li .tit>label{padding:4px 5px 2px 5px;}
html.mobile ul.study_course>li .discription p{font-size:11px;}
html.mobile #chess_course .close{top:5px; right:5px;}
html.mobile #chess_course .close{top:5px; right:5px;}
html.mobile #chess_course .slides_nav{top:10px; left:10px; right:0; margin:0; width:auto; text-align:left;}
html.mobile #chess_course .slides_nav>dd{margin-left:25px;}
html.mobile #chess_course .slides_nav>dd>a{width:55px; height:55px;}
html.mobile #chess_course .slides_nav>dd>a>label{font-size:13px;}
html.mobile #chess_course .slides_nav>dd>a>span{font-size:20px;}
html.mobile #chess_course .slides_nav>dd:before{left:-25px; width:25px;}
html.mobile #chess_course .slides_nav>dd>a:before,
html.mobile #chess_course .slides_nav>dd>a:after{left:-10px; width:10px;}
html.mobile #chess_course .slides_nav>dd>a:before{margin-top:-4px;}
html.mobile #chess_course .slides_nav>dd>a:after{margin-top:4px;}
html.mobile #chess_course .arrow{display:none !important;}
html.mobile #pt_slides>li{overflow-y:auto;}
html.mobile #pt_slides>li .content{top:90px; left:10px; right:10px; margin:0; width:auto; min-height:auto;}
html.mobile #pt_slides>li .tit{margin-bottom:10px;}
html.mobile #pt_slides>li .tit>h4{font-size:30px;}
html.mobile #pt_slides>li .tit>h4>label{font-size:12px;}
html.mobile #pt_slides>li.s01 .tit>h4>label,
html.mobile #pt_slides>li.s02 .tit>h4>label{margin-left:0;}
html.mobile #pt_slides>li .tit>h5{font-size:13px;}
html.mobile #pt_slides>li h6{font-size:21px;}
html.mobile #pt_slides>li .course_info>ul{display:block; border:1px solid #fff;}
html.mobile #pt_slides>li .course_info>ul>li{display:block; padding:10px 15px; border-top:1px solid #fff;}
html.mobile #pt_slides>li .course_info>ul>li:first-child{border-top:0}
html.mobile #pt_slides>li .course_info>ul>li>div{display:block; padding:0; border:0;}
html.mobile #pt_slides>li .course_info>ul>li>div.level, 
html.mobile #pt_slides>li .course_info>ul>li>div.period{display:inline-block; width:auto; text-align:left;}
html.mobile #pt_slides>li .course_info>ul>li>div.period{font-size:15px;}
html.mobile #pt_slides>li .course_info>ul>li>div.period:before{content:'(';}
html.mobile #pt_slides>li .course_info>ul>li>div.period:after{content:')';}
html.mobile #pt_slides>li .course_info>ul>li>div.point{padding-top:5px;}
html.mobile #pt_slides>li.s02 .course_info>ul>li>div.point>ol>li{display:block; width:auto;}
html.mobile #pt_slides>li .online{padding-bottom:10px;}
html.mobile #pt_slides>li .online>dl{padding:15px;}
html.mobile ul.book_list>li{display:block; padding:15px 0; width:auto;}
html.mobile ul.book_list>li>.book{position:relative; top:auto; margin-bottom:10px; width:auto;}
html.mobile ul.book_list>li>.book.only{text-align:left;}
html.mobile ul.book_list>li>h5{font-size:16px;}
html.mobile ul.book_list>li>h6{font-size:14px;}
/* course : ace */
html.mobile .graph.ace_in{margin:20px 0;}
html.mobile .graph.ace_in .circle{position:relative; left:auto; right:auto;}
html.mobile .graph .circle.wh150{margin:10px;}
html.mobile #container .section.float_l,
html.mobile #container .section.float_r{clear:both; float:none;}
html.mobile #container .section.float_l.wp50{width:100%;}
html.mobile #container .section.float_r.wp50{width:100%; border-left:0;}
html.mobile #container .section.float_r{margin-top:50px;}
html.mobile #container .section.float_l.wp50 .subtit,
html.mobile #container .section.float_r.wp50 .subtit{margin-bottom:20px;}
html.mobile #container .section.float_l .graph .circle .text>h5>b{padding-bottom:5px; font-size:24px;}
html.mobile #container .section.float_l .graph .circle .sub>h6>b{padding-right:5px;}
html.mobile #container .section.float_l .graph .circle .sub>h6>span{padding:1px 0; font-size:11px; letter-spacing:-1px;}
html.mobile #container .section.float_l .graph .circle.ani.wh120{margin:10px; width:95px; height:95px; }
html.mobile #container .section.float_l .graph .circle.ani.wh120:before{left:-5px; right:-5px; top:-5px; bottom:-5px;}
html.mobile #container .section.float_l .graph .circle.ani .text>h5>b{font-size:15px;}
html.mobile #container .section.float_r .graph .hexagon:first-child{margin-bottom:-40px;}
html.mobile #container .section.float_r .graph .hexagon .unit{width:150px; padding-bottom:173.21px;}
html.mobile #container .section .graph .hexagon.deg90 .unit{width:127.02px; padding-bottom:110px;}
html.mobile .graph .copy{margin:0 10px;}
html.mobile .graph .copy h4{padding-top:0; font-size:23px;}
html.mobile .graph .copy p{padding:5px 0; font-size:16px;}
html.mobile .graph .copy p>br{display:none;}
html.mobile .graph .svg.floating{position:relative;}
html.mobile img.graph_ace_manage01{width:90%;}
html.mobile img.graph_ace_manage02{width:auto; height:auto;}
html.mobile .graph .svg .ontext{top:50px; left:50px;}
html.mobile .graph .svg .ontext dl.slist>dd{padding-left:10px; font-size:18px; letter-spacing:-1px;}
html.mobile .graph .svg .ontext dl.slist>dd:before{top:6px; width:4px; height:4px;}
html.mobile .graph .hexagon.nohover .unit img{width:100px;}
html.mobile .graph .hexagon.nohover .text h5{top:26%; font-size:15px;}
html.mobile .graph .hexagon.nohover.n4 .text h5{top:22%; font-size:14px;}
html.mobile .graph .hexagon.nohover.n3,
html.mobile .graph .hexagon.nohover.n4{top:-55px; margin:0;}
html.mobile .graph .hexagon.nohover.n3{margin-right:32px;}
html.mobile .graph .hexagon.nohover.n4{margin-left:32px;}
html.mobile .graph .arrow_set .line>span{width:80px; height:10px;}
html.mobile .graph .arrow_set .line>span:before{left:-19px; border-left:20px solid transparent; border-top:20px solid #f9e7c9; }
html.mobile .graph .arrow_set .line>span:after{right:-5px; border-right:5px solid transparent; border-top:10px solid #f9e7c9;}
html.mobile .graph .arrow_set .line.n1{top:-63px; left:-128px;}
html.mobile .graph .arrow_set .line.n2{top:-52px; left:55px;}
html.mobile .graph .arrow_set .line.n3{top:100px; left:-46px;}
html.mobile .ace_entrance{margin:0 10px;}
html.mobile .ace_entrance .tit:before{left:10px; right:10px;}
html.mobile .ace_entrance .tit>h4{height:80px; letter-spacing:-2px;}
html.mobile .ace_entrance .tit>h4:before,
html.mobile .ace_entrance .tit>h4:after{top:25px; height:55px;}
html.mobile .ace_entrance .tit>h4:before{left:10px;}
html.mobile .ace_entrance .tit>h4:after{right:10px;}
html.mobile .ace_entrance .tit>h4>b{display:block; font-size:30px;}
html.mobile .ace_entrance .tit>h4>span{display:block; font-size:38px;}
html.mobile .ace_entrance .tit>h6{margin:0; font-size:24px;}
html.mobile .ace_entrance .tit>img{top:-33px; margin-left:-40px; width:80px;}
html.mobile .ace_entrance .body{margin:50px 0 !important;}
html.mobile .ace_entrance .body>h5>b{padding:0 10px; font-size:20px; font-weight:600; letter-spacing:-1px;}
html.mobile .ace_entrance .body>h5>b>br{display:block;}
html.mobile .ace_entrance .body>p{font-size:15px;}
html.mobile .ace_entrance .body table th,
html.mobile .ace_entrance .body table td{padding:5px 1px; font-size:11px; letter-spacing:-0.5px;}
html.mobile .ace_entrance .body table.schedule th,
html.mobile .ace_entrance .body table.schedule td{font-size:10px;}
html.mobile .ace_entrance .body table ol.book_num{margin:0 10px;}
html.mobile .ace_entrance .body table ol.book_num>li{font-size:12px; font-weight:normal;}

html.mobile ul.ace_study_course>li{margin:1%; width:48%; height:235px;}
html.mobile ul.ace_study_course>li .tit{top:16px;}
html.mobile ul.ace_study_course>li .tit>h5{font-size:15px; letter-spacing:-1px;}
html.mobile ul.ace_study_course>li .tit>label{padding:3px 5px 5px 5px; width:85%;}
html.mobile ul.ace_study_course>li .tit>label:before{ margin-top:28px;}
html.mobile .ace_study_course>li:after{content:none;}

html.mobile .ace_course .ace_slides{top:10px; left:10px; right:0; margin:0; width:auto; text-align:left;}
html.mobile .ace_course .ace_slides>dd{margin-left:25px;}
html.mobile .ace_course .ace_slides>dd>a{width:55px; height:55px;}
html.mobile .ace_course .ace_slides>dd>a>label{font-size:13px;}
html.mobile .ace_course .ace_slides>dd>a>span{font-size:20px;}
html.mobile .ace_course .ace_slides>dd:before{left:-25px; width:25px;}
html.mobile .ace_course .ace_slides>a:before,
html.mobile .ace_course .ace_slides>dd>a:after{left:-10px; width:10px;}
html.mobile .ace_course .ace_slides>dd>a:before{margin-top:-4px;}
html.mobile .ace_course .ace_slides>dd>a:after{margin-top:4px;}
html.mobile .ace_slides>li .content{padding-top:0px; }
html.mobile .ace_slides>li .tit>h4{font-size:30px; }
html.mobile .ace_course .level_list_wrap{background:none; padding:0px;  margin-top:0px;}
html.mobile .ace_course .level_list_wrap .level_list>li {margin:0; width:40px; height:40px; }
html.mobile .ace_course .level_list_wrap .level_list>li {background:none;}
html.mobile .level_list_wrap .level_list>li .txt01 {font-size:13px;}
html.mobile .level_list_wrap .level_list>li .txt02 {font-size:12px;} 
html.mobile .ace_slides>li .course_info>ul{display:block; border:1px solid #f2f2f2; }
html.mobile .ace_slides>li .course_info>ul>li{display:block; padding:10px 15px; background-color:#fafafa; border-top:1px solid #f2f2f2;}
html.mobile .ace_slides>li .course_info>ul>li:first-child{border-top:0}
html.mobile .ace_slides>li .course_info>ul>li>div{display:block; padding:0; border:0;}
html.mobile .ace_slides>li .course_info>ul>li>div.level, 
html.mobile .ace_slides>li .course_info>ul>li>div.period{display:inline-block; background:none; width:auto; text-align:left;}
html.mobile .ace_slides>li .course_info>ul>li>div.period{font-size:17px;}
html.mobile .ace_slides>li .course_info>ul>li>div.period:before{}
html.mobile .ace_slides>li .course_info>ul>li>div.point{padding-top:4px; }
html.mobile .ace_slides>li .course_info>ul>li>div.point>ol>li{top:4px; margin-top:2px; margin-bottom:10px; width:auto; height:auto; font-size:14px;}
html.mobile .ace_slides>li .course_info h6{font-size:22px; }




/* course : abroad */
html.mobile .intro_pic>li>.text{padding-bottom:4px; font-size:13px;}



/* entrance : process */
html.mobile ul.process>li{float:none; margin:0 0 15px 0; padding:15px; width:auto; height:auto; font-size:21px;}
html.mobile ul.process>li h5{display:inline-block; margin:0; font-size:18px; letter-spacing:-1px;}
html.mobile ul.process>li h5>br{display:none;}
html.mobile ul.process>li button:first-of-type{margin-left:35px;}
html.mobile ul.process>li:before{top:-15px; bottom:auto; left:50%; right:auto; margin-left:-120px; border-left:120px solid transparent;border-right:120px solid transparent; border-bottom:0;}
html.mobile ul.process.chess>li:before{border-top:12px solid #cbf2ff;}
html.mobile ul.process.ace>li:before{border-top:12px solid #cfdef3;}
html.mobile ul.process.chess>li button:hover:after,
html.mobile ul.process.ace>li button:hover:after{width:0;}


html.mobile .subtit .video{width:100%; max-width:100%; height:100%;}