@charset "UTF-8";

section{}
.more{display:block; background:url('../images/common/bul_arrow02.png') no-repeat 40px center; color:#b59f9f; font-size:13px; font-weight:normal; width:50px; float:right; margin-top:7px;}
.more:hover{background:url('../images/common/bul_arrow03.png') no-repeat 40px center; color:#111;}

#topvisual{min-width:1100px; height:550px; overflow:hidden;}
#topvisual .swiper-container-topvisual .swiper-slide{height:100%; text-align:center;}
#topvisual .swiper-container-topvisual .swiper-slide img{margin-top:150px; width:1100px; height:400px; overflow:hidden;}
#topvisual .swiper-container-topvisual .swiper-pagination{position:relative; bottom:50px; width:53%; text-align:right;}
#topvisual .swiper-container-topvisual .swiper-pagination-bullet{width:12px; height:12px; opacity:100; background:#fff;}
#topvisual .swiper-container-topvisual .swiper-pagination-bullet-active{background:#febf14;}

#topvisual .stop{background:url('../images/main/topvisual_pause.png') center center no-repeat; width:16px; height:16px; bottom:67px; position:relative; z-index:10; cursor:pointer; margin:0 auto; left:70px;}
#topvisual .play{background:url('../images/main/topvisual_play.png') center center no-repeat; width:16px; height:16px; bottom:67px; position:relative; z-index:10; cursor:pointer; margin:0 auto; left:70px;}

.guidewrap{height:90px;}
.guidewrap .consult{float:left; background:url('../images/main/btn_consult.png') no-repeat left top; width:179px; height:121px; position:relative; top:-80px; z-index:11;}
.guidewrap .consult a{display:block; width:88px; height:94px; font-size:28px; color:#fff; font-weight:600; padding:27px 0 0 33px;}
.guidewrap h1{float:left; border-left:1px solid #febf14; width:90px; padding-top:45px; text-align:center; font-size:18px; color:#725f5f; font-weight:normal;}
.guidewrap .monthclass{float:left; width:430px; font-size:18px; color:#111; position:relative; top:-15px; margin-left:15px; z-index:1;}
.guidewrap .monthclass p{float:left; padding-top:45px; width:165px;}
.guidewrap .monthclass p span{color:#febf14; margin-right:10px;}
.guidewrap .monthclass .weekday{}
.guidewrap .monthclass .weekend{}
.guidewrap .event{float:right; width:470px; font-size:18px; color:#111; position:relative; top:-15px; margin-top:0; z-index:1;}
.guidewrap .event .swiper-container-event{float:left; margin-top:45px; height:23px; width:350px; overflow:hidden;}
.guidewrap .event .swiper-container-event .swiper-button-prev{background:url('../images/common/btn_up.png') no-repeat; width:9px; height:5px; left:460px; margin-top:0; top:48px;}
.guidewrap .event .swiper-container-event .swiper-button-next{background:url('../images/common/btn_down.png') no-repeat; width:9px; height:5px; left:460px; margin-top:0; top:60px;}

.curriculum {height:522px; background-color:#f2f2f2; min-width:1100px; text-align:center;}
.curriculum .tab {padding-top:60px; height:60px; font-size:18px; text-align:center; color:#725f5f;}
.curriculum .tab li {display:inline-block; margin:0 22px; padding-top:5px;}
.curriculum .tab li a {}
.curriculum .tab li a:hover {color:#febf14; border-top:2px solid #febf14; padding-top:5px; font-weight:600;}
.curriculum .tab li .on {color:#febf14; border-top:2px solid #febf14; padding-top:5px; font-weight:600;}
.curriculum .swiper-container-curriculum {min-width:1100px; overflow:hidden; margin:0 auto;}
.curriculum .swiper-container-curriculum .swiper-slide .ob{width:266px; height:320px; border:1px solid #dcdcdc; background-color:#fff; margin:0 6px; font-size:13px; display:block; margin:0 auto; text-align:left;}
.curriculum .swiper-container-curriculum .swiper-slide .ob img{vertical-align:top;}
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover{border:1px solid #febf14;}
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover img{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover h1{font-size:24px;}
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover strong{display:block;} 
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover p{height:135px;}
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover div{text-align:center; margin-top:25px;} 
.curriculum .swiper-container-curriculum .swiper-slide .ob:hover div button{display:inline-block; width:80px;}
.curriculum .swiper-container-curriculum .swiper-slide .ob h1{font-size:18px; color:#111; line-height:28px; font-weight:600; padding:25px 30px;}
.curriculum .swiper-container-curriculum .swiper-slide .ob h1 strong{font-size:13px; color:#febf14; display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .ob h1 span{display:block; height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.curriculum .swiper-container-curriculum .swiper-slide .ob h1 p{font-size:13px; color:#666; line-height:19px; font-weight:normal; margin-top:10px; height:35px; overflow:hidden;}
.curriculum .swiper-container-curriculum .swiper-slide .ob button{display:none;}

.customerwrap{height:385px; margin-top:80px;}
.customerwrap .data{float:left; width:266px; height:385px;}
.customerwrap .data .cheer{height:282px; background-color:#725f5f; color:#fff; font-size:13px; text-align:center;}
.customerwrap .data .cheer h1{font-size:16px; font-weight:600; padding-top:30px;}
.customerwrap .data .cheer h1 p{font-size:24px;}
.customerwrap .data .cheer .ment{color:#b59f9f; line-height:18px; margin:30px; height:90px; overflow:hidden;}
.customerwrap .data .cheer .swiper-container-cheer{overflow:hidden;}
.customerwrap .data .cheer .swiper-container-cheer .swiper-slide{background-color:#725f5f; height:180px;}

.customerwrap .data .employment{height:125px; border-bottom:1px solid #febf14; font-size:13px; position:relative; top:-20px;}
.customerwrap .data .employment h1{float:left; width:77px; height:75px; background-color:#febf14; color:#fff; padding:17px 0 0 15px; margin-left:20px;}
.customerwrap .data .employment .swiper-container-employment{float:right; width:135px; margin-top:40px; height:60px; overflow:hidden;}
.customerwrap .data .employment .swiper-container-employment .swiper-slide div h2{color:#febf14; font-size:24px;}
.customerwrap .data .employment .swiper-container-employment .swiper-slide div h2 p{font-size:13px; height:16px; overflow:hidden;}
.customerwrap .data .employment .swiper-container-employment .swiper-button-prev{background:url('../images/common/btn_up02.png') no-repeat; width:9px; height:6px; left:90px; margin-top:0; top:62px;}
.customerwrap .data .employment .swiper-container-employment .swiper-button-next{background:url('../images/common/btn_down02.png') no-repeat; width:9px; height:6px; left:90px; margin-top:0; top:73px;}

/* 수강생 인터뷰 영상 */
.closeBtn{background-color:#111; width:42px; height:32px; padding-top:8px; display:block; margin-right:8px; text-align:center;}
.customerwrap .interview .btn_play{display: block; width :100%; height: 100%; background: url('../images/common/icon_play.png') no-repeat center center; position: absolute; top: 0; text-align: center; z-index:9}

.customerwrap .interview{float:left; background:url('../images/main/interview_bg.gif') no-repeat left top; width:459px; height:385px; margin:0 42px;}
.customerwrap .interview h1{font-size:32px; font-weight:normal; line-height:35px; height:137px;}
.customerwrap .interview h1 p{font-size:14px; width:320px; height:35px; overflow:hidden;}
.customerwrap .interview h1 a{position:relative; top:-120px; left:330px;}
.customerwrap .interview .video{width:447px; height:250px; position:relative; left:10px; background:url('../images/common/icon_play.png') no-repeat center center; background-color:rgba(0,0,0,0.6);}
.customerwrap .review{float:right; background:url('../images/main/review_bg.gif') no-repeat left top; width:290px; height:385px; margin-top:0;}
.customerwrap .review h1{font-size:32px; font-weight:normal;}
.customerwrap .review ul{position:relative; top:-40px;}
.customerwrap .review ul li.list{height:139px;overflow:hidden}
.customerwrap .review ul li.list a {position:relative;overflow:hidden}
.customerwrap .review ul li.list .img {overflow:hidden;}
.customerwrap .review ul li.list img {width:100%; transform:scale(1.0, 1.0);-webkit-transform:scale(1.0, 1.0);-moz-transform:scale(1.0, 1.0);-ms-transform:scale(1.0, 1.0);transition:all 1.8s;-webkit-transition:all 1.8s;-moz-transition:all 1.8s;}

.customerwrap .review ul li.list a:hover {width:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.customerwrap .review ul li.list a:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.customerwrap .review ul li.list a:hover:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:1}
.customerwrap .review ul li.list a:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}

.customerwrap .review ul li.review01{float:right;}
.customerwrap .review ul li.review02{float:left; margin-top:65px;}
.customerwrap .review ul li.review03{float:right; margin-top:15px; z-index:99;}
.customerwrap .review ul li.btn{float:left; margin-top:-75px;}

.middlewrap{margin-top:60px;}
.middlewrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.middlewrap h1{font-size:18px; font-weight:600; height:40px;}
.middlewrap h1:before{display:block; content:''; width:15px; height:1px; background:#111;}
.newswrap{float:left; width:46%;}
.newswrap ul{}
.newswrap ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.newswrap ul li{float:left; width:244px; height:245px; overflow:hidden; text-align:center; margin-right:12px;}
.newswrap ul li:last-child{margin-right:0px;}
.newswrap ul li .list{height:67px; border:1px solid #dcdcdc; background-color:#faf9f9; padding:30px; line-height:18px;}
.newswrap ul li .list .ttl{font-size:14px; height:38px; overflow:hidden; }
.newswrap ul li .list .txt{font-size:13px; height:20px; overflow:hidden; color:#999; font-weight:normal; margin-top:10px;}
.newswrap ul li .img{width:244px; height:116px; overflow:hidden;}
.newswrap ul li a{display:block;}
.newswrap ul li a:hover{border:1px solid #111;}
.newswrap ul li a:hover .list{border:0; height:182px; background-color:#fff; background:url('../images/common/btn_more.gif') no-repeat right bottom;}
.newswrap ul li a:hover .list .txt{height:110px; line-height:21px; margin-top:20px;}
.newswrap ul li a:hover .img{display:none;}
.kgvodwrap{float:right; width:50%; position:relative;}
.kgvodwrap:before{display:block; content:''; background:url('../images/main/kgvodwrap_bg.png') no-repeat right top; width:150px; height:255px; position:absolute; right:0; top:0; z-index:-1;}
.kgvodwrap h1{height:30px;}
.kgvodwrap .video{position:relative; width:454px; height:245px; background:#fff; padding:10px 10px 0 0;}
.kgvodwrap .video .btn_play{ 
	display: block; width : calc(100% - 10px); height: calc(100% - 10px); padding-top: 10px; background: url('../images/common/icon_play.png') no-repeat center center; 
	position: absolute; top: 0; left:0; text-align: center; z-index: 9;
}
.kgvodwrap .video img{display:block; width:100%; height:100%; object-fit:cover;}

.boardwrap{margin-top:60px;}
.boardwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.boardwrap h1{float:left; width:70px; font-size:18px; font-weight:600; margin-right:40px;}
.boardwrap h1:before{display:block; content:''; width:15px; height:1px; background:#111;}
.boardwrap .notice{float:left;}
.boardwrap .faq{float:right;}
.boardwrap .faq h1{width:50px;}
.boardwrap .faq .more{float:left;}
.boardwrap ul{float:left; font-size:13px; color:#666; margin-top:-5px; height:70px; overflow:hidden;}
.boardwrap ul li{width:400px; height:23px; line-height:23px;}
.boardwrap ul li a{display:inline-block; width:300px; height:23px; overflow:hidden;}
.boardwrap ul li a:hover{color:#111;}
.boardwrap ul li span{color:#999; float:right;}
.boardwrap ul li img{vertical-align:top; margin-top:7px;}

.officewrap{margin-top:60px; height:588px; background-color:#f2f2f2;}
.officewrap .imgwrap{position:absolute; height:588px; overflow:hidden; width:69%;}
.officewrap .imgwrap li{height:100%; font-size:0;}
.officewrap h1{font-size:20px; color:#3b3232; position:absolute; right:0; border-top:1px solid #febf14; width:30%; padding:50px 0 0 70px; margin-top:140px;}
.officewrap h1 p{font-size:56px; color:#febf14;}
.officewrap h1 ul{font-size:13px; color:#725f5f; margin-top:10px; line-height:20px;}
.officewrap h1 ul li{background:url('../images/main/officewrap_list.gif') no-repeat left; padding-left:13px;}
.officewrap .width{position:relative;}
.officewrap .tab1{float:left; background-color:rgba(59,50,50,0.9); color:#b59f9f; width:130px; text-align:center; font-size:13px;}
.officewrap .tab1 li{display:block; height:40px; line-height:40px; border-top:1px solid #111; border-color:rgba(0,0,0,0.1); cursor:pointer;}
.officewrap .tab1 li.logo{height:125px; line-height:110px; cursor:default;}
.officewrap .tab1 li.on{background-color:#febf14; color:#fff; font-weight:600;}
.officewrap .tab1 li:hover{background-color:#febf14; color:#fff; font-weight:600;}
.officewrap .tab1 li.logo:hover{background:none;}

.officewrap .tab_jongro                   {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_jongro ul                {margin-top:10px;}
.officewrap .tab_jongro ul li             {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_jongro ul li span        {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_jongro ul li span:hover  {background-color:#febf14;}
.officewrap .tab_jongro ul li.img1        {background:url('../images/main/officewrap_jongro_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img2        {background:url('../images/main/officewrap_jongro_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img3        {background:url('../images/main/officewrap_jongro_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img4        {background:url('../images/main/officewrap_jongro_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img5        {background:url('../images/main/officewrap_jongro_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.on          {background:#febf14;}

.officewrap .tab_gangnam                  {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_gangnam ul               {margin-top:10px;}
.officewrap .tab_gangnam ul li            {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_gangnam ul li span       {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_gangnam ul li span:hover {background-color:#febf14;}
.officewrap .tab_gangnam ul li.img1       {background:url('../images/main/officewrap_gangnam_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img2       {background:url('../images/main/officewrap_gangnam_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img3       {background:url('../images/main/officewrap_gangnam_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img4       {background:url('../images/main/officewrap_gangnam_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img5       {background:url('../images/main/officewrap_gangnam_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.on         {background:#febf14;}

.officewrap .tab_noryangjin                     {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_noryangjin ul                  {margin-top:10px;}
.officewrap .tab_noryangjin ul li               {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_noryangjin ul li span          {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_noryangjin ul li span:hover    {background-color:#febf14;}
.officewrap .tab_noryangjin ul li.img1          {background:url('../images/main/officewrap_noryangjin_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img2          {background:url('../images/main/officewrap_noryangjin_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img3          {background:url('../images/main/officewrap_noryangjin_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img4          {background:url('../images/main/officewrap_noryangjin_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img5          {background:url('../images/main/officewrap_noryangjin_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.on            {background:#febf14;}

.officewrap .tab_busan                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_busan ul                 {margin-top:10px;}
.officewrap .tab_busan ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_busan ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_busan ul li span:hover   {background-color:#febf14;} 
.officewrap .tab_busan ul li.img1         {background:url('../images/main/officewrap_busan_tab_img01.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.img2         {background:url('../images/main/officewrap_busan_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img3         {background:url('../images/main/officewrap_busan_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img4         {background:url('../images/main/officewrap_busan_tab_img04.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.img5         {background:url('../images/main/officewrap_busan_tab_img05.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.on           {background:#febf14;}

.officewrap .tab_daegu                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_daegu ul                 {margin-top:10px;}
.officewrap .tab_daegu ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_daegu ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_daegu ul li span:hover   {background-color:#febf14;}
.officewrap .tab_daegu ul li.img1         {background:url('../images/main/officewrap_daegu_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img2         {background:url('../images/main/officewrap_daegu_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img3         {background:url('../images/main/officewrap_daegu_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img4         {background:url('../images/main/officewrap_daegu_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img5         {background:url('../images/main/officewrap_daegu_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.on           {background:#febf14;}

.resultwrap{margin-top:90px; padding-top:40px; border-top:1px solid #dcdcdc; height:90px;}
.resultwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.resultwrap h1{float:left; width:70px; font-size:13px; color:#999; text-align:right; font-weight:normal; margin-right:20px;}
.resultwrap h1 p{color:#111; font-size:18px; font-weight:600;}
.resultwrap h1 .btn{margin-top:8px; margin-left:35px;}
.resultwrap h1 .btn .btn_prev1{float:left; cursor:pointer;}
.resultwrap h1 .btn .btn_next1{float:left; margin-left:3px; cursor:pointer;}
.resultwrap h1 .btn .btn_prev2{float:left; cursor:pointer;}
.resultwrap h1 .btn .btn_next2{float:left; margin-left:3px; cursor:pointer;}
.resultwrap .agreement{float:left; width:50%;}
.resultwrap .agreement .swiper-container-agreement{float:left; width:455px; overflow:hidden;}
.resultwrap .agreement .swiper-container-agreement .swiper-slide{height:45px; text-align:center;}
.resultwrap .award{float:right; width:50%;}
.resultwrap .award .swiper-container-award{float:left; width:455px; overflow:hidden;}
.resultwrap .award .swiper-container-award .swiper-slide{height:45px; text-align:center;}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}


.guidewrap .classSearch{float:right; width:470px; height: 66px; font-size:18px; color:#111; position:relative; top:-15px; margin-top:0; z-index:1; border-left: 1px solid #febf14;}
.guidewrap .classSearch .SearchArea{position: absolute; bottom: -10px; left: 48px;}
.guidewrap .classSearch .SearchArea input[type="text"]{background-color: #e6e6e6; width: 422px; height: 39px; border-radius: 4px; border: none; padding-left: 20px; box-sizing: border-box;}
.guidewrap .classSearch .SearchArea input[type="image"]{position: absolute; right: 3%; top: 50%; transform: translateY(-50%);}