@charset "utf-8";

.header_wrap .gnb_nav .nav4 .depth1_link, #header.header_on .gnb_nav .nav4 .depth1_link{color:#ff7424;}
.hr-system {background:url(/resources/images/hr-system/hr_system_bg.jpg) center 0 no-repeat;}

/* 공통 */
.sec_tit{padding-bottom:20px; font-size:20px; font-weight:bold; line-height:24px; color:#ff7424;}
.sec_tit.bot{padding-bottom:16px; border-bottom:2px solid #dcdcdc;}
.s_txt{font-size:24px; line-height:32px; color:#646464;}
.sec_txt{font-size:16px; line-height:24px; color:#646464;}

/* 인사제도-자기계발 */
.hr .sec1{overflow:hidden;}
.hr .sec1 .sec_tit{float:left; width:225px; font-size:22px; line-height:28px; color:#ff7424;}
.hr .sec1 .sec_txt{float:left;}
.self_development .sec2 .cont_inner{position:relative; width:940px; height:504px; background:url(/resources/images/hr-system/self_cont01.png) 0 0 no-repeat;}
.self_development .sec2 dl{position:absolute; width:260px; border-top:1px solid #ccc;}
.self_development .sec2 dl dt {padding:24px 0 20px;font-weight:bold; color:#242424; font-size:20px;}
.self_development .sec2 dl dd {font-size:16px; color:#646464; line-height:24px;}
.self_development .sec2 .dl_v1{left:0;}
.self_development .sec2 .dl_v2{left:0; bottom:0;}
.self_development .sec2 .dl_v3{right:0; bottom:0;}

/* 인사제도-인재양성 */
.training #contents{background:none; padding-bottom:0;}
.training .sub_top{text-align:center;}
.training .sec1{position:relative; padding-bottom:96px;}
.training .sec1:before{content:''; display:block; position:relative; top:278px; width:1334px; height:123px; margin:0 auto; margin-top:-123px; background:url(/resources/images/hr-system/training_bg.png) 0 0 no-repeat;}
.training .sec1 .inner_section{position:relative;}
.training .sec1 .sub_top{margin-bottom:80px;}
.training .sec1 .sec_tit{padding-bottom:38px;}
.training .sec1 .cont_inner{overflow:hidden;}
.training .cont_left{float:left; width:330px;}
.training .cont_left img{margin-bottom:20px;}
.training .cont_left .sec_txt{text-align:justify;}
.training .cont_right{overflow:hidden; float:left; width:530px; padding-left:80px;}
.training .cont_right dl{float:left; width:100%;}
.training .cont_right dl:before{content:''; display:block; float:left; width:120px; height:152px; margin-right:19px; background:url(/resources/images/hr-system/training_icon.png) 0 0 no-repeat;}
.training .cont_right .icon_v1:before{background-position:0 -152px;}
.training .cont_right .icon_v2:before{background-position:0 -304px;}
.training .cont_right .icon_v3:before{height:120px; background-position:0 -456px;}
.training .cont_right dt{padding-top:10px; margin-bottom:18px; font-size:20px; font-weight:bold; line-height:28px; color:#242424;}
.training .cont_right dd{font-size:16px; color:#646464;}
.training .sec2{padding-top:163px; padding-bottom:80px; background:url(/resources/images/hr-system/training_bg02.jpg) center 0 no-repeat;}
.training .sec2 .sub_top{margin-bottom:82px;}
.training .sec2 .sub_top p{font-size:32px; line-height:40px; color:#242424;}
.training .sec2 .sub_top strong{font-weight:bold;}
.training .training_lst{overflow:hidden; width:941px;}
.training .training_lst:before{content:''; display:block; position:relative; top:100px; border-top:1px solid #ff7424;}
.training .training_lst li{float:left; position:relative; width:200px; height:200px; margin-left:47px; line-height:24px; text-align:center; color:#ff7424; background-image:url(/resources/images/hr-system/training_icon_bg.png)}
.training .training_lst li:first-child{margin-left:0;}
.training .training_lst li em,.training .training_lst li span{display:block; margin:0 auto;}
.training .training_lst li em{max-width:124px; padding-top:53px; margin-bottom:10px; font-size:18px; font-weight:bold;}
.training .training_lst li span{max-width:138px; font-size:16px;}
.training .training_lst .last em{padding-top:76px;}
.training .training_lst li:first-child em{padding-top:64px;}

/* 인사제도-복리후생 및 승진체계 */
.personnel #contents{padding-bottom:0; padding-top:0px;}
.personnel .sec1 {padding-top:80px; background:url(/resources/images/hr-system/personnel_bg.jpg) center 0 no-repeat;}
.personnel .sec1 .sub_top {margin-bottom:80px; text-align:center;}
.personnel .sec_tit {padding-bottom:38px;}
.personnel .hr {position:relative; height:288px; margin-bottom:80px;}
.personnel .hr dl {position:absolute;}
.personnel .hr dl dt {margin-bottom:30px; font-size:20px; font-weight:bold; color:#242424;}
.personnel .hr dl dd {font-size:16px; color:#646464; text-align:center; line-height:24px;}
.personnel .hr dl.hr01 {top:102px; left:77px;}
.personnel .hr dl.hr02 dt, .personnel .hr dl.hr02 dd {color:#ff7424;}
.personnel .hr dl.hr02 {top:102px; right:80px;}
.personnel .cont {padding-bottom:67px;overflow:hidden;}
.personnel .cont .text {padding:60px 0 0 20px;}
.personnel .cont .text h5 {margin-bottom:25px; font-size:20px; color:#ff7424; font-weight:bold;}
.personnel .cont .text p {font-size:16px; color:#242424; text-align:justify; letter-spacing:-1px;}
.personnel .cont .con01 {margin-bottom:80px;}
.personnel .cont .con01 .text {width:460px;}
.personnel .cont .con02 {float:left; width:470px; margin-bottom:93px;}
.personnel .cont .con02 .text {width:450px;}
.personnel .cont .con02 .text p {letter-spacing:0px;}
.personnel .cont .con03 {float:right; width:370px; margin-top:-240px;}
.personnel .cont .con04 {clear:both;}
.personnel .sec2 {padding-top:80px; background:#f5f5f5;}
.personnel .sec2 p.tit {width:161px; padding-left:3px; padding-bottom:10px; margin:0 auto; text-align:center; font-weight:bold; font-size:20px; color:#ff7424; background:url(/resources/images/common/bu_bot.gif) center bottom no-repeat;}
.personnel .sec2 .cont {padding:56px 0 15px; overflow:hidden;}
.personnel .sec2 .cont > div {float:left;}
.personnel .sec2 .cont > div dl {margin-bottom:60px; font-size:16px;}
.personnel .sec2 .cont > div dl.line2 {margin-bottom:36 px;}
.personnel .sec2 .cont > div dl dt {padding-left:14px; margin-bottom:10px; font-weight:bold; color:#242424; background:url(/resources/images/hr-system/personnel_bu.gif) left center no-repeat;}
.personnel .sec2 .cont > div dl dd {padding-left:14px; color:#646464; line-height:24px;}
.personnel .sec2 .cont .cont02 {margin-left:80px;}
.personnel .sec2 .cont .cont03 {margin-left:80px;}