/*

페이지내 프로그래밍이 거의 없는 정보 소개 목적의 컨텐츠 위주의 페이지 
혹은 해당 사이트 특유 페이지라 재사용 안 될 것 같은 페이지 제작시 css

*/



/* 준비중입니다 */

.waitplz {padding-top:50px;}
.waitplz img {display:block; width:150px; height:150px; margin:0px auto 30px;}
.waitplz p {text-align:center; font-weight:bold; font-size:20px; color:#333;}




/* KAIST 기업서비스 */

.title_center {margin-bottom:40px;}
.title_center h2 {position:relative; padding:0px 0px 23px; margin:0px; font-size:34px; font-weight:bold; text-align:center; line-height:100%;}
.title_center h2 span {margin-left:10px; font-weight:bold; font-size:20px; line-height:100%;}
.title_center h2:after {content:""; position:absolute; left:50%; bottom:0px; width:50px; height:3px; margin-left:-25px; background:#5ebfed;}
.title_center h2 + p {margin-top:20px; text-align:center; font-size:16px;}

.cs_intro .cs_intro_text {position:relative; width:100%; height:360px; background:url("/images/company_service/bg_cs_deco.png") no-repeat 50% 0;}
.cs_intro .cs_intro_text .cs_intro_1 {position:absolute; left:0px; top:0px; width:380px; padding:30px 100px 30px 30px; background:url("/images/company_service/bg_cs_intro1.png") repeat 0 0; border-radius:5px; font-size:14px; color:#fff;}
.cs_intro .cs_intro_text .cs_intro_2 {position:absolute; right:0px; top:100px; width:450px; padding:30px 60px 30px 30px; background:url("/images/company_service/bg_cs_intro2.png") repeat 0 0; border-radius:5px; font-size:14px; color:#fff;}

.company_service_function {width:100%; height:460px; padding:60px 0px; background:#cbe6f9;}
.company_service_function h3 {position:absolute; left:30px; top:30px; font-size:20px; font-weight:bold;}
.company_service_function p{position:absolute; left:30px; top:100px; font-weight:bold; text-shadow: 1px 0px 3px #f8f8f8;word-spacing:5px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .company_service_function p{letter-spacing: -2px;}
   }
.company_service_function .cs_function {position:relative; background:#c3c9ce url("/images/company_service/bg_cs_company.png") no-repeat 0 0;}
.company_service_function ul:after {content:""; display:block; clear:both; visibility:hidden; height:0;}
.company_service_function ul li {position:relative; float:left; width:327px; height:230px; overflow:hidden; text-align:center;}
.company_service_function ul li a {position:relative; display:block; width:100%; height:100%; overflow:hidden; text-align:center;}
.company_service_function ul li strong {position:absolute; left:0px; top:155px; display:block; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:24px;}
.company_service_function ul li img.icon_cs {position:absolute; left:50%; top:50px; display:block; margin-left:-41px; width:82px; height:82px;}
.company_service_function ul li span {position:absolute; right:0px; top:0px; padding:8px 8px; background:#34ac10; font-size:12px; color:#fff; line-height:100%;}

.center_member {padding-top:80px;}
.show_animate {opacity:0; transform:translateY(-50px); -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); -o-transform:translateY(-50px); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s;}
.show_animate2 {opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s;}

.show_animate3 {opacity:0; position:relative; left:0px; top:-50px;}




/* KAIST 센터소개 */

.intro_1 {width:100%; padding-top:70px; background:#f1f5f9;}
.intro_1 .career_goal_tree {padding-top:236px; background:url("/images/intro/img_careergoal.png") no-repeat 50% 0px;}
.intro_1 .career_goal_tree ul li {position:relative; float:left; width:160px; padding-left:4px;}
.intro_1 .career_goal_tree ul li:first-child {padding-left:0px;}
.intro_1 .career_goal_tree ul li a.depth_1 {position:relative; display:block; width:100%; height:18px; padding:20px 0px; background:url("/images/intro/bg_careergoal_navi.png") repeat 0 0; text-align:center; font-weight:bold; color:#fff; font-size:18px; line-height:100%;}
.intro_1 .career_goal_tree ul li a.depth_1:hover {background:url("/images/intro/bg_careergoal_navi_on.png") repeat 0 0; text-decoration:none;}
.intro_1 .career_goal_tree ul li a.depth_1.on {background:url("/images/intro/bg_careergoal_navi_on.png") repeat 0 0; text-decoration:none;}
.intro_1 .career_goal_tree ul li ul {position:absolute; right:0px; top:58px; width:160px;}
.intro_1 .career_goal_tree ul.fixed_nav li ul {display:none;}
.intro_1 .career_goal_tree ul li ul li {position:relative; float:none; width:100%; padding:15px 0px; margin-top:10px; background:#acd9f5; font-size:12px; text-align:center;}
.intro_1 .career_goal_tree ul li ul li:before {content:""; position:absolute; left:50%; top:-10px; width:2px; height:10px; margin-left:-1px; background:#ff9600;}
.intro_1 .career_goal_tree ul li ul li a {display:block; width:80px; margin:10px auto 0; padding:6px 10px; background:#2088ca; font-size:12px; text-align:center; color:#fff; font-weight:bold;}
.intro_1 .career_goal_tree ul li ul li a:hover {background:#005caa; text-decoration:none;}


.intro_1 .career_goal_tree .career_goal_nav.fixed_nav {position:fixed; left:0px; top:0px; width:100%; z-index:100;}
.intro_1 .career_goal_tree .career_goal_nav.fixed_nav ul.career_goal_list {width:980px; margin:0 auto;}
.intro_1 .career_goal_tree .career_goal_nav.fixed_nav ul.career_goal_list li ul {display:none;}


dl.desc_text {position:relative; width:100%; padding-top:23px; padding-bottom:40px;}
dl.desc_text:before {content:""; position:absolute; left:0px; top:0px; width:50px; height:3px; background:#01438f;}
dl.desc_text:after {content:""; clear:both; display:block; height:0px; visibility:hidden;}
dl.desc_text dt {float:left; width:230px; font-size:20px; font-weight:bold; color:#fff;}
dl.desc_text dd {float:right; width:730px; font-size:14px; color:#fff;}

.intro_2 {width:100%; padding-top:120px; background:url("/images/intro/bg_intro_sec2.png") no-repeat 50% 0px; background-size:cover;}
.intro_2 .title_center h2, .intro_2 .title_center h2 span, .intro_2 .title_center h2 + p {color:#fff;}
.intro_2 .bg_link_area {width:100%; margin-top:20px; padding:50px 0px; background:url("/images/intro/bg_link_area.png") repeat 0 0;}
.intro_2 .bg_link_area .ps_wrap {text-align:center;}
.intro_2 .bg_link_area .ps_wrap ul {display:inline-block;}
.intro_2 .bg_link_area .ps_wrap ul:after {content:""; clear:both; display:block; height:0px; visibility:hidden;}
.intro_2 .bg_link_area .ps_wrap ul li {float:left; width:200px; padding:0px 80px; text-align:center; font-weight:bold; font-size:24px; color:#fff;}
.intro_2 .bg_link_area .ps_wrap ul li a {display:block; width:100%; text-align:center; font-weight:bold; font-size:24px; color:#fff;}
.intro_2 .bg_link_area .ps_wrap ul li a:hover {color:#5ebfed; text-decoration:none;}
.intro_2 .bg_link_area .ps_wrap ul li img {display:block; width:100px; height:83px; margin:0 auto 20px;}
/* .intro_2 .bg_link_area .ps_wrap ul li {float:left; width:200px; padding:0px 60px; text-align:center; font-weight:bold; font-size:24px; color:#fff;}
.intro_2 .bg_link_area .ps_wrap ul li img {display:block; width:100px; height:83px; margin:0px auto 20px;}
.intro_2 .bg_link_area .ps_wrap a {display:block; width:200px; margin:30px auto 0px; padding:20px 0px; border:1px solid #fff; font-weight:bold; color:#fff; font-size:20px; text-align:center;}
.intro_2 .bg_link_area .ps_wrap a:hover {border:1px solid #ff6000; background:#ff6000; text-decoration:none;} */


.intro_3 {width:100%; padding-top:120px; background:#cbe6f9 url("/images/intro/bg_intro_sec3.png") no-repeat 70% bottom;}
.intro_3 dl.desc_text dt, .intro_3 dl.desc_text dd {color:#333;}

.intro_4 {width:100%; padding-top:120px; background:url("/images/intro/bg_intro_sec4.png") no-repeat 50% 0px; background-size:cover;}
.intro_4 .title_center h2, .intro_4 .title_center h2 span, .intro_4 .title_center h2 + p {color:#fff;}
.intro_4 .career_coaching {width:100%; padding-top:60px; text-align:center;}
.intro_4 .career_coaching span {display:inline-block; padding:15px 20px; background:#ff6000; font-weight:bold; color:#fff; text-align:center; font-size:18px;}
.intro_4 .career_coaching h3 {padding:25px 0px 50px; font-weight:bold; font-size:50px; color:#fff; text-align:center;}
.intro_4 .career_coaching p {margin-bottom:40px; font-size:20px; color:#fff; text-align:center;}
.intro_4 .career_coaching img {width:108px; height:108px;}
.intro_4 .career_coaching a {display:block; width:200px; margin:40px auto 0px; padding:20px 0px; border:1px solid #fff; font-weight:bold; color:#fff; font-size:20px; text-align:center;}
.intro_4 .career_coaching a:hover {border:1px solid #ff6000; background:#ff6000; text-decoration:none;}



.intro_5 {width:100%; padding-top:120px; background:#fff;}
.intro_5 .ability {width:920px; margin:0 auto;}
.intro_5 .ability:after {content:""; clear:both; display:block; visibility:hidden; height:0px;}
.intro_5 .ability li {position:relative; float:left; width:300px; margin-left:10px; overflow:hidden;}
.intro_5 .ability li:first-child {margin-left:0px;}
.intro_5 .ability li.linked_box {height:470px;}
.intro_5 .ability li.linked_box .bg_ab {position:absolute; left:0px; top:0px;}
.intro_5 .ability li.linked_box .icon_ab {position:absolute; left:50%; top:110px; display:block; width:115px; height:115px; margin-left:-57.5px;}
.intro_5 .ability li.linked_box strong {position:absolute; left:0px; top:250px; display:block; width:100%; font-weight:bold; font-size:22px; color:#fff; text-align:center;}
.intro_5 .ability li.linked_box a {position:absolute; left:50%; top:320px; display:block; width:140px; margin-left:-70px; padding:15px 0px; border:1px solid #fff; font-weight:bold; font-size:16px; color:#fff; text-align:center;}
.intro_5 .ability li.linked_box a:hover {border:1px solid #ff6000; background:#ff6000; text-decoration:none;}
.intro_5 .ability li.unlinked_box {height:130px; margin-bottom:10px; padding-top:20px; background:#e6ecf2; text-align:center;}
.intro_5 .ability li.unlinked_box img {width:75px; height:75px;}
.intro_5 .ability li.unlinked_box strong {display:block; width:100%; margin-top:10px; text-align:center; font-weight:bold; font-size:22px; color:#01438f;}
.intro_5 .ability li.unlinked_box a {position:absolute; right:0px; top:0px; display:block; width:17px; height:17px; padding:10px; background:url("/images/intro/btn_bg_ab_more.png") repeat 0 0; z-index:2;}
.intro_5 .ability li.unlinked_box a img {width:100%; height:100%; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s;}
.intro_5 .ability li.unlinked_box a.active img {transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s;}
.intro_5 .ability li.unlinked_box div {display:none; position:absolute; left:300px; top:0px; width:220px; height:110px; padding:20px 60px 20px 20px; background:#005caa; color:#fff; text-align:left; z-index:1; opacity:0;}

.intro_6 {width:100%; padding-top:120px; background:url("/images/intro/bg_intro_sec6.png") no-repeat 50% 0px; background-size:cover;}
.intro_6 .title_center h2, .intro_6 .title_center h2 span, .intro_6 .title_center h2 + p {color:#fff;}

.intro_7 {width:100%; padding-top:120px; background:url("/images/intro/bg_intro_sec7.png") no-repeat 50% 0px; background-size:cover;}
.intro_7 ul li {width:430px; height:190px; padding-top:30px; padding-bottom:30px; background-color:#fff; background-repeat:no-repeat;}
.intro_7 ul li.box_1 {margin-bottom:30px; padding-left:520px; padding-right:30px; background-image:url("/images/intro/img_intro_sfd.png"); background-position:left top;}
.intro_7 ul li.box_2 {padding-right:520px; padding-left:30px; background-image:url("/images/intro/img_intro_recruit.png"); background-position:right top;}
.intro_7 ul li h3 {font-weight:bold; font-size:20px; line-height:100%;}
.intro_7 ul li p {margin-top:18px; font-size:16px;}
.intro_7 ul li a {display:block; width:140px; margin-top:20px; padding:15px 0px; border:1px solid #333; font-weight:bold; font-size:16px; color:#333; text-align:center;}
.intro_7 ul li a:hover {border:1px solid #ff6000; background:#ff6000; color:#fff; text-decoration:none;}





/* International */

#international .intro_0 dl.desc_text dt, #international .intro_0 dl.desc_text dd {color:#333;}
#international .intro_1 .career_goal_tree ul li a.depth_1 {height:36px; font-size:18px;}
#international .intro_1 .career_goal_tree ul li ul {top:76px;}
#international .intro_2 .bg_link_area {margin-top:100px; padding:100px 0px;}
#international .intro_5 {background:#e7fbef;}
#international .center_align {width:100%; padding-top:60px; text-align:center;}
#international .center_align span {display:inline-block; padding:15px 20px; background:#ff6000; font-weight:bold; color:#fff; text-align:center; font-size:18px;}
#international .center_align h3 {padding:25px 0px 50px; font-weight:bold; font-size:50px; text-align:center;}
#international .intro_5 .center_align img {width:108px; height:108px;}
#international .center_align p {margin-bottom:40px; margin-top:40px; font-size:20px; text-align:center;}
#international .intro_7 {background:#ffeff3;}
#international a.btn_very_large {display:block; width:200px; margin:40px auto 0px; padding:20px 0px; border:1px solid #666; font-weight:bold; font-size:20px; text-align:center;}
#international a.btn_very_large:hover {border:1px solid #ff6000; background:#ff6000; color:#fff; text-decoration:none;}