@charset "utf-8";
/* CSS Document */

/* web fonts */
@font-face {
    font-family: myNanumGothic;
    src: url(/kor/font/NanumGothic.eot); /*IE9 호환성 보기*/
    src: local("☺"),
         url(/kor/font/NanumGothic.eot?#iefix) format('embedded-opentype'), /*IE 6-8*/
         url(/kor/font/NanumGothic.ttf) format('truetype'),
         url(/kor/font/NanumGothic.woff) format('woff'); /*표준 브라우저*/
}
@font-face {
    font-family: myNanumGothicBold;
    src: url(/kor/font/NanumGothicBold.eot); /*IE9 호환성 보기*/
    src: local("☺"),
         url(/kor/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'), /*IE 6-8*/
         url(/kor/font/NanumGothicBold.ttf) format('truetype'),
         url(/kor/font/NanumGothicBold.woff) format('woff'); /*표준 브라우저*/
}
/* color : 1a4dbf(청색/글씨) 345aaf(팝업테두리), e9ebf2(청회색/배경), 91b4c6(불릿), d7d7d7(회색/라인), 222222(큰글씨), 서브제목하단 라인 8aa0b3,  */

/* Reset */
html{}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, pre{margin: 0; padding: 0;}
a{color: inherit; text-decoration: inherit;}
a img{border: none;}
li{list-style: none;}
em, address, i{font-style: normal;}
table{border-collapse: collapse;}
i.fa span{position: absolute; left: -9999px;}
table{border-collapse: collapse;}
table caption{overflow: hidden; width: 1px; height: 1px; position: relative; left: -9999px;}

/* common(header/footer) */
body, select, input, textarea, button, pre{font-family: myNanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', AppleSDGothicNeo, Dotum, '돋움', Helvetica, sans-serif; font-size:13px; color:#333333;}
#wrapper{}
#skip_navigation{display: block; position: fixed; left: 0; top: -36px; width: 100%; height: 35px; line-height: 35px; background: #999999; background: rgba(0,0,0,0.5); border-bottom: 1px solid #eeeeee; font-size: 14px; text-align: center; color: #ffffff; z-index: 10000; -webkit-transition: all 0.3s; transition: all 0.3s;}
#skip_navigation:focus{top: 0;}
#header{position: relative; border-bottom: 1px solid #b2b2b2; z-index: 10;}
#header:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 35px; background: #5e697b;}
#header > div.bg{content: ""; position: absolute; width: 100%; height: 42px; left: 0; bottom: -42px; background: url(/kor/img/bg_gnb.png) 0 0 repeat-x; display: none;}
#header1000{width: 1000px; margin: 0 auto;}
#top_menu{width: 1000px; text-align: right; position: relative; font-size: 12px; height: 35px; line-height: 35px;}
#top_menu li{display: inline-block; color: #bfc3ca; margin-left: 20px; background: url(/kor/img/icon_list.png) 0 center no-repeat; padding-left: 20px;}
#top_menu li:first-child{background: url(/kor/img/icon_home.png) 0 center no-repeat;}
#top_menu li.sites{color: #f2f3f4; font-size: 11px; width: 75px; height: 16px; line-height: 17px; background: url(/kor/img/main_bg_01.png); text-align: center; padding-left: 0;}
#top_menu li.sites a:first-child{margin-right: 6px;}
#top_menu a:hover{color: #ffffff;}
#header_body{height: 75px; position: relative;}
#header_body h1{position: absolute; left: 0; top: 13px;}
#gnb{position: absolute; right: 0; top: 28px; font-size: 18px; font-weight: bold;}
#gnb > li{float: left; margin-left: 50px;}
#gnb > li:first-child{margin-left: 0;}
#gnb > li.on > a{color: #1a4dbf;}
#gnb > li > a:hover{color: #1a4dbf;}
#gnb ul{position: absolute; top: 0; font-weight: normal; font-size: 13px; color: #ffffff; top: 60px; z-index: 10; display: none; }
#gnb ul li{float: left;}
#gnb ul li+li:before{content: "|"; margin: 0 18px; color: #629dd1;}
#gnb ul li.on a{color: #40e7ff;}
#gnb ul li a:hover{color: #40e7ff;}
#gnb > li.sub1 ul{left: 0;}
#gnb > li.sub2 ul{left: 80px;}
#gnb > li.sub3 ul{left: 140px;}
#gnb > li.sub4 ul{left: 315px;}
#gnb > li.sub5 ul{right: 10px;}
#gnb > li.sub6 ul{ right: 0; }
#gnb > li.sub7 ul{ right: 0; }

#footer{width: 1000px; height: 120px; margin: 0 auto; position: relative; border-top: 1px solid #e5e5e5; padding-top: 35px; color: #999999; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#footer h2{position: absolute; left: 0; top: 30px;}
#footer address, #footer p.copyright{margin: 0 0 3px 150px;}
#footer address span+span:before{content: "|"; margin: 0 10px;}
#mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: none;}
#sitemap{width: 980px; height: 620px; position: fixed; background: #ffffff; top: 50%; left: 50%; border: 4px solid #345aaf; z-index: 10001; margin-left: -490px; margin-top: -310px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 45px 0 0 45px; display: none;}
#sitemap h2{position: absolute; right: 40px; bottom: 40px;}
#sitemap a.popup_close{position: absolute; right: -4px; top: -4px;}
#sitemap a.popup_close img{display: block;}
#sitemap > ul > li{float: left; width: 190px; margin: 0 40px 30px 0; min-height: 250px;}
#sitemap > ul > li > a{font-size: 20px; font-weight: bold; margin-bottom: 15px; display: block;}
#sitemap > ul > li.on > a{color: #1a4dbf;}
#sitemap > ul > li > ul > li > a{display: block; height: 32px; line-height: 32px; font-size: 13px; padding-left: 20px; position: relative;}
#sitemap > ul > li > ul > li > a:hover{background: #fafafa;}
#sitemap > ul > li > ul > li > a:before{content: ""; display: block; width: 2px; height: 2px; position: absolute; left: 9px; top: 17px; background: #97bac9;}
#sitemap > ul > li > ul > li.on > a{color: #1a4dbf; background: #e9ebf2 url(/kor/img/icon_bullet_03.png) 95% center no-repeat;}
#sitemap > ul > li > ul > li{border-bottom: 1px solid #d7d7d7;}
#sitemap > ul > li > ul > li:first-child{border-top: 1px solid #d7d7d7;}
#sitemap > ul > li > ul > li > ul{padding: 10px 0; border-top: 1px solid #d7d7d7; font-size: 12px;}
#sitemap > ul > li > ul > li > ul li a{display: block; height: 25px; line-height: 25px; padding-left: 30px; color: #999999; position: relative;}
#sitemap > ul > li > ul > li > ul li a:before{content: "-"; position: absolute; left: 20px; top: 0px;}
#sitemap > ul > li > ul > li > ul li.on a{color: #000000;}

/* main page */
#main_visual{height: 410px; overflow: hidden; position: relative; min-width: 1000px;}
#main_visual ul.image{max-width: 1400px; height: 410px; position: relative; margin-left: 50%; left: -700px;}
#main_visual ul.image li{position: absolute; left: 0; top: 0; display: none;}
#main_visual ul.image li:first-child{display: block;}
#main_visual ul.indicator{position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
#main_visual ul.indicator li{display: inline-block;}
#main_visual ul.indicator li a{display: block; width: 15px; height: 15px; background: url(/kor/img/icon_bullet.png) center center no-repeat; text-indent: -9999px; overflow: hidden;}
#main_visual ul.indicator li.on a{background: url(/kor/img/icon_bullet_o.png) center center no-repeat;}
#main_visual a.play{position: absolute; bottom: 23px; left: 52%; color: #ffffff; font-size: 14px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4);}

#main_content{width: 1000px; height: 400px; margin: 30px auto; position: relative;}

#main_link{width: 1000px; height: 400px; position: relative;}
#main_link li { float: left; margin-right: 10px; }
/* 20220622 HSK */
#main_link li:last-child { float: left; margin-right: 0; }
#main_link li:nth-child(2) a {display: block; width: 494px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0; }
/* // 20220622 HSK */



#main_link li a{display: block; width: 242px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0;}
/* 20190102 ks */
#main_link li:nth-child(1) a{display: block; width: 494px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0;}
#main_link li a img{ width: 100%; height: 100%; }
/* 20220622 HSK */
/* #main_ir{ width: 244px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px; background: #393939; position: absolute; right: 0; top: 0; color: #ffffff; } */
#main_ir{ display: none; }
/* // 20220622 HSK */
#main_ir h3{font-size: 18px; margin-bottom: 20px;}
#main_ir a.more{position: absolute; right: 20px; top: 24px; background: url(/kor/img/icon_more_02.png) right center no-repeat; padding-right: 20px; color: #bbbbbb; font-size: 12px;}
#main_ir ul.info li{margin-bottom: 5px;}
#main_ir ul.info li.now span.data{font-size: 34px; font-weight: bold;}
#main_ir ul.info span{display: inline-block;}
#main_ir ul.info span.title{width: 65px;}
#main_ir ul.info span.data{width: 137px; text-align: right;}
#main_ir ul.info span.data.up{color: #e14840;}
#main_ir ul.info span.data.down{color: #5997cd;}
#main_ir ul.link{display: table; table-layout: fixed; width: 200px; margin-top: 20px; position: absolute; left: 20px; bottom: 15px;}
#main_ir ul.link li{display: table-cell;}
#main_ir ul.link li a{display: block; text-align: center; height: 30px; line-height: 30px; color: #ffffff; background: #3c85c4;}
#main_ir ul.link li:first-child a{background: #5997cd;}

#main_board{width: 494px; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0; background: #dfe1e5; position: absolute; top: 200px; left: 0; padding: 18px 30px;}
#main_board dl dt{position: absolute; left: 120px; top: 20px; font-size: 14px; color: #777777; font-weight: bold; line-height: 20px;}
#main_board dl dt:first-child{left: 30px;}
#main_board dl dt:first-child:after{content: ""; font-size: 13px; color: #999999; margin-left: 20px;}
#main_board dl dt.on{font-size: 18px; color: #333333;}
#main_board dl dt.on:first-child:after{margin-left: 10px; vertical-align: middle;}
#main_board dl dd{position: absolute; left: 30px; top: 58px; width: 440px; display: none;}
#main_board dl dt.on+dd{display: block;}
#main_board dl dd a.more{position: absolute; right: 0; top: -30px; font-size: 12px; color: #999999; background: url(/kor/img/icon_more.png) right center no-repeat; padding-right: 20px;}
#main_board dl dd ul li{margin-bottom: 10px; position: relative;}
#main_board dl dd ul li a{display: block; width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 8px;}
#main_board dl dd ul li a:before{content: ""; display: block; width: 3px; height: 3px; background: #767676; position: absolute; left: 0; top: 6px;}
#main_board dl dd ul li a:hover{color: #1a4dbf;}
#main_board dl dd ul li span{position: absolute; right: 0; top: 0; color: #666666; font-size: 12px;}

/* #main_board2 {width: 494px; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0; background: #dfe1e5; position: absolute; top: 200px; left: 504px; padding: 18px 30px;} */
#main_board2 {width: 494px; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0; background: #dfe1e5; position: absolute; top: 200px; left: 0px; padding: 18px 30px;}
#main_board2 dl dt{position: absolute; left: 120px; top: 20px; font-size: 14px; color: #777777; font-weight: bold; line-height: 20px;}
#main_board2 dl dt:first-child{left: 30px;}
#main_board2 dl dt:first-child:after{content: ""; font-size: 13px; color: #999999; margin-left: 20px;}
#main_board2 dl dt.on{font-size: 18px; color: #333333;}
#main_board2 dl dt.on:first-child:after{margin-left: 10px; vertical-align: middle;}
#main_board2 dl dd{position: absolute; left: 30px; top: 58px; width: 440px; display: none;}
#main_board2 dl dt.on+dd{display: block;}
#main_board2 dl dd a.more{position: absolute; right: 0; top: -30px; font-size: 12px; color: #999999; background: url(/kor/img/icon_more.png) right center no-repeat; padding-right: 20px;}
#main_board2 dl dd ul li{margin-bottom: 10px; position: relative;}
#main_board2 dl dd ul li a{display: block; width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 8px;}
#main_board2 dl dd ul li a:before{content: ""; display: block; width: 3px; height: 3px; background: #767676; position: absolute; left: 0; top: 6px;}
#main_board2 dl dd ul li a:hover{color: #1a4dbf;}
#main_board2 dl dd ul li span{position: absolute; right: 0; top: 0; color: #666666; font-size: 12px;}

/* sub page(common) */
#sub_visual{/*background: url(/kor/img/main_bg_02.png) 0 0 repeat-x;*/ overflow: hidden; min-width: 1000px;}
#sub_visual div.visual{height: 150px; width: 1400px; position: relative; margin-left: 50%; left: -700px;}
#bread_crumb{position: absolute; right: 200px; top: 20px; color: #a3a3a3}
#bread_crumb li{float: left; text-shadow: 1px 1px 0 rgba(0,0,0,0.7);}
#bread_crumb li+li:before{content: ">"; margin: 0 7px;}
#bread_crumb li em{color: #ffffff;}
#body{width: 1000px; margin: 0 auto; overflow: hidden; padding: 35px 0 100px 0;}
#lnb{float: left; width: 190px;}
#lnb h2{height: 45px; font-size: 24px;}
#lnb ul.nav{border-top: 1px solid #d7d7d7; margin-bottom: 40px;}
#lnb ul.nav > li{border-bottom: 1px solid #d7d7d7;}
#lnb ul.nav > li > a{display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 20px; position: relative;}
#lnb ul.nav > li > a:hover{background: #fafafa;}
#lnb ul.nav > li > a:before{content: ""; display: block; width: 2px; height: 2px; position: absolute; left: 9px; top: 20px; background: #97bac9;}
#lnb ul.nav > li.on > a{color: #1a4dbf; background: #e9ebf2 url(/kor/img/icon_bullet_03.png) 95% center no-repeat;}
#lnb ul.nav ul{padding: 10px 0; border-top: 1px solid #d7d7d7;}
#lnb ul.nav ul li a{display: block; height: 30px; line-height: 30px; padding-left: 30px; color: #999999; position: relative;}
#lnb ul.nav ul li a:before{content: "-"; position: absolute; left: 20px; top: 0px;}
#lnb ul.nav ul li.on a{color: #000000;}
#lnb ul.banner{border: 1px solid #d7d7d7; padding: 5px 14px;}
#lnb ul.banner li{border-top: 1px dashed #d7d7d7;}
#lnb ul.banner li:first-child{border-top: none;}

body.sub #main{margin-left: 250px;}
body.sub #main h2{font-size: 32px; padding-bottom: 18px; border-bottom: 1px solid #8aa0b3; margin-bottom: 50px;}
body.sub #main h3{font-size: 18px; margin: 20px 0 10px 0; color: #1a4dbf;}




/* sub pages */
body.introduce01 #main {background: url(/kor/img/introduce_img_01.png) right bottom no-repeat;}
body.introduce01 #main h3{color: #222222; font-size: 18px; line-height: 1.6em;}
body.introduce01 #main h3 em{color: #0a66b6; font-size: 30px;}
body.introduce01 #main p{margin: 20px 0; line-height: 1.6em; color: #666666; font-size: 15px;}
body.introduce01 #main p.sign{margin-top: 90px;}
body.introduce01 #main p.sign img{vertical-align: middle; margin-left: 20px;}
body.ir #main p{margin: 20px 0; line-height: 1.6em; color: #666666; font-size: 13px;}
body.ir #main p.sign{margin-top: 90px;}
body.ir #main p span{font-weight: bold;}

body.introduce02 #main {background: url(/kor/img/introduce_img_03.png) right 180px no-repeat;}
body.introduce02 table.history{font-size: 14px; color: #666666;}
body.introduce02 table.history td{line-height: 26px; vertical-align: top; padding-left: 20px; position: relative;}
body.introduce02 table.history td.year{font-size: 36px; width: 180px; padding-left: 0;}
body.introduce02 table.history td.month{font-weight: bold; color: #222222; width: 30px; border-right: 1px solid #d6d6d6; padding-left: 0;}
body.introduce02 table.history td.month:after{content: ""; background: url(/kor/img/introduce_img_04.png) center center no-repeat; display: block; width: 7px; height: 7px; position: absolute; right: -4px; top: 11px;}
body.introduce02 table.history td.last{padding-bottom: 40px;}
body.introduce02 p.history{position: relative; left: 154px; top: -5px;}

body.introduce03 #main h3{font-size: 26px; color: #222222; margin-bottom: 70px;}
body.introduce03 #main h3 em{color: #0a66b6;}
body.introduce03 #main h3+p{text-align: center;}

body.introduce04 #main > div.left{width: 340px; float: left;}
body.introduce04 #main > div.right{width: 340px; float: right;}
body.introduce04 #main > div h3{font-size: 22px; height: 60px; line-height: 60px; color: #ffffff; text-align: center;}
body.introduce04 #main > div.left h3{background: url(/kor/img/introduce_img_07.png) 0 0 no-repeat;}
body.introduce04 #main > div.right h3{background: url(/kor/img/introduce_img_08.png) 0 0 no-repeat;}
body.introduce04 #main > div ul li{height: 70px; border: 1px solid #c0c0c0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 90px; position: relative; margin-bottom: 10px; vertical-align: middle; color: #222222; display: table; width: 100%;}
body.introduce04 #main > div ul li img{position: absolute; left: 22px; top: 11px;}
body.introduce04 #main > div ul li span{display: table-cell; vertical-align: middle; line-height: 1.4em;}
body.introduce04 #main > div+h3{clear: both; font-size: 24px; color: #222222; padding: 50px 0 40px 0;}
body.introduce04 #main ul.cert li{float: left;}
body.introduce04 #main ul.cert li em{display: block; text-align: center; color: #666666; margin-bottom: 20px;}
body.introduce04 #wrapper div.layer_popup{width: 498px; height: 702px; margin-left: -259px; margin-top: -351px; padding: 0; -webkit-box-sizing: content-box; box-sizing: content-box;}

/* body.introduce05 #main div.org_chart{width: 734px; height: 589px; background: url(/kor/img/introduce_img_22.png) 0 0 no-repeat; overflow: hidden; position: relative;} */
body.introduce05 #main div.org_chart{width: 730px; height: 1450px; background: url(/kor/img/introduce_img_22_20250709.jpg) 0 0 no-repeat; overflow: hidden; position: relative;}
body.introduce05 #main div.org_chart div.hidden{position: absolute; left: -9999px;}

body.introduce06 #map{height: 438px; border: 1px solid #999999; overflow: hidden;}
body.introduce06 #main table{margin-top: 20px;}
body.introduce06 #main table td em{color: #1a4dbf;}

body.business table.spec{width: 100%; margin-top: 20px;}
body.business table.spec thead th{border-top: 2px solid #37343b;}
body.business table.spec thead th:first-child{border-top: 2px solid #345aaf;}
body.business table.spec th, body.business table.spec td{text-align: center; padding: 8px 5px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
body.business table.spec th:first-child, body.business table.spec td:first-child{border-left: none; border-right: 1px solid #e5e5e5;}
body.business table.spec tbody td{color: #666666;}
body.business table.spec tbody th{color: #222222; font-weight: normal; border-right: 1px solid #e5e5e5;}
body.business table.spec tbody th.first{color: #1a4dbf;}

body.business01 #main h3{float: left; margin: 0;}
body.business01 ul.process{width: 800px;}
body.business01 ul.process li{float: left; width: 210px; height: 290px; padding: 25px 25px 25px 0; margin-right: 25px; border-right: 1px solid #e5e5e5; margin-bottom: 35px; position: relative; top: -25px;}
body.business01 ul.process li:first-child{padding-left: 25px; border-left: 1px solid #e5e5e5; margin-left: 19px;}
body.business01 ul.process li em{color: #5e697b; font-size: 24px; font-weight: bold; display: block; margin: 10px 0; line-height: 26px;}
body.business01 ul.process li em span{display: inline-block; width: 26px; height: 26px; background: url(/kor/img/business_icon_01.png) center center no-repeat; color: #ffffff; font-size: 14px; line-height: 26px; text-align: center; font-weight: normal; vertical-align: middle; margin-right: 10px;}
body.business01 ul.process li span.desc{display: block; color: #606876; line-height: 1.6em; word-break: keep-all;}

body.business01 p.title{width: 729px; height: 181px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/kor/img/business_img_19.png) 0 0 no-repeat; font-size: 15px; font-weight: bold; color: #222222; line-height: 1.6em; padding: 30px 0 0 230px;}
body.business01.index_2_1_3 #main h3{font-size: 24px; margin: 40px 0 20px 0; float: none; color: #222222;}
body.business01 p.para{color: #666666; line-height: 1.6em; font-size: 15px;}
body.business01 #main h4{font-size: 18px; color: #1a4dbf; margin: 50px 0 20px 0;}

body.business02 #main{background: url(/kor/img/business_img_20.jpg) right 200px no-repeat;}
body.business02 p.title{font-size: 22px; color: #222222; line-height: 1.4em;}
body.business02 p.title em{font-size: 28px; color: #1a4dbf; font-weight: bold; display: block; margin: 30px 0 140px 0; line-height: 1.4em;}
body.business02 #main h3{font-size: 24px; color: #222222; margin: 50px 0 20px 0;}
body.business02 ul.tab{display: table; width: 100%; margin-bottom: 60px; position: relative; border-spacing: 2px; table-layout: fixed;}
body.business02 ul.tab > li{display: table-cell; text-align: center;}
body.business02 ul.tab > li > a{display: block; font-size: 18px; height: 40px; line-height: 40px; font-weight: bold; background: #cccccc; color: #555555;}
body.business02 ul.tab > li.on > a{background: #1a4dbf; color: #ffffff;}
body.business02 ul.tab ul{display: table; position: absolute; left: 0; top: 40px; width: 100%; table-layout: fixed; background: #ffffff; display: none; border-collapse: collapse;}
body.business02 ul.tab > li.on ul{display: table;}
body.business02 ul.tab ul li{display: table-cell; border-bottom: 2px solid #37343b;}
body.business02 ul.tab ul li a{display: block; height: 38px; line-height: 38px; color: #999999;}
body.business02 ul.tab ul li.on{border-bottom: 2px solid #1a4dbf;}
body.business02 ul.tab ul li.on a{color: #1a4dbf; position: relative;}
body.business02 ul.tab ul li.on a:after{content: ""; display: block; border: 5px solid transparent; border-top-color: #1a4dbf; position: absolute; left: 50%; margin-left: -5px; bottom: -12px;}
body.business02 div.section{display: none;}
body.business02 #spec1{display: block;}
body.business02 div.section p.image img{width: 100%;}
body.business02 #main h4{font-size: 18px; color: #eeeeee; margin: 30px 0 20px 0; color: #222222;}

body.customer01 table.form{margin-top: 40px;}

body.customer02 #main h3{color: #333333; margin-top: 50px;}
body.customer02 #layer_pop1 div.content{padding-top: 20px;}
body.customer02 div.original{border-top: 2px solid #37343b; padding: 20px; height: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 200px; background: #f4f4f4 url(/kor/img/bg_customer_01.png) 40px center no-repeat;}
body.customer02 div.original p.title{font-size: 18px; margin: 20px 0; font-weight: bold;}
body.customer02 div.original p{line-height: 1.6em;}
body.customer02 div.original p em{color: #1a4dbf;}
body.customer02 div.original.style2{padding-top: 30px;}
body.customer02 div.serial{border-top: 2px solid #37343b; padding: 20px; background: #f4f4f4;}
body.customer02 div.serial input[type=text]{width: 600px; border: 4px solid #1a4dbf; margin-right: 10px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 0 10px;}
body.customer02 div.reject{border-top: 2px solid #37343b; padding: 20px; background: #f4f4f4; margin-bottom: 50px; position: relative;}
body.customer02 div.reject p{background: url(/kor/img/bg_customer_02.png) 20px center no-repeat; padding: 20px 0 20px 200px; line-height: 1.6em;}
body.customer02 div.reject ul{overflow: hidden; background: #ffffff; padding: 15px 20px; margin: 20px 10px 0 10px; font-size: 12px;}
body.customer02 div.reject ul li{float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 4px 0; position: relative; padding-left: 10px;}
body.customer02 div.reject ul li:before{content: ""; position: absolute; left: 0; top: 5px; width: 3px; height: 3px; background: #8aa0b3;}
body.customer02 div.reject a{position: absolute; left: 375px; bottom: 34px; background: #c90000; color: #ffffff; text-align: center; padding: 3px 15px; border-radius: 3px; font-size: 12px;}
body.customer02 div.pagination{margin-bottom: 30px;}
body.customer02 div.inquery{border-top: 2px solid #37343b;}
body.customer02 div.inquery h4{font-size: 15px; padding: 15px 170px 15px 70px; background: url(/kor/img/icon_question.png) 20px center no-repeat; position: relative; border-bottom: 1px solid #e6e6e6;}
body.customer02 div.inquery h4 span{font-size: 13px; font-weight: normal; position: absolute; right: 20px; color: #666666;}
body.customer02 div.inquery div.content{padding: 30px 20px;}
body.customer02 div.inquery.answer{border-top-width: 1px; background: #f5f5f5; border-bottom: 1px solid #e6e6e6;}
body.customer02 div.inquery.answer h4{background: url(/kor/img/icon_answer.png) 20px center no-repeat;}
body.customer02 p.title{font-size: 18px; font-weight: bold; color: #222222; margin-bottom: 20px;}
body.customer02 table.content{width: 100%;}
body.customer02 table.content tr:first-child td{border-top: 2px solid #37343b;}
body.customer02 table.content tr:first-child td:first-child{border-top: 2px solid #1a4dbf;}
body.customer02 table.content td{padding: 10px 20px; border-bottom: 1px solid #e5e5e5; line-height: 1.8em;}
body.customer02 table.content td:first-child{background: #f5f5f5; color: #1a4dbf; font-weight: bold; border-right: 1px solid #e5e5e5; width: 180px;}
body.customer02 ol.delivery{padding: 20px 0 20px 100px; background:#646567 url(/kor/img/customer_icon_01.png) 20px center no-repeat; margin: 35px 0; color: #d1d1d2; line-height: 2em; letter-spacing: -0.5px;}
body.customer02 div.notice{border: 1px solid #c0c0c0; padding: 20px;}
body.customer02 div.notice p{background: url(/kor/img/customer_icon_02.png) 0 center no-repeat; color: #222222; font-weight: bold; padding: 5px 30px;}
body.customer02 div.notice ul{line-height: 1.8em; color: #999999;}
body.customer02 div.notice ul li{position: relative; padding-left: 10px;}
body.customer02 div.notice ul li:before{content: ""; display: block; width: 2px; height: 2px; background: #bcc2d0; position: absolute; left: 0; top: 11px;}

body.customer02 div.pass{border-top: 2px solid #37343b; padding: 20px; background: #f4f4f4;} /*IR PLUS  추가 20150812*/
body.customer02 div.pass input[type=text]{width: 100px; border: 4px solid #1a4dbf; margin-right: 10px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 0 10px;}/*IR PLUS  추가 20150812*/

body.customer03 table.content{width: 100%;}
body.customer03 table.content th, body.customer03 table.content td{padding: 10px; text-align: center; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
body.customer03 table.content th:first-child{border-left: none;}
body.customer03 table.content thead th{background: #f5f5f5; color: #222222; border-top: 2px solid #37343b;}
body.customer03 table.content thead th:first-child{border-top: 2px solid #1a4dbf;}
body.customer03 table.content tbody th, body.customer03 table.content tbody td.email{color: #1a4dbf;}

body.recruit01 div.bg_box{height: 518px; background: url(/kor/img/recruit_img_01.jpg) center 0 no-repeat; overflow: hidden;}
body.recruit01 div.bg_box div.hidden{position: absolute; left: -9999px;}

body.recruit02 ol.recruit{background: url(/kor/img/recruit_img_02.png) 0 0 no-repeat;}
body.recruit02 ol.recruit li{padding: 10px 0 0 150px; height: 120px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all; line-height: 1.6em; color: #666666;}
body.recruit02 #main ol.recruit h3{margin: 0 0 10px 0; font-size: 18px; color: #222222;}
body.recruit02 div.notice { border: 1px solid #c0c0c0; padding: 15px 20px; }
body.recruit02 div.notice p { background: url(/kor/img/customer_icon_02.png) 0 center no-repeat; color: #222222; font-weight: bold; padding: 5px 30px; }

/* body.recruit02 div.notice ul{line-height: 1.8em; color: #999999;}
body.recruit02 div.notice ul li{position: relative; padding-left: 10px;}
body.recruit02 div.notice ul li:before{content: ""; display: block; width: 2px; height: 2px; background: #bcc2d0; position: absolute; left: 0; top: 11px;}
body.recruit02 div.notice ul li em{color: #222222; display: inline-block; width: 60px;} */
/* 20230207 - Add(HSG) */
body.recruit02 div.notice ul { position: relative; margin-top: 4px; padding-left: 17px; }
body.recruit02 div.notice ul li { position: relative; margin-bottom: 5px; color: #999; list-style: circle; }
body.recruit02 div.notice ul li span { color: #222; }


body.recruit03 p.down{text-align: right; margin-bottom: 15px;}
body.recruit03 p.down a{display: inline-block; width: 160px; height: 35px; line-height: 33px; padding-left: 35px; background: url(/kor/img/icon_file_06.png) 10px center no-repeat; text-align: left; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px;}

body.recruit04 ul.welfare{overflow: hidden;}
body.recruit04 ul.welfare li{float: left; width: 50%; height: 140px; margin-bottom: 10px; position: relative; padding: 0 40px 0 110px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666666; line-height: 1.6em;}
body.recruit04 #main ul.welfare li h3{margin: 0 0 10px 0; font-size: 18px; color: #222222;}
body.recruit04 #main ul.welfare li img{position: absolute; left: 0; top: 0;}


/* module */

ul.recruit_list{border-top: 2px solid #37343b;}
ul.recruit_list li{border-bottom: 1px solid #e6e6e6;}
ul.recruit_list li > a{display: block; padding: 20px 20px 20px 120px; position: relative; height: 70px;}
ul.recruit_list li > a:hover{background: #345aaf;}
ul.recruit_list li > a:hover em, ul.recruit_list li > a:hover span{color: #ffffff;}
ul.recruit_list li span{display: block;}
ul.recruit_list li span.type{width: 68px; height: 70px; background: url(/kor/img/bg_recruit.png) center center no-repeat; position: absolute; left: 20px; top: 20px;}
ul.recruit_list li span.type span{text-align: center; color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 22px;}
ul.recruit_list li em.title{font-weight: bold; font-size: 16px; display: block;}
ul.recruit_list li span.field{margin: 12px 0 6px 0; color: #666666;}
ul.recruit_list li span.date{color: #666666;}
ul.recruit_list li span em{display: inline-block; width: 100px;}
ul.recruit_list li em.title, ul.recruit_list li span.field, ul.recruit_list li span.date{width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.recruit_list li span.status{position: absolute; right: 20px; top: 20px;}

table.view td.recruit_title{border-top: 2px solid #37343b; padding: 20px 20px 20px 120px; position: relative; height: 70px; background: #f5f5f5;}
table.view td.recruit_title span{display: block;}
table.view td.recruit_title span.type{width: 68px; height: 70px; background: url(/kor/img/bg_recruit.png) center center no-repeat; position: absolute; left: 20px; top: 20px;}
table.view td.recruit_title span.type span{text-align: center; color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 22px;}
table.view td.recruit_title em.title{font-weight: bold; font-size: 16px; display: block;}
table.view td.recruit_title span.field{margin: 12px 0 6px 0; color: #666666;}
table.view td.recruit_title span.date{color: #666666;}
table.view td.recruit_title span em{display: inline-block; width: 100px;}
table.view td.recruit_title em.title, ul.recruit_list li span.field, ul.recruit_list li span.date{width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.view td.recruit_title span.status{position: absolute; right: 20px; top: 20px;}
body.recruit03 table.view td.info span{margin-right: 30px;}
body.recruit03 table.view td.info span.no{position: absolute; right: 20px; margin-right: 0;}

table.list{width: 100%;}
table.list th{line-height: 38px; border-bottom: 1px solid #e6e6e6; border-top: 2px solid #37343b; background: #f5f5f5; color: #666666;}
table.list td{line-height: 34px; border-bottom: 1px solid #e6e6e6; text-align: center;}
table.list td.title{text-align: left; padding-left: 20px; max-width: 1px;}
table.list td.title a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.list td.title a:hover{color: #1a4dbf;}
table.list td.em{color: #1a4dbf;}
table.list td img{vertical-align: middle;}
table.list td span.accepted, table.list td span.answered{display: inline-block; padding: 6px 10px; color: #ffffff; background: #a5afb8; line-height: 1.2em; border-radius: 3px; vertical-align: middle;}
table.list td span.answered{background: #f77f04;}

div.pagination{text-align: center; margin: 20px 0;}
div.pagination a{border-radius: 2px; min-width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d7d7d7; line-height: 28px; color: #555555; background: #ffffff; padding: 0 5px;}
div.pagination > a{display: inline-block; font-size: 16px; vertical-align: middle; background: #f9f9f9;}
div.pagination ol{display: inline-block; margin: 0 3px;}
div.pagination ol li{display: inline-block; vertical-align: middle;}
div.pagination ol li a{display: block;}
div.pagination ol li.on a{border: 1px solid #404040; background: #555555; color: #ffffff;}

table.view{width: 100%; margin-bottom: 20px; table-layout: fixed;}
table.view td{border-bottom: 1px solid #e6e6e6;}
table.view td.title{font-size: 16px; font-weight: bold; padding: 15px 20px; background: #f5f5f5; border-top: 2px solid #37343b;}
table.view td.info{position: relative; padding: 10px 20px;}
table.view td.info *{vertical-align: text-bottom;}
table.view td.info span img{margin: 0 5px 0 5px;}
table.view td.info span.info{position: absolute; right: 20px;}
table.view td div.content{min-height: 300px; padding: 20px 0;}
table.view td div.content img{max-width: 100%;}

table.list2{width: 100%; border-top: 2px solid #474747; border-bottom: 2px solid #474747; line-height: 34px; color: #646567; margin-top: 50px;}
table.list2 tr{border-top: 1px solid #ebebeb;}
table.list2 tr:first-child{border-top: none;}
table.list2 td{text-align: center;}
table.list2 td:first-child{font-weight: bold;}
table.list2 td.title{text-align: left; padding-left: 20px; color: #333333; max-width: 1px;}
table.list2 td.title a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.list2 td.title a:hover{color: #1a4dbf;}

p.table_info{text-align: right; margin: 30px 0 5px 0; color: #999999;}
p.table_info img{margin-right: 5px;}
table.form{width: 100%; color: #666666;}
table.form td{line-height: 40px; border: 1px solid #e5e5e5; padding: 0 10px;}
table.form td:first-child, table.form td.th{font-weight: bold; padding-left: 20px; width: 100px; background: #f5f5f5;}
table.form td:first-child img, table.form td.th img{position: relative; left: -10px; margin-right: -6px;}
table.form td *{vertical-align: middle;}
table.form tr:first-child td{border-top: 2px solid #37343b;}
table.form tr:first-child td:first-child{border-top: 2px solid #345aaf;}
table.form td.lines{line-height: 1.2em;}
table.form input[type=text], table.form select{border: 1px solid #dddddd; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px;}
table.form input[type=text].full{width: 100%;}
table.form input[type=text].phone{width: 50px;}
table.form textarea{border: 1px solid #dddddd; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 5px 0; padding: 5px;}
table.form span.desc{font-size: 12px; color: #999999;}
table.form span.desc:before{content: "*"; color: #ff0000; margin: 0 3px 0 10px;}
p.table_desc{text-align: right; margin: 5px 0; color: #999999;}
p.table_desc:before{content: "*"; margin-right: 5px; color: #f88815;}

p.button_box{text-align: center; margin: 20px 0;}
a.btn{display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: center; border-radius: 3px;}
a.btn.size1{min-width: 75px; height: 35px; line-height: 35px; font-size: 13px;}
a.btn.size2{min-width: 160px; height: 37px; line-height: 37px; font-size: 14px;}
a.btn.size3{min-width: 75px; height: 30px; line-height: 30px; font-size: 13px;}
a.btn.color1{border: 1px solid #d7d7d7; background: #f9f9f9; color: #646567;}
a.btn.color2{border: 1px solid #00a4bc; background: #00b1cb; color: #ffffff;}
a.btn.color3{border: 1px solid #8e8e8e; background: #999999; color: #ffffff;}
a.btn.color4{border: 1px solid #3053a2; background: #345aaf; color: #ffffff;}
a.btn.color5{border: 1px solid #000000; background: #000000; color: #ffffff;}
a.btn.color6{border: 1px solid #e57604; background: #f77f04; color: #ffffff;}

div.info_box{border-top: 2px solid #37343b; padding: 10px; background: #f4f4f4;}
div.info_box div.info_content{border: 1px solid #e5e5e5; background: #ffffff; padding: 20px; height: 120px; overflow: auto;}
div.info_box div.info_content pre{white-space: pre-line; font-size: 12px;}
div.info_box p{color: #666666; margin: 10px 0;}

div.layer_popup{width: 480px; height: 260px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -240px; background: #ffffff; border: 1px solid #1a4dbf; border-top: 4px solid #1a4dbf; z-index: 10001; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: none;}
div.layer_popup h3{font-size: 20px; background: url(/kor/img/icon_warning.png) 0 center no-repeat; padding: 10px 0 10px 50px; display: inline-block; margin-bottom: 10px;}
div.layer_popup > div.content{background: #f5f5f5; height: 145px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px;}
div.layer_popup > div.content p.title{font-size: 16px; font-weight: bold; margin: 20px 0 15px 0;}
div.layer_popup > div.content p{margin: 10px 0; line-height: 1.4em;}
div.layer_popup > div.content em{color: #f8703e;}
div.layer_popup a.popup_close{position: absolute; right: -1px; top: -4px;}

/* 윤리경영 MENU Add (20200102-HSG) */
.ethical_manage_box {
    padding: 40px 40px 90px;
    position: relative;
    background: url(../../kor/img/hisem_ci_back.png) no-repeat center;
    background-size: 500px;
}
.ethical_manage_box .title_bar_out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: row;
        -ms-flex: row;
            flex: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    margin-bottom: 40px;
}
.ethical_manage_box .title_bar_out div.title {
    font-size: 40px;
    padding-top: 8px;
    padding-right: 10px;
}
.ethical_manage_box .title_bar_out div.bar {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-bottom: 1px solid black;
}
.ethical_manage_box .title_bar_out div.ci {
    padding-left: 10px;
}
.ethical_manage_box .title_bar_out div.ci img {
    width: 100px;
    vertical-align: bottom;
}
.ethical_manage_box .line_img_1 {
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.ethical_manage_box ul li p span {
    padding: 5px 10px;
    text-align: center;
    margin-right: 10px;
    border-radius: 10px;
    background-color: #2AADE5;
    color: #fff;
}
.ethical_manage {
    word-break: keep-all;
}
.ethical .button {
    font-size: 17px;
    color: #333;
    font-weight: bold;
    padding: 15px 8px;
    background: #f5f5f5 url(../../kor/img/icon_bullet_03.png) no-repeat 97% center;
    margin-bottom: 5px;
    cursor: pointer;
}
.ethical .contents {
    display: none;
    padding: 8px 8px 20px 8px
}
.ethical .contents.open {
    display: block;
}
.ethical .contents p.bold {
    font-weight: bold;
}
/* // 윤리경영 MENU Add (20200102-HSG) */

/* 2024.05 - ESG 메뉴 & 페이지 추가 */
/* 경영방침 */
.sub.customer #body .esgBxWrap { position: relative; }
.sub.customer #body .esgBxWrap h3 { position: relative; margin-bottom: 18px; font-size: 26px; font-weight: 700; color: #333; font-family: myNanumGothicBold; letter-spacing: -0.5px; }
.sub.customer #body .esgBxWrap > p { position: relative; padding: 46px 34px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; line-height: 1.4; word-break: keep-all; border: 1px solid #eaeaea; background-color: #fafafa; }
.sub.customer #body .esgBxWrap > p strong { position: relative; display: block; padding-bottom: 10px; font-size: 20px; font-weight: 700; color: #333; font-family: myNanumGothicBold; }
.sub.customer #body .esgBxWrap figure { position: absolute; top: 0; right: 40px; display: block; padding: 0; margin: 0; text-align: right; }
.sub.customer #body .esgBxWrap figure > img { max-width: 150px; }
.sub.customer #body .esgBxWrap .conWrap { position: relative; margin-top: 45px; }
.sub.customer #body .esgBxWrap .conWrap h4 { position: relative; font-size: 24px; font-weight: 900; color: #333; font-family: myNanumGothicBold; letter-spacing: -0.5px; }
.sub.customer #body .esgBxWrap .conWrap .inWrap { position: relative; margin-top: 35px; border-top: 2px solid #333; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx { position: relative; display: flex; flex-flow: row nowrap; align-items: center; padding: 30px 20px 25px; gap: 25px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > img { width: 70px; height: auto; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl { width: calc(100% - 70px - 25px); }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dt { position: relative; margin-bottom: 5px; font-size: 20px; font-weight: 700; color: #000; font-family: myNanumGothicBold; letter-spacing: -1px; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd { position: relative; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; line-height: 1.5; letter-spacing: -0.8px; word-break: keep-all; }
.sub.customer #body .esgBxWrap .conWrap .bottomBx { position: relative; margin-top: 44px; padding: 30px 25px; background-color: #fafafa; border: 1px solid #eaeaea; letter-spacing: -0.8px; word-break: keep-all; }
.sub.customer #body .esgBxWrap .conWrap .bottomBx li { position: relative; padding-left: 10px; font-size: 16px; font-weight: 700; color: #333; font-family: myNanumGothicBold; line-height: 1.5; }
.sub.customer #body .esgBxWrap .conWrap .bottomBx li::before { position: absolute; content: '·'; left: 0; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; line-height: inherit; }
.sub.customer #body .esgBxWrap .conWrap .linkBx { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.sub.customer #body .esgBxWrap .conWrap .linkBx a { position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; color: #fff; font-family: myNanumGothicBold; line-height: 1; width: 270px; height: 60px; background-color: #06519a; }
.sub.customer #body .esgBxWrap .conWrap .linkBx a img { position: relative; display: inline-block; margin-right: 10px; }
.sub.customer #body .esgBxWrap h6 { position: relative; font-size: 20px; font-weight: 400; color: #333; font-family: myNanumGothic; line-height: 1.4; }
.sub.customer #body .esgBxWrap h6 strong { position: relative; display: block; font-size: 20px; font-weight: 700; color: #333; font-family: myNanumGothicBold; }
/* 인권경영 */
.sub.customer.customer05 #body .esgBxWrap figure { position: absolute; top: -30px; right: 40px; display: block; padding: 0; margin: 0; text-align: right; }
.sub.customer.customer05 #body .esgBxWrap figure > img { max-width: 270px; }
.sub.customer.customer05 #body .esgBxWrap .conWrap { position: relative; margin-top: 80px; z-index: 5; }
.sub.customer.customer05 #body .esgBxWrap .conWrap .inWrap.inWrap01 { margin: 0; border-top: none; }
.sub.customer.customer05 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx { display: block; margin-bottom: 11px; padding: 30px 35px; width: 100%; background-color: #fafafa; border: 1px solid #eaeaea; box-sizing: border-box; }
.sub.customer.customer05 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx:last-child { margin-bottom: 0; }
.sub.customer.customer05 #body .esgBxWrap .conWrap .inWrap.inWrap02 .bx { padding: 40px 23px; }
.sub.customer.customer05 #body .esgBxWrap .conWrap h4 { margin-top: 60px; }
.sub.customer #body .esgBxWrap .conWrap .inWrap.inWrap02 .bx { align-items: flex-start; }
/* 윤리경영 */
.sub.customer.customer06 #body .esgBxWrap figure { position: absolute; top: 0; right: 0; display: block; padding: 0; margin: 0; text-align: right; }
.sub.customer.customer06 #body .esgBxWrap figure > img { max-width: 343px; }
.sub.customer.customer06 #body .esgBxWrap .conWrap { margin-top: 80px; z-index: 5; }
.sub.customer.customer06 #body .esgBxWrap .conWrap .inWrap.inWrap01 { margin: 0; border-top: none; }
.sub.customer.customer06 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx { display: block; margin-bottom: 11px; padding: 30px 35px; width: 100%; background-color: #fafafa; border: 1px solid #eaeaea; box-sizing: border-box; }
.sub.customer.customer06 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx dl { display: block; width: 100%; }
.sub.customer.customer06 #body .esgBxWrap .conWrap h4 { margin-top: 60px; }
.sub.customer.customer06 #body .esgBxWrap .conWrap h4 + p { margin-top: 20px; }
.sub.customer.customer06 #body .esgBxWrap .conWrap p { position: relative; padding: 30px 25px; font-size: 16px; font-weight: 700; color: #333; font-family: myNanumGothicBold; line-height: 1.4; border: 1px solid #eaeaea; background-color: #fafafa; }
.sub.customer #body .esgBxWrap .conWrap .linkBx.declaration a { background-color: #2d2d2d; }
/* 윤리경영 제보하기 customer07 */
.sub.customer.customer07 #body .esgBxWrap .conWrap { margin-top: 0; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx { position: relative; margin-bottom: 10px; padding: 25px 40px; border: 1px solid #eaeaea; background-color: #fafafa; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx + h3 { margin-top: 60px; margin-bottom: 10px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap h3 + p { position: relative; font-size: 16px; font-weight: 400; color: #000; font-family: myNanumGothic; line-height: 1.4; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx h5 { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #333; font-family: myNanumGothicBold; letter-spacing: -1px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx h5 > img { position: relative; display: inline-block; margin-right: 10px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul { position: relative; display: flex; flex-flow: row wrap; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul li { position: relative; padding-left: 10px; margin-bottom: 6px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; width: 50%; box-sizing: border-box; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul li::before { position: absolute; content: '·'; left: 0; font-size: 16px; font-weight: 400; color: #000; font-family: myNanumGothic; line-height: inherit; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number { position: relative; display: block; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li { position: relative; display: block; padding-left: 30px; margin-bottom: 6px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; width: 100%; box-sizing: border-box; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li::before { position: absolute; content: ''; left: 0; top: -1px; font-size: 16px; font-weight: 700; color: #000; font-family: myNanumGothicBold; line-height: inherit; letter-spacing: -1px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li:nth-child(1)::before { content: '01.'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li:nth-child(2)::before { content: '02.'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li:nth-child(3)::before { content: '03.'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li:nth-child(4)::before { content: '04.'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .inBx ul.number li:nth-child(5)::before { content: '05.'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap { position: relative; margin-top: 20px; border-top: 1px solid #000; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap h3 { position: relative; margin-top: 60px; margin-bottom: 10px; letter-spacing: -1px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap { position: relative; padding: 35px 30px; margin-bottom: 20px; background-color: #fafafa; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap ul li { padding-left: 20px; margin-bottom: 6px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; line-height: 1.4; word-break: keep-all; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .number { position: relative; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .number > li { position: relative; font-size: 16px; font-weight: 700; color: #000; font-family: myNanumGothicBold; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .number > li::before { position: absolute; content: '1.'; left: 0; font-size: 16px; font-weight: 700; color: #000; font-family: myNanumGothicBold; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket { position: relative; margin-top: 10px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li { position: relative; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li::before { position: absolute; left: 0; font-size: 15px; font-weight: 400; color: #333; font-family: myNanumGothic; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li:nth-child(1)::before { content: '1)'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li:nth-child(2)::before { content: '2)'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li:nth-child(3)::before { content: '3)'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .numBracket > li:nth-child(4)::before { content: '4)'; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .dash { position: relative; margin-bottom: 10px; margin-top: 4px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .dash > li { position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .ruleWrap .dash > li::before { position: absolute; content: '-'; left: 0; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .checkBar { position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .checkBar input { position: relative; display: inline-block; margin-right: 6px; width: 16px; height: 16px; cursor: pointer; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .formWrap .checkBar label { position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #000; font-family: myNanumGothicBold; user-select: none; cursor: pointer; }
.customer07 .formWrap .bxWrap { position: relative; display: flex; flex-flow: column; }
.customer07 .formWrap .bxWrap .bx { position: relative; padding: 20px 0; width: 100%; border-bottom: 1px solid #ddd; }
.customer07 .formWrap .bxWrap .bx input { position: relative; display: block; padding: 0 20px; font-size: 16px; font-weight: 400; color: #333; line-height: 55px; width: 100%; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.customer07 .formWrap .bxWrap .bx input[readonly="true"] { background-color: #d1d1d1; border: 1px solid #aaa; cursor: default; }
.customer07 .formWrap .bxWrap .bx input[readonly="true"]:focus { outline: none; }
.customer07 .formWrap .bxWrap .bx.bx01 { display: flex; flex-flow: row nowrap; }
.customer07 .formWrap .bxWrap .bx.bx01 input[type="text"] { width: calc(100% - 140px); }
.customer07 .formWrap .bxWrap .bx.bx01 .checkBx { position: relative; display: flex; flex-flow: row nowrap; align-items: center; gap: 5px; padding-left: 15px; width: 140px; line-height: 55px; }
.customer07 .formWrap .bxWrap .bx.bx01 .checkBx input[type="checkbox"] { position: relative; width: 16px; height: 16px; line-height: 25px; border-radius: 3px; cursor: pointer; }
.customer07 .formWrap .bxWrap .bx.bx01 .checkBx label { font-size: 16px; font-weight: 400; color: #333; cursor: pointer; user-select: none; }
.customer07 .formWrap .bxWrap .bx textarea { position: relative; display: block; padding: 20px; font-size: 16px; font-weight: 400; color: #333; line-height: 1.4; width: 100%; height: 220px; resize: none; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.customer07 .formWrap .bxWrap .bx.bx06 { position: relative; display: flex; flex-flow: row wrap; gap: 5px; }
.customer07 .formWrap .bxWrap .bx.bx06 .uploadFile { position: relative; width: calc(100% - 135px); }
.customer07 .formWrap .bxWrap .bx.bx06 input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.customer07 .formWrap .bxWrap .bx.bx06 label { position: relative; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; color: #fff; background-color: #999999; width: 130px; line-height: 55px; border-radius: 5px; cursor: pointer; }
.customer07 .formWrap .bxWrap .bx.bx06 label img { position: relative; display: inline-block; margin-right: 7px; }
.customer07 .formWrap .bxWrap .bx.bx06 span { position: relative; display: block; margin-top: 10px; font-size: 16px; font-weight: 400; color: #333; text-transform: uppercase; width: 100%; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .linkBx { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .linkBx a { position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; color: #fff; font-family: myNanumGothicBold; line-height: 1; width: 270px; height: 60px; background-color: #06519a; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx { position: relative; display: flex; justify-content: center; align-items: center; padding: 40px; margin-top: 60px; background-color: #fafafa; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx dl { position: relative; margin-left: 20px; box-sizing: border-box; width: 60%; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx dl dt { position: relative; margin-bottom: 6px; font-size: 20px; font-weight: 700; color: #00a2e1; font-family: myNanumGothicBold; line-height: 1; letter-spacing: -1px; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx dl dd { position: relative; }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx dl dd ul { position: relative; display: flex; flex-flow: row nowrap;  }
.sub.customer.customer07 #body .esgBxWrap .conWrap .infoBx dl dd ul li { position: relative; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; width: 50%; box-sizing: border-box; white-space: nowrap; }
/* EHS경영 .customer08 */
.sub.customer.customer08 #body .esgBxWrap h6 { letter-spacing: -0.5px; }
.sub.customer.customer08 #body .esgBxWrap figure { position: absolute; top: 5px; right: 0; display: block; padding: 0; margin: 0; text-align: right; }
.sub.customer.customer08 #body .esgBxWrap figure > img { max-width: 343px; }
.sub.customer.customer08 #body .esgBxWrap .conWrap { margin-top: 70px; z-index: 5; }
.sub.customer.customer08 #body .esgBxWrap .conWrap .inWrap.inWrap01 { margin: 0; border-top: none; }
.sub.customer.customer08 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx { display: block; margin-bottom: 11px; padding: 30px 35px; width: 100%; background-color: #fafafa; border: 1px solid #eaeaea; box-sizing: border-box; }
.sub.customer.customer08 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx:last-child { margin-bottom: 0; }
.sub.customer.customer08 #body .esgBxWrap .conWrap .inWrap.inWrap01 .bx dl { display: block; width: 100%; }
.sub.customer.customer08 #body .esgBxWrap.esgBxWrap02 figure { position: absolute; top: 10px; right: 0; display: block; padding: 0; margin: 0; text-align: right; }
.sub.customer.customer08 #body .esgBxWrap.esgBxWrap02 figure > img { max-width: 302px; }
.sub.customer.customer08 #body .esgBxWrap .conWrap .inWrap .bx > dl dt { margin-bottom: 0; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket { position: relative; margin-top: 10px; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket li { position: relative; padding-left: 20px; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket li::before { position: absolute; content: ''; left: 0; font-size: 16px; font-weight: 400; color: #333; font-family: myNanumGothic; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket li:nth-child(1)::before { content: '1)'; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket li:nth-child(2)::before { content: '2)'; }
.sub.customer #body .esgBxWrap .conWrap .inWrap .bx > dl dd .numListBracket li:nth-child(3)::before { content: '3)'; }
/* 공급망 .customer09 */
.sub.customer.customer09 #body .esgBxWrap > p { padding: 0; border: none; background-color: #fff; }
.sub.customer.customer09 #body .esgBxWrap > p strong { padding-bottom: 5px; font-size: 24px; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .inWrap { display: flex; flex-flow: row nowrap; gap: 10px; margin-top: 20px; border: none; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .inWrap .bx { position: relative; display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 10px; width: calc(33.3333% - 20px / 3); border: 1px solid #eaeaea; background-color: #fafafa; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .inWrap .bx dl { width: 100%; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .inWrap .bx dl dt { text-align: center; font-size: 16px; font-weight: 700; color: #333; font-family: myNanumGothicBold; line-height: 1.4; width: 100%; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .bottomBx { margin-top: 20px; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .bottomBx li { margin-bottom: 5px; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .bottomBx li:last-child { margin-bottom: 0px; }
.sub.customer.customer09 #body .esgBxWrap .conWrap .linkBx a { width: 310px; }
/* PKG update - 20240903 */
#porductUp2409 { position: relative; }
#porductUp2409 > .linkBx figure { position: relative; display: block; margin: 0; }
#porductUp2409 > .linkBx figure + figure { margin-top: 25px; }
#porductUp2409 > .linkBx figure img { position: relative; width: 100%; height: auto; }
#porductUp2409 .diviMenu { position: relative; display: flex; flex-flow: row nowrap; margin-bottom: 30px; }
#porductUp2409 .diviMenu li { width: 50%; }
#porductUp2409 .diviMenu li a { position: relative; display: block; font-size: 15px; color: #848484; text-align: center; line-height: 45px; border-top: 1px solid #e9e9e9; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
#porductUp2409 .diviMenu li:first-child a { border-left: 1px solid #d0d0d0; }
#porductUp2409 .diviMenu li a:hover,
#porductUp2409 .diviMenu li.on a { color: #000; font-weight: bold; }
#porductUp2409 .subMenu { position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-bottom: 30px; background-color: #f4f4f4; }
#porductUp2409 .subMenu li { position: relative; }
#porductUp2409 .subMenu li::before { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d0d0d0; }
#porductUp2409 .subMenu li:first-child:before { display: none; }
#porductUp2409 .subMenu li a { display: block; padding: 12px 30px 11px 30px; font-size: 13px; font-weight: bold; color: #686868; }
#porductUp2409 .subMenu li:hover a,
#porductUp2409 .subMenu li.on a { color: #ed6a00; }
#porductUp2409 .conOutBx { position: relative; }
#porductUp2409 .conOutBx .viBx { position: relative; display: flex; flex-flow: row nowrap; gap: 20px; margin-bottom: 30px; }
#porductUp2409 .conOutBx .viBx .bx:nth-child(1) { position: relative; width: 310px; }
#porductUp2409 .conOutBx .viBx .bx:nth-child(2) { position: relative; flex: 1; display: block; }
#porductUp2409 .conOutBx .viBx .bx figure { position: relative; display: block; margin: 0 0 10px 0; padding: 10px; border: 1px solid #d0d0d0; }
#porductUp2409 .conOutBx .viBx .bx figure img { position: relative; width: 100%; height: auto; }
#porductUp2409 .conOutBx .viBx .bx .thumb { position: relative; display: flex; flex-flow: row nowrap; gap: 15px; }
#porductUp2409 .conOutBx .viBx .bx .thumb li { position: relative; width: calc(33.3333% - 30px / 3); border: 1px solid #d0d0d0; cursor: pointer; }
#porductUp2409 .conOutBx .viBx .bx .thumb li img { position: relative; width: 100%; height: auto; }
#porductUp2409 .conOutBx .viBx .bx h3 { position: relative; display: block; float: none; padding: 10px 0 15px 30px; font-size: 20px; color: #004ea2; border-bottom: 1px solid #d0d0d0; }
#porductUp2409 .conOutBx .viBx .bx h3::before { position: absolute; content: ''; top: 10px; left: 0; width: 13px; height: 13px; background-color: #4c82be; }
#porductUp2409 .conOutBx .viBx .bx p { position: relative; padding: 30px; font-size: 13px; color: #696969; line-height: 1.6; }
#porductUp2409 .conOutBx .viBx .bx .lineBullet { padding: 0 30px 30px 30px; }
#porductUp2409 .conOutBx .viBx .bx .lineBullet dt { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #000; line-height: 1.6; }
#porductUp2409 .conOutBx .viBx .bx .lineBullet dd { position: relative; padding-left: 23px; font-size: 13px; color: #696969; line-height: 1.8; background: url(../img/images/icon_bu1.gif) no-repeat 10px 10px; }
#porductUp2409 .conOutBx .tableBx { position: relative; }
#porductUp2409 .conOutBx .tableBx table { position: relative; width: 100%; }
#porductUp2409 .conOutBx .tableBx table colgroup col { width: auto; }
#porductUp2409 .conOutBx .tableBx table colgroup col.no06 { width: 120px; }
#porductUp2409 .conOutBx .tableBx table thead tr th { padding: 13px 0; font-size: 13px; color: #346499; line-height: 1.3; border: 1px solid #e9e9e9; border-bottom: 2px solid #4c83bf; background: url(../img/images/bg_th_gr.gif) repeat-x; }
#porductUp2409 .conOutBx .tableBx table tbody tr td { padding: 10px 0 11px 0; font-size: 13px; color: #000; text-align: center; line-height: 1.5; border: 1px solid #e9e9e9; background: none; border-left: 1px solid #fff !important; }
#porductUp2409 .conOutBx .tableBx table tbody tr td:last-child { border-right: 1px solid transparent !important; }
#porductUp2409 .conOutBx .tableBx table tr td a { position: relative; display: inline-block; padding-left: 35px; font-size: 12px; line-height: 32px; text-align: left; width: 90px; height: 35px; background: url(/kor/img/icon_file_06.png) 10px center no-repeat; border: 1px solid #d7d7d7; box-sizing: border-box; border-radius: 3px; transform: translateY(0); transition: all 0.1s ease-in-out; }
#porductUp2409 .conOutBx .tableBx table tr td a:hover { transform: translateY(1px); }
#porductUp2409 .conOutBx .inBx + .inBx { padding-top: 20px; }
#porductUp2409 .conOutBx .inBx h4 { position: relative; display: block; margin: 20px 0; padding-left: 25px; font-size: 16px; color: #1e1e1e; font-weight: bold; background: url(/kor/img/images/icon_sq_blue.gif) no-repeat left center; }
#porductUp2409 .conOutBx .inBx h3 { position: relative; display: block; margin: 30px 0 20px; padding-left: 0; font-size: 20px; color: #1e1e1e; font-weight: bold; }
#porductUp2409 .conOutBx .inBx figure { position: relative; display: block; margin: 0; }
#porductUp2409 .conOutBx .inBx figure + figure { margin-top: 25px; }
#porductUp2409 .conOutBx .inBx figure img { display: inline-block; width: 100%; height: auto; box-sizing: border-box; }