@charset "utf-8";
/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

#main {overflow:hidden; position:relative; margin:141px 0 0 0;}
#mainVisual { position:relative; }
#mainVisual:after { content:""; width:150%; height:100%; background:#fff; position:absolute; left:50%; top:0; z-index:1000; 
transform:translateX(-50%) skew(-45deg);
-moz-transform:translateX(-50%) skew(-45deg);
-webkit-transform:translateX(-50%) skew(-45deg);
-o-transform:translateX(-50%) skew(-45deg);
-ms-transform:translateX(-50%) skew(-45deg);
transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-webkit-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
opacity:0.9;
}

#mainVisual.on:after {  width:0;}
#mainVisual article { height:800px; background-size:cover !important;}
#mainVisual .visu01 { background:url("../img/main/bg01.png") no-repeat center;}
#mainVisual .visu02 { background:url("../img/main/bg01.png") no-repeat center;}
#mainVisual .visu03 { background:url("../img/main/bg01.png") no-repeat center;}
#mainVisual .visu04 { background:url("../img/main/bg01.png") no-repeat center;}
#mainVisual .visu05 { background:url("./img/main/bg01.png") no-repeat center;}

#mainVisual article .inner { 
position:relative; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#mainVisual .txt dl {}
#mainVisual .txt dl dt {font-size:5em; color:#fff; line-height:1.1em; font-weight:900; font-family:'Gmarket Sans B';}
#mainVisual .txt dl dt span { display:block; font-size:18px; color:#ff8300;}
#mainVisual .txt dl dd { color:#fff; font-size:25px; margin-top:20px; line-height:1.333em;}
#mainVisual .more_s1 { margin-top:60px;}
.more_s1 { width:183px; overflow:hidden; text-align:center; }
.more_s1 a { display:block; height:40px; border-radius:20px; border:1px solid #fff; color:#fff; line-height:40px; font-size:14px;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#mainVisual .dots { position:absolute; width:100%; text-align:right; bottom:78px; max-width:1460px; left:50%; 
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
#mainVisual .dots li { margin-right:24px; display:inline-block; vertical-align:middle;}
#mainVisual .dots li:last-child { margin:0;}
#mainVisual .dots li button { width:13px; height:13px; padding:0; border:2px solid #553f99; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:none; text-indent:-9999px;  vertical-align:middle;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#mainVisual .dots li.on button { background:#553f99; border:none;}
#mainVisual .dots li.play-stop button { border:none; width:10px; height:13px;}
#mainVisual .dots li.stop button { background:url("../img/icon/stop_btn.png") no-repeat; }
#mainVisual .dots li.play button { background:url("../img/icon/play_btn.png") no-repeat; }
#mainVisual .slick-arrow { width:38px; height:74px;  border:none; position:absolute; top:50%; margin-top:-37px; z-index:100; text-indent:-9999px;}
#mainVisual .slick-prev { background:url("../img/icon/main_prev.png") no-repeat; left:50px;}
#mainVisual .slick-next { background:url("../img/icon/main_next.png") no-repeat; right:50px;}
#mainContents > article { padding:120px 0; position:relative;}

.jb-box { width: 1200px; height:auto; overflow: hidden; margin: 0px auto; position: relative; }
video { width: 100%; }

/* 소개 */
#maina01 {width:100%; padding:100px 0; background-size:cover !important; background:url("../img/main/bga01.png") no-repeat center;}
.main_con {width:1140px; margin:0 auto;}
.maina01_img {width:100%; text-align:center;}
.maina01_img img {width:100%; height:auto; max-width:609px;}
.maina01_txt {width:800px; padding:30px; text-align:center; background:#553f99; color:#fff; font-size:2.25em; font-weight:500; margin:50px auto 0 auto; border-radius:20px;}
.maina01_txt p b {font-family:'Gmarket Sans M';}
.maina01_txt p b span {font-size:1.5em;}
.maina01b_txt {margin:30px 0 0 0; text-align:center; font-weight:700; font-size:2.5em;}
.maina01b_txt br {display:none;}
.maina01_c01 {color:#ff0000;}
.maina01_c02 {color:#b1c0ee;}
.maina01_c03 {color:#358791;}
.maina01_c04 {color:#e9ae55;}
.maina01_c05 {color:#ed69c8;}

/* 프로그램 */
#maina02 {width:100%; padding:100px 0 80px 0; background-size:cover !important; background:url("../img/main/bga02.png") no-repeat center;}
.maina02ul {width:99%; margin:0 auto; overflow:hidden;}
.maina02ul li {float:left; width:30%; margin:0 1.5% 20px 1.5%; background:#fff; border-radius:10px; padding:30px 40px;}
.maina02ul li p {text-align:center;}
.maina02ul li p img {width:100%; height:auto; max-width:260px;}
.maina02ul li strong {display:block; margin:20px 0 10px 0; font-family:'Gmarket Sans B'; font-size:2.5em; text-align:center;}
.maina02ul li a {display:block; font-size:1.25em; font-weight:500; text-align:center; position:relative;}
.maina02ul li a:after {content:""; position:absolute; left:50%; top:30px; width:88px; height:1px; background:#553f99; margin:0 0 0 -44px;}
.maina02ul li a:hover {color:#553f99;}
.maina02ulm {margin:30px 0 0 0;}

/* 학습 */
#maina03a {width:100%; padding:100px 0 30px 0; background:#ffc600; position:relative;}
.maina03a_txt {color:#fff; font-family:'Gmarket Sans B'; font-size:3.5em; text-align:center; line-height:1;}
.maina03a_img {position:absolute; bottom:-25px; left:0; right:0; text-align:center;}
#maina03b {width:100%; padding:100px 0; background:#fffae8;}
.maina03ul {width:100%; overflow:hidden;}
.maina03ul li {float:left; width:260px; margin-right:30px;}
.maina03ul li:last-child {margin-right:0;}
.maina03ul li span {display:block; text-align:center;}
.maina03ul li strong {display:block; text-align:center; font-family:'Gmarket Sans B'; font-size:1.5em; margin:20px 0;}
.maina03ul li strong b {display:block; font-size:1.35em;}
.maina03ul li p {font-size:1.1em; font-weight:400; text-align:center;}
.maina03_c01 {color:#553f99;}
.maina03_c02 {color:#61c1a3;}
.maina03_c03 {color:#faca13;}
.maina03_c04 {color:#ef578a;}