@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');



/* 따라다니는 배너 css */
#scrollRight_NB.fixed {position:fixed; top:200px; } 
.cursor{cursor:pointer;}
.leftMenu{padding-top:28px; position:absolute; }
#scroll00 a{position:absolute; right:8%; z-index:999;}

#scroll01 a{position:absolute; left:8%; z-index:999;}



.mainVisual {width:100%; height:410px; overflow:hidden; }
.mainVisual #bx-pager {width:100%; height:46px; z-index:100; margin:0 auto;  opacity:0.6;  background:#545961; position:relative; bottom:46px; }
.mainVisual #bx-pager .BNBN{width:1100px; height:46px; z-index:101;  margin:0 auto; }

.mainVisual #bx-pager .BNBN > a {float:left; width:136px; height:46px; text-align:center; line-height:46px;
font-size:14px;  font-weight:lighter;  color:#fff; opacity:1; display:block; border-left:1px solid#ccc; }

/*.mainVisual #bx-pager .BNBN > a {float:left; width:322px; height:50px; text-align:center; line-height:48px;
font-size:18px;  font-weight:lighter;  color:#fff; opacity:1; display:block; border-left:1px solid#ccc; }*/


.mainVisual #bx-pager .BNBN > a:nth-child(1){opacity:1; border-left:none; }
.mainVisual #bx-pager .BNBN > a + a {}
.mainVisual #bx-pager .BNBN > a.active {background:#123d6e;}

.bx-wrapper .bx-controls-direction a {width:60px;height:60px;}
.bx-prev {left:0;}
.bx-next {right:0;}
.bx-wrapper .bx-controls-direction a:before {content:"";position:absolute;display:block;width:60px;height:60px;background:#fff;opacity:0.2;z-index:1}
.bx-wrapper .bx-controls-direction a:after {content:"";position:absolute;top:50%;left:50%;display:block;width:32px;height:32px;
border-top:2px solid #888;border-right:2px solid #888; transform: translate(-75%, -50%) rotate(45deg); z-index:10;}
.bx-wrapper .bx-controls-direction a.bx-prev:after {transform: translate(-30%, -50%) rotate(-135deg);}







.videoList {position:relative;width:100%;overflow:hidden;padding:120px 0 45px;box-sizing:border-box}
.videoList:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ebebeb;z-index:-1}
.videoList .videoWrap {width:1100px;margin:0 auto;}
.videoList .videoWrap .videoBox {width:328px;float:left;}
.videoList .videoBox + .videoBox {padding-left:135px;}
.video_top {overflow:hidden;padding-bottom:35px;}
.video_top p {display:inline-block;float:left;font-size:36px;color:#1b1b1b;line-height:39px;font-weight:300;}
.video_top a {position:relative;display:inline-block;float:right;width:26px;height:0;padding-top:26px;overflow:hidden;border:1px solid #676767}
.video_top a:before {content:"+";position:absolute;top:2px;left:0;width:26px;text-align:center;line-height:26px;font-size:20px;}
.videoList .videoBox .txt {padding:9px 0 24px;font-size:18px;color:#1b1b1b;line-height:21px;}
.videoList .videoBox ul li {padding:10px 0 10px 0;}
.videoList .videoBox ul li:before {content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;background:#666;margin-right:8px;}
.videoList .videoBox ul li + li {border-top:1px solid #bfbfbf}
.videoList .videoBox ul li a {font-size:16px;color:#737373;cursor:pointer}

.testPeriod {position:relative;overflow:hidden;width:100%;height:422px;background:url(../image/main/bg.gif) top center repeat-x; }
.testPeriod .banner {position:absolute;top:0;left:50%;margin-left:222px;width:425px;height:422px;background:url(../image/main/testinfo.jpg) 0 0 no-repeat;}
.testPeriod .banner p {padding:320px 0 0 35px;font-size:15px;color:#b5b5b5;line-height:22px;}
.testPeriod .text {position:absolute;top:0;left:50%;margin-left:-624px; padding:45px 0 0 0;font-size:24px;color:#fff;}
.testPeriod .text p {font-weight:300}
.testPeriod .text ul {display:inline-block;width:825px;}
.testPeriod .text ul li {padding:25px 10px 0 0; float:left;width:150px;}
.testPeriod .text ul li .flag_box {position:relative;width:120px;padding:0 15px;height:110px;background:#fff;color:#222}
.testPeriod .text ul li .flag_box:after {content:"";display:block;position:absolute;bottom:-4px;left:0;width:150px;height:8px;background:url(../image/main/testbg.png) 0 0 no-repeat;z-index:1}
.testPeriod .text ul li .flag_box p {padding:13px 0;font-size:16px;font-weight:bold}
.testPeriod .text ul li .flag_box span {font-size:30px;line-height:34px;letter-spacing:-2px;}
.testPeriod .text ul li .flag_box span .date {display:inline-block;padding-right:10px;}
.testPeriod .text ul li .flag_box span .date + div {position:absolute;top:60px;left:60px;display:block;}
.testPeriod .text ul li .flag_box span .date + div em {padding-left:5px;font-size:16px;}

.testPeriod .text ul li .flag_box span em {font-size:16px;letter-spacing:-1px;}
.testPeriod .text ul li.not .flag_box {color:#888;}

.introArea {width:1100px;margin:0 auto;padding:65px 50px 85px;overflow:hidden;}
.introArea .video_top {padding-bottom:20px;}
.introArea .video_top p {font-size:28px; line-height:31px; font-weight:400;}
.introArea .video_top a { float:left;margin-left:14px;margin-top:2px;width:22px;padding-top:22px;}
.introArea .video_top a:before {width:22px;line-height:20px;}
.introArea .box1 {width:486px; float:left;}
.introArea .box2 {width:804px; float:right;}
.introArea .sampleVideo {position:relative;width:486px;height:294px;}
.introArea .sampleVideo img {width:486px;height:294px;}
.introArea .sampleVideo .text {position:absolute;bottom:0;left:0;width:100%;padding:17px 25px;box-sizing:border-box;background:#364d43;font-size:18px;color:#daf3e8;}
.introArea .sampleVideo .text span {display:block;font-size:14px;color:#d5d5d5;}
.introArea .box2 ul {display:inline-block;}
.introArea .box2 ul li {position:relative;float:left;overflow:hidden;}
.introArea .box2 ul li + li {margin-left:1px}
.introArea .box2 ul li img {position:absolute;top:0;left:0;}
.teacherArea {position:relative;width:200px; height:294px;}
.teacherArea .teacherSay {position:absolute; bottom:0; left:0; width:100%;height:85px;color:#fff;font-size:16px;transition:1s; -webkit-transition:1s;}
.teacherArea .teacherSay:hover, .teacherArea .teacherSay.on {height:100%;}
.teacherArea .teacherSay:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:1;}
.teacherArea .teacherSay div {position:relative;padding:25px 0 0 15px;z-index:2;}
.teacherArea .teacherSay div span {display:block;font-size:14px;color:#f8d8d8}
.teacherArea .teacherSay div a {color:#fff;}
.teacherArea .teacherSay div p {padding-top:45px;width:130px;font-family:"nanummyeongjo", "바탕"}

.whySky {position:relative;padding-bottom:85px;overflow:hidden;}
.whySky:before {content:"";position:absolute;top:22px;left:50%;margin-left:-650px;display:block;width:1100px;height:2px;background:#484848;z-index:-1;}
.whySky .title {text-align:center;display:block;width:630px;margin:0 auto;background:#fff;font-size:34px;color:#111;}
.whySky ol {display:block;padding:50px 0 105px;width:1100px;margin:0 auto;overflow:hidden;}
.whySky ol li {width:324px;min-height:315px;float:left;text-align:center;border-left:1px dashed #cacdd3;font-size:26px;color:#393939;line-height:29px;}
.whySky ol li:first-child {border-left:0;}
.whySky ol li em {display:block;margin:0 auto 45px;width:89px;height:89px;border-radius:50%;background:#84ccc9;color:#fff;font-size:30px;line-height:89px;text-align:center;}
.whySky ol li span {display:block;padding-top:30px;font-size:16px;line-height:24px;}
.whySky > ul {width:1100px;margin:0 auto;overflow:hidden;}
.whySky > ul > li {width:400px;float:left;}
.whySky > ul > li + li {padding-left:50px;}
.whySky > ul > li .board {padding:30px 0;border-top:2px solid #111;border-bottom:1px solid #c8c8c8;}
.whySky > ul > li .board ul.board_tab {width:100%;overflow:hidden}
.whySky > ul > li .board ul.board_tab li {position:relative;float:left;width:33%;font-size:22px;text-align:center;}
.whySky > ul > li .board ul.board_tab li + li {padding-left:0;}
.whySky > ul > li .board ul.board_tab li:before {content:"";display:block;position:absolute;top:5px;left:0;width:1px;height:20px;background:#a0a0a0;}
.whySky > ul > li .board ul.board_tab li:first-child:before {display:none;}
.whySky > ul > li .board ul.board_tab li a {color:#b4b4b4;}
.whySky > ul > li .board ul.board_tab li a.on {color:#111;}
.whySky > ul > li .board ul.board_tab.col2 li, .whySky ul > li .board ul.board_tab.col2 li + li {width:auto;padding:0 15px;}

/* 메인 게시판(4개) */
.board_content {padding-top:24px;}
.board_content li {padding:0 0 7px 0 !important;font-size:14px;}
.board_content li:before{content:""; display:inline-block; vertical-align:middle; background-image:url(../image/MainBod_left_icon.png); margin-right:8px;}
.board_content li a {color:#606060;}


.counsel {width:1100px; margin:0 auto; overflow:hidden;}
.counsel .form {position:relative;float:left;width:331px;height:356px;background:url(../image/main/phone.jpg) 0 0 no-repeat;}
.counsel .form p {padding:80px 40px 0; font-size:18px;color:#101010;line-height:21px;}
.counsel .form ul {width:240px;margin:0 auto;padding-top:15px;}
.counsel .form ul li {padding-bottom:10px;}
.counsel .form ul li input {width:100%;line-height:32px;height:32px;padding:0 5px;border:1px solid #959595;box-sizing:border-box;}
.counsel .form ul li.ph input {width:56px;text-align:center;}
.counsel .form a {display:block;width:240px;margin:3px auto;line-height:45px;text-align:center;background:#3983b6;color:#fff;font-size:20px;}
.counsel .box {float:left;position:relative;padding-left:65px;}
.counsel .box.kakao {position:relative;padding-top:23px;}

.counsel .box.kakao .hh {position:absolute;top:127px;left:380px;width:119px;line-height:29px;text-align:center;border:1px solid #959595;color:#343434;border-radius:14px; z-index:999;}
.counsel .box.kakao .kakao_text {padding:0 0 40px 75px;background:url(../image/main/kakao.png) 0 0 no-repeat;font-size:28px;}
.counsel .box.kakao .kakao_text span {display:block;font-size:14px;color:#7c7c7c;}
.counsel .box.kakao .a_ {display:block;padding-bottom:20px;border-bottom:1px solid #bfbfbf;font-size:18px;color:#343434;}
.counsel .box.kakao .a_ span {display:inline;font-size:24px;}
.counsel .box.kakao .bo {font-size:20px;padding-top:25px;height:148px;background:url(../image/main/kakao_bg.png) bottom right no-repeat;}
.counsel .box.kakao .bo span {font-size:14px;color:#7c7c7c;}
.counsel .box.kakao .link {position:absolute;top:0;left:0;width:100%;height:100%; display:block; z-index:555; text-indent:-999em;}


.counsel .box.call .img {display:block;margin:0 auto; background:url(../main/image/call.png) no-repeat;}
.counsel .box.call .p1 {font-size:18px;color:#282828;}
.counsel .box.call .p2 {display:block;font-size:22px;color:#282828;padding:5px 0 20px;}
.counsel .box.call .p3 {font-size:32px; color:#222222;padding-bottom:20px;}
.counsel .box.call .p4 {font-size:14px; color:#777;line-height:25px;}

.kakao {position:relative;}


/*리드윈부분*/


/* 필수정보 가이드 부분 */
#Leadwin_Guide{margin:0 auto; width:1100px; padding-top:0; margin-top:40px;}


/* 납작배너00 부분 */
#Leadwin_Guide2{margin:0 auto; width:1100px; padding-top:0; margin-top:8px;}
#Leadwin_Guide3{margin:0 auto; width:1100px; padding-top:0; margin-top:8px;}
#Leadwin_Guide4{margin:0 auto; width:1100px; padding-top:0; margin-top:8px;}
#Leadwin_Guide5{margin:0 auto; width:1100px; padding-top:0; margin-top:8px;}



/* 합격자 인터뷰 */
#Interview {width:1100px;  margin-top:50px; height:260px; overflow:hidden; margin:0 auto; margin-top:48px;}
#Interview .title {text-align:center; display:block;  font-size:28px;  }
#LINE-0{width:100%; height:1px; background:#000; margin-top:-24px; margin-bottom:36px; }
.NEMO {width:216px; height:20px; background:#fff; margin:0 auto;}

#Interview ul {width:100%; height:202px; background:#fff;}
#Interview ul li{float:left;  height:100%;  }

#Interview ul li:nth-child(1) {width:267px; }


#Interview ul li:nth-child(2) {width:281px; border-left:1px solid #888; border-right:1px solid #888;}  
#Interview ul li:nth-child(2) img{margin-left:15px; }
#Interview ul li:nth-child(3) {width:281px; border-right:1px solid #888;}
#Interview ul li:nth-child(3) img{margin-left:15px; }

#Interview ul li:nth-child(4) {width:267px;  }
#Interview ul li:nth-child(4) img{margin-left:15px; }

#Interview ul li  img{margin-bottom:12px; cursor:pointer;}
#Interview ul li .PSPS { text-decoration:none; font-size:18px; color:#000;  text-align:center; font-weight:600; line-height:22px;}
#Interview ul li em {  font-size:15px;  font-weight:400; }





/* 합격수기 페이지 */
#PassSTORY {width:100%; position:relative; margin-top:40px; overflow:hidden;}
/*#PassSTORY:before {content:"";position:absolute; top:80px; display:block; width:1100px;height:2px;background:#484848;z-index:-1;}*/
#PassSTORY .title {text-align:center;display:block;width:550px;margin:0 auto;background:#fff;font-size:28px; color:#111;}
#PassSTORY .title a{float:right; font-size:12px; display:block; width:80px; height:30px;
background:#333; color:#fff; margin-right:20px; line-height:30px; margin-top:6px;}
#PassSTORY ol {display:block;padding:15px 0 40px;width:1100px;margin:0 auto;overflow:hidden;}
#PassSTORY ol li {width:356px;min-height:220px;float:left;  border:1px solid #b4b4b4; line-height:29px; margin-right:10px; background:#fff;}

#PassSTORY ol li:nth-child(3) {margin-right:0;}

#PassSTORY .Pass_box{width:310px; height:210px; margin:0 auto; margin-top:18px;}
.Pass_Icon img{float:left;  margin-top:6px; margin-right:15px;}
#PassSTORY ol li em {display:block; text-align:left; color:#2e2e2e; font-size:17px;}
#PassSTORY ol li .Name_Pass {display:block; font-size:13px; margin-top:-5px;}

#PassSTORY ol li span {display:block; margin-top:18px; font-size:14px;  line-height:21px; text-align:left; color:#717171;}
#PassSTORY ol li span a{color:#434343; float:right; text-decoration:none; font-size:12px;}

#PassSTORY > ul {width:1100px;margin:0 auto;overflow:hidden;}
#PassSTORY > ul > li {width:400px;float:left;}
#PassSTORY > ul > li + li {padding-left:50px;}


/* 샘플강좌 페이지 */
#Sample_{margin:0 auto;  position:relative; width:1100px; padding-top:0; margin-bottom:42px;}
#Lecture00{margin:0 auto;  width:100%; height:250px; background:#fff;  padding-top:0; padding-bottom:0;}
#Subject00{background:#eee; width:1100px; height:200px; position: relative; border:1px solid #b4b4b4; }
#CLS{overflow:hidden; width:100%; height:45px; margin:0; padding:0;  list-style:none;  }
#CLS .SA{float:left;  text-decoration:none; font-size:24px;  margin-top:6px; margin-right:20px; color:#111;}
#CLS .BB{float:left;  text-decoration:none; font-size:18px;  margin-top:10px; margin-right:10px; margin-left:10px; color:#919191;}
#CLS li{float:left;}
#CLS li a{display:block; position:relative; text-decoration:none;  width:82px; height:30px; font-size:16px; color:#919191; text-align:center; margin-top:12px;}

/* #CLS li:nth-child(1) a{background:#9f9191; color:#fff;} */

#CLS li:nth-child(1) a:hover{color:#c50606;}
#CLS li:nth-child(1) a:hover::after{color:#919191;}
#CLS li:nth-child(1) a:focus{color:#c50606;}
#CLS li:nth-child(1) a:focus::after{color:#919191;}

#CLS li a:hover,
#CLS li a:hover::after,
#CLS li a:focus,
#CLS li a:focus::after{color:#c50606;}
#CLS a:focus{outline: 0;}
#CLS a::after{  content:'';  position:absolute;  z-index: 1;  top: 0;  right: -.5em;    bottom: 0;  width: 1em;}
#CLS #current a,
#CLS #current a::after{  z-index: 3;}


#Subject00 ul{width:100%; height:200px;}
#Subject00 ul li{float:left; width:238px; height:100%; border-right:1px solid #b4b4b4;}
#Subject00 ul li img{ margin-left:15%; margin-top:22px;}
 #Subject00 ul li h4{text-decoration:none; margin-left:13%; margin-top:14px; font-size:16px;}
#Subject00 ul li h5{text-decoration:none; margin-left:13%; font-weight:400; font-size:15px;}
#Subject00 .TTT{width:140px; }
#Subject00 .TTT img{margin-left:0; margin-top:0;}



/* 메인 교수진 배너 */
#Main_Professor{margin:0 auto; width:1100px; padding-top:0; margin-bottom:42px;}










#TOEIC_01{background:#fff; padding-top:0px; padding-bottom:0px;}
#TOEIC_02{background:#f2f2f2; padding-top:0px; padding-bottom:0px;}
#TOEIC_03{background:#fff; padding-top:0px; padding-bottom:0px;}
#TOEIC_04{background:#b6001e; padding-top:0px; padding-bottom:0px;}
#TOEIC_05{background:#ffeeee; padding-top:0px; padding-bottom:0px;}
#TOEIC_06{background:#ebebeb; padding-top:0px; padding-bottom:0px;}
#TOEIC_07{background:#7b0d10; padding-top:0px; padding-bottom:0px;}
#TOEIC_08{background:#333; padding-top:0px; padding-bottom:0px;}
/*#TOEIC_05{background:url(../image/main/LEAD_Main_bg05.png); background-size:100% 100%;  padding-top:0px; padding-bottom:0px;}*/




#TOEIC_09{background:#ffe3e7; padding-top:0px; padding-bottom:0px; height:1780px; }

/*#TOEIC_09 .SAMPLE {width:1200px; height:640px; position:relative; background:#fff; margin:0 auto; border:1px solid #9a1d2e;}*/

#TOEIC_09 .sample_top {width:1200px; height:698px; position:relative; background:#fff; margin:0 auto; border:1px solid #9a1d2e; margin-bottom:20px;}
#TOEIC_09 .sample_top h5 {font-family: 'Noto Sans KR', sans-serif; font-size:36px; text-align:center; font-weight:900;  letter-spacing:-1px; 
margin-top:60px; margin-bottom:20px;}

#TOEIC_09 .sample_bottom {width:1200px; height:698px; position:relative; background:#fff; margin:0 auto; border:1px solid #9a1d2e; }
#TOEIC_09 .sample_bottom h5 {font-family: 'Noto Sans KR', sans-serif; font-size:36px; text-align:center; font-weight:900;  letter-spacing:-1px; 
margin-top:60px; margin-bottom:20px;}


#TOEIC_09 ul li{float:left; width:320px; height:180px; margin-right:10px;}
#TOEIC_09 h4{font-family: 'Noto Sans KR', sans-serif; font-size:20px; text-align:center; line-height:28px; font-weight:400;   letter-spacing:-0.5px; }







#TOEIC_10{background:url(../image/main/LEAD_Main_10bg.png); background-size:100% 100%;  padding-top:0px; padding-bottom:0px;  height:633px;}

#TOEIC_10 .sample_top {width:1200px; height:315px; position:relative; background:#fff; margin:0 auto; border:1px solid #9a1d2e;  margin-bottom:18px;}
#TOEIC_10 ul li{float:left; width:261px; height:147px; margin-right:12px; margin-top:60px;}
#TOEIC_10 h4{font-family: 'Noto Sans KR', sans-serif; font-size:16px; text-align:center; line-height:24px; font-weight:400;   letter-spacing:-0.5px; }





/* 라스트 페이지 */
#LAST{width:1200px;  height:280px; margin:0 auto; margin-top:40px;}
#LAST ul li{float:left;}


/* 맵 메인 페이지 */
#MAP_Main{width:100%;  height:650px; background:#ededed;}
#MAP_Main ul{width:1200px;  height:614px; margin:0 auto; margin-top:40px; }
#MAP_Main ul li{float:left; width:590px; height:100%;}
#step3 .Gangnam{width:1400px; height:450px; margin:0 auto;  }
#step3 .Bupyeong{width:1400px; height:450px; margin:0 auto;  }