@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

ul, li { list-style: none;}
#content_sub { width: 100%; min-width:1300px; margin: 0 auto; /* background: #fff; */ background:none; position: relative; }
#content_sub_wrap { width:100%; min-width:1300px; margin: 0 auto; overflow: hidden;/*  border-bottom:1px solid #dae0e9; */ }
.content_sub_common{ width: 100% !important; }
.dotted { height: 1px; background: url('https://khacademy.co.kr/resources/images/common/point_bar.png'); }
.dotted_y { width: 1px; background: url('https://khacademy.co.kr/resources/images/common/point_bar_y.png'); }
textarea { resize: none; outline: none; }
select{ cursor: pointer; }
table{ border-spacing: 0; border-collapse: initial; }
/* width */
::-webkit-scrollbar { width: 8px; }
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb { background: #c1c1c1; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #c1c1c1; }


.fixed_bg2{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/keyvisual02.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg3{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub03/keyvisual03_new02.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg4{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub04/keyvisual04_new.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg5{ padding-top:50px; box-sizing:border-box;  position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub05/keyvisual05.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg6{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub06/keyvisual06.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-size:cover; }
.fixed_bg6_1{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub06/keyvisual06.jpg) no-repeat; width:100%; height:450px; margin-top:50px; 
background-size:cover; z-index: 1; }
.fixed_bg7{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/keyvisual07.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg8{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/keyvisual08.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; }
.fixed_bg9{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/keyvisual09.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; background-size:cover; }
.fixed_bg10{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:#f8f8f8 url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/mypage_bg.jpg) no-repeat; width:100%; height:100%; background-size:cover; }
.fixed_bg11{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/mypage_bg.jpg) no-repeat; width:100%; height:956px; 
  padding-bottom:30px; background-position: center; background-size:cover; margin-top:50px; }
.fixed_bg12{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/demand_survey_bg12.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; }
.fixed_bg13{ padding-top:50px; box-sizing:border-box; position: fixed; left: 0; top: 0; overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/eval_review_bg13.jpg) no-repeat; width:100%; height:272px; margin-top:50px; 
  background-position: bottom; }

.bottom_line{ width:100%; min-width:1300px; height:1px; margin:0 auto; background:#dae0e9; position: relative; }

/*마이페이지*/
.sub_mypage{ padding-top:97px; box-sizing: border-box; }
.sub_mypage .title{ font-size: 38px; font-weight: 500; color:#fff; text-align: center; }
.sub_mypage .comment{ text-align: center; display: block; font-weight: 200; font-size:16px; color:#fff; margin:0 auto 46px; }
.sub_mypage .comment_find{ text-align: center; display: block; font-weight: 400; font-size:15px; color:#656565; margin:0 auto; letter-spacing: -0.08em; }

/* 마이페이지 top_visual부분 */
.subject { width:100%; height:322px; overflow: hidden; padding-top:100px; box-sizing: border-box; }
.subject_comment { padding: 15px 0; color: #6d6e72; }

/* 서브페이지 상단 배경&배경 내 타이틀,설명 */
.fixed_bg2 p:first-child,
.fixed_bg3 p:first-child,
.fixed_bg4 p:first-child,
.fixed_bg5 p:first-child,
.fixed_bg6 p:first-child,
.fixed_bg6_1 p:first-child,
.fixed_bg7 p:first-child,
.fixed_bg8 p:first-child,
.fixed_bg9 p:first-child,
.fixed_bg10 p:first-child,
.fixed_bg11 p:first-child,
.fixed_bg12 p:first-child{ font-size:38px; color:#fff; text-align: center; font-weight: 500; margin-top: 54px; letter-spacing: -0.05em;}
.fixed_bg13 p:first-child{ font-size:38px; color:#fff; text-align: center; font-weight: 500; margin-top: 54px; letter-spacing: -0.05em; }

.fixed_bg6_1 p:nth-child(3){ font-size:16px; text-align:center; color:#fff; font-weight: 200; }
.fixed_bg2 p:last-child,
.fixed_bg3 p:last-child,
.fixed_bg4 p:last-child,
.fixed_bg5 p:last-child,
.fixed_bg6 p:last-child,
.fixed_bg7 p:last-child,
.fixed_bg8 p:last-child,
.fixed_bg9 p:last-child,
.fixed_bg10 p:last-child,
.fixed_bg11 p:last-child,
.fixed_bg12 p:last-child{ font-size:16px; color:#fff; text-align: center; font-weight: 200; line-height:1.2; margin-top:4px; letter-spacing: -0.08em;}
.fixed_bg13 p:last-child{ font-size:16px; color:#fff; text-align: center; font-weight: 200; line-height:1.2; margin-top:4px; letter-spacing: -0.08em;}

/* KH overview&취업지원시스템&프로젝트진행절차&채널ON 상단 영어 타이틀 */
.sub_bold {font-family:'Gotham-Black',sans-serif; font-size:65px; text-align:center; font-weight: 800; color:#fff; /* letter-spacing: 0.1px; */letter-spacing:-0.025em; margin:10px 0px; line-height:1;}

/* KH overview&취업지원시스템&협력기업list 상단 */
.box1Cont {height:auto; margin:0 auto; padding-top:65px; box-sizing: border-box; }
.box1Cont p {text-align: center; color:#fff; }
.box1Cont .line {width:40px; height:1px; background:rgba(255,255,255,0.5); margin:23px auto 19px; }
.box1Cont .first {font-size:38px; font-weight: 500; letter-spacing: -0.08em;}
.box1Cont .second {font-size:32px; font-weight: 400; letter-spacing: -0.08em; /*margin-top:10px;*/}
.box1Cont .second span {font-size:32px; font-weight: 700; color:#fff; }
.box1Cont .third {font-size: 16px; /* font-weight: 200; */font-weight:400; letter-spacing:-0.1em; line-height: 1.3; margin-top:4px; }



#consulting_common_container{ position: relative; background: #fff; width: 100%; margin: 0 auto; min-width: 1300px; }   
.content_sub_wrap_box{width:100%; background:#fff;  padding-bottom:100px; padding-top:70px; }
#head_nav_dept>ul li .on{ font-weight: bold; }

.head_dept01 li:nth-child(1){ padding-left:25px !important; }
.head_dept02 li:nth-child(1){ padding-left:35px !important; }
.head_dept03 li:nth-child(1){ padding-left:48px !important; }
.head_dept04 li:nth-child(1){ padding-left:32px !important; }
.head_dept05 li:nth-child(1){ padding-left:37px !important; }

/* 서브페이지 top_visual부분 */
.subject1 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject2 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject3 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject4 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject5 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject6 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject7 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 
.subject8 { background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub08/mypage_bg.jpg) no-repeat; width:100%; min-height:272px; background-position: bottom; background-size:cover; }
.subject9 { width:100%; padding:100px 0 100px 0; height:322px; box-sizing: border-box; } 

.sub_title{ font-size:34px; font-weight:400; text-align: center;}
.sub_title_text{ font-size: 15px; color: #5b5b5b; line-height: 1.3; margin-bottom: 8px; display: block; text-align: center;}
.subject_title p:first-child{ font-size:38px; color:#fff; text-align: center; font-weight: 500; margin-top: 54px; letter-spacing: -0.05em; }
.subject_title p:last-child{ font-size:16px; color:#fff; text-align: center; font-weight: 200; line-height:1.2; margin-top:4px; letter-spacing: -0.08em;}

/* 서브페이지 top_visual부분_202106 이후 리뉴얼(KHoverview,AboutKH) */
.subtitle {font-size:34px; font-weight:500; text-align:center; color:#222; letter-spacing:-0.1em; line-height:1; margin-bottom:12px; padding-top:92px;}
.subtitle_text {font-size: 16px; font-weight:400; color:#656565; line-height: 20px; letter-spacing:-0.1em; margin-bottom:30px;}

/*서브페이지 anb부분*/
.sub_head #head_nav .fulldown .menu>ul li.submenu{ width:125px; }
.sub_head #head_nav .fulldownbtn{ margin-right:563px; z-index: 10000; }
.sub_head { background:none !important; }
.sub_head .head_sub_left { display: block; }
.sub_head .fulldownbtn{ z-index: 1000; }
.sub_head #head_nav{ background:none; }
.sub_head .head_main_wrap a img{ display:block !important; position: absolute; left:44.0%; margin-top:10px; }
#content_sub_wrap .edu_back_01 .edu_title .open_class .arrowAction .cir-left, 
#content_sub_wrap .edu_back_01 .edu_title .open_class .arrowAction .cir-right{ left:147px; top:-8px; }
.buiness_ask{ width:100%; background:#fff; padding-bottom:89px; /*padding-top:58px;*/ padding-top:70px;}


/* About KH_202109 */
.paradigm_box_wrap, .special_box_wrap, .with_box_wrap, .concert_box_wrap {width:1130px; margin:0 auto; display:flex; justify-content:space-between;}

.about_top {width:100%; height:956px; background:no-repeat center url('https://khacademy.co.kr/resources/images/intro/about_top.jpg'); background-size:cover;}
.about_top .box1Cont {padding-top:165px;}
.about_top .box1Cont .second {font-weight:500; letter-spacing:-0.1em; margin:10px 0px;}
.about_top .box1Cont > div {width: 40px; height: 1px; background:#fff; opacity:0.5; margin:40px auto 9px;}
.about_top .paradigm {width:100%; height:558px;}
.paradigm_box_wrap .paradigm_box {width:364px; height:396px; background:#f0f3f8;}
.paradigm_box > div {width:119px; height:119px; border-radius:50%; background:#fff; margin:0 auto; transform:translateY(-50%);}
.paradigm_box > div img {margin:34px auto;}
.paradigm_box p:first-of-type {font-size:21px; font-weight:900; line-height:2.2; letter-spacing:-0.1em; color:#222; margin-top:-45px;}
.paradigm_box p:last-of-type {font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.1em; color:#5b5b5b;}

.about_middle {width:100%;}
.about_middle .special {width:100%; height:650px; background:no-repeat bottom url('https://khacademy.co.kr/resources/images/intro/about_special.jpg');}
.special_box_wrap .special_box {width:265px; height:310px; box-shadow:30px 35px 25px #0002; /* overflow:hidden; */ position:relative; cursor:default;}
.special_box_wrap .special_box:first-of-type {background:url('https://khacademy.co.kr/resources/images/intro/about_special1.jpg');}
.special_box_wrap .special_box:nth-of-type(2) {background:url('https://khacademy.co.kr/resources/images/intro/about_special2.jpg');}
.special_box_wrap .special_box:nth-of-type(3) {background:url('https://khacademy.co.kr/resources/images/intro/about_special3.jpg');}
.special_box_wrap .special_box:last-of-type {background:url('https://khacademy.co.kr/resources/images/intro/about_special4.jpg');}
.special_box > p {font-size:18px; font-weight:500; letter-spacing:-0.075em; color:#fff; width:100%; position:absolute; top:250px; z-index:5; transition-duration:.5s;}
.special_box .special_box_text {width:100%; height:0; background:#0008; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; transition:.5s ease;}
.special_box .special_box_text p {font-size:15px; letter-spacing:-0.1em; color:#fff; padding-bottom:6px;}
.special_box .special_box_text p:first-child {font-size:18px; font-weight:500; letter-spacing:-0.075em; margin-top:65px; opacity:0; transition:.5s ease;}
.special_box .special_box_text > div {width:30px; height:1px; background:#fff5; margin:12px auto 17px;}

.special_box:hover .special_box_text {height:100%;}
.special_box:hover > p {/* transition-delay:.1s; */ transition-duration:.1s; opacity:0;}
.special_box:hover .special_box_text p:first-child {transition-delay:.2s; transition:.2s ease; opacity:1;}

.about_bottom {}
.about_bottom .with {width:100%; height:564px; background:no-repeat url('https://khacademy.co.kr/resources/images/intro/about_with.jpg'); background-size:cover;}
.with_box_wrap .with_box {width:364px; height:261px; background:#fff; box-sizing:border-box; padding:35px 45px; position:relative; cursor:pointer;}
.with_box p:first-of-type {font-size:21px; font-weight:700; line-height:2.2; letter-spacing:-0.1em; color:#fe1700;}
.with_box p:last-of-type {font-size:15px; font-weight:400; line-height:24px; letter-spacing:-0.1em; color:#5b5b5b;}
.with_box .thumb_hover {position:absolute; left:0; top:0; width:364px; height:261px; background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover.png') no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display:none;}
.with_box .thumb_hover2 {position:absolute; left:0; top:0; width:364px; height:261px; background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover2.png') no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display:none;}
.with_box div {width:40px; height:1px; background:#e5e5e5; margin:13px auto 7px;}
.about_bottom .concert {}
.concert_box_wrap .concert_box {width:364px; height:315px; position:relative; cursor:pointer;}
.concert_box:first-of-type {background:no-repeat url('https://khacademy.co.kr/resources/images/intro/about_concert1.jpg');}
.concert_box:nth-of-type(2) {background:no-repeat url('https://khacademy.co.kr/resources/images/intro/about_concert2.jpg');}
.concert_box:last-of-type {background:no-repeat url('https://khacademy.co.kr/resources/images/intro/about_concert3.jpg');}
.concert_box .thumb_hover {position: absolute; left: 0; top: 0; width:364px; height:315px; background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover.png') no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display:none;}
.concert_box .thumb_hover2 {position: absolute; left: 0; top: 0; width:364px; height:315px; background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover2.png') no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display:none;}

.concert_text_wrap {width:100%; height:343px; background:#f2f5f9; margin-top:-157px;}
.concert_text_wrap p {font-size:21px; font-weight:700; color:#222; letter-spacing:-0.1em;}
.concert_text_wrap p:first-child {font-size:18px; padding-top:180px;}
.concert_text_wrap p:last-child {font-size:16px; font-weight:500; line-height: 2.2; color:#fe1700;}


/*KH채널 ON*/
.channel_wrap{ z-index: 2; position:relative; }
.community_video_wrap{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:100px; box-sizing: border-box; }
.last_video_cont{ padding-bottom:0 !important; }
.last_video_cont img.bg_icon{ display: none; }
.community_video_cont{ width:1130px; height:258px; margin: 0 auto; margin-top:25px; position:relative; }
.community_video_cont img.bg_icon{ position: absolute; bottom:0; left:-56px; }
.community_video_cont ul li{ position:relative; width:363px; height:auto; float: left; margin-right:20px; cursor: pointer; }
.community_video_cont ul li:nth-child(3n){ margin-right:0; }
.community_video_cont ul li div[name="thumbnail_cover"] { width: 364px; height: 204px; position: absolute; top: 0; background: rgba(31,31,57,0.5); }
.community_video_cont ul li img[name="play_btn"] { width: 63px; height: 63px; position: absolute; top: 27%; left: 158px; }
.community_video_cont ul li span[name="durationText"] { bottom: 52px; right: 0px; position: absolute; padding: 4px; font-size: 13px; background: #000; color: #fff; }
.community_video_cont .thumbnail_text{ margin-top:10px; }
.community_video_cont .thumbnail_text p:first-child{ font-size:15px; color:#222; text-align: center; }
.community_video_cont .thumbnail_text p:nth-child(2){ font-size:14px; color:#5b5b5b; text-align: center; }
.fixed_bg6_1 p:last-child{ font-size:16px; color:#fff; text-align: center; }

.second_video_cont ul{ float: right; }
.second_video_cont ul li:nth-child(2n){ margin-right:0 !important; }

.channel_tab{ width:100%; margin-top:38px; display: flex; }
.channel_tab #channel_btn{ margin: 0 auto; }
.channel_tab #channel_btn li{ float: left; }
.channel_tab #channel_btn li:first-child{ margin-right:4px; }
.channel_tab #channel_btn li a{ color:#fff; border:1px solid #fff; width:190px; height:55px; line-height: 55px; display: block; text-align: center; font-size:16px; }
.channel_tab #channel_btn li .on{ background:#fff; color:#222; }

/*프로젝트 메인페이지*/
#process { position: relative; width: 100%; height: 853px; background-repeat: no-repeat; background-image: url(https://khacademy.co.kr/resources/images/project/project_top_back_new.jpg); margin-top: 50px; 
  background-position: center -44px; background-size: cover; }
#process .project_processbar{ background-image: url(https://khacademy.co.kr/resources/images/project/project_top_02_new.png);background-position: center; background-repeat: no-repeat; overflow: hidden; height: 128px; 
  margin:67px 0 0 13px;}
#process .project_menu{ position:relative; width:1130px; margin: 0 auto; height:59px; }
#process .project_plan{ position:relative; top:6px; left:12.5%; color:#615b31; }
#process .project_plan p{ color:#fff; font-size:13px; font-weight: 200; line-height: 1.3; }
#process .project_test{ position:relative; top: -43px; left: 23.7%; }
#process .project_test p{ text-align: center; color:#fff; font-size:13px; font-weight: 200; line-height: 1.3; }
#process .subject_title p:first-child{/*margin-top:14px;*/ margin-top:13px;}
#process .view_project{ width:100%; overflow: hidden; margin-top:91px; }
#process  #tab_button{ display: table; margin: 0 auto; } 
#process  #tab_button ul { overflow: hidden; }
#process  #tab_button li { float: left; text-align: center;}
#process #tab_button li:hover{ background:#fff; }
#process #tab_button li:hover a{ color:#222; }
#process  #tab_button li:first-child{ margin-right:4px; }
#process  #tab_button li a { display: block; color: #fff; padding: 15px 25px; border:1px solid #fff; font-size: 15px; letter-spacing: -0.08em; }
/*#process  #tab_button li.active a { color:#222; background:#fff; }*/

@media(max-width:991px){
.video_play iframe{ max-width: 90% }

}
.secondtab_cont{ width:1280px; }
ul.slideshow{ width:1130px; margin:0 auto; }
.community_video_cont .slide_cont li[id^="tab"]{ width:100%; height: 255px !important; position: relative;  display: none; overflow: hidden; }
.community_video_cont .slide_cont li.active{ display:block; }
.community_video_cont .slide_cont li div#nex,div#prev{ position:absolute; z-index:1; top:40%; transform:translateY(-50%); cursor:pointer; }
.community_video_cont .slide_cont li div#nex{ right:0px; }
.community_video_cont .slide_cont li div#prev{ left:0px; }


/*산학연계 - 기술자문단_자문위원 슬라이드*/
/*#advice_wrap .division_btn_adv li a{ border-radius: 50px; height:35px; line-height:35px; margin:0 auto 15px;}*/
#advice_slide{ width:100%; background:#f2f5f9; height:563px; margin:100px auto 0; }
#advice_slide .image { width: 100%; height: 550px; }
#advice_slide .label .bold{ font-weight: bold; padding:0; display:contents; }
#advice_slide .labels{ width: 1412px; background: #fff; position: absolute; right: -50%; bottom: -35px; height: 208px; } 
#advice_slide .labels span{ padding:37px 0 0 47px; font-size:30px; display: block; font-weight: 300; }
#advice_slide .labels p{ padding:5px 0 0 49px; font-size:15px; line-height: 1.3;}
#advice_slide .radio { opacity: 0; }
#advice_slide .images { overflow: hidden; top: 0; bottom: 0;left: 0; right: 0; width:1130px; margin:-91px auto 0; }
#advice_slide .images-inner { width: 500%; transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
#advice_slide .image-slide { width: 20%;  float: left; }
#advice_slide .fake-radio { position: absolute; bottom:40px; left:47px; }
#slide1:checked ~ .images .images-inner { margin-left: 0; }
#slide2:checked ~ .images .images-inner { margin-left: -100%; }
#slide3:checked ~ .images .images-inner { margin-left: -200%; }
#slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),
#slide2:checked ~ div .fake-radio .radio-btn:nth-child(2),
#slide3:checked ~ div .fake-radio .radio-btn:nth-child(3) { background: #222; width:10px; }
#advice_slide .radio-btn { background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/radius02.png'); width:11px; height:10px;  border-radius: 50%; display: inline-block !important; margin: 0 2px; cursor: pointer; border-radius: 50px;}
#advice_slide .slide_icon{ /*width:1920px;*/ min-width:1280px; position: relative; margin:0 auto; }
#advice_slide .slide_icon img.left_icon{ position: absolute; top: -3.5%; left: 2.3%; z-index: 1 }
#advice_slide .slide_icon img.left_icon2{ position: absolute; top: 35%; right: 2%; z-index: 1}
#advice_slide .slide_icon img.left_icon3{ position: absolute; top: -8%; left: 11.5%; z-index: 1}
#slide1:checked ~ .labels .label:nth-child(1),
#slide2:checked ~ .labels .label:nth-child(2),
#slide3:checked ~ .labels .label:nth-child(3) { opacity: 1; }
#advice_slide .label { opacity: 0; position: absolute; }
@keyframes bullet {
  0%, 33.32333333333334%	{ background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/radius01.png'); }
  33.333333333333336%, 100% { background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/radius02.png');  }
}
#play1:checked ~ div .fake-radio .radio-btn:nth-child(1) { animation: bullet 12300ms infinite -1000ms; }
#play1:checked ~ div .fake-radio .radio-btn:nth-child(2) { animation: bullet 12300ms infinite 3100ms; }
#play1:checked ~ div .fake-radio .radio-btn:nth-child(3) { animation: bullet 12300ms infinite 7200ms; }

@keyframes slide {
  0%, 25.203252032520325%	{ margin-left: 0; }
  33.333333333333336%, 
  58.53658536585366%	{ margin-left: -100%; }
  66.66666666666667%,
  91.869918699187%	{ margin-left: -200%; }
}
.st-slider > #play1:checked ~ .images .images-inner { animation: slide 12300ms infinite; }
@keyframes caption {
  0%, 33.32333333333334%	{
    opacity: 1;
  }
  33.333333333333336%, 100% {
    opacity: 0;
  }
}
#play1:checked ~ .labels .label:nth-child(1) { animation: caption 12300ms infinite -1000ms; }
#play1:checked ~ .labels .label:nth-child(2) { animation: caption 12300ms infinite 3100ms; }
#play1:checked ~ .labels .label:nth-child(3) { animation: caption 12300ms infinite 7200ms; }

/* 상담센터 - 공통 */
#question_wrap{ width:1130px; margin:0 auto; }
#question_wrap .intro { padding-bottom: 0; position: relative; overflow: hidden; }
#question_wrap .intro_bar{ width:100%; height:1px; background:#000; margin-top:22px; }
#question_wrap .intro h1{ font-size:30px; font-weight:400; text-align: center; letter-spacing: -0.08em;}
#question_wrap .intro p{ font-size:14px; font-weight: 300; text-align: center; letter-spacing: -0.08em; }
#question_wrap .visit, #question_wrap .intro-right { display:inline-flex; position: relative; }
#question_wrap #join_clause .clause_content { height: 90px; width: 96.2%; line-height: 1.2; background:#f2f5f9; }
#question_wrap #join_clause p { padding: 10px 0 0 0; }
.intro .register b { width: 70px; }
.intro .register>p textarea { width: 514px; }
#question_wrap textarea{ width: 609px; height: 154px; min-height:150px; padding: 10px; box-sizing: border-box; border: 1px solid #dae0e9; overflow-y:auto; }
#question_wrap textarea.answer_text{ height: 254px; min-height: 200px; overflow-y: auto; }


/* 빠른상담문의 */
#consulting_common{ width:1130px; overflow: hidden; margin:0 auto; padding-bottom:47px; }
#consulting_common .consulting_title{ font-size:24px; font-weight:500; text-align: center; margin:72px 0 24px; }
#consulting_common .consulting_table{ border-top:1px solid #222222; overflow: hidden; }
#consulting_common .consulting_table .consulting_cont { width:100%; overflow: hidden; }
#consulting_common .consulting_table .consulting_cont table tr th{ width:301px; background:#f2f5f9; font-size:14px; height:70px; font-weight: 400; border-bottom:1px solid #dae0e9; }
#consulting_common .consulting_table .consulting_cont table tr td{ width:829px; background:#fff; border-bottom:1px solid #dae0e9; padding:10px 0 10px 20px; }
#consulting_common .consulting_table .consulting_cont .clause_content{ height:38px; border-right:0; }
#consulting_common .apply_btn{ width:194px; margin:0 auto; height:40px; padding:39px 0 50px 74px; }
#consulting_common .apply_btn .actionBtn22{ margin-left:0; }
#consulting_common .apply_btn .actionBtn22 .lb-before{ color:#222; font-weight: 600; top:5px; left:0; font-size:18px; }
#consulting_common .apply_btn .actionBtn22 .lb{ color:#222; font-weight: 600; top:6px; white-space: nowrap; position: absolute; font-size:18px; }
#consulting_common .apply_btn .actionBtn22 .lb .arrow-icon{ margin:7px 0 0 14px; }
#consulting_common .apply_btn .arrowAction .lb-before .arrow-icon{ top:-24px; left:28px; }
#consulting_common .apply_btn .arrowAction .arrow-icon{ width:40px; height:9px; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon2.png') no-repeat; }
#consulting_common .apply_btn .arrowAction .cir-left, 
#consulting_common .apply_btn .arrowAction .cir-right{ width:40px; height:40px; background:rgba(34,34,4,1); left:95px; top:-6px; }
#consulting_common .consulting_table .consulting_cont table tr td input[type=text]{ width:312px; height:44px; border:1px solid #dae0e9; padding-left:10px; box-sizing: border-box; }

  /*공통 효과 아이콘*/
  /*.arrow_animation_btn{ width:1130px; margin:0 auto; padding-top:29px; }
  .arrow_animation_btn a{ position: relative; left:46%; display: block;}
  .arrow_animation_btn span{ font-size:18px; font-weight: 600; }
  .arrow_animation_btn .a-circle { display: inline-block; cursor: pointer; width: 35px; height: 35px; border-radius: 50%; bottom: 7px; vertical-align: middle; margin-left: 10px; margin-top:10px; text-align: center; position: relative; z-index: 1; color: #fff; }
  .arrow_animation_btn .a-circle:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; font-size:36px; line-height:40px; content: "\21C0"; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color:#fff; }
  .arrow_animation_btn .a-circle:before { content: "\21C0"; font-size: 36px; line-height: 29px; display: block; -webkit-font-smoothing: antialiased; }
  .arrow_animation_btn .a-circle.effect {overflow: hidden; -webkit-transition: background 0.3s, color 0.3s;-moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;}
  .arrow_animation_btn .a-circle.effect:after { display: none; }
  .arrow_animation_btn .a-circle.effect:hover { width:35px; height:35px; margin-top:10px; background:#222; }
  .arrow_animation_btn .a-circle.effect:before{ color:#222; }
  .arrow_animation_btn .a-circle.effect:hover:before {animation: arrow 0.4s forwards;}

  @keyframes arrow {
    49% {
      -webkit-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%);
      color:#fff;

    }
    51% {
      opacity: 1;
      color:#fff;
    
    }
    100%{
      color:#fff;
      font-size:13.5px;
      content:"\003E";
      line-height:35px;
      -webkit-font-smoothing: antialiased;

    }
  }*/

/*상담선생님 페이지 아래 온라인상담 신청하기 버튼*/
#support { width:1130px; margin:0 auto; }
#support .apply_btn{ width:194px; margin:0 auto; height:40px; padding:39px 0 0 0; }
#support .apply_btn .actionBtn22{ margin-left:0; }
#support .apply_btn .actionBtn22 .lb-before{ color:#222; font-weight: 600; top:5px; left:0; font-size:18px; min-width:170px; }
#support .apply_btn .actionBtn22 .lb{ color:#222; font-weight: 600; top:6px; white-space: nowrap; position: absolute; font-size:18px; }
#support .apply_btn .actionBtn22 .lb .arrow-icon{ margin:7px 0 0 10px; }
#support .apply_btn .arrowAction .lb-before .arrow-icon{ top:-24px; }
#support .apply_btn .arrowAction .lb-before .arrow-icon{ left:23px; }
#support .apply_btn .arrowAction .arrow-icon{ width:40px; height:9px; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon2.png') no-repeat; }
#support .apply_btn .arrowAction .cir-left, 
#support .apply_btn .arrowAction .cir-right{ width:40px; height:40px; background:rgba(34,34,4,1); left:172px; top:-6px; }
 

/*빠른상담문의 희망전공 탭*/
.consulting_cont td.curr_kinds input#select1:checked + label.security { background: #222; color: #fff; border:0; height: 50px; }
.consulting_cont td.curr_kinds input#select2:checked + label.java { background: #222; color: #fff; border: 0; height: 50px; }
.consulting_cont td.curr_kinds input#select1,input#select2{ display:none; }
.consulting_cont td.curr_kinds label{ float:left; display:inline-block; width:155.5px; height:50px; box-sizing:border-box; background:#fff; border:1px solid #dae0e9; 
    text-align:center; line-height:48px; font-size:15px; cursor:pointer; }
.consulting_cont td.curr_kinds input#select1:checked ~ .security{ display:block; }
.consulting_cont td.curr_kinds input#select2:checked ~ .java{ display:block; }

/*빠른상담문의 지점선택 탭*/
.consulting_cont td.location .tab-label{ font-size: 15px; padding-top: 13px; font-weight: 400; }
.consulting_cont td.location .tabs::before, .tabs::after { content: ""; display: table; }
.consulting_cont td.location .tabs::after { clear: both; }
.consulting_cont td.location .tab { float: left; width:155.5px; }
.consulting_cont td.location .tab-switch { display: none; }
.consulting_cont td.location .tab-label { position: relative; display: block; height: 50px; background: #fff; color: #222; border-bottom: 1px solid #dae0e9;
 border-top: 1px solid #dae0e9; border-left: 1px solid #dae0e9; cursor: pointer; top: 0; padding-top: 13px; font-size:15px; box-sizing: border-box;text-align: center; }
.consulting_cont td.location .tab-label:last-child{ border-right:0; }
.consulting_cont td.location .tab-switch:checked + .tab-label { background: #222; color: #fff; border:0; font-weight: 400; z-index: 1; }

/*빠른상담문의 전공유무 탭*/
.consulting_cont td.major input#major_o:checked + label.major_yes { background: #222; color: #fff; border:0; height: 50px; }
.consulting_cont td.major input#major_n:checked + label.major_no { background: #222; color: #fff; border: 0; height: 50px; }
.consulting_cont td.major input#major_o,input#major_n{ display:none; }
.consulting_cont td.major label{ float:left; display:inline-block; width:156px; height:50px; background:#fff; border:1px solid #dae0e9; 
 text-align:center; line-height:48px; font-size:15px; cursor:pointer; box-sizing: border-box; }
.consulting_cont td.major input#major_o:checked ~ .major_yes{ display:block; }
.consulting_cont td.major input#major_n:checked ~ .major_no{ display:block; }
.consulting_cont textarea{ width: 796px; height: 80px; padding: 10px; box-sizing: border-box; border: 1px solid #dae0e9; }


/* 방문상담예약 */
#question_wrap .left_wrap{ width:479px; float: left; padding:0 0 30px 10px; border-right:1px solid #dae0e9; box-sizing: border-box; }
#question_wrap .right_wrap{ width:650px; float: right; padding-left:30px; box-sizing: border-box; position: relative; }
#question_wrap .join_right_cont{ width:98.2%; margin:0 auto; }
#question_wrap .join_title{ border-top:1px solid #dae0e9; padding-top:30px; margin-bottom:9px; margin-left:10px; }
#question_wrap .clause_content{ height:38px; border-right:0; }
#question_wrap .apply_btn{ width:194px; margin:0 auto; height:40px; padding:50px 0 0 17px; box-sizing: border-box; }
#question_wrap .apply_btn .actionBtn22{ margin-left:0; }
#question_wrap .apply_btn .actionBtn22 .lb-before{ color:#222; font-weight: 600; top:5px; left:0; font-size:18px; white-space: nowrap; }
#question_wrap .apply_btn .actionBtn22 .lb{ color:#222; font-weight: 600; top:6px; white-space: nowrap; position: absolute; font-size:18px; }
#question_wrap .apply_btn .actionBtn22 .lb .arrow-icon{ margin:7px 0 0 10px; }
#question_wrap .apply_btn .arrowAction .lb-before .arrow-icon{ top:-25px; }
#question_wrap .apply_btn .arrowAction .lb-before .arrow-icon{ left:50px; }
#question_wrap .apply_btn .arrowAction .arrow-icon{ width:40px; height:9px; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon2.png') no-repeat; }
#question_wrap .apply_btn .arrowAction .cir-left, 
#question_wrap .apply_btn .arrowAction .cir-right{ width:40px; height:40px; background:rgba(34,34,4,1); left:157px; top:-6px; }
#question_wrap .line{ width: 100%; height:1px; background:#dae0e9; margin-top:30px; }

/*방문상담예약 희망전공 탭*/
#question_wrap .curr_kinds{ display:inline-block; }
#question_wrap .curr_kinds input#select1:checked + label.security { background: #222; color: #fff; border:0; height: 50px; }
#question_wrap .curr_kinds input#select2:checked + label.java { background: #222; color: #fff; border: 0; height: 50px; }
#question_wrap .curr_kinds input#select1,input#select2{ display:none; }
#question_wrap .curr_kinds label{ float:left; display:inline-block; width:304.6px; box-sizing: border-box; height:50px; background:#fff; border:1px solid #dae0e9; text-align:center; line-height:48px; font-size:15px; cursor:pointer; }
#question_wrap .curr_kinds input#select1:checked ~ .security{ display:block; }
#question_wrap .curr_kinds input#select2:checked ~ .java{ display:block; }
#question_wrap input.name{ padding-left:10px; box-sizing: border-box; }
#question_wrap input.name,#question_wrap #mobile_sp input{ width:438px; height:50px; border: 1px solid #dae0e9; }
#question_wrap .title{ font-size:14px; margin-bottom:7px; clear: both; margin-top:24px; }
#question_wrap .title span{ color: #ff1800; }

/*방문상담예약 지점선택 탭& 연령대 탭 & 직업선택 탭*/
#question_wrap .common_tab .tab { float: left; width:109.5px; margin-top:0; }
/* 지점선택 탭 */
#question_wrap .common_tab .tab3branch { float: left; width:145.3px; margin-top:0; }
#question_wrap .common_tab .tab-label{ font-size: 15px; padding-top: 13px; font-weight: 400; line-height:1.4; }
#question_wrap .common_tab .tabs::before, .tabs::after { content: ""; display: table; }
#question_wrap .common_tab .tabs::after { clear: both; }
#question_wrap .common_tab .tab-switch { display: none; }
#question_wrap .common_tab .tab-label { position: relative; display: block; height: 50px; background: #fff; color: #222; border-bottom: 1px solid #dae0e9;
 border-top: 1px solid #dae0e9; border-left: 1px solid #dae0e9; cursor: pointer; top: 0; padding-top: 13px; font-size:15px; box-sizing: border-box;text-align: center; }
#question_wrap .common_tab .tab-label:last-child{ border-right:0; }
#question_wrap .common_tab .tab-switch:checked + .tab-label { background:#222; color: #fff; border:0; font-weight: 400; z-index: 1; }
#question_wrap .common_tab input.tab-switch:checked + label.tab-label{  line-height:1.5; }
.tab_more1 .tab { width:121.8px !important; }
.tab_more2 .tab { width:101.5px !important; }
#question_wrap .online_process{ font-size:30px !important; font-weight: 600 !important; padding:30px 0 0; }
#question_wrap .online_process_text{ margin-top: 12px; line-height: 1.4; }

/*방문상담예약 전공유무 탭*/
#question_wrap .major input#major_o:checked + label.major_yes { background: #222; color: #fff; border:0; height: 50px; }
#question_wrap .major input#major_n:checked + label.major_no { background: #222; color: #fff; border: 0; height: 50px; }
#question_wrap .major input#major_o,input#major_n{ display:none; }
#question_wrap .major label{ float:left; display:inline-block; width:219px; height:50px; background:#fff; border:1px solid #dae0e9; 
 text-align:center; line-height:48px; font-size:15px; cursor:pointer; box-sizing: border-box; }
#question_wrap .major input#major_o:checked ~ .major_yes{ display:block; }
#question_wrap .major input#major_n:checked ~ .major_no{ display:block; }

/* 상담센터 - 방문상담예약 (예약날짜) */
.calendar_wrap { overflow: hidden; padding-bottom: 15px; }
.calendar { width: 305px; position: absolute; top:49px; background:#fff; box-shadow: 1px 13px 8px -4px rgba(0,0,0,0.1); display: block; z-index: 10;}
.calendar .top { background: #00a0ff; height: 50px; }
.calendar p { width: 90px; padding-top:12px; margin: 0 auto; text-align: center; color: #fff; font-size: 14px; }
.calendar p span { color: #fff; }
.calendar .prev { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/arrow_before.png') no-repeat; width: 27px; height: 27px; float: left; margin-left:75px; margin-top:10px; }
.calendar .next { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/arrow_after.png') no-repeat; width: 27px; height: 27px; float: right; margin-top:-21.5px; margin-right:76px; }
.calendar .prev_off { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/arrow_before.png') no-repeat; }
.calendar .next_off { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/arrow_after.png') no-repeat; }
.calendar .week { padding: 0 6px; background: #fff; color: #222; overflow: hidden; height: 45px; border-bottom:1px solid #dae0e9; border-right:1px solid #dae0e9; border-left:1px solid #dae0e9; }
.calendar .week li { color: #222; width: 41px; float: left; line-height: 45px; text-align: center; }
.calendar .dates { border: 1px solid #dae0e9; padding: 9px 6px; overflow: hidden; border-top:0;}
.calendar .dates li { float: left; padding: 0 5px; }
.calendar .dates li a { display: block; width: 31px; height: 31px; text-align: center; line-height: 30px; color: #4f5f6f; font-size: 13px; border-radius: 50px; }
.calendar .dates li a:hover { color: #fff; background: #00a0ff; }
.calendar .dates li .off { color: #aeb5bb; }
.calendar .dates li .off:hover { background: #fff; color: #aeb5bb; }
.calendar .dates li .on { color: #fff; background: #00a0ff; border-radius: 50px; }

/* 상담센터 - 방문상담예약 (예약시간) */
.begin_time{ top:0; left:255px; }
.end_time{ top:0; right:0; }
.reserved_time{ font-size:14px ;font-weight: 500; }
.time { width: 305px; top: 49px; position: absolute; left: 304px; background:#fff; box-shadow: 1px 18px 8px -4px rgba(0,0,0,0.1); display: none; }
.time .title { height: 45px; line-height: 45px; background: #283444; text-align: center; color: #fff; font-size: 14px; }
.time .select { height:300px; border: 1px solid #dae0e9; overflow: auto; border-right:0; }
.time ul.select li{ border-bottom:1px solid #dae0e9; }
.time ul.select li:last-child{ border-bottom:0 !important; }
.time .select a { height: 43px; color: #222; line-height: 43px; display: block; padding-left: 9px; }
.time .select a:hover { color: #fff; background: #00a0ff; }
.time .select .on { color: #fff; background: #00a0ff; }
.time .select .off { color: #cfcfcf; background: #fff; }
.time .select .off:hover { color: #cfcfcf; background: #fff; }
.datetime_wrap{ position: relative; }
span.label_date{ position: absolute; left:13px; top:14px; color:#5b5b5b; font-weight: 500; }
span.label_time{ position: absolute; left:13px; top:14px; color:#5b5b5b; font-weight: 500; }
.guide_btns { padding: 50px 0 70px 200px; overflow: hidden; }
.guide_btns a { width: 111px; margin-right: 10px; height: 55px; background: #fa5c3f; line-height: 55px; color: #fff; text-align: center; display: block; float: left; }

/* 상담센터 - 전화상담예약 */
.visit #date{ background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/visit_icon01.jpg) no-repeat; background-position: right; font-size: 14px; color: #ff0000; font-weight: 700; }
.visit #time{ background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/visit_icon02.jpg) no-repeat; background-position: right; font-size: 14px; color: #ff0000; font-weight: 700; text-align: right; 
padding-right:64px; box-sizing: border-box; }

/*국비대상자 간편조회 */
#question_wrap .age label{ float:left; display:inline-block; width:122px; height:50px; background:#fff; border:1px solid #dae0e9; border-right:0;
 text-align:center; line-height:48px; font-size:15px; cursor:pointer; box-sizing: border-box; }
#question_wrap .age input#ten:checked + label.ten_one { background: #222; color: #fff; border:0; height: 50px; font-weight: 700; }
#question_wrap .age input#twenty:checked + label.twenty_one { background: #222; color: #fff; border: 0; height: 50px; font-weight: 700; }
#question_wrap .age input#thirty:checked + label.thirty_one { background: #222; color: #fff; border:0; height: 50px; font-weight: 700; }
#question_wrap .age input#forty:checked + label.forty_one { background: #222; color: #fff; border: 0; height: 50px; font-weight: 700; }
#question_wrap .age input#fifty:checked + label.fifty_one { background: #222; color: #fff; border: 0; height: 50px; font-weight: 700; }
#question_wrap .age input#ten,input#twenty,input#thirty,input#forty,input#fifty{ display:none; }
#question_wrap .age input#ten:checked ~ .ten_one{ display:block; }
#question_wrap .age input#twenty:checked ~ .twenty_one{ display:block; }
#question_wrap .age input#thirty:checked ~ .thirty_one { display:block; }
#question_wrap .age input#forty:checked ~ .forty_one { display:block; }
#question_wrap .age input#fifty:checked ~ .fifty_one { display:block; }


/* 개강과정 시간표 조회*/
.right_wrap .right_cont .tab { overflow: hidden; margin-top:25px; }
.right_wrap .right_cont .tab button { float: left; border: none; width:25%; outline: none; background:#f2f5f9; cursor: pointer; padding: 13px 30px; white-space: nowrap;
 transition: 0.3s; font-size: 14px; border: 1px solid #dae0e9; letter-spacing: -0.07em; position: relative; top:5px; }
.right_wrap .right_cont .tab button:nth-child(1){  }
.right_wrap .right_cont .tab button:nth-child(2){ border-left:0; }
.right_wrap .right_cont .tab button:nth-child(3){ border-left:0; }
.right_wrap .right_cont .tab button:nth-child(2).active{ border-left:1px solid #dae0e9; }
.right_wrap .right_cont .tab button:nth-child(3).active{ border-left:1px solid #dae0e9; }
.right_wrap .right_cont .tab button:hover { background-color: #fff; }
.right_wrap .right_cont .tab button.active { background-color: #fff; border-bottom:1px solid #fff; position: relative; top:0; }
.right_wrap .right_cont .tabcontent { display: none; padding: 20px 12px; border-top: none; }

/*개강과정 시간표 조회 custom radio button*/

/* 온라인 수강신청 */
.online_intro_text{ text-align: center; margin:0 auto; margin-top:28px; }
.online_intro_text img{ margin-bottom:15px; }
#question_wrap .apply_btn_2{ padding:66px 0 50px 17px; cursor: pointer; }

/* 상담센터 - faq */
#faq { width: 100%; border-top:1px solid #222; }
#faq th { font-weight: normal; color: #898989; border-bottom: 1px solid #283444; height: 42px;  }
#faq .bar { width: 112px; background: url('https://khacademy.co.kr/resources/images/sub06/sub06_05_headbar.jpg'); }
#faq td { border-bottom: 1px solid #dae0e9; color: #222;  height: 50px; padding-left: 30px; cursor: pointer; }
#faq td:nth-child(2){ position: relative; }
#faq td.question:after{ content : ""; position: absolute; left:0; z-index: 1; top:39%; width:1px; height: 27%;background: #dae0e9; }
#faq .init { text-align: center; padding:0 41px 0 30px; width:100px; white-space: nowrap; }
#faq .answer { display: none; }
#faq .answer td { padding: 15px 30px; background: #f2f5f9; line-height: 1.5; }
#faq .off td:last-child { border-bottom: 1px solid #dae0e9; width: 50px; padding: 0; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/faq_tab_off.png'); background-position: center; }
#faq .on td:last-child { border-bottom: 1px solid #dae0e9; width: 50px; padding: 0; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/faq_tab_on.png'); background-position: center; }
.indEdu { margin-top: 50px; }
.indEdu td { text-align: center; }
#faq.indEdu .answer td { padding: 40px; }

#question_button {width:870px; height:60px; text-align: center; overflow: hidden; margin:22px auto 30px;}
#question_button li:last-child a{ margin-right:0; }
#question_button li a span { font-size: 12px; line-height: 1.4; }
.faq_nav:before{ display: table; content: ""; box-sizing: border-box; }
.faq_nav:after{ clear: both; }
.faq_nav-tabs>li{float: left; height:60px; width:170px; background:#f0f3f8; text-align: center; margin-right:5px; }
.faq_nav-tabs>li:last-child{ margin-right:0; }
.faq_nav-tabs>li>a{width:170px; height:60px; display:block; color:#222; font-size:15px; }
.faq_nav-tabs li .on { background: #00a0ff; color: #fff; width: 170px; display: block; height: 60px; }
.faq_nav-tabs li .on span{ color:#fff; }


#ind { width: 100%; border-top: 2px solid #283444; margin-bottom: 75px; border-bottom: 1px solid #283444; }
#ind th { font-weight: normal; color: #898989; border-bottom: 1px solid #283444; height: 42px;  }
#ind .bar { width: 112px; background: url('https://khacademy.co.kr/resources/images/sub06/sub06_05_headbar.jpg'); }
#ind td { border-bottom: 1px solid #e5e5e5; color: #6d6e72;  height: 40px; padding-left: 30px; cursor: pointer; }
#ind .off:hover td { color: #283444; }
#ind .init { text-align: center; padding: 0; }
#ind .answer { display: none; }
#ind .answer td { padding: 15px 30px; background: #f8f8f8; line-height: 1.5; }
#ind .off td:last-child { border-bottom: 1px solid #e5e5e5; width: 50px; padding: 0; background: url('https://khacademy.co.kr/resources/images/sub06/sub06_05_off.jpg'); }
#ind .on td:last-child { border-bottom: 1px solid #e5e5e5; width: 50px; padding: 0; background: url('https://khacademy.co.kr/resources/images/sub06/sub06_05_on.jpg'); background-position: right; }
#ind .on td { color: #283444; }
.indEdu { margin-top: 50px; }
.indEdu td { text-align: center; }
#ind.indEdu .answer td { padding: 40px; }

.content_visual_ind { width:796px; height:395px; margin:0 auto; }
.content_visual_ind h3 {font-size:16px;color:#fa5c3f;font-weight: normal;}
.content_visual_ind .date {font-size:12px;color:#b9b9ba;padding-top:10px;padding-bottom:40px;}
.content_visual_ind .summary {font-size:12px;color:#6d6e72;}
.content_visual_ind #shows{width:796px; margin:0 auto; position:absolute; top: 365px;  text-align:center;}
.content_visual_ind #shows .show01{position:relative; float:left; left:31px;}
.content_visual_ind #shows .show02{position:relative; float:left; left:93px;}
.content_visual_ind #shows .show03{position:relative; float:right; right:17px;}
.content_visual_ind .more {padding-top:20px;}

/* 팝업 레이어 */
.popup_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999999999999999999;}
.open {display:block;}
.popup_layer .popup_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=50);}
.popup_layer .popup_layer_cont { position:absolute; left:50%; top:50%; background:#fff; width: 670px; }
.popup_layer #popup_rewards .popup_layer_cont { width:915px; }
.popup_layer .popup_layer_cont .button { width: 75px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin: 0 auto; display: block; background: #fa5c3f; color: #fff; }
.popup_head { height: 65px; line-height: 65px; width: 670px; background:#2a2a4e; overflow: hidden; position: relative; }
.popup_head span { display:block; text-align:center; font-size: 16px; color: #fff; line-height: 65px; height: 65px; }
.popup_head a { float: right; display: block; margin:17px; }
.popup_head .close_popup{ position: absolute; top: 25px; right:30px; }
.popup_head_reward { height: 65px; line-height: 65px; width: 770px; background: url('https://khacademy.co.kr/resources/images/common/popup_head_reward.jpg'); overflow: hidden; }
.popup_head_reward span { float: left; padding-left: 20px; font-size: 16px; color: #fff; line-height: 65px; height: 65px; }
.popup_head_reward a { float: right; display: block; width: 57px; height: 15px; margin-right: 20px; margin-top: 25px; }
.popup_cont { padding: 25px 20px 30px 20px; clear: both; text-align: center; }
#alert_ment, #input_ok_ment { padding-bottom: 20px; font-size: 16px; color: #6e6e6e; text-align: center; }
.popup_ment { padding-bottom: 10px; color: #283444; font-size: 14px; }
#popup_trainm{width:730px; height:50px; background:#f2f5f9; padding:0; border-top:1px solid #dae0e9;}
.popup_trainm1{float:left; width: 110px; height: 50px; line-height: 50px; text-align: center; border-right:1px solid #dae0e9; }
.popup_trainm2{float:left; width: 410px; height: 50px; line-height: 50px; text-align: center; border-right:1px solid #dae0e9; }
.popup_trainm3{float:left; width: 100px; height: 50px; line-height: 50px; text-align: center; border-right:1px solid #dae0e9; }
.popup_trainm4{float:left; width: 63px; padding:0 0 0 20px; height: 50px; line-height: 50px; text-align: center; }
.popup_trainingtable1{display:block; float:left; text-align:center; width:110px; border-right:1px solid #dae0e9;}
.popup_trainingtable2{display:block; float:left; width:410px; border-right:1px solid #dae0e9;}
.popup_trainingtable3{display:block; float:left; text-align:center; border-right:1px solid #dae0e9;}
.popup_trainingtable4{display:block; float:left; text-align:center; width:67px;}
.clause_training{ width: 730px; border-bottom: 1px solid #dae0e9; border-top:1px solid #dae0e9; height: 285px; overflow-x:hidden; }
.popup_training_01{ border-bottom:1px solid #dae0e9; height: 50px; line-height: 50px; }
.popup_training_02{ border-bottom:1px solid #dae0e9; width: 410px; height: 50px; line-height: 50px; }
.popup_training_03{ height: 50px; border-bottom: 1px solid #dae0e9; line-height: 50px; width:100px; }
.popup_training_04{ padding: 0 10px; width: 85px; height: 50px; text-align: center; line-height: 50px; border-bottom: 1px solid #dae0e9; }
.training_last{border:none;}

.clause_content { width: 600px; padding: 15px; border: 1px solid #dae0e9; color: #5b5b5b; height: 285px; overflow: auto; text-align:left; }
.clause_content b { color:#2a3344; font-weight: 500; }
.clause_content .icon img{margin-right:5px;}

.popup_layer_cont .popup_reward_map { position: relative; height: 485px; width: 770px; background: url(https://khacademy.co.kr/resources/images/common/top_popup.jpg); }
.popup_layer_cont .popup_reward_map a { position: absolute; display: block; }

/* bottom 개인정보 취급방침 팝업_20210616 */
#popup_personal .clause_content pre {color:#5b5b5b; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word;}
#popup_personal .clause_content pre > img {margin:10px 15px;}
#popup_personal .clause_content pre table {width:570px; margin:10px auto -8px; box-sizng:border-box; border-collapse: collapse; text-align:center; border:1px solid #ddd;}
#popup_personal .clause_content pre table.cpo {width:285px; margin:10px 0 -8px 11px;}
#popup_personal .clause_content pre table tr {height:25px;}
#popup_personal .clause_content pre table tr:not(:last-child) {border-bottom:1px solid #ddd;}
#popup_personal .clause_content pre table tr th:not(:last-child), pre table tr td:not(:last-child) {border-right:1px solid #ddd;}
#popup_personal .clause_content pre table th {background:#f2f5f9;}
#popup_personal .clause_content pre table td {color:#5b5b5b;}


/*좌측 내비 */
#left_nav { padding-top: 55px; width: 185px; float: left; }
#left_nav>ul { border-top: 2px solid #283444; padding-bottom: 28px; }
#left_nav>ul>li { padding-left: 10px; height: 37px; border-bottom: 1px solid #e5e5e5; line-height: 37px; }
#left_nav>ul>li a { color: #737373; }
#left_nav>ul>li>a:hover, #left_nav>ul>li>a:hover>span { color: #283444; }

.left_subject { width: 175px; height: 43px; background: url('https://khacademy.co.kr/resources/images/common/back_left.jpg'); padding: 20px 0 0 10px; font-size: 22px; color: #333333; letter-spacing: -1px; }

#left_num { overflow: hidden; padding-bottom: 50px; }
#left_num img { float: left; }
#left_num p { padding-top: 5px; float: left; background: url('https://khacademy.co.kr/resources/images/common/sub_left_num.png') no-repeat; padding-left: 65px; height: 56px;}
.left_num_intro {  color: #3a3a3a; font-weight: 700; }
.left_num_time { font-size: 11px; color: #a8a8a8; line-height: 14px; }
.left_num { font-size: 18px; font-weight: 900; color: #fa5c3f; font-family: Tahoma, 'Nanum Gothic', '돋움', Dotum, sans-serif; line-height: 15px; }

/* 본문 */
/*기존 content_right css*/
#content_right{ width: 796px; /*float: right;*/margin:0 auto; padding-top: 55px; min-height: 600px;} 
#content_sub_wrap iframe { border: 0; margin:0 auto; display: block; }

/* 결과화면 */
.result { padding-top: 70px; padding-bottom: 90px; text-align: center; }
.result .title { font-size: 20px; padding-bottom: 10px; color: #283444; }
.result .simple { font-size: 16px; color: #283444; padding-bottom: 20px; }
.result .simple span { font-size: 16px; color: #5cbdf4; }
.result ul { width: inherit; margin: 25px auto; display: table; }
.result ul li { text-align: left; }
.result .info { font-size: 15px; color: #5b5b5b; line-height:1.3; }
.result a { height: 55px; line-height: 55px; width: 111px; text-align: center; font-size: 16px; color: #fff; background: #ff1800; display: block; margin: 0 auto; margin-top: 30px; }
#recruit_button .result a { margin-top: 30px; }

.resultOnline .resultTitle span{ font-weight: 600; font-size: 38px; color:#ff1800; }
.resultOnline .resultTitle{ font-size: 38px; font-weight: 400; }
.resultOnline .resultInfo{ font-size: 18px; font-weight: 300; line-height: 1.3; margin-top: 10px; }
.resultOnline .resultInfo span{ font-weight: 400; font-size:18px; }

/* 게시판 리스트 (공지사항)*/
.board { border-top: 1px solid #222; width: 1130px; margin:0 auto; margin-bottom: 50px; margin-top:28px; }
.board th { color: #222; border-right:1px solid #dae0e9; font-size:14px; height: 50px; font-weight: normal; background:#f2f5f9; border-bottom:1px solid #dae0e9; }
.board td { border-bottom: 1px solid #dae0e9; color: #5b5b5b;  font-size:15px; height:57px; text-align: center; border-right:1px solid #dae0e9; }
.board td.board_title { text-align:left; padding:5px 30px; cursor: pointer; }
.board th:last-child{ border-right:0; }
.board td:last-child{ border-right:0; }
.board .board_subject { text-align: left; padding-left: 80px; }
.board .board_subject a { color: #5b5b5b; font-size:15px; letter-spacing: -0.08em; }
.board .board_subject a:hover { color: #222; }
.board .board_subject img { padding-left: 3px; vertical-align: -1px; }
.board #no_result { height: 70px; line-height: 70px; text-align: center; border-bottom: 1px solid #dae0e9; }
.board_num { text-align: center; }
.board_num a { display: inline-block; width: 37px; height: 37px; border: 1px solid #dae0e9; color: #222; line-height: 37px; text-align: center; background: #fff; margin-right:8px; }
.board_num .board_num_on { border: 1px solid #293243; background: #222; color: #fff; cursor: pointer; }
.board_num .board_num_first { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_first.png') no-repeat; background-position: center; background-color:#fff; }
.board_num .board_num_prev { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_prev.png') no-repeat; background-position: center; background-color:#fff; }
.board_num .board_num_next { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_next.png') no-repeat; background-position: center; background-color:#fff; }
.board_num .board_num_last { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_last.png') no-repeat; background-position: center; margin-right:0; background-color:#fff; }

/*마이페이지 로그인 후, 서브페이지 공통타이틀*/
.sub08_title{ width:1130px; margin:0 auto; padding:50px 0 0; }
.sub08_title ul{ text-align: center; }
.sub08_title ul li{ letter-spacing: -0.08em; }
.sub08_title ul li:first-child{ font-size:34px; color:#222; margin-top:5px; }
.sub08_title ul li:nth-child(2){ font-size:17px; color:#222; margin-top:6px; }
.sub08_title ul li:nth-child(3){ font-size:15px; color:#999; line-height: 1.1; }

/* 게시판 뷰 */
#board_view { padding-top: 20px; width:1130px; margin:0 auto; position:relative; }
#board_view span.date{ float:right; color:#222; margin-right:20px; }
.board_view_subject { overflow: hidden; border-top: 1px solid #222; border-bottom: 1px solid #dae0e9; height: 70px; padding: 0 20px; line-height: 70px; }
.board_view_subject_left { float: left; color: #222; font-size:15px; }
.board_view_subject_right { float: right;  color: #222; }
.board_view_content { padding: 40px 20px; color: #222; line-height: 1.5; /*width: 1130px;*/ margin: 0 auto; }
#board_view .board_view_content p{ font-size:15px; }
#board_view .board_view_content{ font-size:15px; }
.board_view_content img{ margin:0 auto; display: block; }
.tutorial_content { padding: 40px;  color: #6d6e72; line-height: 1.5; }
.photo_content { padding: 40px 0;}
.photo_content img{ text-align: center; margin:0 auto; display: block; }
.industrialEdu_content { padding: 40px 0; }
.board_view_prev { border-top: 1px solid #dae0e9; border-bottom: 1px solid #dae0e9; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_view_prev.png') no-repeat;
 padding-left: 50px; height: 60px; line-height: 60px; background-position: 20px 27px; cursor:pointer; }
.board_view_next { border-bottom: 1px solid #dae0e9; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/point_view_next.png') no-repeat; 
padding-left: 50px; height: 60px; line-height: 60px; background-position: 20px 27px; cursor:pointer; }
.board_view_prev span, .board_view_next span { margin-right: 38px; color: #999; }
.board_view_prev a:hover, .board_view_next a:hover {  color: #222; }
.board_view_botton { width:100%; overflow: hidden; padding:50px 0 0 0; text-align: center; margin:0 auto; }
.board_view_botton .actionBtn22 .lb-before{ color:#222; font-weight:500; font-size:18px; left:-14px; }
.board_view_botton .arrowAction .lb-before .arrow-icon{ left:61px; top:-38px; }
.board_view_botton .actionBtn22 .lb{ color:#222; font-weight:500; font-size:18px; }
.board_view_botton .arrowAction .arrow-icon{ background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon3.png) no-repeat; width:57px; height:40px; top:-11px; left:2px; }
.board_view_botton .arrowAction .cir-left, .arrowAction .cir-right{ background:none; }
.board_view_botton .actionBtn22 { margin-left:0; }
.board_btn{ width: 1130px; margin:0 auto; position: relative; }
.board_btn .common_btn2{ position: absolute; top: 0; right: 0; }
.common_btn { display: inline-flex; position: absolute; right:0;/*bottom:53px;*/ }
.common_btn1{ background: #00a0ff; color: #fff; padding:6px 20px 8px; display: inline-block; text-align: center; margin-right:3px; border-radius: 50px;}
.common_btn2{ background: #2a2a4e; color: #fff; padding:6px 20px 8px; display: inline-block; text-align: center; border-radius: 50px }

.board_total{ overflow: hidden; width: 1130px; margin: 0 auto; margin-top: 30px; }

/*게시판 댓글*/
#board_reply { background: #f2f5f9; border-top: 1px solid #dae0e9; padding: 30px; }
#board_reply span { color: #999; font-size: 12px; }
.board_reply_frm { overflow: hidden; }
.board_reply_frm textarea { width: 970px; height: 57px; border: 1px solid #dae0e9; color: #999; line-height: 1.5; padding: 5px; resize: none; float: left; background:#fff; font-size: 13px; }
.board_reply_frm a { display: block; width: 85px; height: 68px; background: #2a2a4e; color: #fff;  line-height: 69px; text-align: center; float: right; font-size: 15px; }
.board_reply_frm span { float: left; display: block; width: 628px; padding-top:15px; }
.board_replay_content { padding: 10px 0; color: #5b5b5b; }
.board_replay_content a { color: #999; font-size: 13px; }
.board_replay_content .into { overflow: hidden; }
.board_replay_content .left { float: left; padding-bottom: 3px; }
.board_replay_content .left b { font-weight: normal; font-size: 13px; }
.board_replay_content .right { float: right; color: #5b5b5b; font-size: 13px; }
.board_replay_content .text { clear: both; line-height: 1.5; font-size: 13px; }

/* 글쓰기폼 */
#write_frm { border-top: 1px solid #222; width:1130px; margin:35px auto 0; }
#write_frm th { border-bottom: 1px solid #dae0e9; background: #f2f5f9; color: #222; width: 196px; height: 50px; font-weight: normal; }
#write_frm td { border-bottom: 1px solid #dae0e9; color: #222; padding-left: 15px; }
#write_frm td select { height: 22px; line-height: 22px; border: 1px solid #dae0e9; padding-left: 5px; }
#write_frm td input[type=text] { width: 95px; line-height: 30px; height: 30px; border: 1px solid #dae0e9; padding-left: 10px; }
#write_frm .ta { padding: 0; }



.intro_intention { padding-bottom: 50px; overflow: hidden; }
.intro_intention>img { float: left; }
.intro_intention .right { float: left; padding-left: 20px; width: 426px; }
.intro_intention .right>img { padding-bottom: 10px; }

/*교육시설 이미지*/
.eduinfor_wrap{ display:flex; flex-direction: column; align-items: center; background:#fff;}
.eduinfor_wrap .eduinfor_tab{ cursor: pointer; margin: 0 2.5px 0 0; background: #f0f3f8; width: 170px; font-size: 15px; text-align: center; /*margin-top: 19px;*/ margin-top: 30px; display: inline-block; line-height: 1.8; 
 color: #222; box-sizing: border-box; height: 55px; line-height:53px;}
.eduinfor_wrap .tabs{ width: 870px; }
.eduinfor_wrap .panels{ width:100%; max-width:1130px; overflow:hidden; padding:30px 0 30px 0; border-bottom: 1px solid #222; }
.eduinfor_wrap .panel{ display:none; }
.eduinfor_wrap .tabs #five-tab{ margin-right:0; }
.eduinfor_wrap .contact td{ font-weight: 400; font-size:15px; }
.eduinfor_wrap .panel-title{ font-size:1.5em; font-weight:bold }
.eduinfor_wrap .radio{ display:none; }

/*연혁 공통 컨텐츠*/
#history_cont{ position: relative; width: 100%; /*margin:20px auto 0;*/ margin:0 auto; }

#menu {float:right; position:relative; left:-50%; text-align:left; margin-top:30px;}
#menu ul{position:relative; left:50%; list-style:none; padding:0; margin:0;}
#menu li {float:left; position:relative; border-bottom: 0; width:190px;  height:55px; line-height:53px; text-align:center;}
#menu li:first-child, #menu li:nth-child(2) {margin-right:5px;}
#menu li a {text-decoration:none; display:block; color: #222; background-color:#f0f3f8; font-size:15px; box-sizing:border-box; height:55px;}
#menu ul li a.hover_tab {background-color:#00a0ff; color:#fff; font-size:15px;}

#history_cont .history_tab {position:relative; width:1400px; margin:0 auto;}
#history_cont .title_years {margin-left:-8px; color:#f0f3f8; font-size:110px; font-weight:bold; text-align:center; letter-spacing:-0.08em;}

#history_cont .history_tab#tab1 {height:2994px;}
#history_cont .history_tab#tab1 .title_years {margin-bottom:100px;}
.history_year_2022 {margin-bottom:35px;}
.history_year_2021 {margin:220px 0 340px;}
.history_year_2020 {margin-bottom:610px;}
.history_year_2018 {margin-bottom:650px;}
.history_year_2019 {margin-bottom:655px;}

#history_cont .history_tab#tab2 {height:2543px;}
#history_cont .history_tab#tab2 .title_years {margin-bottom:100px;}
.history_year_2016 {margin-bottom:400px;}
.history_year_2015 {margin:850px 0 370px;}
.history_year_2014 {margin:350px 0 430px;}
.history_year_2013 {margin-bottom:90px;}

#history_cont .history_tab#tab3 {height:1820px;}
.history_year_2009 {margin:55px 0 48px;}
.history_year_2008 {margin:125px 0 40px;}
.history_year_2005 {margin:63px 0;}
.history_year_2004 {margin:40px 0 165px;}
.history_year_2003 {margin-bottom:680px;}
.history_year_2001 {margin-bottom:60px;}
.history_year_2000 {margin:100px 0 50px;}

#history_cont article {position:relative; width:100%; height:auto;}
#history_cont article > div {display:flex; justify-content:flex-start; width:100%; height:auto;}
#history_cont article > div .history_year {box-sizing:border-box; width:118px; height:100%; margin-top:-2px; font-size:18px; font-weight:800;}
#history_cont article .his_text {width:580px; margin-top:-1px;}
#history_cont article .his_text .emblem {/* transform:translateY(-42%); */margin:-65px 0 15px;}
#history_cont article .his_text .title {line-height:1.2; font-size:24px; font-weight:500; color:#222;}
#history_cont article .his_text .title::after {content:''; display:block; margin:25px 0 20px; width:29px; height:3px; background:#ff1800;}
#history_cont article .his_text .point{color:#ff1800;}
#history_cont article .his_text p {line-height:1.7; font-size:15px; color:#5b5b5b;}
#history_cont article .his_text p span {display:inline-block; width:16px; font-size:14px; font-weight:700; color:#5b5b5b;}
#history_cont article .his_text .img {margin:15px 0 24px;}

#history_cont .history_right_cont {position:absolute; box-sizing:border-box; right:0; height:100%; margin-top:-43px; padding-bottom:100px; border-left:1px solid #dfe6f1; text-align:left; text-align:-webkit-left;}
#history_cont .history_right_cont img.center_icon {position:absolute; top:0px; left:-12px;}
#history_cont .history_right_cont article > div {flex-direction:row;}
#history_cont .history_right_cont article > div .history_year {padding-left:65px;}
#history_cont .history_right_cont article > div .his_text p span {padding-right:10px;}

/* #history_cont article .his_text .p_right {margin-left:26px;}
#history_cont article .his_text .span_left {position:absolute; left:118px; padding-top:2px;} */

#history_cont .history_left_cont {position:absolute; box-sizing:border-box; width:50%; height:auto; padding-bottom:100px; text-align:right; text-align:-webkit-right;}
#history_cont .history_left_cont img.center_icon {position:absolute; top:0px; right:-12px;}
#history_cont .history_left_cont article > div {flex-direction:row-reverse;}
#history_cont .history_left_cont article > div .history_year {padding-right:65px;}
#history_cont .history_left_cont article > div .his_text p span {position:absolute; right:118px; padding:2px 0 0 10px;}


/* 교육원소개 - 강사소개 */
#teacher { width:1130px; margin:0 auto; margin-top:-42px; }
#teacher .intro_list .intro_info{ color:#5b5b5b; letter-spacing: -0.08em; }
.individual { padding:30px 0; border-bottom:1px solid #ececec; box-sizing:border-box; }
.individual:first-child { margin-top:70px; border-top:1px solid #ececec; }
.individual:last-child { border-bottom:0; }
.individual th { padding:0 30px 0 0; vertical-align:top; }
.individual td p { text-align:justify; }
.individual td p:nth-child(1) { font-size:20px; color:#283444; padding-bottom:5px;}
.individual td p:nth-child(2) { font-size:13px; padding-bottom:15px;}
.individual td p:nth-child(3) { font-size:20px; color:#f85d3e; }
.individual td p span { display:block; font-size:14px; color:#283444; padding-top:15px; }
.half_line { background-color:#dae0e9; width:35px; height:1px; margin:30px 0; }
#teacher_bottom { overflow: hidden; padding: 20px 0 75px 0; border-top: 1px solid #283444; }
#teacher_bottom ul { float: left; overflow: hidden; margin-right: 14px; }
#teacher_bottom .last_ul { margin:10px 0 0 75px; }
#teacher_bottom li { float: left; margin-right: 5px; cursor: pointer; *margin-right: 5px; position: relative; text-align: center; }
#teacher_bottom li .ison { display: none; width: 55px; height: 59px; border: 3px solid #5dc0f5; position: absolute; top: 0; left: 50%; margin-left: -30px; }
#teacher_bottom .head { margin-right: 5px; cursor: default; }
#teacher_bottom .head:hover span { color: #283444; }
#teacher_bottom .last { margin-right: 0; }
#teacher_bottom li span { display: block; letter-spacing: -1px; font-size: 12px; padding-top: 10px; text-align: center; }
#teacher_bottom .head span { color: #283444; }
#teacher_bottom .on span, #teacher_bottom li:hover span { color: #5dc0f5; }
#teacher_bottom .on .ison, #teacher_bottom li:hover .ison { display: block; } 

/* 교육원 소개 - 오시는 길 */
#contact_button { width:870px; text-align: center; overflow: hidden; height:55px; margin: 30px auto 30px; }
#contact_button li:last-child a{ margin-right:0; }
#contact_button li a span { font-size: 12px; line-height: 1.4; }

.contact { width: 1130px; margin:0 auto; padding-bottom: 20px; }
.contact th { border-bottom: 1px solid #dae0e9; color: #222; width: 200px; font-weight: 500; background:#f2f5f9;}
.contact td { border-bottom: 1px solid #dae0e9; color: #5b5b5b; padding-left: 34px;  padding: 15px 0 15px 34px; }
.contact td>img { vertical-align: -3px; margin: 0 3px; }
.contact .contact_map { padding: 0; }

.contact .contact_map>div { width: 100%; height: 500px; padding: 0; }
.contact .ulsan_bus { padding: 15px 0 15px 34px; line-height: 18px; }
.contact .ulsan_bus .ulsan_01 { overflow: hidden; padding-bottom: 15px; padding-top: 5px; }
.contact .ulsan_bus .ulsan_02 { overflow: hidden; padding-top: 15px; }
.contact .ulsan_bus div img { float: left; padding-left: 0 3px; }
.contact .ulsan_bus div p { float: left; padding-left: 10px; color:#5b5b5b; }
.contact .young_bus { padding: 12.5px 0 12.5px 34px; line-height: 18px; }
.contact .young_bus .young_01 { overflow: hidden; padding-bottom: 15px; padding-top: 5px; }
.contact .young_bus .young_02 { overflow: hidden; padding-top: 5px; }
.contact .young_bus div p { float: left; padding-left: 10px; }

/* 교육과정 무료지원안내 메인 */
.edu_back { width: 100%; min-width: 1300px; background-repeat: no-repeat; background-position: top center; line-height: 1.5; }
.edu_back>div { width: 1130px; margin: 0 auto; overflow: hidden; position: relative; text-align: center; }
.edu_back>div>a { top: 56px; left: 70px; display: block; position: absolute; }
/*.edu_back_01 { background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_top_bg_security.jpg') no-repeat; position: relative; background-size: cover; background-position: center; }*/
.edu_back_01 p{ color:#fff; }
.edu_back_01 .edu_title { padding-top:157px; box-sizing: border-box; }
.edu_back_01 .edu_title p:first-child{ font-size:24px; font-weight:300; }
.edu_back_01 .edu_title p:nth-child(2){ font-size:38px; font-weight: 500; letter-spacing: -0.08em; line-height:1.2; }
.edu_back_01 .edu_title p:nth-child(3){ font-size:16px; font-weight: 200; line-height:1.2; margin-top:13px; margin-bottom:58px; }
.edu_back_01 .edu_title .open_class:first-child p{ margin-top:73px; }
.edu_back_01 .edu_title .open_class span{ font-size:18px; font-weight: 500; color:#fff; }
.edu_back_01 .edu_title .open_class a{ float:none; margin:0 auto; }
.edu_back_01 .edu_title .open_class .arrowAction .arrow-icon{ width:40px; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon.png') no-repeat; margin:6px 0 0 15.5px; }
.edu_back_01 .edu_title .open_class .arrowAction .cir-left, 
.edu_back_01 .edu_title .open_class .arrowAction .cir-right{ width:40px; height:40px; background:rgba(255,255,255,1); left:162px; top:-7px; }
.edu_back_01 .edu_title .open_class .arrowAction .lb-before .arrow-icon{ left:56px; top:-27px; }

.edu_back_02 { padding:73px 0 50px 0; background-color: #fff; }
.edu_back_02 p{ text-align: center; }
.edu_back_02 p:nth-child(2){ font-weight: 600; line-height: 1.2; font-size:38px; margin-top:24px; }
.edu_back_02 .free_curr{ font-size:18px; font-weight:500; width:138px; margin:0 auto; color:#ff1800; }
.edu_back_02 .free_curr span{ display: inline-block; width:92%; height:2px; background:#ff1800; margin-top:3px; }

.edu_back_03 { width:100%; height:230px; background:#f2f5f9; }
.edu_back_03 p:first-child{ font-size:24px; font-weight:500; margin-top:42px; }
.edu_back_03 p:nth-child(2){ font-size:16px; font-weight:300; line-height: 1; }
.edu_back_03 .light_wrap{ width:1130px; overflow: hidden; margin:0 auto; }
.edu_back_03 .light_cont{ width:1130px; height:230px; margin-top:50px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_bg2.jpg) no-repeat; background-size:cover; background-position:center; }
.edu_back_03 p.process{ color:#fff; font-size:24px; font-weight:500; padding-top:113px; box-sizing: border-box; margin-bottom:15px; }
.edu_back_03 .mixing_process{ color:#ffcc00; font-size:24px; font-weight:700; }
.edu_back_03 .process_intro{ font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.08em; line-height:1.2; margin-top:0; position: absolute; top:222px; }
.bulb-bottom .bottom, .bulb-middle-3, .bulb-middle-2, .bulb-middle-1 { transition: all ease 0.3s; }

.frame { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin-top: -207px; margin-left: -200px; border-radius: 2px; }
.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.bulb-top { position: relative; border: 0;  width: 77px; height: 74px; margin: 0 auto; padding: 0; border-radius: 76px; background-color: rgba(255,209,25); transition: box-shadow ease 0.5s, background-color ease 0.3s;z-index: -1; animation-name: changeLightColor; animation-duration: 10s; animation-iteration-count: infinite; }
.bulb-middle-1 { margin: -16px auto 0 auto; width: 30px; height: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 25px solid rgba(255,209,25); animation-name: changeLightColor; animation-duration: 10s; animation-iteration-count: infinite; }
.bulb-middle-2 { margin: -31px auto 0 auto; width: 20px; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 42px solid rgba(255,209,25); animation-name: changeLightColor; animation-iteration-count: infinite; }
.bulb-middle-3 { margin: -46px auto 0 auto; width: 33px; height: 0; border-left: 6px solid transparent; border-right: 5px solid transparent; border-top: 42px solid rgba(255,209,25); animation-name: changeLightColor; animation-duration: 10s; animation-iteration-count: infinite; border-radius: 100% 0% 23% 25%/0% 0% 50% 50%; }
.bulb-bottom .bottom { width: 25%; height: 10px; margin: 5px auto 0; border-top: 5px solid #e5e5e5; border-left: 2px solid transparent; border-right: 2px solid transparent; height: 0; border-radius: 0 0 5px 5px;}

@keyframes changeLightColor {
  25% {
    background-color: rgb(255,209,25);
    box-shadow: 1px 1px 20px rgb(255,209,25),
              1px 1px 40px rgb(255,209,25);
  }
  
  50% {
    background-color: rgb(255,212,21);
    box-shadow: 1px 1px 20px rgb(255,212,21),
              1px 1px 40px rgb(255,212,21);
  }
  75% {
    background-color: rgb(255,203,33);
    box-shadow: 1px 1px 20px rgb(255,203,33),
              1px 1px 40px rgb(255,203,33);
  }
  
  100% {
    background-color: rgb(255,202,34);
    box-shadow: 1px 1px 20px rgb(255,202,34),
              1px 1px 40px rgb(255,202,34);
  }
}


.edu_back_04 { height:577px; padding-top:144px; border-bottom:1px solid #dae0e9; background: #fff; overflow: hidden; }
.edu_back_04 p:first-child{ font-size:24px; }
.edu_back_04 p:nth-child(2){ font-size:24px; font-weight:700; margin-top:16px; }
.edu_back_04 span{ font-size:13px; font-weight:300; line-height:1.1; }
.edu_back_04 .edu_back_cont_04{ width:1130px; margin:0 auto; padding-top:72px; }
.edu_back_04 .edu_back_cont_04 .pay_infor{ margin-top: 44px; }

/*자바&보안 상세페이지 top부분*/
/*.edu_detail_common{ height:324px; }*/

/*자바&정보보안과정 목록*/
.edu_common{ height:453px !important; }
.process_list{ width:1130px; overflow: hidden; margin:0 auto; }
.process_list .process_title{ font-size:34px; text-align: center; margin:70px 0 20px; }
.process_list ul li{ float: left; text-align: center; position: relative; margin: 0 23.3px 30px 0; }
.process_list ul li:nth-child(2n){  }
.process_list ul li:nth-child(4n){ margin-right:0; }
.process_list .content_box { width:265px; height:250px;}
.process_list .action { overflow:hidden; position:relative;}
.process_list .action img { display:block;}
.process_list .action p{ line-height:1.2; }
.process_list .action .sub_tit2{ width:181px; white-space: nowrap; margin:0 auto; text-overflow: ellipsis; overflow: hidden; }
.process_list .action .hover { background:#fff; position:absolute; left:28px; bottom:0; width:207px; padding:21px 0 21px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:padding-bottom .25s; -webkit-transition:padding-bottom .25s; -moz-transition:padding-bottom .25s; cursor: pointer; }
.process_list .action .hover .desc{ position: absolute; width: 207px; opacity: 0; top: 62px; left: 80px; cursor: pointer; transform: translateY(40%); -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.process_list .action:hover .hover { padding-bottom:55px;}
.process_list .action:hover .hover .desc{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.process_intro{ width:1130px; overflow: hidden; margin:0 auto; margin-top:80px; padding-top:80px; }
.process_intro .left_intro{ width:760px; float:left; overflow: hidden; }
.process_intro .intro_title{ font-size:21px; font-weight: 500; line-height: 0.9; display: block; margin-left:2px; }
.process_intro .intro_title2{  font-size: 32px; font-weight: 700; width: 685px; line-height: 1.1; margin-top: 6px; }
.process_intro .intro_detail{ font-size: 15px; line-height: 1.2; font-weight: 300; margin-top: 17px; width: 685px; }
.process_intro .intro_detail span{ font-size:16px; margin-top:9px; display: block; }
.intro_table{ width: 1130px; margin:0 auto; overflow: hidden; border-top:1px solid #222; margin-top:45px;}
.intro_table table th{ background:#f2f5f9; font-weight: 400; font-size:14px; width:200px; border-bottom:1px solid #dae0e9; box-sizing: border-box; }
.intro_table table td{ font-size:14px; font-weight: 400; padding:25px 16px; width:365px; border-bottom:1px solid #dae0e9; box-sizing: border-box; background:#fff; }
.content_sub_common .process_intro .lb-before{ font-size:18px; color:#222; font-weight: 500; }
.content_sub_common .process_intro .lb{ font-size:18px; color:#222; font-weight:500;  }
.content_sub_common .process_intro .arrow-icon{ width:57px; height:40px; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon3.png') no-repeat !important; }
.content_sub_common .process_intro .arrowAction .cir-left, 
.content_sub_common .process_intro .arrowAction .cir-right{ background:none; }
.content_sub_common .process_intro .actionBtn22{ margin-left:0; margin-top:39px; }
.content_sub_common .process_intro .arrowAction .lb-before .arrow-icon{ left:72px; top:-38px; }
.content_sub_common .process_intro .arrowAction .lb .arrow-icon{ left:0px; top:-11px; }
.content_sub_common .process_intro .actionBtn22 .lb-before{ left:0; }


/*서브페이지 등록프로세스*/
.enrollment_wrap{ width:100%; overflow: hidden; height:625px; margin:0 auto; position: relative; background: url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/process_bg.jpg') no-repeat 0 310px; }
.enrollment_process{ width:1130px; margin:0 auto; overflow: hidden;  margin-top:80px; }
.enrollment_process h1{ font-size:30px; font-weight:500; text-align: center; }
.enrollment_process ul li{ width:265px; height:323px; background:#fff; float: left; text-align:center; margin-right:23px; }
.enrollment_process ul li:last-child{ margin-right:0; }
.enrollment_process ul li span{ font-size: 12px; color:#5b5b5b; letter-spacing: -0.1px; margin-top:15px; display: block; }
.enrollment_process ul li .line{ width: 15px; display: block; height: 1px; background: #d3d3d3; margin: 0 auto; margin-bottom:10px; }
.enrollment_process ul li p.pro_title{ font-size:18px; font-weight:500; margin:0 0 7px 0; }
.enrollment_process ul li p.pro_explan{ font-size:14px; color:#5b5b5b; line-height: 1.2; }
.enrollment_process .up_on_scroll{ margin-top:22px; }

.ability_cont{ clear: both; width:100%; background:#f2f5f9; margin:0 auto; }
.ability_cont .ability_unit{ margin-top:50px; text-align:center; }
.ability_cont .ability_unit .ability_title{ font-size:16px; font-weight:bold; color:#ff0000; line-height: 1.2; }
.ability_cont .ability_unit p{ font-size:16px; }

.curr_table .curr_table_title{ font-size:30px; text-align: center; font-weight: 500; margin-top:90px; }
.curr_table table{ width:1130px; margin:0 auto; margin-top:22px; }
.curr_table table th{ font-weight: 500; font-size:14px; border-bottom:1px solid #dae0e9; }
.curr_table table tr.title th{ border-top:1px solid #222; background:#f2f5f9; height:50px; border-right:1px solid #dae0e9; border-bottom:1px solid #dae0e9; }
.curr_table table tr.title th:last-child{ border-right:0; }
.curr_table table td:first-child{ text-align: center; border-left:1px solid #dae0e9; border-right:1px solid #dae0e9; }
.curr_table table td.first_td{ border-left:1px solid #dae0e9; border-right:1px solid #dae0e9; text-align:center; }
.curr_table table td{ border-bottom:1px solid #dae0e9; padding:15px 20px; }



/* 커뮤니티 - KH이야기 */
#notice { width:1130px; margin:0 auto; border-bottom: 1px solid #dae0e9; margin-bottom: 30px; }
#notice td { width: 265px; padding: 20px 20px 46px 0;  color: #b3b3b3; line-height: 17px; vertical-align: top; }
#notice td p { padding: 10px 0; font-size: 11px; }
#notice td a { display: block; color: #b3b3b3; font-size: 11px; position: relative; }
#notice td a img { width: 265px; height: 212px; }
#notice td a .thumb_hover { position: absolute; left: 0; top: 0; width: 265px; height:212px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover.png) no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display: none; }
#notice td a span { display: block; font-size: 13px; }
#notice td a .title { color: #222; font-size:15px; letter-spacing: -0.07em; line-height:1.3; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#notice td a .date { color: #999; padding:11px 0 4px 0;}
#notice td a .title_intro{ color:#999; font-size:13px; padding:11px 0 4px 0; }
#notice td a .title_curr{ color:#222; font-size:13px; }
#notice #no_result { height: 70px; line-height: 70px; text-align: center; }

/* 커뮤니티 - 발표회&수료식*/
/* 목록페이지 - 컨텐츠 4*3 */
#photo {width:1130px; margin:0 auto 30px; border-bottom:1px solid #dae0e9;}
#photo td {display:inline-block; width:265px; padding:20px 23.3px 46px 0; color:#b3b3b3; line-height:17px; vertical-align:top;}
#photo tr td:last-child {padding-right:0;}
#photo td p { padding: 10px 0; font-size: 11px; }
#photo td a { display: block; color: #b3b3b3; font-size: 11px; position: relative; }
#photo td a img { width: 265px; height: 212px; }
#photo td a .thumb_hover { position: absolute; left: 0; top: 0; width: 265px; height:212px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover.png) no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display: none; }
#photo td a span { display: block; }
#photo td a .title { color: #222; font-size:15px; letter-spacing: -0.07em; line-height:1.3; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#photo td a .date { color: #999; padding:11px 0 4px 0;}
#photo td a .name{ color:#999; }
#photo td a .title_intro{ color:#999; padding:11px 0 4px 0; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#photo td a .title_intro2{ color:#222; font-size:15px; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#photo td a .title_curr{ color:#222; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#photo td a .title_name{ color:#ff0000; padding-bottom:3px; }
#photo td a .title_charge{ color:#999; }
#photo #no_result { height: 70px; line-height: 70px; text-align: center; }

/*산학협력 - 산학연계*/
#industrialEdu { width:1130px; margin:0 auto; border-bottom: 1px solid #dae0e9; margin-bottom: 30px; }
#industrialEdu td { width: 265px; padding: 20px 20px 46px 0;  color: #b3b3b3; line-height: 17px; vertical-align: top; }
#industrialEdu .last_univer_line tr{ margin-bottom:20px;display: table-row;
  vertical-align: inherit;
  border-color: inherit; }
#industrialEdu td p { padding: 10px 0; font-size: 11px; }
#industrialEdu td a { display: block; color: #b3b3b3; font-size: 11px; position: relative; }
#industrialEdu td a img { width: 265px; height: 212px; }
#industrialEdu td a .thumb_hover { position: absolute; left: 0; top: 0; width: 265px; height:212px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/common/plus_hover.png) no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; display: none; }
#industrialEdu td a span { display: block; font-size: 13px; }
#industrialEdu td a .title { color: #222; font-size:15px; letter-spacing: -0.07em; line-height:1.3; width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#industrialEdu td a .date { color: #999; padding:11px 0 4px 0;}
#industrialEdu td a .name{ color:#999; }
#industrialEdu td a .title_intro{ color:#999; font-size:13px; padding:11px 0 4px 0; }
#industrialEdu td a .title_intro2{ color:#222; font-size:15px; }
#industrialEdu td a .title_curr{ color:#222; font-size:13px; }
#industrialEdu td a .title_name{ color:#ff0000; font-size:13px; padding-bottom:3px; }
#industrialEdu td a .title_charge{ color:#999; font-size:13px; }
#industrialEdu #no_result { height: 70px; line-height: 70px; text-align: center; }

/* IT특강 */
#it_slide_wrap{ width: 100%; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_slide_bg.jpg) no-repeat; background-position: center 242px; margin: 0 auto; overflow: hidden;
 height: 550px; background-size:cover; }
#it_slide_wrap .it_slide_cont{ width: 1280px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_bg2.png) no-repeat; background-position: 93.8% 11px;
 margin: 0 auto; padding-top: 0px; padding-top: 30px; z-index: 1000000000000; }
#it_slide_wrap .it_slide_in { position: relative; width:1095px; height: 420px; overflow: hidden; margin:-78px auto 0;}
#it_slide_wrap .slides li { position: absolute; top: 0; height: 100%; float: left; width: 720px; }
#it_slide_wrap .text_box{ width: 375px; padding: 40px 20px; background: #f0f3f8; position: absolute; box-sizing: border-box; bottom: 43px; right: -388px; }
#it_slide_wrap .slides li.selected { z-index: 2; transform: translateX(0); }
#it_slide_wrap .slides li.move-left { transform: translateX(-100%); }
#it_slide_wrap .slides li:nth-child(1) { background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_slide_img1.jpg) no-repeat center center; background-size: cover; }
#it_slide_wrap .slides li:nth-child(2) { background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_slide_img2.jpg) no-repeat center center; background-size: cover; }
#it_slide_wrap .slides li:nth-child(3) { background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_slide_img3.jpg) no-repeat center center; background-size: cover; }
#it_slide_wrap .slides li:nth-child(4) { background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_slide_img4.jpg) no-repeat center center; background-size: cover; }
#it_slide_wrap .slides li > div { vertical-align: middle; text-align: center; color: #fff; }
#it_slide_wrap .text_detail{ float: left; text-align: left; position: relative; top: -14px; }
#it_slide_wrap .text_detail p:first-child{ font-size: 21px; font-weight: 600; }
#it_slide_wrap .text_detail p:nth-child(2){ font-size: 16px; font-weight: 400; color:#5b5b5b; line-height: 1.3; margin: 5px 0 2px; }
#it_slide_wrap .text_detail p:nth-child(3){ font-size: 14px; font-weight: 400; color:#5b5b5b; letter-spacing: -0.02em; }
#it_slide_wrap .slider-nav ul { list-style-type: none; padding: 0; margin: 0; }
#it_slide_wrap .slider-nav a { position: absolute; z-index: 2; bottom:39px;  border-radius: 50px; }
#it_slide_wrap .slider-nav a.next { width: 29px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/arrow_next.png) no-repeat; right:274px; height: 29px; }
#it_slide_wrap .slider-nav a.prev { width: 29px;  background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/arrow_prev.png) no-repeat; right:313px; height: 29px; }
#it_slide_wrap .slider-nav a:hover.next { width: 29px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/arrow_hover_prev.png) no-repeat; right:274px; height: 29px; }
#it_slide_wrap .slider-nav a:hover.prev { width: 29px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/arrow_hover_next.png) no-repeat; right:313px; height: 29px; }
#it_slide_wrap .it_slide_dots { position: absolute; z-index: 3; bottom: 30px; left:30%; }
#it_slide_wrap .it_slide_dots li { display: inline-block; margin-right:5px; }
#it_slide_wrap .it_slide_dots a { display: block; width: 8px; height: 8px; border: 2px solid rgba(255,255,255,0.5); border-radius: 50%; transition: background .3s ease; }
#it_slide_wrap .it_slide_dots a.selected { background: #fff; }
#it_slide_wrap .icon{ background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/slide_icon3.png) no-repeat; width: 83px; left: 31px; z-index: 15000000; top: 256px; height: 78px; position: relative; }
.thumbs_up_wrap{ overflow: hidden; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/it_middle_bg.jpg) no-repeat; width:100%; margin:0 auto; height: 1284px; margin-top: -235px; background-size: cover; background-position: center; }


#itSpecialLecture .img_cont{ height: 126px; padding: 40px 0 0 0; box-sizing: border-box; text-align: center; }
#itSpecialLecture { width:1130px; margin:0 auto; border-bottom: 1px solid #dae0e9; margin-bottom: 30px; padding-bottom:50px; }
#itSpecialLecture td { width: 265px; padding: 30px 23px 0 0; }
#itSpecialLecture td span { display: block; text-align:center; padding: 41px 0; }
#itSpecialLecture td span img { }
#itSpecialLecture td:last-child{ padding-right:0; }
#itSpecialLecture td p.title { color: #222; font-size: 15px; margin-top: 21px; letter-spacing: -0.07em; text-align: center; }
#itSpecialLecture td p.date { color: #999; font-size:13px; text-align: center; }
#itSpecialLecture td p.department { color: #999; font-size:13px; text-align: center; }
#itSpecialLecture #no_result { height: 70px; line-height: 70px; text-align: center; }
#itSpecialLecture .line{ width:205px; height:1px; background:#f0f3f8; text-align: center; margin: 0 auto; }
#itSpecialLecture .univer_cont{ width:265PX; height:213PX; background: #FFF; }

#fileList {margin-top: 20px;}
#fileList li {float: left; width: 30%; margin-left: 18px; margin-bottom: 30px;}
#fileList li img {margin-top:10px;}
#upThumb {margin-top:10px; margin-bottom:10px;}
#viewTitle { position:fixed; width:552px; text-align:center; margin-top:120px; margin-left:74px; font-size:14pt; color:#fff; }
#viewImg {width: 575px; height: 360px; position: fixed; top: 310px; margin-left: 62px; background-position: center center; background-size: cover; background-repeat: no-repeat;}
#viewFrame { width: 700px; height: 700px; margin: 0 auto; background-image: url(https://khacademy.co.kr/resources/images/community/itSpecialLectureViewFrame.jpg); background-position: center center; background-size: contain; background-repeat: no-repeat; position: fixed; z-index: 11; top: 12%; left: 32%; display:none;}
#viewFrame .left {position: fixed; width: 35px; margin-top: 355px; margin-left: 14px;}
#viewFrame .right {position: fixed; width: 35px; margin-left: 650px; margin-top: 355px;}
#viewCount {position: fixed; width: 690px; text-align: center; top: 680px; }
.deleteBtn {position: fixed; left: 1220px; top: 675px;}

/* 커뮤니티 - 인터뷰 한줄평 */
#board_phrase { padding-bottom:50px; width:1130px; margin:0 auto;}
#board_phrase .phrase_head { padding-bottom: 25px; }
#board_phrase .phrase_head h1 { font-size: 26px; color: #222; text-align: center; padding-bottom: 10px; }
#board_phrase .phrase_head p { color: #717171; text-align: center; }
#board_phrase .phrase_head p span { color: #fa5c3f; }
#board_phrase .phrase_total { border-bottom: 1px solid #dae0e9; text-align: right; /*padding-bottom: 8px;*/ padding-bottom:30px; }
#board_phrase .phrase_total span { color: #222; }
#board_phrase .phrase_list li { color: #222; border-bottom: 1px solid #dae0e9; padding: 15px 10px 15px 36px; }
#board_phrase .phrase_list li p { color: #6d6e72; padding-top: 5px; font-size: 11px; }
#board_phrase .phrase_btn { display: block; height: 54px; line-height: 54px; color:#fff; font-size: 15px; background:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub04/more.png') no-repeat; background-position: center right 24px; padding-left:30px; }
#board_phrase .phrase_btn span { font-size: 15px; color:#fff; font-weight: 500; }
#board_phrase .phrase_btn img { vertical-align: -4px; padding-left: 3px; }

.videowrapper { position: relative;height: 100%;overflow:hidden;text-align: center; }
.videowrapper iframe,
.videowrapper object,
.videowrapper embed {top: 0;}	

/*커뮤니티 - 학습동영상*/
#content_right .subject_title{font-size:18px; color:#283343; font-weight:400; margin-bottom:15px;}
#content_right .subject_location{font-size:14px; margin-bottom:7px;}
#content_right .teacher_name{font-size:12px; margin-bottom:30px; margin-left:2px; color:#9a9a9a;}
#content_right .all_video{width:796px; height:48px; margin:0 auto;position:relative;}
#content_right .all_video .all_video_left{width:52px; left:22px;}
#content_right .all_video .all_video_left .all_number{color:#fa5c3f;}
#content_right .all_video .all_video_left p{padding-top:9px;}
#content_right .all_video .all_video_right{ width:510px; height:30px; position:absolute;top:0px; right:0px; }
#content_right .all_video .all_video_right select{width:121px; height:29px; font-size:14px; cursor:pointer;}
#content_right .all_video .all_video_right .category{width:76px; height:29px; float:right;}
#content_right .all_video .all_video_right .category ul li{float:left; margin-top:3px; cursor:pointer;}
#content_right .content_text{width:796px; height:auto; margin:0 auto; border-top:1px solid #ececec;padding-top:30px;}
#content_right .content_text .upload_title{font-size:21px; color:#283343;}
#content_right .content_text .upload_day02{color:#5b5b5b; font-size:13px; margin-top:6px;}
#content_right .content_text .text{color:#9a9a9a; font-size:13px; margin-top:15px;}

.study_video{width:796px; height:auto; margin: 0 auto; border-top:2px solid #283444; border-bottom:2px solid #283444; padding-bottom:30px;}
.study_video .study_video_in{width:796px; height:284; margin:0 auto;}
.study_video .study_video_in .add{margin-top:16px;}
.study_video ul{float:left; text-align:left; padding-top:20px;margin-right:20px;}
.study_video .upload_day{margin:13px 0 13px 0;}
.study_video .upload_day .video_new{vertical-align:middle;}
.study_video .upload_on{color:#ff1800; font-size:13px;}
.study_video .upload_off{color:#999; font-size:13px;}
.study_video .line{width:252px; height:1px; background-color:#ececec; margin-top:15px;}
.study_video .date{margin-top:15px; color:#9a9a9a; font-size:11px;}

.video_horizontal{width:1130px; height:auto; margin: 0 auto; border-top:1px solid #222; }
.video_horizontal .video_horizontal_in{cursor:pointer; width:1130px; height:178px; margin:0 auto; border-bottom:1px solid #dae0e9; }
.video_horizontal .video_horizontal_in ul {margin-top:30px;}
.video_horizontal .video_horizontal_in ul li{float:left; position: relative;cursor: pointer;}
.video_horizontal .video_horizontal_in li.middle{ width:115px; height:141px; line-height:1.2; font-size:14px; text-align:center; padding-top:55px; box-sizing:border-box; }
.upload_title { cursor: pointer; color:#283343; font-size:15px; line-height:0.3; margin-bottom:7px; padding-top:14px;margin-left:-2px; }
.upload_title a{ max-width: 440px; vertical-align: sub;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upload_day02{color:#5b5b5b; font-size:14px;margin-left:-2px; margin-top:10px; }
.video_horizontal .video_horizontal_in .text{ letter-spacing:-0.07em; margin-top:5px; line-height: 1.3; font-size:14px; width:745px; }
.video_horizontal .video_horizontal_in li.on{ color:#ff1800; }
.video_horizontal .video_horizontal_in li.off{ color:#999; padding-top:62px; }
.video_horizontal .video_horizontal_in .date{ margin-top:52px; color:#999; font-size:14px; letter-spacing: -0.03em; }

/* 취업지원센터 - 취업현황 보기 */
#workView { border-top: 1px solid #222; width: 1130px; margin:0 auto; margin-top: 50px; margin-bottom: 40px; }
#workView th { border-bottom: 1px solid #dae0e9; background: #f2f5f9; color: #222; width: 283px; height:55px; font-weight: normal; }
#workView td { border-bottom: 1px solid #dae0e9; color: #6e6e6e; padding-left: 25px; font-size:15px; }

/* 취업지원센터 - 채용정보등록 */
.recruit_title { padding-top: 23px; line-height:1.3; color: #5b5b5b; width:1130px; margin:0 auto; text-align: center; padding-bottom: 25px; }
.recruit_title span { display: block; color: #283444; font-size: 17px; margin-bottom: 5px; line-height:1.2; }
#recruit { border-top: 1px solid #222; width:1130px; margin:0 auto; margin-top:30px; }
#recruit th { border-bottom: 1px solid #dae0e9; background: #f2f5f9; color: #222; width: 283px; height: 55px; font-weight: normal; }
#recruit td { border-bottom: 1px solid #dae0e9; color: #222; padding: 7px 0 7px 15px; position: relative;}
#recruit td select { width:262px; height: 37px; line-height: 37px; cursor: pointer; }
#recruit td input[type=text] { width: 250px; line-height: 35px; height: 35px; border: 1px solid #dae0e9; padding-left: 10px; }
#recruit_button { padding: 40px 0 55px 0; }
#recruit_button a { display: block; margin: 0 auto; height: 55px; width: 120px; text-align: center; font-size: 16px; color: #fff; background: #ff1800; line-height: 55px; }
#recruit .file_hidden { width: 88px; height: 25px; position: absolute; top:5px; right: 100px; z-index: 99; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
#recruit .file_btn { height: 37px; line-height: 37px; color: #FFFFFF; background: #2a2a4e; border: 0; width:78px; margin-left:5px; float:left; cursor: pointer; }

/* 취업지원센터 - 취업지원시스템 */
.working_system { float: right; width: 596px; color: #6d6e72; line-height: 1.5; }
.working_system b { display: block; font-weight: normal; color: #283444; background: url(https://khacademy.co.kr/resources/images/sub05/sub05_bullet.jpg); background-repeat: no-repeat; background-position: left 3px; padding-left: 8px; font-size: 13px; }
.working_system li { padding-bottom: 7px; font-size: 12px; }
.working_system .system_bullet { padding-top: 5px; }

/* 취업지원센터 - 취업담임 소개 */
#suppot { width:100%; }

/* 사업제휴 */
.buiness_ask table#recruit td select {padding:0 10px 0 7px;}
.buiness_ask table#recruit .file_hidden {width:78px; height:37px; top:9px; right:357px; cursor:pointer;}
.buiness_ask table#recruit .file_hidden::-webkit-file-upload-button {cursor:pointer;}

/* 상담선생님소개, 강사소개 리스트 스타일 */
.intro_list li{ width:1130px; margin:0 auto; padding:40px 35px 40px 35px; border-bottom:1px solid #dae0e9; box-sizing: border-box;}
#teacher .intro_list li:last-child{ border-bottom:0; padding-bottom:0; }
.intro_list ul{ border-top:1px solid #222; margin-top:80px; }
.intro_list .intro_thum{ float: left; width: 170px; height: 170px; margin-right: 51px; align-items: center; text-align: center; display: flex; position: relative; background: #dbdbdb;
 border-radius: 50%; overflow: hidden; }
.intro_list .intro_thum img{ width: 137%; image-rendering: auto; left: -17%; top: 4%; position: absolute; }
.intro_list p { line-height:18px; color:rgba(34,34,34,0.7); letter-spacing: -0.08em; font-size:15px; }
.intro_list p>span { display:block; color:#222; padding-top:15px; letter-spacing: -0.08em; font-size:15px; }
.intro_list .intro_txt{display:inline-block; width:839px;}
.intro_list .intro_txt .intro_content1{white-space: pre-line; line-height:18px; color:rgba(34,34,34,0.7); font-size:15px; letter-spacing: -0.08em; }
.intro_list .intro_txt .intro_content2{display:block; color:#222; padding-top:15px; line-height:18px; font-size:15px; letter-spacing: -0.08em; }
.intro_list .intro_name{ font-size:21px; color:#222; padding-bottom:5px;}
.intro_list .intro_info{ font-size:14px; padding:5px 0 15px; line-height:18px; color: #999; font-weight: 300; letter-spacing: -0.03em; }
.intro_list .intro_answer{ font-size:18px; color:#ff1800; letter-spacing: -0.09em; font-weight: 300; }
.online_btn { width:180px; height:55px; line-height:55px; display:block; color:#fff; background:#fa5c3f; text-align:center; font-size:16px; margin:50px auto 70px;}

/* 상담센터 - 시간표조회, 기술향상과정  */
.timetable p { padding-bottom: 20px; border-bottom: 1px solid #ececec; margin-bottom: 20px; line-height: 1.7; }
.timetable b { display: block; padding-bottom: 8px; font-weight: normal; color: #283444; }
.timetable label { margin-left: 4px; }
.timetable input { vertical-align: -3px; }
.timetable p {border-bottom: 0px ; margin-bottom: 0px;}
.timetable p.lecture_list li { margin: 5px 0;}
.timetable p.lecture_list label { margin-left: 4px; display: inline-flex;}
.timetable p.lecture_list input { vertical-align: -3px; }

/* 상담센터 - 지원금액 간편조회 */
.visit table { border-top: 1px solid #ececec; width: 100%; }
.visit th { border-bottom: 1px solid #ececec; background: #f8f8f8; color: #6e6e6e; width: 150px; height: 40px; font-weight: normal; }
.visit td { border-bottom: 1px solid #ececec; color: #6e6e6e; padding: 7px 0 7px 15px; }
.visit td select { height: 25px; line-height: 25px; }
.visit td input[type=text] { width: 95px; line-height: 23px; height: 23px; border: 1px solid #ececec; padding-left: 10px; }
.visit td #mobile2, .visit td #mobile3 { width: 80px; }

/* KH overview,고용노동부 수강후기,상담선생님 소개 탭  */
#division_btn { text-align: center; overflow: hidden; display: table; /*margin: 0 auto;*/ margin:38px auto 0px;}
#division_btn li { float: left; margin-right:5px;}
#division_btn li a { width: 190px; display: block; background: #f0f3f8; color: #222; font-size:15px; line-height: 55px; height: 55px; }
#division_btn li:last-child { margin-right:0; }
#division_btn li .on, #division_btn li a:hover { background:#00a0ff; color:#fff; }
#division_btn li a span { font-size: 10px; color:#9298a1; }
#division_btn li .on span, #division_btn li a:hover span { color: #d8d8d8; }

/* 산학연계-기술자문단_기술자문위원단 위촉현황 */
#advice_wrap { text-align:center; margin:0 auto; width:1130px; margin-top:70px;}
#advice_wrap .division_btn_adv { width:404px; margin:23px auto 15px;}
#advice_wrap .division_btn_adv li a {width:95px; border-radius: 50px; height:35px; line-height:35px;}

#advice_wrap .title_year{ font-size:30px; font-weight:500; letter-spacing: -0.08em;}
#advice_wrap .year { padding:30px 15px 5px 30px; box-sizing: border-box; border-top:1px solid #dae0e9; background:#f0f3f8; overflow:hidden; }
#advice_wrap .year .title_year { color:#283444; font-size:17px; background:skyblue;}
#advice_wrap .year .bar { width:40px; height:1px; background:#283444; margin:30px auto;}
#advice_wrap .year .advice { width:143px; float:left; margin-right:12px; cursor:pointer; }
#advice_wrap .year .mr0 { margin-right:0; margin-bottom:25px; }
#advice_wrap .year .empty { height:1px; }
#advice_wrap .year .advice .i_logo { width:90%; background:#fff; margin:0 auto; }
#advice_wrap .year .advice .logo_cont{ width: 143px; height: 60px; align-items: center; display: flex; background: #fff; margin: 0 auto; }
#advice_wrap .year .advice .logo_cont img{ image-rendering: auto; }
#advice_wrap .year .advice .a_title { font-size:14px; padding:18px 0; background:#ebeef3; border-bottom:1px solid #dae0e9; line-height:1.3; color:#5b5b5b; letter-spacing: -0.09em; }
#advice_wrap .year .advice .a_title span { color:#222; font-size:15px; font-weight:normal; }
#advice_wrap .year .advice:hover .a_title { color:#fff; background:#2a2a4e; }
#advice_wrap .year .advice:hover .a_title span { color:#fff; }
#advice_wrap .year button{ float: left; }
/* 산학연계-기술자문단_자문단 활동 히스토리 */
.history { width:1130px; margin:0 auto; }
.history .title_history { color:#222; font-size:30px; text-align:center; padding-bottom:38px; font-weight: 500; letter-spacing: -0.09em; padding-top:70px; }
.history .year_history { background-color: #222; overflow:hidden; line-height:23px; padding-bottom:30px; position:relative; background-image:url('https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub07/line.jpg'); background-repeat:no-repeat; background-position:center center; }

.history .year_history .center_right{ top: 12px; position: absolute; left: 51.15%; }
.history .year_history .left { float:left; width:564.5px; text-align:right; overflow:hidden; }
.history .year_history .right { float:right; width:550.5px; padding:0 0 0 10px; text-align:left; overflow:hidden; }
.history .year_history .history_month { overflow:hidden; }
.history .year_history .when { float:left; color:#222; font-weight:800; font-size:18px; margin:0 20px 0 43px; }
.history .year_history .history_txt { float:left; }
.history .year_history .history_txt p { color:#5b5b5b; font-size:14px; }
.history .year_history .history_txt p a { color:#5b5b5b; }
.history .year_history .history_txt p a:hover { color:#2a2a 4e; }
.history .year_history .history_img { width:200px; float:left; }
.history .year_history .history_img img { margin-bottom:10px; }
.history .year_history .left .when { float:right; }
.history .year_history .left .history_txt { float:right; }
.history .year_history .left .history_img { float:right; }

/* 교육원 소개 - 자문위원 개인 */
.advice_profile { width:796px; margin-top:40px;float:left; }
.profile { overflow:hidden; padding-bottom:30px; }
.profile .big_thumb{ width:168px; height:200px; float: left; }
.advice_profile .big_thumb { float:left; margin-right:50px; }
.profile_detail { float:left; }
.profile_detail .name { display:block; font-size:25px; color:#222222; padding-bottom:20px; letter-spacing:-1px; }
.profile_detail .career { font-size:15px; line-height:1.5; letter-spacing:-1px; }

.company_profile { text-align:center; }
.company_profile .bar { width:100%; height:1px; background:#dae0e9; }
.company_profile .com_name { padding-bottom:12px; font-size:28px; color:#222222; display:none; }
.company_profile .com_detail { line-height:20px; }
.company_profile .detail_01 { padding:0 50px 20px 50px; font-size: 14px; color: #5b5b5b; line-height:1.3; letter-spacing: -0.10em;}
.company_profile .detail_02 { padding-bottom:20px; }

#interview_view { overflow: hidden; padding: 50px 0 30px 0; border-bottom: 1px solid #dee2e5; text-align:left; }
#interview_view img { margin-bottom: 25px; }
#interview_view #viewtop{text-align:center; width:684px; border-bottom: 1px solid #dee2e5;}
#interview_view #viewtop h5 { padding-bottom: 10px; color: black; font-weight: normal; line-height: 1.5; }
#interview_view #viewleft { float: left; width: 382px; }
#interview_view #viewright { float: right; width: 382px; }
#interview_view div div { padding-bottom: 20px; }
#interview_view h5 { padding-bottom: 10px; color: #fa5c3f; font-weight: normal; line-height: 1.5; }
#interview_view p { line-height: 1.5; }
.interview_text_top { padding: 50px 0 30px 0; border-bottom: 1px solid #dee2e5; }
.interview_text_bottom { padding: 25px 0 30px 0; }
.interview_text_top h4, .interview_text_bottom h4 { color: #fa5c3f; font-weight: normal; font-size: 17px; padding-bottom: 15px; text-align: center; }
.interview_text_top p, .interview_text_bottom p { text-align: center; color: #283444; line-height: 1.5; }
.interview_text_bottom p { color: #888888; }
.interview_table_top { text-align: center; padding-bottom: 30px; }
.interview_table_top .bar { margin: 0 auto; width: 50px; height: 20px; border-top: 1px solid #dee2e5; }
#interview_table { width: 100%; border-top: 1px solid #dee2e5; margin-bottom:50px; text-align:left; }
#interview_table th { font-weight: normal; text-align: center; background: #f8f8f8; border-bottom: 1px solid #dee2e5; width: 155px; }
#interview_table td { font-weight: normal; border-bottom: 1px solid #dee2e5; padding: 15px 30px; line-height: 1.5; }
#interview_table td h3 { font-weight: normal; line-height: 1.5; }
#interview_table td p { font-size: 12px; padding-bottom: 5px; color: #5b5b5b; }
@media all and (max-width:1060px){
	#interview_view #viewleft,#interview_view  #viewright { width: auto; float: none; }
}


#board_view .board_view_botton .apply_btn{ width:140px; margin:0 auto; }
#board_view .board_view_botton .arrowAction .lb-before .arrow-icon{ left:49px; }


#advice_bottom { overflow: hidden; padding:50px 40px 40px; text-align:center; background:#fbfbfb; margin:0 0 50px 0; }
#advice_bottom .adv_h3 { font-size:18px; color:#fff; width:240px; height:40px; line-height:40px; margin:0 auto; background: url('https://khacademy.co.kr/resources/images/company/company_adv_title_another.png') center no-repeat; letter-spacing:-0.5px; text-indent:-9999px; }
#advice_bottom .b_year { font-size:15px; padding:40px 0 25px; margin:0 auto; clear:both; width:200px; height:30px; color:#2c2c2c; background: url('https://khacademy.co.kr/resources/images/company/company_adv_title_year.png') center no-repeat; letter-spacing:-1px; }
#advice_bottom ul { overflow:hidden; padding:0 0 15px 0; border-bottom:1px solid #e7e7e7; }
#advice_bottom .last_ul {  }
#advice_bottom li { float:left; width:106px; height:50px; padding:10px 0 0; margin:0 16px 15px 0; background:#efefef; box-sizing:border-box; cursor:pointer; }
#advice_bottom .adv_lastlist { margin-right:0; }
#advice_bottom li span { color:#2c2c2c; font-size:11px; }
#advice_bottom li:hover,
#advice_bottom li.on { background:#fa5c3f; }
#advice_bottom li:hover span,
#advice_bottom li.on span { color:#fff; }
#advice_bottom .empty { width:106px; height:50px; float:left; margin:0 16px 15px 0; }

.interview_tobe2_view>div { margin-bottom:25px; }
.interview_tobe2_view>div:last-child { margin-bottom:0; }
.interview_tobe2_view table td{ line-height: 1.5;color: #888888;}
.interview_tobe2_view table td.fir { width: 3.5em; vertical-align: top; padding-right:15px;}
.interview_tobe2_view table td .td_span{display:block;font-size: 12px;margin-top: 3px;color: #283442;}
.interview_tobe2_view table tr:nth-child(2) td { padding-top:3px; }


/* 나의메뉴 - 로그인 */
#login{ width:590px; background:#fff; margin:0 auto; }
#login .container { display: block; position: relative; padding-left: 35px; white-space:nowrap; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#login .container input { position: absolute; opacity: 0; cursor: pointer; }
#login .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; border:1px solid #dae0e9; border-radius: 50%; }
#login .container input:checked ~ .checkmark { background-color: #fff; }
#login .checkmark:after { content: ""; position: absolute; display: none; }
#login .container input:checked ~ .checkmark:after { display: block; }
#login .container .checkmark:after { top: 6px; left: 6px; width: 11px; height: 11px; border-radius: 50%; background:#222; }
#login .login_frm{ padding-top:69px; }
#login .login_frm h1{ text-align: center; font-size: 34px; font-weight: 400; letter-spacing: -0.08em; }
#login .login_gubun p input { vertical-align: -2px;  }
#login .login_gubun label:first-child{ margin-right:25px; }
#login .login_gubun{ width:187px; margin:0 auto; display:block; }
#login .login_gubun_cont{ margin-top:41px; display: flex; }
#login .login_frm_detail { padding: 20px 0; overflow: hidden; text-align: center; }
#login .login_frm_detail .id_password{ margin-bottom:20px; }
#login .login_frm_detail .id_password input { width: 418px; border: 1px solid #dae0e9; height: 50px; line-height: 50px; padding-left: 10px; }
#login .id_save{ width:590px; margin:0 auto; height:50px; padding:0 0 55px 80px; }
#login .id_save .container{ padding-left:28px; }
#login .id_save .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border:1px solid #dae0e9; border-radius: 0; }
#login .id_save .container input:checked ~ .checkmark { background-color: #222; }
#login .id_save .checkmark:after { content: ""; position: absolute; display: none; }
#login .id_save .container input:checked ~ .checkmark:after { display: block; }
#login .id_save .container .checkmark:after { left: 6.5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-radius: 0; }
.login_frm_guide{ width:100%; margin:0 auto; padding-top:30px; }
.login_frm_guide ul{ margin:0 auto; width:300px; overflow:hidden; }
.login_frm_guide ul li{ float: left; color:#fff; margin:0 4px;}
.login_frm_guide ul li a{ color:#fff; font-size:15px; }
.login_frm_guide ul li:nth-child(2),.login_frm_guide ul li:nth-child(4){ margin-top:1px; }
#login .frm{ margin-top:20px; }
#login .frm input{ width:430px; height:55px; border:1px solid #dae0e9; line-height: 55px; box-sizing: border-box; font-size:15px; }
#login .email_cont{ width:430px; margin:0 auto; border:1px solid #dae0e9; margin-top:10px; }
#login .phone_cont{ width:430px; margin:0 auto; border:1px solid #dae0e9; margin-top:10px; }
#login .phone_cont span.line{ width:6px; height:1px; background:#222; display: inline-block; vertical-align: middle; }
#login .login_frm .ok{ margin-top:15px; padding-bottom:85px; }
#login .join_comment{ color:#222; font-size:14px; font-weight: 400; text-align: center; line-height:1.2; }
#login h1.join_agree{ font-size: 24px; text-align: center; font-weight: 500; padding:30px 0 2px; }
#login .join_necessary{ float: right; padding-right: 40px; box-sizing: border-box; margin-top: 18px; color: #ff1800; }

/*주민번호 등록*/
#Wrap{width:100%; height:100% ;margin:0 auto; position:relative; top:25%; left:0; right:0; bottom:0;}
#Wrap .Wrap_in{width:440px; margin:0 auto;}
#Wrap .Wrap_in .top_logo{text-align:center;}
#Wrap .Wrap_in .meNual_visual{margin-top:100px;}
#Wrap .Wrap_in .meNual_visual p.meNual{color:#3955b2; font-size:35px; text-align:center; letter-spacing:-2.5px;}
#Wrap .Wrap_in .meNual_visual p.one_Chance{color:#6d6e72; font-size:18px; text-align:center; letter-spacing:-2.0px;}
#Wrap .Wrap_in .meNual_visual input{border:1px solid #ececec; width:210px; height:45px; text-align:center;}
#Wrap .Wrap_in .meNual_visual .Number{padding-bottom:40px; margin-top:25px;}
#Wrap .Wrap_in .meNual_visual .send_Btn{background:#ff593a; text-align:center; padding:20px 0; margin:0 auto; cursor:pointer;}
#Wrap .Wrap_in .meNual_visual .send_Btn button{background:none; border:0; color:#fff; cursor:pointer; font-size:16px;}
#Wrap .Wrap_in .Copyright{text-align:center; margin-top:135px; font-size:12px;color:#6d6e72;}

/* 나의 메뉴 - 회원가입 */
#join_clause span { display: block; color: #6e6e6e; padding:0 0 15px 0; }
#join_clause .clause_content { height: 195px; width: 754px; border: 1px solid #dae0e9; padding: 20px; overflow: auto; color: #6e6e6e; line-height: 1.5; }
#join_clause p { padding: 15px; color: #6e6e6e; }
#join_clause p input { vertical-align: -2px; }
#join_clause b { font-weight: normal; font-size:14px; }
#join_clause .agree_Identity{padding:15px 0 30px 15px;}
#join_clause .agree_Identity input{float:left; margin-right:5px;}
#join_clause .clause_content table.check_day{margin-top:20px;}
#join_clause .clause_content table.check_day th{text-align:center; font-weight:normal; border:1px solid #ececec; border-bottom:0; padding:7px 10px;}
#join_clause .clause_content table.check_day td{border:1px solid #ececec; border-bottom:0; border-left:0; padding:10px 15px;}
#join_clause .clause_content table.check_day td:last-child{text-align:center;}
.agree_Identity{padding:10px 0; }
.agree_Identity span{color:#fa5c3f;}
.agree_Identity input{vertical-align:middle;}

#join_frm { width:590px; background:#fff; margin:0 auto; margin-top:30px; padding-bottom:50px; }
#join_frm .join_frm{ padding-top:69px; }
#join_frm .join_frm h1{ text-align: center; font-size: 34px; font-weight: 400; letter-spacing: -0.08em; }
#join_frm .join_table input{ width:315px; border: 1px solid #dae0e9; height: 50px; line-height: 50px; padding-left: 10px; font-size:14px; }
#join_frm .join_table .phone_cont{ width:430px; margin:0 auto; border:1px solid #dae0e9; margin-top:10px; }
#join_frm .join_table .phone_cont span.line{ width:6px; height:1px; background:#222; display: inline-block; vertical-align: middle; }
#join_frm .join_table span.time{ position: relative;  right: 0; font-size: 12px; height: 20px; max-width: 50px; box-shadow: none; left: -8px; color: #ff1800; top: 0;}
.join_ok { width:100%; overflow:hidden; text-align:center; cursor:pointer; margin-top:30px; } 
.join_ok .apply_btn{ width:193px; margin:0 auto; height:122px; }
.join_ok .arrowAction .cir-left, .arrowAction .cir-right{ background:none; }
.join_ok .arrowAction .lb-before .arrow-icon{ top:-36px; left:75px; }
.join_ok .arrowAction .arrow-icon{ background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub_arrow_icon3.png) no-repeat; width:57px; height:40px; top:-10px; }
.join_ok .apply_btn .actionBtn22{ margin-left:0; white-space: nowrap; }
.join_ok .apply_btn .actionBtn22 .lb-before{ color: #222 !important; font-weight: 600; top: 5px; left: 23px; font-size: 18px; } 
.join_ok .apply_btn .actionBtn22 .lb{ color: #222 !important; font-weight: 600; top: 6px; left:23px; white-space: nowrap; position: absolute; font-size: 18px; }
#join_frm .join_table th{ width: 234px; background: #f2f5f9; color: #222; font-size: 14px; height: 70px; border-bottom: 1px solid #dae0e9; font-weight: normal; }
#join_frm .join_table td{ padding: 7px 0 7px 20px; color: #222; border-bottom: 1px solid #dae0e9; position: relative; width:826px; }

#join_frm .login_gubun{ width:112px; margin:0 auto; display:block; padding:46px 0 20px; }
.khnumber h1{ color: #fff; text-align: center; font-size: 15px; font-weight: 300; margin-top:27px; }
.khnumber span{ font-weight:600; color:#fff; font-size:15px; padding:0 3px; }
#join_frm p.check_Identity{color:#fa5c3f;}
#join_frm input.Identity{width:85px;line-height:23px; border:1px solid #ececec;}
#join_frm input.number{width:77px;line-height:23px; border:1px solid #ececec;}
#join_frm input.Identity_number{ border:0; width:295px; background:#fff; }
#join_frm button.click_Identity{ background: #2a2a4e; border: none; padding:7px 15px; letter-spacing: -0.08em; color: #fff; cursor:pointer; border-radius: 50px; margin:9px 10px 0 0; float: right; }
#join_frm button.number_check{ background:#f2f5f9; color:#5b5b5b; }
#join_frm .container { display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 15px; white-space:nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#join_frm .container input { position: absolute; opacity: 0; cursor: pointer; }
#join_frm .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; border:1px solid #dae0e9; border-radius: 50%; }
#join_frm .container input:checked ~ .checkmark { background-color: #fff; }
#join_frm .checkmark:after { content: ""; position: absolute; display: none; }
#join_frm .container input:checked ~ .checkmark:after { display: block; }
#join_frm .container .checkmark:after { top: 6px; left: 6px; width: 11px; height: 11px; border-radius: 50%; background:#222; }
#join_frm .login_gubur{ margin: 0 auto; text-align: center; width: 110px; }
#join_frm .join_title{ font-size:20px; color:#222; text-align: center; }
.join_hidden { color: #ff1800; font-size: 12px; display: none; line-height: 1.5; clear: both; }

.visit .join_hidden { padding-left: 60px; display: none; position: absolute; top:55px; left:-60px; }
.visit table .join_hidden { padding-left: 0; }
#join_clause #alert_clause_agree { color: #fa5c3f; padding: 0; display: none; }

#find .frm .join_hidden { color: #fa5c3f; font-size: 12px; display: none; line-height: 1.5; width: auto; padding-left: 57px; height: auto; margin: 0; }

/*서명패드*/
#canvas_wrap{width:1070px; height:408px; background:#f2f5f9; border-bottom:1px solid #dae0e9; position:relative; }
#canvas_wrap #reset_signatrue{border: none;background: none;cursor: pointer; position: absolute; left: 500px; bottom: 22px; font-size: 13px; color: #5b5b5b; }
#canvas_wrap button:focus {outline: none;}
.reset_btn{ color:#5b5b5b !important; font-size:13px !important; font-weight: 400 !important; }

/* 나의 메뉴 - 아이디/비밀번호찾기 */
#find { border-top: 2px solid #283444; border-bottom: 1px solid #283444; padding: 40px 0; }
#find .title { font-size: 18px; padding-bottom: 5px; color: #283444; }
#find .gubun { padding-bottom: 24px; *padding-bottom: 20px; border-bottom: 1px solid #ececec; color: #6e6e6e; overflow: hidden; }
#find .gubun span { float: left; }
#find .gubun p { float: right; }
#find .gubun p input { vertical-align: -2px; }
#find .frm { padding: 23px 0; border-bottom: 1px solid #ececec; overflow: hidden; color: #6e6e6e; margin-bottom: 20px; }
#find .frm span { line-height: 29px; height: 29px; margin-bottom: 5px; color: #6d6e72; width: 57px; display: inline-block; *line-height: 23px; }
#find .frm input { width: 300px; padding-left: 5px; height: 27px; line-height: 27px; border: 1px solid #ececec; margin-bottom: 5px; }
#find .frm select { width: 70px; padding-left: 5px; height: 29px; line-height: 29px; margin-bottom: 5px; }
#find .left { width: 368px; padding-right: 30px; position: relative; padding-bottom: 55px; vertical-align: top; }
#find .right { width: 368px; padding-left: 29px; position: relative; padding-bottom: 55px; vertical-align: top; }
#find .ok { position: absolute; left: 0; bottom: 0; width: 368px; }
#find .ok a { width: 100px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; background: #fa5c3f; display: block; text-align: center; margin: 0 auto; }

**#find .left { padding: 40px 30px 95px 0; }
**#find .right { padding: 40px 0 95px 29px; }
**#find .ok { padding-bottom: 40px; }

/* 나의 메뉴 - 이수증발급 */
#certificate_frm {  }
#certificate_frm .bar { width: 30px; margin: 25px 0 20px 0; height: 2px; background: #283444; }
#certificate_frm .certificate_title { font-size: 24px; text-align: center; letter-spacing: -0.08em; font-weight: 500; margin-top:42px; }
#certificate_frm .certificate_table { width: 100%; margin: 13px 0 37px 0; text-align:center; border-top:1px solid #222; }
#certificate_frm .certificate_table th { width: 196px; background: #f2f5f9; border-bottom: 1px solid #dae0e9; color: #222; border-right: 1px solid #dae0e9;
 height: 55px; font-weight: 500; font-size:14px; }
 #certificate_frm .certificate_table th:last-child{ border-right:0; }
#certificate_frm .certificate_table td { color: #5b5b5b; font-size:13px; height:57px; border:1px solid #dae0e9; border-top:0; border-left:0; white-space:nowrap; }
#certificate_frm .certificate_table td:nth-child(2),
#certificate_frm .certificate_table td:nth-child(3) { padding:0 15px; }
#certificate_frm .certificate_table td:last-child { border-right:0; }
#certificate_frm .certificate_table.evalEsu td:last-child {border-right:1px solid #e5e5e5; }
#certificate_frm .certificate_table td a { color:#fff; font-size:14px; display:inline-block; width:63px; height:31px; background:#00a0ff; line-height:31px; border-radius: 50px; }
#certificate_frm .certificate_table td span { line-height: 25px; font-size: 11px; }
#certificate_frm .certificate_table td select { height: 25px; line-height: 25px; }
#certificate_frm .certificate_total_table { width:100%; text-align:center; margin:20px 0 30px 0; }
#certificate_frm .certificate_total_table th { color:#fff; background:#5cbdf4; padding:30px 0; font-weight:normal; }
#certificate_frm .certificate_total_table th span { color:#fff; font-size:30px; font-family:Tahoma; font-weight:bold; }
#certificate_frm .certificate_total_table td { color:#283444; background:#f8f8f8; border-bottom:1px solid #e5e5e5; padding:20px; }
#certificate_frm .certificate_total_table td:last-child { border-left:1px solid #e5e5e5; }
#certificate_frm .certificate_total_table td p { color:#9a9a9a; padding-top:5px; font-size:12px; }
#certificate_frm .certificate_ok { text-align:center; }
#certificate_frm .certificate_ok a { width: 145px; height: 55px; line-height: 55px; font-size: 16px; text-align: center; margin: 0 auto; display: inline-block; background: #fa5c3f; color: #fff;}
#certificate_frm .join_ok a.navy { background:#283444; }
.certificate_last{border-right: 0 !important}


/**  학생설문조사   */
.research_first { overflow: hidden; padding-bottom: 20px; }
.research_first ul li { line-height: 25px; }
.research_first input[type=radio] { vertical-align: -2px; } 
.research_first a { margin-left: 5px; height: 25px; width: 75px; background: #283444; line-height: 25px; text-align: center; display: inline-block; color: #fff; font-size: 12px; }

.popup_cont .popup_survey_error {margin-top: 15px; color: red;}
.popup_cont .popup_survey_error .popup_survey_list {margin-top: 10px;}
.popup_cont .popup_survey_error .popup_survey_list:hover {font-weight: bold;}
.popup_survey_text {font-size: 12pt; }
.popup_survey_pass {margin-top: 10px;}
.popup_survey_pass input { border: 1px solid #ececec; line-height: 23px; }
.popup_cont a { margin-left: 5px; height: 37px; width: 75px; background: #2a2a4e; line-height: 37px; text-align: center; display: inline-block; color: #fff; font-size: 13px; }

#research_second {  }
#research_second .bar, .research_first .bar { width: 30px; margin: 25px 0 20px 0; height: 2px; background: #283444; }
#research_second .research_title, .research_first .research_title { font-size: 24px; color: #222; letter-spacing: -0.08em; font-weight: 500; text-align: center; margin-top:22px; }

#research_second .research_first { padding-bottom: 40px;}
#research_second .research_question { margin-top:10px; border-top:1px solid #222; }
#research_second .research_question p { font-size: 14px; height: 50px; color: #222; line-height: 50px; background: #f2f5f9; padding-left: 20px; border-top:1px solid #dae0e9; }
#research_second .research_question ul { overflow: hidden; padding:20px 20px 30px 20px; }
#research_second .research_question ul li { float: left; min-width: 139px; line-height: 1.5; padding-bottom: 3px; margin-right: 10px;}
#research_second .research_question ul .a6 { width: 95px; }
#research_second .research_question div { width: 1090px; padding: 10px 20px 30px 20px; box-sizing: border-box; }
#research_second .research_question div textarea { width: 100%; height: 50px; border: 1px solid #dae0e9; }
#research_second .research_question input[type=text] { border: 1px solid #dae0e9; height:30px; padding-left:10px; margin-left:10px; }
#research_second .research_question input[type=radio] { vertical-align: -2px; }

#research_second .question_ok { padding-top: 30px; }
#research_second .question_ok a { width: 145px; height: 55px; line-height: 55px;font-size: 16px; text-align: center; margin: 0 auto; display: block; background: #2a2a4e; color: #fff; cursor: pointer; }

#research_count ul { overflow: hidden; width:910px; padding-bottom: 20px; margin:0 auto; }
#research_count ul li { height: 150px; width: 290px; margin-right: 20px;  float: left; position: relative;  background: #1f1f39 url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/servey_yet.jpg) no-repeat; background-position: top center;}
#research_count ul li a { display: block; width: 258px; text-align: center; position: absolute; bottom: 32.6px; left:-10px; font-size: 15px; font-weight: 300; }
#research_count ul li a, #research_count ul .select a { color: #fff; }
#research_count ul .end { width:290px; height:150px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/servey_completed.jpg);  }
#research_count ul .select { width:290px; height:150px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/servey_ing.jpg); }
#research_count ul .yet { width:290px; height:150px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub09/servey_yet.jpg); }


/* 개강안내 */
#schedule_year { text-align: right; padding-bottom: 20px; }
#schedule_year span { line-height: 15px; font-weight: bold; font-size: 17px; padding: 0 5px; }
#schedule_year img { vertical-align: -1px; }

#schedule_month { border-top: 1px solid #dae0e9; padding-top: 20px; margin-top:24px; overflow: hidden; width: 100%; }
#schedule_month li { float: left; padding-right: 8.3px; padding-bottom: 17px; }
#schedule_month li a { display: block; width: 95px; height: 33px; line-height: 33px; text-align: center; font-size: 15px; background: #f2f5f9; color:#5b5b5b; border-radius: 50px; }
#schedule_month li:last-child{ padding-right:0; }

.schedule_list { padding-top: 40px; display: none; }
.schedule_list .bar { width: 30px; height: 2px; background: #283444; margin-bottom: 20px; }
.schedule_list .schedule_title { color: #222; font-size: 24px; padding-bottom: 14px; font-weight: 500; text-align: center; letter-spacing: -0.07em; }
.schedule_list table { width: 100%; border-top:1px solid #222;}
.schedule_list table th { border-bottom: 1px solid #dae0e9; height: 50px; color: #222; font-size: 14px; font-weight: 500; background:#f2f5f9; border-right: 1px solid #dae0e9; }
.schedule_list table th:last-child{ border-right:0; }
.schedule_list table td { color:#5b5b5b; padding: 12px 13px; border-bottom: 1px solid #dae0e9; text-align: center; border-right:1px solid #dae0e9; }
.schedule_list table td:last-child{ border-right:0; }


.schedule_list table td .schedule_yet { color: #fff; width: 71px; height: 31px; background: #ff1800; border-radius:50px; display:inline-block; line-height: 31px; text-align: center; font-size: 13px;font-weight: 300;  }
.schedule_list table td .schedule_ok {cursor:default; color: #5b5b5b; width: 71px; height: 31px; background: #f2f5f9; border-radius:50px; display:inline-block; line-height: 31px; text-align: center;  font-size: 13px;font-weight: 300;  }
.schedule_list .schedule_online { display: block; width: 83px; height: 31px; color:#fff; line-height: 31px; background:#00a0ff; border-radius: 50px; display: inline-block; font-size: 13px;font-weight: 300; }
.schedule_list .schedule_end_o{ cursor:default; display: block; width: 83px; background: #f2f5f9; border-radius:50px; display:inline-block; height: 31px; line-height: 31px; color: #5b5b5b; font-size: 13px;font-weight: 300; }
.schedule_list .schedule_reg { display: block; width: 71px; background: #2a2a4e; border-radius:50px; display:inline-block; height: 31px; line-height: 31px; color: #fff; font-size: 13px; font-weight: 300; }
.schedule_list .schedule_end_r { cursor:default; display: block; width: 71px; background: #f2f5f9; border-radius:50px; display:inline-block; height: 31px; line-height: 31px; color: #5b5b5b; font-size: 13px; font-weight: 300;}

/* 과정검색 */
#search_frm { width: 430px; padding-left: 100px; height: 41px; background: url(https://khacademy.co.kr/resources/images/sub02/sub02_search.jpg); margin-bottom: 40px; }
#search_frm input[type=text] { vertical-align: top; height: 41px; width: 366px; padding: 0 10px; border: 0; background: none; line-height: 41px; }
#search_frm input[type=button] { height: 41px; width: 44px; padding: 0; margin: 0; border: 0; background: none; cursor: pointer; }

.search_list { padding-bottom: 40px; position: relative; }
.search_list .bar { width: 30px; height: 2px; background: #283444; margin-bottom: 20px; }
.search_list .search_title { color: #283444; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
.search_list .search_btn { width: 124px; height: 36px; position: absolute; top: 10px; right: 0; background: url(https://khacademy.co.kr/resources/images/sub02/sub02_search_btn.jpg); }
.search_list ul {  }
.search_list ul li { padding-bottom: 15px; }
.search_list ul li a { display: inline-block; margin-bottom: 5px; color: #5dc0f5; text-decoration: underline; font-size: 14px; }
.search_list ul li p { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*----강사채용----*/
/* 강사채용, 강사인턴쉽 탭 */
.trecruit_subwrap {width:100%; overflow:hidden; margin-bottom:10px; background:#fff;}
.trecruit_sub {width:100%;}
.trecruit_sub p:first-child {text-align:center; font-size:65px; color:#f0f3f8; font-weight:bold;}
.trecruit_sub p:last-child {text-align:center; font-size:34px; font-weight:500; margin-top:-43px; letter-spacing:-0.1em;}
.trecruit_wrap .trecruit_tap_wrap {position:relative; width:100%; height:80px; float:left; top:0; z-index: 2; background:#fff;}
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box {position:relative; width:385px; margin:13px auto; overflow: hidden;}
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box .trecruit_tap {float:left; width:190px; height:55px; background: #f0f3f8; text-align:center; cursor:pointer;}
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box .trecruit_tap:first-of-type {margin-right:5px;}
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box .trecruit_tap p {font-size: 15px; color: #222; letter-spacing: -0.5px; line-height: 53px;}
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box .trecruit_tap_on {background:#008eff; }
.trecruit_wrap .trecruit_tap_wrap .trecruit_tap_box .trecruit_tap_on p {color:#fff;}

/*강사채용 - 소개글*/
.trecruit_wrap{ width: 100%; margin:0 auto; overflow:hidden;}
.trecruit_wrap p{ text-align: center; }
.trecruit_cont1{ width: 100%; height:977px; position:relative; margin:0 auto; overflow:hidden; background-size:contain; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/trecruit_bg.jpg) no-repeat bottom;}
.trecruit_cont1 .icon_bg{ position: relative; width: 1200px; margin: 0 auto; }
.trecruit_cont1 .icon_bg img.left_icon{ position: absolute; top: 67px; z-index: 1; left: -24px; }
.trecruit_cont1 .icon_bg img.right_icon{ position: absolute; top: 679px; z-index: 1; right: -91px; }
.trecruit_cont2{ width: 1130px;margin:0 auto; overflow:hidden; }
.trecruit_title1{ font-size:21px; padding-top: 66px; box-sizing: border-box; }
.trecruit_title1 .x_text{ font-size: 21px; font-weight: 200; }
.trecruit_title2{ font-size:34px; font-weight:500; letter-spacing: -0.1em; }

.kh_cont{ width:1130px; height:auto; overflow: hidden; position: relative; margin-top:42px; }
.kh_cont .kh_left_cont{ width:565px; height:380px; float: left; }
.kh_cont .kh_right_cont{ width:565px; height:380px; float: right; padding:50px 0 0 50px; box-sizing: border-box; }
.kh_cont .kh_right_cont p{ text-align: left; font-size: 18px; white-space: nowrap; letter-spacing: -0.1em; line-height: 1.4; }
.kh_cont .kh_right_cont p.first_txt{ margin-top:44px; }
.kh_cont .kh_right_cont p.txt_bold{ font-weight: 600; font-size: 19px; }

.kh_cont .smart_left_cont img{ float: right; margin-bottom:44px; }
.kh_cont .smart_left_cont p{ clear: both; text-align: right; font-size: 18px; white-space: nowrap; letter-spacing: -0.1em; line-height: 1.4; }
.kh_cont .smart_left_cont p.txt_bold{ font-weight: 600; font-size: 19px; }
.kh_cont .smart_left_cont{ width:565px; height:380px; float: left;  padding:50px 50px 0 0 ; box-sizing: border-box;}

.kh_cont .smart_right_cont{ width:565px; height:380px; float: right; }

/*강사채용 - 채용절차 및 우리들의강사는다릅니다.부분*/
.trecruit_intro{ width: 100%; height:812px; margin:0 auto; position: relative; }
.trecruit_intro_cont1{ background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/process_bg.jpg) no-repeat; height:333px; background-position: center; background-size: cover; }
.trecruit_intro_cont1 .trecruit_title1_df{ font-size: 32px; color: #fff; line-height: 1.3; font-weight: 600; padding-top: 67px; padding-bottom: 50px; letter-spacing: -0.07em; }
.trecruit_intro_cont2{ width: 1130px; margin:0 auto; position: relative; top:-142px; z-index: 1; }
.trecruit_intro_cont2 ul { width: 1130px; position: relative; display: inline-flex; }
.trecruit_intro_cont2 ul li{ float: left; width: 364px; height: 232px; padding: 43px 0 0 37px; box-sizing: border-box; background: #fff; margin-right: 20px; box-shadow:10px 10px 13px rgba(0,0,0,0.05);}
.trecruit_intro_cont2 ul li:last-child{ margin-right:0; }
.trecruit_intro_cont2 ul li p{ text-align: left; font-size: 16px; letter-spacing: -1.2px; color:#5b5b5b; }
.trecruit_intro_cont2 ul li p:first-child{ color: #fe1700; font-size: 21px; font-weight: 500; margin-bottom: 19px; }
.trecruit_intro_cont3{ width: 100%; height: 446px; background: #f0f3f8; margin: 0 auto; position: relative; top: -231px; }
.trecruit_intro_cont3 .intro_cont3{ width:1130px; margin:0 auto; padding-top:175px; box-sizing: border-box; }
.trecruit_intro_cont3 .intro_cont3_left{ float: left; }
.trecruit_intro_cont3 .intro_cont3_left h1{ font-size:34px; font-weight:500; letter-spacing: -0.1em; }
.trecruit_intro_cont3 .intro_cont3_left p{ text-align: left; font-size: 13px; color: #5b5b5b; letter-spacing: -1.4px; }
.trecruit_intro_cont3 .intro_cont3_left span{ font-size: 15px; font-weight: 500; margin-bottom: 4px; display: block; }
.trecruit_intro_cont3 .intro_cont3_left .line{ width:403px; height:1px; background: #dfe5f1; margin:22px 0 26px;}
.trecruit_intro_cont3 .intro_cont3_right{ width:679px; height:185px; margin-left: 50px;}

/*강사채용 - 테이블*/
.tre_table { border-top: 1px solid #222; width: 1130px; margin: 0 auto; margin-top:21px; margin-bottom:80px; }
.tre_table th{ background:#f2f5f9; border-bottom: 1px solid #dae0e9; color: #222; font-size: 17px; font-weight:700; height: 57px; text-align: center; border-right: 1px solid #dae0e9;}
.tre_table th:last-child{ border-right:0; }
.tre_table td{ background:#fff; border-bottom: 1px solid #dae0e9; color: #222; line-height:1.3; font-size: 16px; height: 57px; text-align: left; padding:15px 40px; border-right: 1px solid #dae0e9; letter-spacing: -0.1em; }
.tre_table td:last-child{ border-right:0; }
.tre_table td.txt_center{ text-align: center; }
.tre_table td:nth-child(4){ padding-left:50px; }
.tre_table td span{ font-size:15px; color:#5b5b5b; } 
.tre_table td span.kinds{ font-weight: 300; }

/*강사채용 - 복리후생*/
.welfare_benefits_wrap{ width:100%; overflow:hidden; margin:0 auto; padding:80px 0; box-sizing:border-box; border-bottom:1px solid #dae0e9;}
.welfare_benefits_wrap .welfare_benefits_cont{ width:1130px; margin:0 auto;  }
.welfare_benefits_wrap .welfare_benefits_cont .welfare_benefits { display: inline-flex; }
.welfare_benefits_wrap .welfare_benefits_cont .welfare_benefits ul{ display: inline-flex; position: relative; }
.welfare_benefits_wrap .welfare_benefits_cont .welfare_benefits ul li{ float: left; margin-right: 20px; }
.welfare_benefits_wrap .welfare_benefits_cont .welfare_benefits ul li{ float: left; margin-right: 20px; }

.welfare_benefits_wrap .welfare_benefits_cont .wel_title p{ text-align: left; white-space: nowrap; font-weight: 400; font-size: 34px; letter-spacing: -0.1em; }
.welfare_benefits_wrap .welfare_benefits_cont .wel_detail{ font-size: 15px !important; color:#5b5b5b; font-weight: 500; margin-top:9px; letter-spacing: -0.1em; }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds{ width: 860px; margin-left: 65px; }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds p{ margin-top:209px; cursor: default; }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.one{ width:200px; height:200px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_01.png); }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.two{ width:200px; height:200px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_02.png); }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.three{ width:200px; height:200px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_03.png); }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.four{ width:200px; height:200px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_04.png); }
/*
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.one:hover { background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_01_hover.png); cursor:pointer; transition: 0.25s all ease-in-out;  }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.two:hover { background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_02_hover.png); cursor:pointer; transition: 0.25s all ease-in-out; }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.three:hover { background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_03_hover.png); cursor:pointer; transition: 0.25s all ease-in-out;  }
.welfare_benefits_wrap .welfare_benefits_cont .wel_kinds ul li.four:hover { background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/benefit_04_hover.png); cursor:pointer; transition: 0.25s all ease-in-out;  }
*/
/*강사채용 - 복리후생_건물소개*/

.welfare_benefits_wrap .welfare_benefits_cont .edu_infor{ width: 1130px; margin: 0 auto; display: inline-flex; margin-top:80px; }
.welfare_benefits_wrap .welfare_benefits_cont .edu_infor_left{ width:560px; margin-right: 10px; overflow: hidden; }
.edu_infor_left .left_01{ width:560px; height:438px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_left01.jpg); margin-bottom:10px; overflow: hidden; }
.edu_infor_left .left_02{ width:560px; height:232px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_left02.jpg); margin-bottom:10px; }
.edu_infor_left .left_03{ width:560px; height:310px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_left03.jpg); margin-bottom:10px; }
.edu_infor_left .left_04{ width:560px; height:360px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_left04.jpg); }

.edu_infor_right{ width:560px; }
.edu_infor_right .right_01{ width: 560px; height:310px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_right01.jpg); margin-bottom:10px;}
.edu_infor_right .right_02{ width: 560px; height:360px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_right02.jpg); margin-bottom:10px;}
.edu_infor_right .right_03{ width: 560px; height:438px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_right03.jpg); margin-bottom:10px;}
.edu_infor_right .right_04{ width: 560px; height:232px; background: url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/edu_infor_right04.jpg); }

/*인턴쉽 강사*/
.internship_cont{ min-width: 1130px; margin: 0 auto; width: 100%; overflow: hidden; }
.internship_ver1{ width:100%; height:580px; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/internshipbg1.jpg)no-repeat; margin-top:32px; background-position: center; background-size: cover;}
.internship_cont1{ width: 1130px; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.institution_list{ width:1130px; margin:0 auto; overflow:hidden; padding-top:136px; box-sizing: border-box; }
.institution_list p{ letter-spacing: -0.08em; line-height: 1.3; }
.institution_list ul { width:1130px; margin:0 auto; padding-top:36px; box-sizing: border-box; overflow: hidden; }
.institution_list ul li{ float:left; margin-right:20px; }
.institution_list ul li:first-child{ margin-left:113px; }
.institution_list ul li:last-child{ margin-right:0; }
.institution_list ul li .txt_cont{ background:#fff; padding-bottom:30px; }
.institution_list ul li .txt_cont .title{ font-size:18px; font-weight: 600; padding:30px 0 10px 0; color:#222; }
.institution_list ul li .txt_cont .text{ letter-spacing: -0.12em; }
.institution_list ul li .txt_cont p{ font-size: 16px; color:#5b5b5b; font-weight: 400; }
.institution_list p.text1{ font-size:21px; }
.institution_list p.text2{ font-size:24px; }

.roadMap{ width:100%; margin:0 auto; padding:70px 0 60px 0; box-sizing:border-box; }
.roadMap_cont{ width:1130px; margin:0 auto; overflow: hidden; }
.roadMap_cont img{ margin-top:21px; }

.intern_table th{ width:351px; height:95px; }
.intern_table td span{ color:#00a0ff; font-size: 16px; font-weight: 400; }

.internship_intro { width: 100%; overflow:hidden; margin:0 auto; }
.internship_intro .ncs_Cont1{ width:1130px; height: 472px; margin:0 auto; }
.internship_intro .ncs_Cont1 .textCont{ width:535px; float: left; padding: 30px 0 0 30px; }
.internship_intro .ncs_Cont1 .textCont b{ margin-top:23px; display: block; margin-bottom:3px; }
.internship_intro .ncs_Cont1 .textCont p,
.ncs_Cont1 .textCont b{ font-size:16px; letter-spacing: -0.10em; line-height: 1.4; }
.ncs_Cont1 .textCont b{ letter-spacing: -0.08em; }

.internship_intro .ncs_Cont1 .textCont p{ color:#5b5b5b; line-height: 1.35; margin-bottom:2px; }
.internship_intro .ncs_Cont2{ width:1130px; height: 472px; margin:0 auto; }
.internship_intro .ncs_Cont2 .textCont{ width:535px; float: left; padding-top:30px; }
.internship_intro .ncs_Cont2 .textCont p{ color:#5b5b5b; line-height: 1.35; margin-bottom:2px; }
.internship_intro .ncs_Cont2 .textCont p,
.ncs_Cont2 .textCont b{ font-size:16px; letter-spacing: -0.10em; }
.ncs_Cont2 .textCont b{ letter-spacing: -0.08em !important; }
.internship_intro .ncs_Cont2 .textCont b{ margin-top:23px; display: block; margin-bottom:3px; }
.internship_intro .ncs_Cont2 .rightImg{ float: right; }
.ncs_Cont1 p{ text-align: left; }
.ncs_Cont2 p{ text-align: left; }

.internship_ver5 {width:100%; height:630px;height:870px; border-top:1px solid #dae0e9;}
.internship_intro {width:100%; background:url(https://khacademy.co.kr/resources/images/main/main_renewal/sub/sub02/internshipbg4_bg.jpg)no-repeat; background-position: top; }
.internship_cont5 {width:100%; height:auto; margin:0 auto;}
.internship_cont5 ul{ width:1130px; margin:0 auto; }
.internship_cont5 ul li{ float: left; margin-right:23px; background:#fff; box-shadow: 10px 31px 22px rgba(31,31,57,0.2); width:265px; }
.internship_cont5 ul li:last-child{ margin-right:0; }
.internship_ver5 .trecruit_title2{ padding:70px 0 30px; }
.internship_ver5 .txt_cont{ height:272px; }
.internship_ver5 .txt_cont p{ width:100%; color: #5b5b5b; font-size: 16px; letter-spacing: -0.08em; line-height: 1.2; }
.internship_ver5 .txt_cont img{ padding-bottom:24px; }

/*강사채용 - 마무리*/
.wrapup_bottom_wrap {width:100%; height:513px; /* overflow: hidden; */ margin:170px auto 0; background:#f0f3f8;}
.wrapup_bottom_wrap .wrapup_bottom_cont {width:1130px; margin: 0 auto; padding-top:120px;}
.wrapup_bottom_wrap .wrapup_bottom_cont p:first-child{ font-size:34px; font-weight: 600; margin-top:50px; }
.wrapup_bottom_wrap .wrapup_bottom_cont p:nth-child(2){ margin-top:6px; }
.wrapup_bottom_wrap .wrapup_bottom_cont p:last-child{ font-weight: 600 }
.wrapup_bottom_wrap .wrapup_bottom_cont p{ font-size: 18px; line-height:1.4; letter-spacing: -0.08em }

.internship_ver5 .board_view_botton {width:243px;}

/*강사채용, 강사인턴쉽 - 지원하기팝업*/
#popup_t_recruit .popup_layer_cont {width:524px; position: fixed; margin-left: -272px; margin-top: -257px; box-sizing:border-box;}
#popup_t_recruit .popup_head {width:524px;}
#popup_t_recruit .customStyleFlase{ width:314px; height:40px; line-height: 37px; padding:0 10px 0 7px;}

#popup_t_recruit #mobile_sp input {width: 97px; text-align: center; padding:0;}
#popup_t_recruit .email_cont {width:314px; height:40px; margin:0; border:1px solid #dae0e9; box-sizing:border-box;}
#popup_t_recruit .email_cont input {width: 146px; height:38px; text-align: center; border:0; padding:0;}

.popup_t_recruit table { width: 100%; padding: 25px 20px;}
.popup_t_recruit table th { color: #222; width: 130px; height: 50px; font-weight: 400; text-align: right; }
.popup_t_recruit table td { color: #5b5b5b; padding: 7px 0 7px 15px; }
.popup_t_recruit table td input { width: 314px; line-height: 38px; height: 40px; border: 1px solid #dae0e9; padding-left: 10px; box-sizing:border-box;}
.popup_t_recruit table td select { height: 35px; line-height: 35px; }
.popup_t_recruit table td a { display: inline-block; margin-left: 5px; width: 87px; height: 40px; background: #f0f3f8;  color: #222; line-height: 40px; text-align: center; }
.popup_t_recruit table td input[type=file] { display: none; }
.popup_t_recruit #tr_file {width:222px;}

.popup_t_recruit .tr_buttons{ padding-top: 20px; padding-bottom: 30px; padding: 23px 0 20px 0; text-align: center; border-top:1px solid #dae0e9; }
.popup_t_recruit .tr_buttons a{ width: 120px; height: 40px; line-height: 40px; display: inline-block; color: #fff; background: #00a0ff; text-align: center; font-size: 14px; }
.popup_t_recruit .tr_buttons .cancel{ background: #2a2a4e; }

/* 팝업 레이어 2 */
.popup_layer2 {display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index: 999999; }
.open {display:block;}
.popup_layer2 .popup_layer_bg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup_layer2 .popup_layer_cont2 { position:absolute; left:50%; top:50%; background:#fff; width: 630px; }
.popup_layer2 .popup_layer_cont2 .button { width: 75px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin: 0 auto; display: block; background: #fa5c3f; color: #fff; }
.popup_head2 { height: 65px; line-height: 65px; width: 630px; background: url('https://khacademy.co.kr/resources/images/common/popup_head.jpg'); overflow: hidden; }
.popup_head2 span { float: left; padding-left: 20px; font-size: 16px; color: #fff; line-height: 65px; height: 65px; }
.popup_head2 a { float: right; display: block; width: 57px; height: 15px; margin-right: 20px; margin-top: 25px; }
.popup_cont { padding: 25px 20px 30px 20px; clear: both; }

#popup_t_requestMap .popup_layer_cont2 { position: fixed; margin-left: -315px; margin-top: -216px; }
.popup_t_requestMap { padding: 25px 30px 10px; }
.popup_t_requestMap .left_cont { margin: 0 auto; width: 375px; }
.popup_t_requestMap .left_cont .title { margin: 10px 0 0; float: left; text-align: right; width: 50px; }
.popup_t_requestMap .map_title{ font-size:18px; color:#222; line-height:1.25; font-weight: 400; text-align: center; }
.popup_t_requestMap .map_link{ font-size:14px; color:#222; margin-top:3px; text-align: center; border-bottom: 1px solid #dae0e9; padding-bottom: 17px; }
.popup_t_requestMap input{ height: 40px; border: 1px solid #dae0e9; line-height: 40px; padding: 0 10px; box-sizing: border-box; }
.popup_t_requestMap input[type=file] { display: none; }
#popup_requestMap .popup_head2 span{ padding-left: 168px; box-sizing: border-box; }
.tr_buttons { border-top: 1px solid #dae0e9; text-align: center; padding-top: 20px;}

.requestMap { text-align: center; }
.requestMap a { width: 200px; height: 50px; line-height: 48px; display: inline-block; color: #fff; background: #2a2a4e; text-align: center; font-size: 16px; }