@charset "utf-8";
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


body {font-family:"Nanum Barun Gothic","Malgun Gothic",'돋움',Dotum,AppleGothic,Tahoma,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:"Nanum Barun Gothic","Malgun Gothic",'돋움',Dotum,AppleGothic,Tahoma,Helvetica,sans-serif;}
input, button, textarea, select {font-family:"Nanum Barun Gothic","Malgun Nanum Barun Gothic",'돋움',Dotum,AppleGothic,Tahoma,Helvetica,sans-serif;}



/* 따라다니는 배너 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 {position:relative; width:100%; height:410px; overflow:hidden; }
.mainVisual #bx-pager {position:absolute;bottom:0;left:50%;margin-left:-552px; }
.mainVisual #bx-pager > a {float:left;width:157px;text-align:center;line-height:43px;background:#545961;font-size:13px;}
.mainVisual #bx-pager > a + a {margin-left:1px}
.mainVisual #bx-pager > a {color:#fff;}
.mainVisual #bx-pager > a.active {background:#123d6e}
.bx-wrapper .bx-controls-direction a {width:65px;height:65px;}
.bx-prev {left:0;}
.bx-next {right:0;}
.bx-wrapper .bx-controls-direction a:before {content:"";position:absolute;display:block;width:65px;height:65px;background:#fff; opacity:0.2;}
.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); }
.bx-wrapper .bx-controls-direction a.bx-prev:after {transform: translate(-30%, -50%) rotate(-135deg);}








/* 국시넷 의사 리뉴얼  */
#Peach_01{background:#100045; padding-top:0px; padding-bottom:0px;}
#Peach_02{background:#333068; padding-top:0px; padding-bottom:0px;}


#Peach_03{background:#100045; padding-top:0px; padding-bottom:0px; padding-bottom:100px;}


#Peach_04{background:#333068; padding-top:0px; padding-bottom:0px;}
#Peach_05{background:url(../image/main/Peach_Main_05bg.png); background-size:100% 100%; padding-top:0px; padding-bottom:0px;}
#Peach_06{background:#333068; padding-top:0px; padding-bottom:0px;}











/* 맵 페이지 */
#Map_page{width:1100px;  height:550px; margin:0 auto; }















/* 라스트 페이지 */
#LAST{width:1100px;  height:156px; margin:0 auto; margin-top:58px; margin-bottom:68px;}

#LAST_left{float:left; width:273px; height:100%; border:1px solid #ddd; }
#LAST_left .LAST_01 h3{float:left; font-family: 'Noto Sans KR', sans-serif; font-size:22px; color:#094988; line-height:28px; margin-left:30px; margin-top:26px;}
#LAST_left .LAST_01 a{float:left; margin-top:10px; margin-left:30px;}
#LAST_left .LAST_02{width:713px; height:84px; }

#LAST_CENTER{float:left; width:510px; height:100%; margin-left:8px; margin-right:8px;}
#LAST_CENTER .LAST_02{margin-bottom:8px;}

#LAST_right {float:left; width:298px; height:100%;}








/* 샘플강의 리뉴얼 */
#BEST_sample{width:1100px;  height:498px; margin:0 auto; margin-bottom:0px; margin-top:30px;  margin-bottom:50px;   background:#fff; border:1px solid #a6a6a6;}
#BEST_sample .sample_T{display:block; width:1066px; height:106px; margin:0 auto; position:relative;}
.sample_T h1{   font-size:25px;  position:absolute; top:25px; font-weight:bold;}
.sample_T h3{  font-size:18px;   position:absolute; top:65px; font-weight:normal;}
.BEST_CUT{width:1066px; height:356px; ; margin:0 auto;}

.BEST_CUT .main_cut{float:left; width:442px; height:100%; background:url(../image/main/Main-com.png) 0 0 no-repeat; margin-right:18px;  position:relative;}
.main_cut a{display:block; width:405px; height:259px;  position:absolute; top:16px; left:19px;}

.BEST_CUT .sub_cut{float:left; width:604px; height:100%; }
.BEST_CUT .sub_cut ul:nth-child(1){float:left; display:block; width:292px; height:100%; }
.BEST_CUT .sub_cut ul:nth-child(2){float:right; display:block; width:292px; height:100%; }
.BEST_CUT .sub_cut ul li{width:292px; height:165px; background:url(../image/main/sub_com.png) 0 0 no-repeat; position:relative;}
.BEST_CUT .sub_cut ul .AA{margin-top:26px; }
.BEST_CUT .sub_cut ul li a{display:block;  width:209px; height:129px;  position:absolute; top:17px; left:42px;}






.introArea {width:1100px; height:300px;  margin:0 auto; overflow:hidden; margin-bottom:60px;}
.introArea .video_top {padding-bottom:20px;}
.introArea .video_top p {font-size:26px;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:380px; height:100%; float:left; }
.introArea .box2 {width:710px; height:100%;float:right; }
.introArea .sampleVideo {position:relative;width:380px;height:245px;}
.introArea .sampleVideo img {width:380px;height:245px;}
.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:176px;height:250px;}
.teacherArea .teacherSay {position:absolute;bottom:0;left:0;width:100%;height:87px;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:18px 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", "바탕"}






.videoList {position:relative; width:1100px;overflow:hidden; box-sizing:border-box; margin:0 auto; margin-top:30px; margin-bottom:60px;}
.videoList:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;  z-index:-1;}
.videoList .videoWrap {width:100%; margin:0 auto;}
.videoList .videoWrap .videoBox {width:340px;float:left; margin-right:40px;}
.videoList .videoBox + .videoBox {}
.videoList .videoWrap .videoBox:last-child{margin-right:0;}

.video_top {overflow:hidden;padding-bottom:20px;}
.video_top p {display:inline-block;float:left;font-size:26px;color:#1b1b1b;line-height:35px;font-weight:400;}
.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 15px 0;font-size:17px;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; margin-top:-6px}
.videoList .videoBox ul li + li {border-top:1px solid #bfbfbf}
.videoList .videoBox ul li a {font-size:15px;color:#737373;cursor:pointer}










.main_BOARD {position:relative;  width:1100px; height:210px;  margin:0 auto; overflow:hidden; margin-bottom:40px; }

.main_BOARD .board {float:left; width:350px; height:100%; padding:20px 0; border-top:2px solid #111;border-bottom:1px solid #c8c8c8; margin-right:24px;}

.main_BOARD.board ul.board_tab {width:100%;overflow:hidden; background:#eee;}
.main_BOARD .board ul.board_tab li {position:relative;float:left;width:33.3%; font-size:18px;text-align:center; }
.main_BOARD .board ul.board_tab li + li {padding-left:0;}
.main_BOARD .board ul.board_tab li:before {content:"";display:block;position:absolute;top:2px;left:0;width:1px;height:20px;background:#a0a0a0}
.main_BOARD .board ul.board_tab li:first-child:before {display:none}
.main_BOARD.board ul.board_tab li a {color:#b4b4b4;}
.main_BOARD .board ul.board_tab li a.on {color:#111}
.main_BOARD .board ul.board_tab.col2 li, .whySky ul > li .board ul.board_tab.col2 li + li {width:auto;padding:0 15px;}


.main_BOARD .board_content {padding-top:40px; }
.main_BOARD .board_content li {display:block; width:340px; height:20px; margin-top:10px;   font-size:14px; overflow:hidden;}
.main_BOARD .board_content li:before {content:"";display:inline-block;vertical-align:middle;width:2px;height:2px;background:#666;margin-left:0px; margin-right:6px; margin-top:-5px; }
.main_BOARD .board_content li a {color:#606060;}




.counsel {width:1100px; height:326px; margin:0 auto;overflow:hidden;}


.counsel .form {position:relative;float:left;width:331px; height:100%; 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:30px;height:30px;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:0 auto;line-height:40px;text-align:center;background:#3983b6;color:#fff;font-size:20px;}
.counsel .box {float:left;position:relative;padding-left:45px;}


.counsel .box_kakao {float:left;  width:390px; height:335px; margin-left:40px;}

.counsel .kakao_plus{width:100%; height:160px; background:#eee;}

.counsel .box_kakao .hh {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; 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; width:100%;height:148px; background:url(../image/main/kakao_bg.png) bottom right no-repeat; margin-top:20px;}
.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 { padding-left:40px; width:286px;}
.counsel .box.call .img {float:left; display:block; margin:0 auto; background:url(../main/image/call.png) no-repeat; }
.counsel .box.call .p1 {font-size:16px;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;  font-weight:600;}
.counsel .box.call .p4 {font-size:14px;color:#777;line-height:25px}

.kakao {position:relative;}




/* 마지막 부분 리뉴얼 */

#Bottom_knsky {width:1100px; height:188px; margin:0 auto; margin-bottom:40px; }
#BTN_01{float:left; width:350px; height:100%; background:#f6f6f6;   margin-right:25px;}
#BTN_02{float:left; width:350px; height:100%; background:#f6f6f6;   margin-right:25px;}
#BTN_03{float:left; width:350px; height:100%; background:#f6f6f6;  }
#BTN_01 span, #BTN_02 span, #BTN_03 span{display:block; width:318px; height:152px; margin:0 auto; margin-top:16px;}













/*왼쪽오른쪽 탭*/

#DD{margin:0 auto; width:100%;  background:#fff;}
#Story00{margin:0 auto; width:1200px; height:250px;  padding-top:0; padding-bottom:0;}

#mini_story
{width:1200px; height:250px; position: relative;}


#tabs00{overflow:hidden; width:100%; height:84px; margin:0; padding:0;  list-style:none;}
/* #tabs00 li{float:left;} */
#tabs00 li{float:left; border-top:1px solid #333; border-bottom:1px solid #333;  }
#tabs00 li a{display:block; position:relative; text-decoration:none;  width:598px; height:62px;  font-family: 'Noto Sans KR', sans-serif;
line-height:60px; font-size:25px; color:#000;  border-right:1px solid #333; text-align:center;  font-weight:700;  letter-spacing:-2px;}

#tabs00 li:nth-child(1) a{ border-left:1px solid #333;}


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


#tabs00 li:nth-child a{border-left:1px solid #333;}
#tabs00 li:nth-child a:hover{background:#000; color:#fff;}
#tabs00 li:nth-child a:hover::after{background:#0003; color:#fff;}
#tabs00 li:nth-child a:focus{background:#000; color:#fff;}
#tabs00 li:nth-child a:focus::after{background:#000; color:#fff;}

#tabs00 li a:hover,
#tabs00 li a:hover::after,
#tabs00 li a:focus,
#tabs00 li a:focus::after{background:#000; color:#fff;}



#tabs00 a:focus{outline: 0;}

#tabs00 a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;

  bottom: 0;

}

#tabs00 #current a,
#tabs00 #current a::after{
  z-index: 3;
}