/*
* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : choi, sung, hoon (sung83@me.com)
* @File Name : layout.css
* @Description : Style Sheet
* @Version : 1.0
* @Create Date : 2012
* @Update Date : N/A
* @History : N/A
* =================================================================================
*/

/*=================================================================================
 Layout-Index Css 
=================================================================================*/

/*header*/
div.header { width: 100%; height: 86px;/* j_modify 높이값수정 */ background: url(../img/layout/gnb_line.jpg) repeat-x left bottom; z-index: 100000;}
div.header-detail { width: 960px; margin: 0 auto; position: relative;}
h1 { position: absolute; left: 0; top: 33px;}


/*GNB*/
div.gnb { width: 560px; position: absolute; left: 238px; top: 0; }
div.gnb div.on { width: 560px; position: absolute; top:-307px; height: 307px; background: url(../img/layout/gnb_bg.jpg) repeat-y left 0px; z-index: 100; }
div.gnb ul { width: 100%; overflow: hidden; z-index: 700; position: absolute; left: 0; top: 0;}
div.gnb ul li { width: 139px; height: 65px; float: left; padding-left: 0px; position: relative;}
div.gnb .first-depth { display: block; padding: 38px 0 24px 12px;}
div.gnb ol { margin:0 1px 0 1px; width: 139px;  position: absolute; top: 69px; left: 0;}
div.gnb ol.second { padding-left: 1px;}
div.gnb ol.third { padding-left: 2px;}
div.gnb ol.fourth  { padding-left: 3px;}

div.gnb ol li { width:138px; height: 23px; display: block; float: left;}
div.gnb ol li a { display:block; width:138px; background-color:#f97b0c; }


/*top-link*/
ul.top-link {position: absolute; width: 210px; left:838px; top: 38px; z-index:100000;}
ul.top-link li { position:relative; float:left; height:/*8px*/ 12px;  }

ul.top-link li span { display:block; width:100%; }
ul.top-link li span a { display:block; width:100%; height:12px; overflow:hidden; text-indent:-999px; font-size:0; background:url("../img/btn/utilMenu_menus.gif") no-repeat; }

ul.top-link li.partner { width:59px; margin-right:14px;}
ul.top-link li.partner span a {background-position:0px 0px;}
ul.top-link li.partner span a:hover { background-position: 0px -20px; }

ul.top-link li.contact { width:63px; margin-right:14px;}
ul.top-link li.contact span a {background-position:-73px 0px;}
ul.top-link li.contact span a:hover { background-position: -73px -20px; }

ul.top-link li.language { width:59px; }
ul.top-link li.language span a { background-position: -151px 0; }
ul.top-link li.language span a:hover { background-position: -151px -20px; }

ul.top-link li.language:hover {}
ul.top-link li.language:hover a { background-position: -151px -20px; }
ul.top-link li.language:hover div.openMenu { display:block;}

ul.top-link div.openMenu { display:none; position:absolute; top:3px; left:-20px; padding-top:17px; width:94px; background:url("../img/btn/utilMenu_arrow.gif") no-repeat 49px 13px; }
ul.top-link div.openMenu .shadowBox { margin-top:0px; width:130px; height:31px; overflow:hidden; background:url("../img/btn/utilMenu_shadow.png") no-repeat -1px -5px; }
ul.top-link div.openMenu ul { padding:0px 0 0px 0; width:106px; overflow:hidden; background-color:#736d67; }
ul.top-link div.openMenu ul li { float: left; width:53px; height:22px; line-height:17px; font-size:0; text-indent:-9999px; }
ul.top-link div.openMenu ul li a { display:block; width:100%; height:100%; overflow:hidden; background:url("../img/btn/utilMenu_contury.gif") no-repeat; }
ul.top-link div.openMenu ul li.lang_en a { background-position:0px 0px; }
ul.top-link div.openMenu ul li.lang_ch a { background-position:-53px 0px; }
ul.top-link div.openMenu ul li.lang_en a:hover { background-position:-130px 0px; }
ul.top-link div.openMenu ul li.lang_ch a:hover { background-position:-183px 0px; }



/*container*/
div.container {   z-index: 500; }
div.container .alter-area .alterTable thead { background-color:#eeeeee; }
/*div.container .alter-area .alterTable th , 
div.container .alter-area .alterTable td { padding:5px; border:1px solid #aaaaaa; }*/

div.contents { width: 960px; margin: 60px auto 0 auto; z-index: 400;  position: relative; background: #fff;}
div.contents.index-type { margin: 0 auto 0 auto !important;}



/*location*/
div.location { width: 100%; text-align: right; margin: -18px 0 40px; /* j_modify margin-bottom값수정 */}
div.location div.step { position:relative; display: inline-block;  zoom:1; *display:inline; }
div.location a { display: inline-block; padding: 0 13px 0 8px; background: url(../img/icon/icon_location_arrow.jpg) no-repeat right 1px; line-height:11px; font-size: 11px; background-position-y: 4px\0/;}
div.location a.last { background: none; padding: 0 0 0 8px;}
div.location.type-product .step2.menu-location { padding: 0 23px 0 8px !important; background: url(../img/icon/icon_location_arrow2_off.jpg) no-repeat right 1px !important;  background-position-y: 3px\0/ !important;}
div.location.type-product .step2.menu-location.hover { color: #f97b0b !important; background: url(../img/icon/icon_location_arrow2_on.jpg) no-repeat right 1px !important;   background-position-y: 3px\0/!important;}
div.location.type-product .last.menu-location.hover { color: #f97b0b; }
div.location.type-product .last.menu-location { padding: 0 10px 0 8px !important; background: url(../img/icon/icon_location_arrow3_off.jpg) no-repeat right 1px !important;   background-position-y: 3px\0/!important;}

div.location a.step1 { color: #a9abaa;}
div.location a.step2 { color: #7f7f7f !important;}
div.location a.step3 { color: #555555;}
/*
div.location-menu  { z-index: 4000; position: absolute; left: 50%; top: 40px; background: #fff; border: 1px solid #ccc; zoom: 1; display: none;}
div.location-menu li { padding: 0 9px;}
div.location-menu li:hover { background-color: #f0f1f2;}
div.location-menu li:hover a { color: #666;}
div.location-menu a { background-image: none; padding: 0; color: #888888;}
div.location-menu-last  { z-index: 4000; position: absolute; top:40px; right: 0;background: #fff; border: 1px solid #ccc; zoom: 1;  display: none;}
div.location-menu-last  a { background-image: none; padding: 0; color: #888888;}
div.location-menu-last li { padding: 0 9px;}
div.location-menu-last li:hover { background-color: #f0f1f2;}
div.location-menu-last li:hover a { color: #666;}
*/
div.location-menu  { z-index: 4000; position: absolute; top:21px; right:12px; background: #fff; border: 1px solid #ccc; zoom: 1; display: none;}
div.location-menu li { padding:0 9px; white-space:nowrap; }
div.location-menu li a { display:block; padding:0; line-height:20px; color: #888; background-image: none; }
div.location-menu li:hover { background-color: #f0f1f2;}
div.location-menu li:hover a { color: #666;}
div.location-menu-last  { z-index: 4000; position: absolute; top:40px; right: 0;background: #fff; border: 1px solid #ccc; zoom: 1;  display: none;}
div.location-menu-last  a { background-image: none; padding: 0; color: #888888;}
div.location-menu-last li { padding: 0 9px;}
div.location-menu-last li:hover { background-color: #f0f1f2;}
div.location-menu-last li:hover a { color: #666;}



/*footer*/
div.footer { width: 100%; border-top: 1px solid #e7e7e7; position: relative; padding-top: 23px; padding-bottom: 30px; margin-top: 100px;/* j_modify margin-top값수정 */ z-index: 4000;}
div.footer.index-footer { margin-top: 0 !important;}
div.footer h3 { position: absolute; left: 0; top: 23px;}
div.footer ul { width: 330px; overflow: hidden; padding-left: 150px; }
div.footer ul li { float: left; }
div.footer div.copyright { position: absolute; left: 485px; /* j_modify left값수정 */top: 23px;}
div.footer div.family { position: absolute; right: 0; top: 17px;}
div.footer div.family a { height: 23px; display: block;}
ul.family-list { width: 150px !important; height: 130px !important; position: absolute; top: -136px; right: 0; border: 1px solid #ccc; padding-left: 0 !important; background: #fff; padding-top: 5px;}
ul.family-list li { float:none !important; padding: 0 0 0 9px; height: 18px;}
ul.family-list li:hover { background: #f0f1f2;}
ul.family-list li:hover a { color: #666 !important;}
ul.family-list li a { color: #888 !important; font-size: 11px;}



/*1월7일 추가내용*/
div.map { margin-top:34px; }
h5.map-title { margin:40px 0 20px;}
div.map-etc { width: 100%; overflow: hidden;}
div.map-etc div.left { width: 460px; float: left; margin-right: 49px;}
div.map-etc div.right { float: left;}
div.map-etc div.right p { margin-bottom: 13px;}
div.map-etc div.right ul li { width: 100%; overflow: hidden; margin: -1px 0 6px;}
div.map-etc div.right ul li em, div.map-etc div.right ul li span { font-size: 11px; display: block; float: left;}
div.map-etc div.right ul li em { width: 49px; color: #454545;}
div.map-etc div.right div.map-btn { margin-top: 2px;}

/* re mark up */
/* 경영이념 및 비전 */
.contA{margin-top:40px;background:url("/img/etc/vision_img.gif") no-repeat 587px 0; height:160px;}
.contA img{margin-top:39px;}
.bd_type01{border-top:1px solid #aaaaaa;margin-top:50px;padding-bottom:40px;}
.bd_type02{border-top:1px dashed #d4d4d4;margin-top:39px;padding-bottom:40px;}
.vision_cont h3{float:left;width:240px;}
.vision_cont:after{display:block;content:'';clear:both;}
.contB:after{display:block;content:'';clear:both;}
.contB{height:73px;}
.vision_cont dl dt{margin-bottom:10px;}
.vision_cont dl dd{width:720px;}
.vision_cont dl{float:left;}
.second_dl{margin-bottom:29px;}
.cont_last{margin-bottom:100px;}
.cont_last:after{display:block;content:'';clear:both;}
.cont_last ul li{float:left;margin-right:25px;}
.cont_last ul .last{margin-right:-25px;}
.cont_last ul{margin-left:240px;}

/* ci 소개 */
.ci_contA{border-bottom:1px solid #aaaaaa;padding-bottom:50px;margin-bottom:40px;}
.ci .area01{margin-top:40px;background:url("/img/etc/kdeverron_img.gif") no-repeat 549px 0; height:192px;}
.ci .area01 p{height:144px;}
.ci .area01{margin-bottom:50px;}
.ci .area02{position:relative;background:#f9f9f9;border:1px solid #e1e1e1;width:960px;height:224px;}
.ci .area02 dl{position:absolute;left:308px; top:52px;}
.ci .area02 dl dt{margin-bottom:19px;}
.ci .pantoneArea{padding:40px 61px 40px 40px;}
.ci .pantoneArea p{margin-bottom:10px;}
.ci .ci_contB h3{width:240px;float:left;}
.ci .ci_contB:after{display:block;content:'';clear:both;}
.ci_contB{position:relative;}
.ci-down1{display:inline-block;position:absolute;left:0;top:35px;}
.ci-down2{display:inline-block;position:absolute;left:0;top:215px;}
.ci_contA.btype_A{border-bottom:1px solid #aaaaaa;padding-bottom:50px;margin-bottom:50px;}
.bd_type03{border-top:1px solid #d4d4d4;margin-top:39px;overflow:hidden;}


/* 관계사 안내 */
.btype_b{border-top:1px solid #aaaaaa;padding-top:40px;margin-top:14px;}
/*.relativeContent02{border-bottom:1px dashed #d4d4d4;padding-bottom:45px;margin-bottom:45px;}*/
.relative h4{width:240px;float:left;}
.relativeContent02:after{display:block;content:'';clear:both;}
.relative_mtit02Txt01{margin-bottom:37px;}
.relative_mtit02Txt02{line-height:1.5;}
.relativeContent03:after{display:block;content:'';clear:both;}
.relative_pht{float:left;margin-right:29px;}
.relative_txt{margin-left:150px;line-height:1.5;}
.rel_phtxt{float:left;width:720px;}
.rel_phtxt h5{margin-bottom:21px;}
.relative_phtArea01,
.relative_phtArea02{margin-bottom:40px;}
.relative_phtArea01:after{display:block;content:'';clear:both;}
.relative_phtArea02:after{display:block;content:'';clear:both;}
.relative_phtArea03:after{display:block;content:'';clear:both;}
.relative_txtArea{overflow:hidden;}
/*.relativeContent03{border-bottom:1px dashed #aaaaaa;padding-bottom:40px;margin-bottom:45px;overflow:hidden;}*/
.relativeContent04 table th{background-color:#f4f4f4;border-top:1px solid #c3c1c1;border-bottom:1px solid #c3c1c1;height:37px;border-right:1px solid #e4e3e2;font-weight:bold;color:#454545;font-family:verdana;}
.relativeContent04 table td{border-right:1px solid #e4e3e2;height:79px;color:#777777;line-height:1.5;padding:10px 0;}
.relativeContent04 table tr .none{border-left:none;}
.relativeContent04 table tr .last_none{border-right:none;}
.relativeContent04 table{text-align:center;width:720px;}
.relativeContent04 table .last_col td{border-bottom:1px solid #e4e3e2;}


/* 사회공헌*/
.contribute_a{margin-top:40px;border-bottom:1px solid #aaaaaa;padding-bottom:50px;margin-bottom:40px;}
.contribute_a{background:url("/img/etc/contribute_bg.gif") no-repeat 406px 0;height:443px;}
.slogan_area{padding-top:171px;}
.slogan_area .first{margin-bottom:30px;}
.contribute_b{border-bottom:1px dashed #aaaaaa;padding-bottom:50px;margin-bottom:40px;overflow:hidden;}
.contribute_b:after{display:block;content:'';clear:both;}
.contribute h3{width:240px;float:left;}
.contribute dl{float:left;}
.contribute dl dt{margin-bottom:11px;}
.contribute .mbdd{margin-bottom:40px;}
.contribute_c span{display:inline-block;margin-left:240px;margin-top:30px;}

/* 인재경영*/
.management{background:url("/img/text/management_bg.gif") no-repeat 328px 0;height:423px;margin-top:36px;border-bottom:1px solid #aaaaaa;padding-bottom:50px;margin-bottom:40px;}
.management .left{padding-top:105px;}
.management_group{float:left;margin-right:67px;}
.management02:after{display:block;content:'';clear:both;}
.management02 h3{margin-bottom:26px;}
.management02 ul li{margin-bottom:19px;}
.management02 ul .last{margin:0;}

/* 인사제도*/
.system_a{margin-top:36px;border-bottom:1px dashed #d4d4d4;padding-bottom:40px;margin-bottom:40px;}
.system_b{border-bottom:1px dashed #d4d4d4;padding-bottom:50px;margin-bottom:40px;overflow:hidden;}
.system_b:after{display:block;content:'';clear:both;}
.system_b ul{margin-top:50px;margin-left:258px;}
.system_b ul .last{border-right:none;}
.system_b h4{margin-left:301px;margin-bottom:50px;margin-top:50px;}
.system_b ul li{float:left;border-right:1px dashed #d4d4d4;height:328px;}
.system h3{float:left;width:240px;}
.system_c{border-bottom:1px dashed #d4d4d4;padding-bottom:50px;margin-bottom:40px;}
.system_d ul{margin-top:15px;margin-left:240px;}
.system_d ul li{margin-bottom:8px;}
.system_d .last{margin-bottom:-8px;}
.system_d:after{display:block;content:'';clear:both;}
.btn_kdrecruit{margin-left:240px;margin-top:20px;line-height:0}

/* 인재개발원 */
.development_a{margin-top:36px;background:url("/img/text/development_bg.gif") no-repeat 434px 0;height:183px;}
.development_a{border-bottom:1px dashed #d4d4d4;padding-bottom:51px;margin-bottom:40px;overflow:hidden;}
.development_a img{padding-top:34px;}
.development_b{border-bottom:1px dashed #d4d4d4;padding-bottom:51px;margin-bottom:40px;overflow:hidden;}
.development_b dl{float:left;}
.development_b dt{margin-bottom:20px;}
.development_b dl dd{float:left;margin-right:50px;}
.development h3{width:240px;float:left;}
.development_c dl{float:left;}
.development_c dl dd{margin-bottom:8px;}
.development_c dl .last{margin-bottom:12px;}
.btn_last{margin-left:240px;}

/* 채용안내 */
.recruit_a{margin-top:46px;border-bottom:1px dashed #d4d4d4;padding-bottom:40px;margin-bottom:39px;overflow:hidden;}
.recruit h3{float:left;width:240px;}
.recruit_a:after{display:block;content:'';clear:both;}
.recruit_a_cont{float:left;}
.recruit_a_cont .group01 dt{margin-bottom:15px;}
.recruit_a_cont .group01 dd{margin-bottom:11px;line-height:0}
.recruit_bg{margin-top:30px;}
.recruit_a_cont .group02 dt,
.recruit_a_cont .group03 dt,
.recruit_a_cont .group04 dt,
.recruit_a_cont .group05 dt{margin-bottom:8px;line-height:0}
.recruit_a_cont .first_dd{margin-bottom:14px;line-height:0}
.recruit_a_cont .group02{margin-top:40px;}
.recruit_a_cont .group02 ul li{margin-bottom:9px;line-height:0}
.recruit_a_cont .group03 ul li{margin-bottom:9px;line-height:0}
.recruit_a_cont .group04 ul li{margin-bottom:9px;line-height:0}
.recruit_a_cont .group05 ul li{margin-bottom:9px;line-height:0}
.recruit_a_cont .group03,
.recruit_a_cont .group04,
.recruit_a_cont .group05{margin-top:22px;}
.recruit_b ul li{margin-bottom:8px;line-height:0}
.recruit_b ul{float:left;}
.recruit_b .last{margin-bottom:-8px;}
.recruit_b:after{display:block;content:'';clear:both;}
.btn_kdrecruit01{float:left;margin-left:240px;margin-top:18px;}

/* 개인정보처리방침 */
.personalinfo_a{margin-top:46px;}
.personalinfo_a h3{float:left;width:240px;}
.personalinfo_a_cont01{margin-left:240px;padding-bottom:40px;}
.personalinfo:after{display:block;content:'';clear:both;}
.personalinfo_a_cont01 p{margin-bottom:30px;line-height:2em;}
.personalinfo_a_cont01 .first_ol{float:left;margin-right:124px;}
.personalinfo_a_cont01:after{display:block;content:'';clear:both;}
.personalinfo_a_cont01 ol li{margin-bottom:9px;}
.personalinfo_a_cont03{padding:11px 28px 0 19px; width:680px; height:193px; overflow:auto; overflow-x:hidden; border:1px solid #dadada;margin-left:240px;}
.clause-box h4{margin-bottom:16px;margin-top:16px;}
.personalinfo_a_cont03 p{line-height:1.7em;}

/* alter-area */
div.container .alter-area .alterTable thead { background-color:#f4f4f4; }
div.container .alter-area .alterTable thead th{border-right:none;}
div.container .alter-area .alterTable tbody th{ background-color:#f9f9f9; color:#777;font-weight:bold;}
.dwborder{border-bottom:1px dotted #d4d4d4;padding-bottom:40px;margin-bottom:38px;}
.dwborder1{padding-bottom:30px;}
.alter-area h2{padding-bottom:20px;}
.alter-area thead th strong{color:#454545;}
div.container .alter-area .alterTable thead th{ border-top:1px solid #c3c1c1;border-bottom:1px solid #c3c1c1;border-right:1px solid #e4e3e2; height:55px;}
div.container .alter-area .alterTable.Tp01 thead th{height:39px;}
div.container .alter-area .alterTable tbody th,div.container .alter-area .alterTable tbody td{ border:1px solid #e4e3e2; height:39px;}
div.container .alter-area .alterTable thead th em{color:#666;font-weight:bold;}
div.container .alter-area .alterTable tbody td{text-align:center;}
div.container .alter-area .alterTable .first{border-left:none;}
div.container .alter-area .alterTable .first.lineTp { border-bottom:1px solid #e4e3e2;}
div.container .alter-area .alterTable .last.lineTp { border-bottom:1px solid #e4e3e2;}
div.container .alter-area .alterTable .last{border-right:none;}

/* partner */
.partner_a{margin-top:40px;border-bottom:1px solid #aaaaaa;padding-bottom:50px;margin-bottom:40px;}
.partner_a{no-repeat 0;height:70px;}
.sslogan_area{padding-top:171px;}
.sslogan_area .first{margin-bottom:30px;}
.partner_b{border-bottom:1px dashed #aaaaaa;padding-bottom:50px;margin-bottom:40px;overflow:hidden;}
.partner_b:after{display:block;content:'';clear:both;}
.partner h3{width:240px;float:left;}
.partner dl{float:left;}
.partner dl dt{margin-bottom:11px;}
.partner .mbdd{margin-bottom:40px;}
.partner_c span{display:inline-block;margin-left:240px;margin-top:30px;}
.partner_b .mt15{margin-top:20px;}

/* partner popup 호환성보기설정방법 - 20150403 추가 */
.partner_PopHead { width:100%; height:55px; background-color:#50b5c7;}
.partner_PopHead .inner { width:490px; margin:0 auto; }
.partner_PopHead .inner h2 {float:left; margin-top:19px;}
.partner_PopHead .inner .btn { float:right; margin-top:21px;}
.seller_map_PopCon { width:556px; margin:40px auto 0;}
.seller_map_PopCon .mapArea { width:554px; height:393px; border:1px solid #ebebeb;}
.seller_map_PopCon .btn { display:block; float:right; margin-top:20px;}

/* safety management */ /* 2023-01-04 */
.ir{display:none;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;color:transparent;line-height:0;letter-spacing:0;}
.summary_safety{display:flex;align-items:center;justify-content:space-between;padding:0 58px 80px 22px;border-bottom:1px solid #aaaaaa;}
.safety_01{padding-top:59px;text-align:center;}