@charset "utf-8";

@import url('common/layout.css');
@import url('common/board.css');

@font-face { src:url('/Css/Fonts/malgun.eot'); src:local('☺'), url('/Css/Fonts/malgun.ttf') format(truetype);}
@font-face { src:local('☺'), url('/Css/Fonts/malgun.ttf') format('truetype');}



.btnright {margin: 15px 0px 0px; width: 100%; text-align: right; clear: both; font-size: 1px;}
.btnright img {padding-left: 4px;}
.webkit_bg {background-size: 290px;}
H5.ml_tit {FONT-SIZE: 18px; FONT-FAMILY:"微软雅黑"; COLOR: #333; LETTER-SPACING: -1px; font-weight:600;}
/*news*/
.res1300 .recruit_list .section {min-width: 664px}
.res1025 .recruit_list .section {min-width: 500px}
.res1000 .recruit_list .section {min-width: 350px}
.res720 .recruit_list .section {min-width: 0px}
.recruit_list .section label{font-size: 12px; background: url(../Image/icon/icon_list_02.gif) no-repeat 3px 6px; color: #333; padding-bottom: 0px; padding-top: 2px; padding-left: 9px; display: inline-block; padding-right: 0px; width: 61px}
.recruit_list .section select {font-size: 12px; color: #888; width: 145px}
.mobile .recruit_list .section .btn {POSITION: static; MARGIN: 10px 0px 5px}
.recruit_list table.boardlist tbody th {font-size: 12px !important; font-family: Dotum; min-width: 60px}
.recruit_list table.boardview {border-top: 0px; margin-top: 0px}
.recruit_list table.boardview TR.prevnext TD.company {font-size: 11px !important; font-family: Dotum}

.recruit_list {min-width: 0px; clear: both; width: 100%}
.recruit_list H4{height: 195px;  padding-bottom: 0px; padding-top: 20px; padding-left: 0px; padding-right: 0px; width: 100%;background: url("../Image/recruit/bg_recruit.gif") no-repeat right top;}/* To be determined 20130925 by liuyang* */
.recruit_list .section {position: relative; zoom: 1; padding-bottom: 8px}
.recruit_list .section:after {height: 0px; content: ""; clear: both; display: block; visibility: hidden; width: 0px}
.recruit_list .section A {float: right}
.recruit_list table.boardview {border-top: 0px; margin-top: 0px}
.recruit_list table.boardview tr.prevnext td.company {font-size: 11px !important; font-family: Dotum}
table.boardlist td.date{border-right:medium none;}
table.boardview td.date{border-right:medium none;}


/*talent*/
.talent { clear: both; width: 100%; background: url('../Image/recruit/bg_talent.gif') right 20px no-repeat; }
.talent h4 { height: 190px; padding: 20px 0 0 0; }
.talent .talent_txt {width: 100%; background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat; }
.talent .talent_txt p {line-height: 20px;padding-bottom: 30px;margin: 0;}
.talent .talent_txt p.tlwrap { width: 100%; padding: 0 0 30px 0; overflow: hidden; line-height: 19px; background: url('../Image/about/dot_rightred.gif') right bottom no-repeat; }
.talent .talent_txt span.orange{color: #ff7a00;}
.talent .rightperson { clear: both; width: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 40px; }
.talent .rightperson span.red {color:#ea002c;}
.talent .rightperson .txt_wrap { margin:12px 0 0;line-height: 19px;}
.talent .rightperson ul { width: 100%; }
/* .talent .rightperson ul li { float: left; width: 24.5%; min-width: none; height:47px;overflow: hidden; }
.talent .rightperson ul li label { float: left; display: block; width: 50px; text-align: center; }
.talent .rightperson ul li p { float: none; padding-top: 20px; } */
.talent .forest{clear: both; padding: 12px 0 25px 0; overflow: hidden;}
.talent .forest h5{margin-bottom:10px;}
.talent .forest p{line-height:1.5em;}
.talent .forest .forest_box{padding-top:25px;}
.talent .forest .forest_box div{float:left;width:40%;margin-right:3%;max-width:384px;}
.talent .forest .forest_box div img{width:100%;max-width:364px;margin-bottom:10px;}
.talent .forest .forest_box div img + img{max-width:273px;}
.talent .forest .forest_box p{float:left;width:56%;}
.talent .value { clear: both; padding: 12px 0 25px 0; overflow: hidden; /* border:1px solid #e9e9e9; */ }
.talent .value h6{margin-bottom:5px;}
.talent .value > div{float:left;width:32%;min-height:300px;padding-top:35px;margin-right:1.4%;border:1px solid #e9e9e9;text-align:center; }/* 131021추가 */
.talent .value > div > p{margin-bottom:15px;}
.talent .value > div ul{text-align:left;margin-left:10%;line-height:1.5em;width:90%;}
.talent .value > div ul li{margin-bottom:15px;}
.talent .value > div ul li p{width:90%;padding-left:10px;}
.talent .value > div + div + div{margin-right:0;}
.talent .success h6{margin-bottom:15px;}
.talent .success dl { width:100%; margin: 0 auto; }
.talent .success dt img{float:left;margin-bottom:15px;margin-right:10px;}
.talent .success dt p{float:left;padding-top:20px;}
.talent .success dt span{display:inline;}
.talent .success dd {clear:both; margin-bottom:20px;}
/* .talent .value dl dd ul {overflow:hidden;}
.talent .value dl dd ul li { float: left; margin-right: 20px; padding-bottom: 10px; } */
.mobile .talent .value dl dd ul li { float: left; width:90px; box-sizing:border-box; margin-right:0px; text-align:center; }
.res1025 .talent .value dl { width: 90%; }
.res1025 .talent { min-width: 500px; }
.res1000 .talent { min-width: 350px; }
.res1000 .talent .value dl { width: 90%; }
.res1000 .value > div{float:none;width:99%;padding-top:15px;min-height:100px;margin-bottom:10px;} /*131021 추가*/
.res720 .talent .forest .forest_box div{float:none;width:100%;} /*131021 추가*/
.res720 .talent .forest .forest_box p{width:100%;} /*131021 추가*/
.res720 .value{padding-left:0;} /*131021 추가*/
.res720 .value > div{float:none;width:99%;padding-top:15px;min-height:100px;margin-bottom:10px;}
.res720 .talent .value dl { width: 100%; }
.res720 .talent .value dl dt { float: none; }
.res720 .talent .value dl dd { float: none; padding-top: 20px; word-break:none; }
.res720 .talent { min-width: 290px; }
.res720 .talent .rightperson ul li { padding-bottom: 15px; min-width: 140px; }




/* recruitguide */
.recruitguide { clear: both; width: 100%; background: url('../Image/recruit/bg_recruitguide.gif') right 20px no-repeat; }
.mobile .recruitguide {background-size:280px; }
.recruitguide h4 { height: 111px; padding: 20px 0 0 0; }
.recruitguide .recruit_txt { width:100%; background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat;}
.recruitguide .recruit_txt p { line-height: 20px;padding-bottom: 30px;margin: 120px 0 0 0;}
.recruitguide p.rcwrap { width: 100%; padding: 0 0 30px 0; overflow: hidden; text-align: justify; line-height: 19px; background: url('../Image/about/dot_rightred.gif') right bottom no-repeat; }
.recruitguide .process01 {width: 100%; background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat;}
.recruitguide .process01 h5{padding-top:30px;margin-bottom:10px;}
.recruitguide .process01 p { line-height:20px;padding-bottom:30px;margin-top:20px;}
.recruitguide .process01 .process_box{padding:39px 0 26px;text-align:Center;border:1px solid #e9e9e9;}
.recruitguide .process01 .process_box img{vertical-align:middle;}
.recruitguide .process02 {width: 100%;}
.recruitguide .process02 h5{padding-top:30px;}
.recruitguide .process02 dl{margin-top:20px;width:100%;overflow:hidden;float:left;line-height:1.7em;}
.recruitguide .process02 dt{float:none;padding-right:22px;margin-bottom:15px;}
.recruitguide .process02 dd{float:none; overflow: hidden;padding-bottom:15px;margin-bottom:25px;background: url('../Image/about/box_line_LR.gif') left bottom no-repeat; }
.recruitguide .process02 dl + dl + dl dd{border:none;}
.recruitguide .process02 dd p { padding-left: 8px; padding-bottom:2px;}
.recruitguide .process02 dd .red{color:#ea002c;font-weight:bold;}
.recruitguide .process02 dd ul { width: 80%; line-height:19px; overflow: hidden; }
.recruitguide .process02 dd ul li { float: left; display: block; margin-right: 12px; padding: 0 0 0 8px; background: url('../Image/icon/icon_list_01.gif') 0 7px no-repeat; }
.recruitguide .process02 dd ul.interview li { width: 100%; }
.recruitguide .process02 dd ul.first{overflow:hidden;}
.recruitguide .process02 dd ul.first li{float:left;padding-right:10px}
.res1025 .recruitguide { min-width: 500px; }
.res1025 .recruitguide .process02 dd { height:100%}
.res1025 .recruitguide .process02 dd ul.first li { float: none; width: 100%; overflow: hidden; }
.res1000 .recruitguide { min-width: 350px; }
.res1000 .recruitguide .process02 dd {height:100%}
.res1000 .recruitguide .process02 dd ul.first li { float: none; width: 100%; overflow: hidden; }
.res1000 .recruitguide .process01 .process_box img{width:90%;max-width:445px;}
.res720 .recruitguide .process01 .process_box img{width:90%;max-width:445px;}
.res720 .recruitguide { min-width: 290px;}
.res720 .recruitguide .process02 dd {height:100%}
.res720 .recruitguide .process02 dd ul.first li { float: none; width: 100%; overflow: hidden; }
.mobile .recruitguide .process02 dl{ position:relative; }
.mobile .recruitguide .process02 dt{}
.mobile .recruitguide .process02 dd{}
.mobile .recruitguide .process02 dd p {padding-left:0;}

/* 131105 인재육성 추가 */
.training { clear: both; width: 100%;}
.mobile .training {background-size:280px; }
.training h4 { height: 200px; padding: 20px 0 0 0;  background: url('../Image/recruit/bg_recruit_03.gif') right top no-repeat; }
.training .training_txt { width:100%;margin-bottom:20px; background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat;}
.training .training_txt p { line-height: 20px;padding-bottom: 20px;background: url('../Image/about/dot_rightred.gif') right bottom no-repeat;}
.training h5 { margin: 0 0 16px 0; text-align:left;}
.training .clear{clear:both;width:0;height:0;font-size:0;line-height:0;}
.training .red{color:#ea002c;line-height:1.5em;}
.training .emdSystem{padding-bottom:20px;margin-bottom:20px;background: url('../Image/about/box_line_LR.gif') left bottom no-repeat;text-align:center;}
.training .emdSystem p{line-height:20px;text-align:left;}
.training .emdSystem img{margin:35px 0 25px;}
.training .emdCriteria{padding-bottom:20px;margin-bottom:20px;background: url('../Image/about/box_line_LR.gif') left bottom no-repeat;}
.training .emdCriteria h6{margin-bottom:12px;}
.training .emdCriteria p{margin-bottom:4px;}
.training .emdCriteria > p{margin-bottom:20px;line-height: 20px;}
.training .emdCriteria ul{margin-bottom:11px;line-height: 18px;}
.training .emdCriteria ul li{text-indent:-13px;padding-left:2px;}
.training .emdCriteria .skvlaue_area{margin-bottom:15px;padding:20px 4% 0;border:1px solid #e9e9e7;}
.training .emdCriteria .skvlaue_area div{float:left;width:44%;}
.training .emdCriteria .skvlaue_area div + div{float:right;}
.training .emdCriteria .ability_01{float:left;width:47%; }
.training .emdCriteria .ability_02{float:right;width:47%;}
.training .emdCriteria > div > img{margin-bottom:5px;}
.training .emdCriteria > div > img + div{padding:20px 4%;border:1px solid #e9e9e7;min-height:190px;}
.training .program{padding-top:15px;padding-bottom:20px;margin-bottom:20px;/*background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat;*/}
.training .program > img{margin-bottom:30px;}
.training .program > p{line-height:20px;margin-bottom:20px;}
.training .program h6{margin-bottom:20px;}
.training .program01 > li{float:left;width:31%;margin-right:3.2%;text-align:center;} 
.training .program01 > li + li + li{margin-right:0;}
.training .program01 > li > img{margin-bottom:15px;}
.training .program01 > li div{padding:20px 5%;text-align:left;border:1px solid #e9e9e7;line-height:1.2em;min-height:280px;}
.training .program01 > li div > ul > li {margin-bottom:10px;}
.training .program01 > li div li span{display:block;font-size:16px;padding-bottom:10px;font-weight:bold;color:#333;}
.training .program01 > li + li + li div li {margin-bottom:10px;padding-left:10px;text-indent:-10px;}
.training .program01 > li + li + li div li b{font-size:13px;line-height:20px;}
.training .program01 > li div > ul > li ul li{padding-left:10px;text-indent:-10px;}
.training .program01 > li div p{margin-bottom:10px;padding-left:10px;text-indent:-10px;}
.training .program02{text-align:center;}
.training .program02 div{padding:20px 4%;border:1px solid #e9e9e7;}
.res1000 .training img{max-width:100%;}
.res720 .training img{max-width:100%;}
.mobile .training img{max-width:100%;}



.welfare { clear: both; width: 100%;}
.mobile .welfare {background-size:280px; }
.welfare h4 { height: 200px; padding: 20px 0 0 0;  background: url('../Image/recruit/bg_recruit_03.gif') right top no-repeat; }
.welfare .welfare_txt { width:100%;margin-bottom:20px; background: url('../Image/about/bg_boxline_left.gif') left bottom no-repeat;}
.welfare .welfare_txt p { line-height: 20px;padding-bottom: 20px;background: url('../Image/about/dot_rightred.gif') right bottom no-repeat;}
.welfare h5 { margin: 0 0 16px 0; text-align:left;}
.welfare .red{color:#ea002c;line-height:1.5em;}
.welfare .appraisal{padding-bottom:20px;margin-bottom:20px;background: url('../Image/about/box_line_LR.gif') left bottom no-repeat;text-align:center;}
.welfare .appraisal p{line-height:20px;text-align:left;}
.welfare .appraisal img{margin:35px 0 25px;}
.welfare .reward p{line-height: 20px;}
.welfare ul.payment { }

.welfare ul.payment li { padding: 0 0 0 12px; margin: 0 0 5px 0; line-height: 18px; background: url('../Image/icon/icon_list_05.gif') 5px 6px no-repeat; }
.welfare ul.paywelfare { padding: 20px 0 30px 0; overflow: hidden; }
.welfare ul.paywelfare li { padding: 15px 0 15px 0; text-align: center; font-size: 1px; border: 1px solid #e9e9e9; }
.welfare ul.paywelfare li img { max-width: 100%; }
.welfare ul.paywelfare li.arr { width: 100%; height: 20px; padding: 0; border: 0; background: url('../Image/recruit/img_recruit3_arrow.gif') top center no-repeat; }
.welfare .welfare_detail { clear: both; width: 100%; background: url('../Image/about/bg_boxline_left.gif') left top no-repeat; } 
.welfare .welfare_detail h5 { padding: 30px 0 0 0; margin: 0 0 16px 0; background: url('../Image/about/dot_rightred.gif') right top no-repeat; }
.welfare .welfare_detail h5 { padding: 30px 0 0 0; margin: 0 0 30px 0; background: url('../Image/about/dot_rightred.gif') right top no-repeat; }
.welfare .welfare_detail h5 p { padding-top: 15px; text-align: justify; font-size: 12px; font-weight: normal; line-height: 18px; }
.welfare .welfare_detail h6{margin-bottom:10px;}
.welfare .welfare_detail .detail_box{padding:30px 0;margin-bottom:10px;border: 1px solid #e9e9e9;}
.welfare .welfare_detail .detail_box > div{float:left;width:49.9%;}
.welfare .welfare_detail .detail_box .clear{clear:both;}
.welfare .welfare_detail dl {clear: both; padding: 0 0 18px 40px; overflow:hidden;}
.welfare .welfare_detail dt { float:left;width: 70px;padding-top:5px; }
.welfare .welfare_detail dd { float:none; padding-top: 10px; overflow: hidden; height:50px;}
.welfare .welfare_detail dd p { padding-left: 7px; color:#ea002c; padding-bottom: 2px; }
.welfare .welfare_detail dd ul { line-height: 18px; overflow: hidden; }
.welfare .welfare_detail dd ul li { display:inline-block;zoom:1;*display:inline; margin-right: 12px; padding: 0 0 0 8px; background: url('../Image/icon/icon_list_01.gif') 0 7px no-repeat; }
.welfare .welfare_detail dl.hobby dd { padding-top: 8px; }
.welfare .welfare_detail dl.health dd { padding-top: 14px; }
.res1000 .welfare .welfare_detail .detail_box > div{min-width:470px;}
.res720 .welfare .welfare_detail .detail_box > div{min-width:270px;}
.mobile .welfare .welfare_detail .detail_box > div{min-width:270px;}
.mobile .welfare .appraisal img{width:100%;}