@charset "utf-8";

.contArea {border:1px solid #e9e9e9;background:#fff;padding:46px 50px;}
.contArea p {line-height:24px;padding-bottom:16px;font-size:14px;color:#666;} 

.company_presentCon .link1{ position:absolute; left:249px; top:172px; width:37px; height:37px;}
.company_presentCon .link2{ position:absolute; left:576px; top:172px; width:37px; height:37px;}
.company_presentCon .link3{ position:absolute; left:904px; top:172px; width:37px; height:37px;}

.leadershipBox{background-color:#fff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; padding:0px 50px 45px 50px;width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.leadershipBox .textWrap{padding:0px 0 0 0;}
.btnCenter.ci{ margin:0 0 60px 0;}
.btnCenter.ci a{width:170px;margin:0 2px;}

.ciBox{border:1px solid #e9e9e9; background:#ffffff;padding:50px;}
.ciBox .titleArea{ overflow:hidden; margin-bottom:15px;}
.ciBox .titleArea li{ float:left;}
.ciBox .titleArea li.btn{ float:right; font-size:0;}
.ciBox .titleArea li.btn a{ margin-left:5px;}
.ciBox .imgArea{ margin-bottom:45px;}
.ciBox .colorArea{ overflow:hidden; margin-bottom:25px;}
.ciBox .colorArea li{ margin-left:6px; float:left;}
.ciBox .colorArea li:first-child{ margin-left:0px;}
.ciBox .txtDot li{ line-height:24px; font-size:13px; padding-left:12px; background:url("/en/images/company/g_dot.png") no-repeat left 9px;}
.ciBox .txtDot li strong{ color:#444444;}

.historyTab{ overflow:hidden;}
.historyTab li{ float:left; margin-left:1px;}
.historyTab li:first-child{ margin-left:0;}
.historyTab li a{ display:block; background:url("/en/images/company/history_tab.png") no-repeat; width:195px;height:195px; text-indent:-9999px; overflow:hidden;}
.historyTab li.tab1 a{ background-position:0 0;}
.historyTab li.tab1 a:hover,
.historyTab li.tab1 a:focus,
.historyTab li.tab1.on a{ background-position:0 bottom;}
.historyTab li.tab2 a{ background-position:-196px 0;}
.historyTab li.tab2 a:hover,
.historyTab li.tab2 a:focus,
.historyTab li.tab2.on a{ background-position:-196px bottom;}
.historyTab li.tab3 a{ background-position:-392px 0;width:196px;}
.historyTab li.tab3 a:hover,
.historyTab li.tab3 a:focus,
.historyTab li.tab3.on a{ background-position:-392px bottom;}
.historyTab li.tab4 a{ background-position:-589px 0;}
.historyTab li.tab4 a:hover,
.historyTab li.tab4 a:focus,
.historyTab li.tab4.on a{ background-position:-589px bottom;}
.historyTab li.tab5 a{ background-position:-786px 0;}
.historyTab li.tab5 a:hover,
.historyTab li.tab5 a:focus,
.historyTab li.tab5.on a{ background-position:-786px bottom;}
.historyBox{border:1px solid #e9e9e9; background:#ffffff;padding:50px 123px; border-top:0;}
.historyBox > .title{ text-align:center; margin-bottom:40px;}
.historyBox > .slideWrap{ position:relative;}
.historyBox > .slideWrap .btn_prev{ display:block; position:absolute; left:-60px;top:242px;}
.historyBox > .slideWrap .btn_next{ display:block; position:absolute; right:-60px;top:242px;}
.historyBox > .slideWrap .slideArea{ overflow:hidden; position:relative;}
.historyBox > .slideWrap .slideArea > ul{ overflow:hidden; width:10000px;}
.historyBox > .slideWrap .slideArea > ul > li{ float:left; width:732px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.historyBox > .slideWrap .slideArea > ul > li .img{border:1px solid #e9e9e9; position:relative; overflow:hidden;}
.historyBox > .slideWrap .slideArea > ul > li .listTxt{ margin-top:15px;}
.historyBox > .slideWrap .slideArea > ul > li .listTxt li{ line-height:24px; font-size:14px; position:relative; padding-left:70px;max-height:50px;}
.historyBox > .slideWrap .slideArea > ul > li .listTxt li strong{ color:#333333; position:absolute; left:0; top:0;}
.historyList{ background:url("/en/images/company/dot_h.png") repeat-y 187px top; margin-top:60px;}
.historyList .year{ border-top:1px solid #ececec;position:relative; padding:40px 0 40px 147px;}
.historyList .year:first-child{ border-top:2px solid #008547;}
.historyList .year > dt{ position:absolute; left:0; top:38px;}
.historyList .month{ position:relative; padding-left:38px; margin-top:15px;}
.historyList .month:first-child{ margin-top:0;}
.historyList .month > dt{ text-align:right; padding-right:17px;width:27px; line-height:24px; font-size:14px; position:absolute; left:0; top:0; font-family:"NanumGothicBold";}
.historyList .month > dd{ line-height:24px; font-size:14px;}
.historyList .month > dd > p{ background:url("/en/images/company/green_sq.png") no-repeat left 9px; padding-left:20px;}

.NoticeBox{border:1px solid #e9e9e9; background:#ffffff;padding:50px;}
.NoticeBox .btnRight{ text-align:right;height:38px;}

.boardView .titleArea{ overflow:hidden; border-bottom:1px solid #e6e6e6;height:48px;}
.boardView .titleArea li.tit{ font-size:20px; color:#333; font-family:"NanumGothicBold";;}
.boardView .boardContent{padding:50px 0}
.boardView .boardContent .tit{ display:block; color:#136844; font-size:24px; text-align:center; margin-bottom:25px; font-family:"NanumGothic"; font-weight:normal;}
.boardView .boardContent .stit{ display:block; color:#333; font-size:20px; text-align:left; margin:30px 0 20px 0; font-family:"NanumGothic"; font-weight:normal;}
.boardView .prevNext{ border-top:1px solid #afafaf; border-bottom:1px solid #d8d8d8;}
.boardView .prevNext dl{ border-top:1px solid #eeeeee; overflow:hidden; padding-left:93px; position:relative;line-height:40px; font-size:14px;}
.boardView .prevNext dl:first-child{ border-top:0px; }
.boardView .prevNext dl dt{ width:92px; text-align:center; position:absolute; left:0; top:0;border-right:1px solid #eeeeee;}
.boardView .prevNext dl dd{ padding-left:20px;}

.interviewMovie{ margin-top:30px; position:relative; border-bottom:1px solid #e9e9e9; margin-bottom:40px;}
.interviewMovie.on{height:936px;}
.interviewMovie:after { display:block;content:"";clear:both }
.interviewMovie > ul{ overflow:hidden;margin:0 -8px; width:898px; position:relative;}
.interviewMovie > ul > li{ float:left; width:208px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin:0 8px;}
.interviewMovie > ul > li > a{ display:block; position:relative; text-align:center;height:222px;}
.interviewMovie > ul > li > a .img{ display:block;border:1px solid #e9e9e9;}
.interviewMovie > ul > li > a .txt{ display:block;font-size:14px; line-height:20px; margin-top:12px;}
.interviewMovie > ul > li > a .bg{ display:block; position:absolute; left:1px; top:1px; width:206px; height:143px; background:url("/en/images/company/interview_bg.png") no-repeat;z-index:1}
.interviewMovie > ul > li > .movieArea{ display:none; background:#e9e9e9;padding:50px;width:880px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; left:8px; top:0px;margin-top:222px;}
.interviewMovie > ul > li > .movieArea .title{ font-size:18px; color:#333333; margin-bottom:20px; font-family:"NanumGothicBold";}
.interviewMovie > ul > li > .movieArea .playerArea{ overflow:hidden; background:#ffffff; position:relative;padding:10px;}
.interviewMovie > ul > li > .movieArea .playerArea .movie{ position:absolute; left:0; top:0;}
.interviewMovie > ul > li > .movieArea .playerArea .rightCon{height:293px;width:240px; float:right; line-height:20px; font-size:13px; overflow:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:20px 0}
.interviewMovie > ul > li > .movieArea .btnClose{ display:block; position:absolute;right:30px;top:30px;}
.interviewMovie > ul > li > a:hover,
.interviewMovie > ul > li > a:focus{ color:#333; font-family:"NanumGothicBold";}
.interviewMovie > ul > li > a:hover .img,
.interviewMovie > ul > li > a:focus .img,
.interviewMovie > ul > li.on > a .img{border:1px solid #2f9365}
.interviewMovie > ul > li > a:hover .bg,
.interviewMovie > ul > li > a:focus .bg,
.interviewMovie > ul > li.on > a .bg{ display:none}
.interviewMovie > ul > li.on{z-index:10}
.interviewMovie > ul > li.on > a{ font-family:"NanumGothicBold"; color:#333; background:url("/en/images/company/interview_arr.png") no-repeat center bottom;}
.interviewMovie > ul.on > li{height:704px;}
.interviewMovie > ul > li.on > .movieArea{ display:block;}

.interviewList{background:url("/en/images/sustainability/dot_line.png") repeat-x left top; margin-top:30px;}
.interviewList > li{background:url("/en/images/sustainability/dot_line.png") repeat-x left bottom;}
.interviewList > li > a{ display:block;background:url("/en/images/company/interview_arr_down.png") no-repeat right center; line-height:26px; font-size:16px;padding:17px 25px; position:relative; font-family:"NanumGothicBold"; color:#333333;}
.interviewList > li > a .tit{ color:#008549; display:block; position:absolute; left:0; top:17px;}
.interviewList > li.on{ padding-bottom:1px;}
.interviewList > li.on > a{background:url("/en/images/company/interview_arr_up.png") no-repeat right center;}
.interviewList > li.on > .interviewCon{ display:block;}
.interviewCon{background:#e9e9e9 url("/en/images/sustainability/dot_line.png") repeat-x left top;padding:50px; display:none;}
.interviewCon h5{ background:url("/en/images/company/interview_con_icon.png") no-repeat; color:#333333; font-size:20px;padding:5px 0 0 43px; font-weight:normal; font-family:"NanumGothicBold"; line-height:28px;}
.interviewCon h6{ color:#004e2b; font-size:16px; padding-top:30px; font-weight:normal; font-family:"NanumGothicBold";}
.interviewCon .inConWrap{ overflow:hidden;}
.interviewCon .inConWrap .inCon{background:url("/en/images/sustainability/dot_line.png") repeat-x left top;overflow:hidden; padding-top:30px; margin-top:30px;min-height:188px; position:relative;}
.interviewCon .inConWrap .inCon:first-child{ background:none; padding-top:30px; margin-top:0;}
.interviewCon .inConWrap .inCon .con{ font-size:13px; line-height:22px;}
.interviewCon .inConWrap .inCon .con .box{ background:#136844; line-height:31px;padding:0 20px; color:#ffffff; font-size:13px; position:relative; font-family:"NanumGothicBold"; display:inline-block; margin-top:25px;}
.interviewCon .inConWrap .inCon.left{padding-left:170px;}
.interviewCon .inConWrap .inCon.left .img{ position:absolute; left:0; top:30px;}
.interviewCon .inConWrap .inCon.left .con .box:after{ display:block;content:""; position:absolute; left:0; top:-7px; background:url("/en/images/company/box_left_arr.png") no-repeat; width:7px; height:7px;}

.interviewCon .inConWrap .inCon.right{padding-right:170px;}
.interviewCon .inConWrap .inCon.right .img{ position:absolute; right:0; top:30px;}
.interviewCon .inConWrap .inCon.right .con .box{ float:right;}
.interviewCon .inConWrap .inCon.right .con .box:after{ display:block;content:""; position:absolute; right:0; top:-7px; background:url("/en/images/company/box_right_arr.png") no-repeat; width:7px; height:7px;}


/* common */
.pb20 {padding-bottom:20px;}

.lt25 {letter-spacing:25px;}

.contentArea .btitle4{padding:0 0 27px 0;text-align:left;}
.contentArea .textConType01 {}
.contentArea .textConType01 dt {margin-bottom:10px;}
.contentArea .textConType01 dd {margin-top:0;font-size:14px;line-height:24px;}
.contentArea .textConType01.dot dd {background:url("/en/images/common/g_dot2.png") no-repeat left 10px; padding-left:9px;}

.textWrap .add_topTxt {display:block;font-size:16px;}
.textWrap.type04 {padding:50px 0;border-bottom:1px solid #eee;}
.textWrap.type04 p {padding-top:16px; letter-spacing:0; text-align:justify;}
.textWrap.type04.st01 p:not(:first-of-type) {margin-top:8px;}
.textWrap.noline {padding:50px 0 0 0;border-bottom:none;}
.textWrap .leftCon.etc { width:325px;}
.textWrap .rightCon.etc {width:538px;}
.textWrap ul.pic li:not(:first-child) {margin-top:20px;}
.textWrap .clrCon {padding-top:8px;}

.contentWrap.tab .fullTabArea.item5 li{width:197px !important}
.contentWrap.tab .fullTabArea.item5 li:first-child{ width:196px !important}
.contentWrap.tab .fullTabArea li a:hover,
.contentWrap.tab .fullTabArea li a:focus,
.contentWrap.tab .fullTabArea li.on a {font-family:"NanumGothicBold"}

.inTableCon.noline{border-top:none !important;}

/* 인재상 */
.rightpersonCont {margin-top:50px;background:url("/en/images/company/rightperson_img_01.gif") no-repeat 0 0;padding:0 0 0 160px;}
.rightpersonCont dl {padding:17px 0 0 0;height:115px;}
.rightpersonCont dt {padding:0 0 20px 0;}
.rightpersonCont dd {font-size:14px;line-height:24px;}

/* 인사제도 */
.hrsystemPromote {border:1px solid #e6e6e6;padding:20px 0;overflow:hidden;position: relative;}
.hrsystemPromote > li {float:left;background:url("/en/images/common/line_ver_dot01.png") repeat-y top left;height:100px;width:195px;}
.hrsystemPromote > li:first-child {background:none;}
.hrsystemPromote > li span {display:block;text-align:center;padding-top:15px;}
.hrsystemPromote > li > ul {margin-left:60px;margin-top:15px;}
.hrsystemPromote > li.step05 > ul {margin-left:70px;}
.hrsystemPromote > li > ul.dotTextCon.dot2 li {margin-top:0;}
.hrsystemPromote > li.step01:after{ display:block;content:""; background:url("/en/images/common/arr_right.png") no-repeat; width:40px; height:40px; position:absolute;z-index:10; left:195px;bottom:50px;margin-left:-20px;}
.hrsystemPromote > li.step02:after{ display:block;content:""; background:url("/en/images/common/arr_right.png") no-repeat; width:40px; height:40px; position:absolute;z-index:10; left:390px;bottom:50px;margin-left:-20px;}
.hrsystemPromote > li.step03:after{ display:block;content:""; background:url("/en/images/common/arr_right.png") no-repeat; width:40px; height:40px; position:absolute;z-index:10; left:585px;bottom:50px;margin-left:-20px;}
.hrsystemPromote > li.step04:after{ display:block;content:""; background:url("/en/images/common/arr_right.png") no-repeat; width:40px; height:40px; position:absolute;z-index:10; left:780px;bottom:50px;margin-left:-20px;}

.orgCulture {overflow:hidden;}
.orgCulture li {float:left;width:327px;margin:0 0 0 -1px;}
.orgCulture li dl {border:1px solid #e9e9e9;border-top:none;padding:40px 40px 0 40px;min-height:162px;}
.orgCulture li:first-child {width:326px;margin:0}

/* 복리후생 */
.benefitArea{ overflow:hidden;border:1px solid #e9e9e9; border-top:0;}
.benefitArea > li{ width:489px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:35px 0 35px 0px; position:relative;height:213px;border-top:1px solid #e9e9e9;}
.benefitArea > li .middle{display:table;height:100%;}
.benefitArea > li h4 {display:table-cell;width:174px; text-align:center;vertical-align:middle;height:100%;}
.benefitArea > li .dotTextCon{ margin-top:0; display:table-cell;height:100%;vertical-align:middle}
.benefitArea > li .dotTextCon li{ margin-top:0px;}
.benefitArea > li .dotTextCon li strong {display:inline-block;margin-right:10px;}
.benefitArea > li.step1{ float:left;}
.benefitArea > li.step1 .dotTextCon li{ margin-top:5px;}
.benefitArea > li.step2{ float:right;border-left:1px solid #e9e9e9;}
.benefitArea > li.step4{ float:right;border-left:1px solid #e9e9e9;}
.benefitArea > li.step3{ float:left;}
.benefitArea > li.step5{ float:left;}
.benefitArea > li.step6{ float:right;border-left:1px solid #e9e9e9;}

/* 인재육성 */
.textWrap.support {padding:60px 0 50px 0;}
.textWrap.support.none {padding:0 0 40px 0;}
.textWrap.support h4 {}
.textWrap.support p {padding-top:20px;}
.textWrap.support p.mid {padding-bottom:50px;}

.supportProgram {border:1px solid #e9e9e9;padding:0 50px;}
.supportProgram li {border-top:1px solid #e9e9e9;padding:50px 0;}
.supportProgram li:first-child {border-top:none;padding:50px 0;}
.supportProgram dt {float:left;width:228px;}
.supportProgram dd {width:650px;padding-left:228px;line-height:24px;font-size:14px;color:#666;}
.supportProgram dd.toptxt {padding-bottom:13px;font-size:18px;color:#333;line-height:28px;}

/* 직무소개 */
.jobTabArea {overflow:hidden;width:100%;height:195px;padding:60px 0 12px 0;}
.jobTabArea li {float:left;overflow:hidden;width:195px;height:195px;margin-left:1px;}
.jobTabArea li:first-child {margin-left:0;}
.jobTabArea li a {display:block;width:195px;height:195px;text-indent:-9999px;background:url("/en/images/company/job_tab.png") no-repeat;}
.jobTabArea li.tab01 a {background-position:0 0;}
.jobTabArea li.tab02 a {background-position:-195px 0;}
.jobTabArea li.tab03 a {background-position:-390px 0;}
.jobTabArea li.tab04 a {background-position:-585px 0;}
.jobTabArea li.tab05 a {background-position:-780px 0;}
.jobTabArea li.tab01 a:hover, .jobTabArea li.tab01.on a {background-position:0 -195px;}
.jobTabArea li.tab02 a:hover, .jobTabArea li.tab02.on a {background-position:-195px -195px;}
.jobTabArea li.tab03 a:hover, .jobTabArea li.tab03.on a {background-position:-390px -195px;}
.jobTabArea li.tab04 a:hover, .jobTabArea li.tab04.on a {background-position:-585px -195px;}
.jobTabArea li.tab05 a:hover, .jobTabArea li.tab05.on a {background-position:-780px -195px;}

.inTabArea {overflow:hidden;border-bottom:1px solid #e9e9e9;background:#fff;line-height:47px; text-align:center;width:100%;height:47px;}
.inTabArea li{ display:inline-block; background:url("/en/images/common/tab_blank.png") no-repeat left center; font-size:14px;}
.inTabArea li a{ display:block;padding:0 30px; text-decoration:none;}
.inTabArea li:first-child{ background:none;}
.inTabArea li a:hover,
.inTabArea li a:focus,
.inTabArea li.on a{ font-family:"NanumGothicBold"; color:#333333; display:block; border-bottom:1px solid #3e3e3e;height:46px;}

.jobText {padding:50px 0;border-bottom:1px solid #e9e9e9;}
.jobText.noline {border-bottom:none;padding-bottom:0;}
.jobText h5 {}
.jobText h6 {padding:30px 0 0 0;font-size:20px;color:#333;font-family:"NanumGothicBold";}
.jobText h6.first {padding:0;}
.jobText p {padding:20px 0 0 0;font-size:14px;color:#666;line-height:24px;}
.jobText table {margin:20px 0 0 0;}
.jobText table td {padding:30px 0;}

/* CEO메시지 */
.ceoMessage .message {position:relative;}
.ceoMessage .message figcaption {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
.ceoMessage .message figcaption .table {height:100%; text-align:left;}
.ceoMessage .message figcaption .table p {padding-left:60px;}
.ceoMessage .textCon {margin-top:24px; font-size:14px; line-height:24px; letter-spacing:-0.05em;}
.ceoMessage .textCon > div {text-align:justify;}
.ceoMessage .textCon > div:first-child {padding-right:11px;}
.ceoMessage .textCon > div:last-child {padding-left:11px;}
.ceoMessage .textCon h4 {margin:0 0 6px 0; font-size:16px; color:#008547;}
.ceoMessage .textCon p + p {margin-top:16px;}
.ceoMessage .textCon .table {margin-top:45px; line-height:22px;}
.ceoMessage .textCon .table dl {padding-right:13px;}
.ceoMessage .textCon dl dt {font-size:12px;}
.ceoMessage .textCon dl dd {font-size:16px; color:#333;}
.ceoMessage .textCon dl.tr {margin-top:45px; line-height:22px; text-align:right;}

/* CEO프로필 */
.ceoProfile .contArea {clear:both; height:auto; padding-top:50px; letter-spacing:-0.05em; overflow:hidden;}
.ceoProfile .figure {clear:both; float:left; width:330px;}
.ceoProfile .figure span {margin-bottom:32px; line-height:0; display:block;}
.ceoProfile .figure dl dd {margin-top:9px; font-size:16px; color:#333;}
.ceoProfile .textCon {height:auto; padding-top:25px; font-size:14px; line-height:22px; overflow:hidden;}
.ceoProfile .textCon > dl.info04 > dt {width:156px; padding-top:5px;}
.ceoProfile .textCon > dl.info04 > dt:not(:first-of-type), .ceoProfile .textCon > dl.info04 > dd:not(:first-of-type) {margin-top:41px;}
/*.ceoProfile .textCon dl.info04.st01 > dt {width:79px;}*/