@charset "utf-8";

/* ==========================
Filename:content.css
Description:sub contents style
============================ */

/**
Content common 영문
**/
.con-box { overflow:hidden; background:url(/static/front/img/common/bg/bg_line.gif) repeat-x 0 2px; }
.con-box.first { margin-top:86px; }
.con-box .inner { overflow:hidden; position:relative; padding:60px 0 80px 0; background:url(/static/front/img/engage/blue_line.gif) no-repeat; }
.con-box .title-a { float:left; width:16%; line-height:1.2; }
.con-box .con { float:right; width: 77.77777777777779%; /* 1050/1350 */ }
.con-box .con .img { margin-bottom:23px; }

.con-box dl { margin-top:38px; }
.con-box dl dt { margin-bottom:20px; color:#222; font-size:1.438em; line-height:1.3; }
.con-box dl dd { line-height:1.65; }

.con-box .left-con, .con-box .right-con { width: 47.14285714285714%; /* 495/1050 */ margin-top:53px; }
.con-box .left-con.mg, .con-box .right-con.mg { margin-top:0; }
.con-box .left-con { float:left; padding:0 2.857142857142857% 0 0; border-right:1px solid #e0e0e0; }
.con-box .right-con { float:right; }

.con-box .list-a li { margin-top:15px; } /*li간의 행간 조절시 여기수치조절*/
.con-box .list-a li:first-child { margin:0; }
.con-box .separate { overflow:hidden; margin-top:51px; }
.con-box .separate dt { margin-bottom:16px; }
.con-box .separate dd, .con-box .separate li { float:left; width: 29.523809523809526%; /* 310/1050 */ margin-right:2.857142857142857%; /* 30/1050 */ padding-right:2.857142857142857%; background:url(/static/front/img/common/bg/bg_line.gif) repeat-y right 0; }
.con-box .separate .last { margin:0; padding:0; background:none; }
.con-box .separate img { max-width:310px; }
.con-box .separate span { display:block;} /*180309추가*/

.block-con { margin-bottom:89px; }
.center-con { margin-top:100px; padding-top:76px; text-align:center; border-top:1px solid #e0e0e0; }
.title-a.center { text-align:center; }

/* one-page */
.one-page p{margin:25px 0 0 0;}
.one-page p.first{margin-top:0;}

.one-page dl{margin:50px 0 0 0;}
.one-page dl.first{margin-top:0;}
.one-page dl dt{margin: 0 0 27px; font-size:1.438em; color: #222;}
.one-page dl dt.normal{font-size:1em; color:#666;}
.one-page dl dd{line-height:1.5;}

.one-page ul.list-a{margin-top:25px;}
.one-page ul.list-b{margin-top:26px;}

.one-page .con-box.last .inner{padding-bottom:0;}
.one-page .con-box .title-b{float:left; width:16%; line-height:1.0;}


/**
About SAE-A
**/

#chairman .inner{padding-bottom:0;}
#chairman p.first{margin:0 0 20px 0;}

#history ul.img-list{overflow:hidden; margin:40px 0 60px 0;}
#history ul.img-list li{float:left; width:24.74074074074074%; margin:0 0 0 0.345679012345679%;}
#history ul.img-list li:first-child{margin-left:0;}
#history ul.year-list li{position:relative; margin:0 0 25px 0; padding:0 0 0 65px; line-height:1.4; border:0}
#history ul.year-list li span.year{position:absolute; top:0; left:0; font-weight:bold; color:#333;}

#history div.year-list{/*float:left; width:77.14285714285714%*/}
#history div.year-list dl{clear:both; position:relative; margin:30px 0 0 0; padding:0 0 0 65px;}
#history div.year-list dl:first-child{margin-top:0}
#history div.year-list dl dt{position:absolute; top:2px; left:0; width:65px; font-size:1em; font-weight:bold; color:#333;}
#history div.year-list dl dd{margin:0 0 30px 0;}
#history div.year-list dl dd span{display:inline-block;}
#history div.year-list dl dd span.month{margin:0 20px 0 0;}

#who .glance-wrap{border-bottom:1px solid #e0e0e0;}
#who .glance-wrap div.diagram-img1{margin:60px 0 100px 0}
#who .group-wrap{padding:80px 0 100px 0; border-bottom:1px solid #e0e0e0;}


/*leader-wrap 내용부분은 주석처리 됐음*/
#who .leader-wrap{padding:60px 0 100px 0; border-bottom:1px solid #e0e0e0;}
#who .leader-wrap div.list-wrap{overflow:hidden; width:100%}
#who .leader-wrap ul{overflow:hidden; margin:0 auto;}
#who .leader-wrap ul li{position:relative; float:left; width:230px /* 24.74074074074074% */; height:230px; margin:50px  50px 50px 0; text-align:center; border:4px solid #e0e0e0; box-sizing:border-box}
#who .leader-wrap ul li:nth-child(5n){margin-right:0;}
#who .leader-wrap ul li strong,
#who .leader-wrap ul li span{display:block; font-weight:normal;}
#who .leader-wrap ul li img{display:none; position:absolute; top:0; left:0;}
#who .leader-wrap ul li .name{margin:72px 0 23px 0; font-size:1.4em; color:#333;}
#who .leader-wrap ul li .leader-pos{line-height:1.3;}

/*ceo-wrap 내용부분은 주석처리 됐음*/
#who .ceo-wrap{overflow:hidden; padding:60px 0 100px 0;}
#who .ceo-wrap .sign{width:110px;}
#who .ceo-wrap div.img{float:left; width:34.44444444444444%; margin:0 3.703703703703704% 0 0;}
#who .ceo-wrap div.txt{float:left; width:61.85185185185185%;}

/*170623추가  mission부분 사진과 아래 캡션 추가위해*/
#mission > .title-b {margin-top:70px}
#mission .separate-3 { margin-top:55px; overflow:hidden; }
#mission .separate-3 li { float:left; width: 30.37037037037037%; /* 410/1350 */ margin-left:2.2222222222222223%; /* 30/1350 */ padding-left:2.2222222222222223%; /* 30/1350 */ background:url(/static/front/img/common/bg/bg_line.gif) repeat-y left 0;}
#mission .separate-3 li:first-child { margin:0; padding:0; background:none; }
#mission .separate-3 img { margin-bottom:24px; }
#mission .separate-3 span { display:block;  padding:0 0 0 13px; line-height:1.5; font-size:1.08em;/* 18px */ color:#1970a9; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 10px;}


/*170627추가*/
#mission .list-c li {display:block;  padding:0 0 0 12px; line-height:1.5; font-size:0.9em;/* 18px */ color:#282828; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 10px;}

#who .global-wrap{padding:60px 0 0 0;}
#who .global-wrap{clear:both; position:relative; width:100%; /* min-height:796px; */ border-top:1px solid #e0e0e0; background:url(/static/front/img/about/global_bg_20190527.gif) no-repeat 0 50%; background-size:contain;}
#who .global-wrap .title-a{margin:70px 0 40px 0; text-align:left;}
#who .global-wrap ul.country{width:286px; border-bottom:1px solid #c5c5c5;} /*#who .global-wrap ul.country{width:286px; border-bottom:1px solid #c5c5c5;}*/
#who .global-wrap ul.country > li{ border-top:1px solid #c6c6c6; background:url(/static/front/img/common/bul/bul_global.png) no-repeat 260px 15px} /*나라와 나라사이*/
#who .global-wrap ul.country > li > a{display:block; height:35px; padding:10px 0 0 0; color:#333;} /*나라의 글씨*/
#who .global-wrap ul.country > li.current{background:#0072bc url(/static/front/img/common/bul/bul_global_on.png) no-repeat 260px 15px;}
#who .global-wrap ul.country > li.current a{color:#fff;}
#who .global-wrap ul.country li a span{display:inline-block; width:40px; height:24px; margin:0 0 0 20px; text-indent:60px; line-height:1.5; white-space: nowrap; background:url(/static/front/img/common/ico/ico.png) no-repeat}/*나라리스트에서 국기부분*/

/*17'07 global operation 수정 있으면서 작성된 css*/

#who .global2 {width:100%; padding-bottom:60%; background:url(/static/front/img/about/global_bg_m.gif) no-repeat left top;  background-size:100% auto; border:1px solid #fff; border-bottom:0; position:relative; }
#who .world-saea li,
#who .global2 span {display:block; position:absolute;}
#who .global2 .title-b {font-size:2.0256em; font-weight:bold; color:#0072bc; padding:13px 0 0 0;}

#who .global2 div.contents {display:block; position:absolute; top:102px; left:286px; min-width:350px;/* 718/1350 */ min-height:480px; border:1px solid #c8c8c8; background-color:rgba(255, 255, 255, 0.9); z-index:998; overflow:hidden}
#who .global2 div.contents h5 {margin:0 0 28px 0; padding:0 0 21px 0; font-size:1.338em;/* 23px */ font-weight:bold; color:#111;}/*border-bottom:1px solid #c8c8c8;*/
#who .global2 div.contents div.detail {margin:30px 0 0 0; padding:0 0 0 5px;}
#who .global2 div.contents div.img {position:relative; top:0; left:0; width:40%;}
#who .global2 div.contents div.info strong {display:block; margin:28px 0 0 0; font-size:1.0em; /* 18px */ font-weight:bold; line-height:1.1; color:#222;}
#who .global2 div.contents div.info strong.first {margin-top:0;}
#who .global2 div.contents div.info ul.list-a li {margin-top:0px; padding-left:15px; background-position:0 6px;}



#who div .spot {display:none; position:absolute; padding:5px; border:0; /*top:22%; left:40%; width:270px; height:500px;*/ z-index:1; visibility:visible; background-color:#fff; border:1px solid #d2d2d2;}

#who div .kor {top:13.2%; left:19%; width:270px; height:484px;}
#who div .ny {top:6.4%; left:52.3%; width:270px; height:470px;}
#who div .la {top:7.1%; left:46.9%; width:270px; height:476px;}
#who div .ben {top:6.0%; left:46.9%; width:270px; height:476px;}
#who div .hai {top:9%; left:51%; width:270px; height:635px;}
#who div .gua {top:9.2%; left:52%; width:270px; height:662px;}
#who div .nic {top:9.5%; left:55%; width:270px; height:650px;}
#who div .ind {top:15.5%; left:49%; width:270px; height:560px;}
#who div .vie {top:16%; left:42%; width:270px; height:654px;}
#who div .cos {top:10.3%; left:51%; width:270px; height:560px;}
#who div .mya {top:19.1%; left:35.3%; width:270px; height:488px;}

#who div .spot h5 {margin:4px 0 8px 2px; padding:0 0 7px 0; font-size:1.238em;/* 23px */ font-weight:bold; color:#111; border-bottom:1px solid #fff;}
#who div .spot .btn-tClose {position:absolute; top:10px; right:10px; width:20px; height:19px; border:1px solid #fff; /*text-indent:-9999px;*/ background:url(/static/front/img/about/pop_close01.png) /* no-repeat -30px -190px;*/}
#who div .spot .detail{position:relative; margin:1px 0 0 0; padding:0 0 0 35.33333333333333%;/* 265 */}
#who div .spot div.img{position:absolute; top:0; left:0; width:100%;}
#who div .spot div.info strong{display:block; margin:3px 0 -11px 0; font-size:1.01em; /* 18px */ font-weight:bold; line-height:1.3; color:#222;}
#who div .spot div.info strong.first{margin-top:0;}
#who div .spot div.info ul.list-a li{margin-top:0px; padding-left:15px; /*background-position:0 6px;*/}
#who div .spot div.info ul.list-a li:first-child{margin-top:-7px;}

#who .world-saea li {cursor:pointer; position:absolute;}
#who .world-saea li  img,
#who .world-saea span img {display:block; max-width:100%;}

/*각 나라 spot에 대한 위치,크기 조정*/
#who .world-saea .saea01 {left:45.645%; top:36.6%; width:9.4%;} /*Seoul*/
#who .world-saea .saea02 {left:86.1%; top:26.6%; width:8.78%;} /*New York*/
#who .world-saea .saea03 {left:71.9%; top:30.88%; width:5.7%;} /*LA*/
#who .world-saea .saea04 {left:80.9%; top:30.4%; width:8.9%;} /*Bentonville*/
#who .world-saea .saea05 {left:88.426853%; top:35.271062%; width:6.4%;} /*Haiti*/
#who .world-saea .saea06 {left:73.0%; top:36.371062%; width:9%;} /*Guatemala*/
#who .world-saea .saea07 {left:86%; top:38.56%; width:9%;} /*Nicaragua*/
#who .world-saea .saea08 {left:36.0%; top:57.005%; width:9%;} /*Indonesia*/
#who .world-saea .saea09 {left:36.9%; top:47.2%; width:8.0%;} /*Vietnam*/
#who .world-saea .saea10 {left:77.8%; top:39.6%; width:9%;} /*Costa Rica*/
#who .world-saea .saea11 {left:26.2%; top:44.6%; width:8.8%;} /*Myanmar*/


/*나라국기는 하나의 이미지로 이어져있고, 각각의 나라의 국기가 맞게 보이도록 하는 태그*/	
#who .global-wrap ul.country li a.kor span{background-position:0 -380px;}
#who .global-wrap ul.country li a.usa span{background-position:-41px -380px;}
#who .global-wrap ul.country li a.gua span{background-position:-82px -380px;}
#who .global-wrap ul.country li a.nic span{background-position:-123px -380px;}
#who .global-wrap ul.country li a.costa span{background-position:-164px -380px;}
#who .global-wrap ul.country li a.haiti span{background-position:-205px -380px;}
#who .global-wrap ul.country li a.cam span{background-position:-246px -380px;}
#who .global-wrap ul.country li a.vie span{background-position:0 -404px;}
#who .global-wrap ul.country li a.ind span{background-position:-41px -404px;}
#who .global-wrap ul.country li a.hk span{background-position:-123px -404px;}
#who .global-wrap ul.country li a.mya span{background-position:-82px -404px;}

/*나라국기는 하나의 이미지로 이어져있고, 각각의 나라의 국기가 맞게 보이도록 하는 태그 - 원래것
#who .global-wrap ul.country li a.kor span{background-position:0 -380px;}
#who .global-wrap ul.country li a.usa span{background-position:-41px -380px;}
#who .global-wrap ul.country li a.gua span{background-position:-82px -380px;}
#who .global-wrap ul.country li a.nic span{background-position:-123px -380px;}
#who .global-wrap ul.country li a.costa span{background-position:-164px -380px;}
#who .global-wrap ul.country li a.haiti span{background-position:-205px -380px;}
#who .global-wrap ul.country li a.cam span{background-position:-246px -380px;}
#who .global-wrap ul.country li a.vie span{background-position:0 -404px;}
#who .global-wrap ul.country li a.ind span{background-position:-41px -404px;}
#who .global-wrap ul.country li a.mya span{background-position:-82px -404px;}*/

/*나라를 클릭했을때 나타나는 창에 대한 태그*/
#who .global-wrap div.toggle-con{display:none; position:absolute; top:142px; left:286px; width:53.18518518518519%;/* 718/1350 */ min-height:480px; border:1px solid #c8c8c8; background-color:rgba(255, 255, 255, 0.9); z-index:998;}
#who .global-wrap div.toggle-con .inner{margin:0 28px; padding:20px 0;}
#who .global-wrap div.toggle-con h5{margin:0 0 28px 0; padding:0 0 21px 0; font-size:1.438em;/* 23px */ font-weight:bold; color:#111; border-bottom:1px solid #c8c8c8;}
#who .global-wrap div.toggle-con h5 span{display:inline-block; margin:0 0 0 10px; font-size:0.783em; font-weight:normal; color:#666;}
#who .global-wrap div.toggle-con div.detail{position:relative; margin:30px 0 0 0; padding:0 0 0 35.33333333333333%;/* 265 */}
#who .global-wrap div.toggle-con div.img{position:absolute; top:0; left:0; width:33%;}
#who .global-wrap div.toggle-con div.info strong{display:block; margin:28px 0 -11px 0; font-size:1.125em; /* 18px */ font-weight:bold; line-height:1.3; color:#222;}
#who .global-wrap div.toggle-con div.info strong.first{margin-top:0;}
#who .global-wrap div.toggle-con div.info ul.list-a li{margin-top:0px; padding-left:15px; background-position:0 6px;}
#who .global-wrap div.toggle-con div.info ul.list-a li:first-child{margin-top:-8px;}
#who .global-wrap div.toggle-con div.info a{color:#666;}
#who .global-wrap div.toggle-con div.map{margin :40px 0 0 0;}
#who .global-wrap div.toggle-con .btn-tClose{position:absolute; top:22px; right:30px; width:30px; height:30px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat -30px -190px;}

#who .global-wrap div.map-ico{margin:30px 0 0 20px;}
#who .global-wrap div.map-ico span{display:inline-block; text-indent:25px; font-size:0.875em; white-space: nowrap; background:url(/static/front/img/common/ico/ico.png) no-repeat}
#who .global-wrap div.map-ico span.office{width:14px; height:12px; margin:0 70px 0 0; background-position:-46px 0;}
#who .global-wrap div.map-ico span.factory{width:14px; height:12px; background-position:-60px 0;}

#our-code .code div { float:left; position:relative; width:33%; padding:260px 0 70px 0; border:1px solid #e0e0e0; border-width:1px 1px 1px 0; }
#our-code .code .title-a { margin:0 30px 39px 30px; text-align:center; line-height:1.2; }
#our-code .code ul.list-a { margin:0 30px; }
#our-code .code dl dt { margin:20px 0 3px 0; color:#111; font-size:1.250em;/* 20px */ line-height:1.1;}
#our-code .code dl dd { line-height:1.5; }
#our-code .code .c1 { border-width:1px; }
#our-code .code .c4 { clear:both; border-width:0px 1px 1px 1px; }
#our-code .code .c5 { border-width:0px 1px 1px 0px; }
#our-code .code .bg { display:inline-block; position:absolute; top:60px; left:50%; margin-left:-80px; width:160px; height:160px; background:url(/static/front/img/common/bg/content.png) no-repeat; }
#our-code .code .c1 .bg { background-position:0 -604px; }
#our-code .code .c2 .bg { background-position:-160px -604px; }
#our-code .code .c3 .bg { background-position:-320px -604px; }
#our-code .code .c4 .bg { background-position:-480px -604px; }
#our-code .code .c5 .bg { background-position:-640px -604px; }


/**
Business
**/
#manu .article-wrap{margin:90px 0 0 0}

#manu .vertical div.diagram{margin-top: 75px; padding-top:60px; border-top: 1px solid #e0e0e0;}

#manu div.stage {margin:55px 0 90px 0; text-align:center;}
#manu div.stage .txt{display:inline-block; min-height:40px; margin:0 0 0 20px; padding:25px 59px 0 59px; border:2px solid #e0e0e0; vertical-align:middle;}
#manu div.stage .txt:first-child{margin-left:0;}
#manu div.stage .txt.two-line{padding-top:15px; padding-bottom:10px;}
#manu div.stage .txt.line2{padding:9px 59px;}

#manu .activities{ margin-top:50px; border:2px solid #e0e0e0; border-width:2px 2px 1px 2px; }
#manu .activities > div { overflow:hidden; border-bottom:1px solid #e0e0e0; background:url(/static/front/img/common/bg/bg_line.gif) repeat-y center 0; }
#manu .activities dl { float:left; display:table; width:44.056463595839524%; /* 593/1346 */ min-height:90px; padding:40px 2.9717682020802374%; /* 40/1346 */ background-position:40px 40px; background-repeat:no-repeat; }
#manu .activities dl dt, .lean .activities dl dd { display:table-cell; vertical-align:middle; }
#manu .activities dl dt { width:126px; height:90px; padding-left:120px; border-right:1px solid #e0e0e0; font-size:1.125em;/* 18px */ color:#333; font-weight:bold; line-height:1.25; }
#manu .activities dl dd { padding-left:30px; line-height:1.65; }
#manu .activities ul.list-a{margin-top:0;}
#manu .activities .act { background-image:url(/static/front/img/biz/bg_act.gif); }
#manu .activities .act2 { background-image:url(/static/front/img/biz/bg_act2.gif); }
#manu .activities .act3 { background-image:url(/static/front/img/biz/bg_act3.gif); }
#manu .activities .act4 { background-image:url(/static/front/img/biz/bg_act4.gif); }
#manu .activities .act5 { background-image:url(/static/front/img/biz/bg_act5.gif); }
#manu .activities .act6 { background-image:url(/static/front/img/biz/bg_act6.gif); }

#manu .qa{overflow:hidden;}
#manu .qa .con-box { background:0; }
#manu .qa .left-con {float:left; width: 47.14285714285714%; margin-top:44px; padding:0; text-align:center; border:0; }
#manu .qa .left-con img { margin-top:50px; max-width:474px; }
#manu .qa .right-con {float:right; width: 47.14285714285714%; margin-top:6px; }
#manu .qa .right-con dl { border-top:2px solid #e0e0e0; }
#manu .qa .right-con dl dt { margin:23px 30px 0 30px; padding:0 0 0 13px; line-height:1.5; font-size:1.125em;/* 18px */ color:#333; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 10px; }
#manu .qa .right-con dl dd { padding:0 30px 23px 43px; border-bottom:2px solid #e0e0e0; }

#trading .chart{margin-top:70px; padding-top:50px; border-top:1px solid #e0e0e0;}
#trading .chart dl{margin-top:0;}
#trading .chart dl dt{font-size:1.438em; text-align:center; color:#222}
#trading .chart dl dd{margin-bottom:50px}

#rnd > .title-b {margin-top:23px;}
#rnd .title-b > span {display:block; font-size:20px; letter-spacing:0.050em; margin-top:16px}/*sub title이었던 아이의 style*/
#rnd .separate-3 { margin-top:10px; overflow:hidden; }
#rnd .separate-3 li { float:left; width: 30.37037037037037%; /* 410/1350 */ margin-left:2.2222222222222223%; /* 30/1350 */ padding-left:2.2222222222222223%; /* 30/1350 */ background:url(/static/front/img/common/bg/bg_line.gif) repeat-y left 0;}
#rnd .separate-3 li:first-child { margin:0; padding:0; background:none; }
#rnd .separate-3 img { margin-bottom:24px; }
#rnd .separate-3 span { display:block; }
#rnd .list-a span {display:block;  font-size:20px; font-weight:600; color:#1973c7; letter-spacing:0.000em; padding-bottom:13px; padding-top:7px;} /*180309추가*/
#rnd h5 {color:#000; font-weight:600; font-size:20px; }
#rnd h5.mg-t {margin-top:30px;}

#customers .mass { margin-bottom:45px; }
#customers li { float:left; width:11.555555555555557%; /* 183/1350 */ margin:0 3.18518518518519% 50px 0; }   /*������ #customers li { float:left; width:13.555555555555557%; /* 183/1350  margin:0 3.7037037037037033% 50px 0; }*/
#customers li:nth-child(7n) { margin-right:0; } /*������ #customers li:nth-child(6n) { margin-right:0; }*/
#customers li a { display:block; border:1px solid #e0e0e0; }

#performance .title-b {letter-spacing:0; margin-right:0; width:20%; }
#performance .title-b.bold {font-weight:600;}
#performance .title-b.line {letter-spacing:-0.063em}
#performance .title-b > span {display:block; font-size:19px; letter-spacing:0.050em;}
#performance .title-b > span.thin {letter-spacing:-0.031em;}
#performance h5 {color:#000; font-weight:600; font-size:20px; }
#performance h5.mg-t {margin-top:40px;}
#performance .img {overflow:hidden;}
#performance .img > .half {float:left; width:49%;}
#performance .img > .half:first-child {margin-right:2%;}


/**
Engagement
**/

#support dl.korea{margin:50px 0 100px 0;}

#workers .interview{position:relative; padding:0 0 80px 0;}
#workers .interview .detail-control{display:none; position:absolute; top:2px; right:0; z-index:33;}
#workers .interview .detail-control button{overflow:hidden; width:70px; height:70px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
#workers .interview .detail-control button.btn-prev{background-position:0px -300px;}
#workers .interview .detail-control button.btn-next{margin:0 0 0 -4px; background-position:-70px -300px;}

#workers .interview .detail-area{clear:both; margin:0 0 60px 0; border-top:2px solid #e0e0e0;/*  border-bottom:2px solid #e0e0e0; */}
#workers .interview .detail-area .detail-con{display:none;}
#workers .interview .detail-area #con1{display:block;}
#workers .interview .detail-area .detail-con div.img{float:left; width:48.14814814814815%; /* 650/1350 */}
#workers .interview .detail-area .detail-con dl.txt{float:right; width:48.14814814814815%; /* 650/1350 */padding:20px 0;}
#workers .interview .detail-area .detail-con dl.txt dd .ico-country{margin:0 0 15px 0; text-indent:45px; line-height:1.7; }
#workers .interview .detail-area .detail-con dl.txt dd span.name{display:block; margin:0 0 10px 0; font-size:1.375em;/* 22px */ font-weight:bold; color:#333}
#workers .interview .detail-area .detail-con dl.txt dd span.pos{display:block; font-size:1.125em;/* 18px */}
#workers .interview .detail-area .detail-con dl.txt dt{margin:25px 0 20px 0; font-size:1.875em;/* 30px */ font-weight:bold; line-height:1.2; color:#333}
#workers .interview .detail-area .detail-con dl.txt dd.detail-txt{line-height:1.4;}

#workers .interview .thumb-slide{position:relative; width:1350px\0IE8;}
#workers .interview .thumb-slide .control{display:none; position:absolute; top:50%; left:0; width:100%; margin:-22px 0 0 0; z-index:33; }
#workers .interview .thumb-slide .control button{position:absolute; top:0; width:23px; height:43px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
#workers .interview .thumb-slide .control button.btn-prev{left:0; background-position:-93px -218px;}
#workers .interview .thumb-slide .control button.btn-next{right:0; background-position:-116px -218px;}

#workers .interview .thumb-slide .thumb-list{/* width:100%; */ padding:0 4.07407407407407%;}
#workers .interview .thumb-slide .thumb-list .inner{overflow:hidden}
#workers .interview .thumb-slide .thumb-list ul{position:relative;  margin:0 auto; }
#workers .interview .thumb-slide .thumb-list ul li{float:left; margin:0 40px; vertical-align:top;}
/*
#workers .interview .thumb-slide .thumb-list ul{position:relative; margin:0 auto; white-space: nowrap;}
#workers .interview .thumb-slide .thumb-list ul li{position:relative; display:inline-block;  margin:0 40px; vertical-align:top;}
 */
#workers .interview .thumb-slide .thumb-list ul li a{display:inline-block; width:100%; white-space: normal;}
#workers .interview .thumb-slide .thumb-list ul li div.img{/* width:83.7696335078534%; */}
#workers .interview .thumb-slide .thumb-list ul li div.img img{width:160px; height:160px;}
#workers .interview .thumb-slide .thumb-list ul li .info{margin:30px 0 0 0; text-align:center;}
#workers .interview .thumb-slide .thumb-list ul li .info strong{display:block; margin:0 0 5px 0; font-weight:normal; line-height:1.3; color:#333;}

#workers .interview .thumb-slide .pager{margin:30px 0 0 0; text-align:center;}
#workers .interview .thumb-slide .pager span{display:inline-block; width:14px; height:14px; margin:0 0 0 10px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat -32px 0;}
#workers .interview .thumb-slide .pager span:first-child{margin-left:0;}
#workers .interview .thumb-slide .pager span.current{background-position:-18px 0;}

#workers .img-one{max-width:574px;}

#environment .btns-wrap-policy{clear:both;margin:10px 0 0 0;text-align:left;}
#environment .title-b{margin-top:70px;}
#environment .img-focus{margin:35px 0;}

#environment.ceo div.msg span.sign{display:inline-block; margin:0 0 0 10px;}
#environment.ceo div.msg span.sign img{width:auto !important;}


/**
Press Center
**/

/* Awards & Recognition */

.awards dl { overflow:hidden; margin:0 0 20px 0; }
.awards dt { overflow:hidden; margin:15px 0 20px 0; }/*20141007�߰�*/
.awards dl dd span { display:block; margin-top:23px; padding:0 0 0 13px; line-height:1.5; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 8px; }
.awards .left { float:left; padding-right: 2.857142857142857%; /* 30/1050 */ border-right:1px solid #e0e0e0; }
.awards .right { float:right; }
.awards .block { overflow:hidden; margin-bottom:55px; }
.awards .block.type2{/* width:53.80952380952381% */}
.awards .others .left { width: 62.857142857142854%; /* 660/1050 */ }
.awards .others .left2 { width:31.428571428571427%; /* width:410 */ }
.awards .others .right { width: 31.428571428571427%; /* 330/1050 */ }
.awards .others .right2 { width: 62.857142857142854%; /* 330/1050 */ }

.awards .country .right { width: 40.47619047619048%; /* 425/1050 */ }
.awards .country .left2 { width: 50.80952380952381%; /* 565/1050 */ }
.awards .country .right2 { width: 48.47619047619048%; /* 425/1050 */ }
.awards .country ul.list-a{margin:25px 0 0 0;}

.awards .wintex{margin-top:5px;}
.awards .wintex .block .left,
.awards .wintex .block.type2 .right { width: 30.857142857142854%; /* 324/1050 */ }
.awards .wintex .block .right,
.awards .wintex .block.type2 .left { width: 63.42857142857142%; /* 666/1050 */ }
.awards .wintex .block.type3 { margin-bottom:0; }
.awards .wintex .block.type3 .left { width: 57.42857142857143%; /* 603/1050 */ }
.awards .wintex .block.type3 .right { width: 37.142857142857146%; /* 390/1050 */ }

.awards .con-box .inner { padding-bottom:43px; }
.awards .color-team ul { overflow:hidden; margin-top:13px; }
.awards .color-team ul li { float:left; width: 17.238095238095237%; /* 181/1050 */ margin-right:4.761904761904762%; /* 50/1050 */ border:1px solid #e0e0e0; }


.awards. p.img {margin:0 0 11px;}


.assets .con-box.nobd {background:none; margin-top:40px;}
.assets p.img {margin:0 0 11px;}
.assets .down {color:#7b8793; text-align:right; font-size:22px;}
.assets .down > a {color:#0264c0; text-decoration:underline; font-weight:normal;}


/**
Careers
**/

/* Careers_list */
.careers-list .bbsList table .th-width{width:8%;}
.careers-list .bbsList table .th-width3{width:20%;}

/**
Ethic Management
**/

/* common*/
.ethic .separate-box { overflow:hidden; margin:0 0 90px 0;}
.ethic .separate-box > div { width: 48.148148148148145%; /* 650/1350 */}
.ethic .separate-box .title-a { margin-bottom:30px; text-align:center; }
.ethic .left-con { float:left; }
.ethic .right-con { float:right; }

/* Overview */
.ethic .overview .separate-box > div { padding-top:311px; }
.ethic .overview .left-con { background:url(/static/front/img/ethic/bg_overview.gif) no-repeat center 0; }
.ethic .overview .left-con strong { font-weight:normal; color:#333; }
.ethic .overview .right-con { background:url(/static/front/img/ethic/bg_overview2.gif) no-repeat center 15px; }
.ethic .overview p { line-height:1.5; }

/* No Gifts Campaign */
.campaign ul li { margin-top:15px; line-height:1.5; }
.campaign ul li:first-child { margin:0; }
.campaign ul li span { color:#0072bc; }
.campaign .left-con { background:url(/static/front/img/ethic/bg_campaign.gif) no-repeat center 0; }
.campaign .right-con { background:url(/static/front/img/ethic/bg_campaign2.gif) no-repeat center 0; }
.campaign .left-con, .campaign .right-con { padding-top:314px; }
.campaign .link { text-align:center; }
.campaign .link a { display:inline-block; width:278px; height:51px; padding-left:23px; line-height:2.9; font-size:1.125em;/* 18px */ font-weight:bold; color:#fff; text-align:center; border-radius:3px; background:url(/static/front/img/ethic/ico_write.gif) no-repeat 56px 18px #0072bc; }
.campaign .topTxt { margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #e0e0e0; }
.campaign .topTxt p { margin-bottom:26px; line-height:1.2; }
.campaign .topTxt p.link { margin:60px 0 20px 0; }
.campaign .gift { padding-top:79px; border-top:1px solid #e0e0e0; }
.campaign .gift .diagram { margin-bottom:80px; max-width:1308px; }
.campaign .gift .link { margin:70px 0 0 -52px; }

/* Using CAT */
.cat-use { position:relative; margin-top:95px; padding:76px 0 61px 0; color:#fff; background:url(/static/front/img/ethic/bg_cat.png) no-repeat center 102px #006cb2; }
.cat-use h5 { padding:0 20px; font-size:2.250em; /* 36px */ text-align:center; }
.cat-use h5 + p { margin:27px 0 73px 0; padding:0 20px; text-align:center; line-height:1.7; }
.cat-use .box > li { float:left; width: 25%; }
.cat-use .box > li div { position:relative; min-height:440px; padding:126px 25px 0 25px; border-left:1px solid #4d9dd0; }
.cat-use .box > li h6 { margin-bottom:40px; font-size:1.625em;/* 26px */ text-align:center; line-height:1.25; }
.cat-use .box > li ul li { margin-bottom:20px; padding:0 0 0 13px; line-height:1.5; background:url(/static/front/img/ethic/bul_round_white.png) no-repeat 0 7px; }
.cat-use .box > li ul li strong { display:block; font-size:1.063em;/* 17px */}
.cat-use .box > li.use1 div { border-left:0; }
.cat-use .box > li.use2 ul li span { text-decoration:underline; }
.cat-use .box > li.use2 p { margin-top:33px; }
.cat-use .box > li.use2 p a { display:inline-block; width:100%; height:33px; margin-bottom:10px; padding-left:3px; font-size:0.875em;/* 14px */ color:#0072bc; text-align:center; line-height:2.4; background:url(/static/front/img/ethic/bg_cat_btn.png) no-repeat; }
.cat-use .box > li.use2 p a span { display:inline-block;  width:100%; padding-right:3px; background:url(/static/front/img/ethic/bg_cat_btn.png) no-repeat right 0; }
.cat-use .box > li .bg { position:absolute; top:2px; left:50%; width:90px; height:90px; margin-left:-45px; background:url(/static/front/img/common/bg/content.png) no-repeat; }
.cat-use .box > li.use1 .bg { background-position:0 0; }
.cat-use .box > li.use2 .bg { background-position:-90px 0; }
.cat-use .box > li.use3 .bg { background-position:-180px 0; }
.cat-use .box > li.use4 .bg { background-position:-270px 0; }

/* Reporting Information */
.reporting ul.list-a{margin:35px 0 66px 0; padding:25px; border:2px solid #e0e0e0;}
.reporting ul.list-a li{margin:10px 0 0 0}
.reporting ul.list-a li:first-child{margin:0}

/* Report Follow-up */
.verify { padding:76px 0; border:1px solid #e0e0e0; }
.verify > div { position:relative; width: 46.14243323442137%; /* 622/1348 */ margin:0 auto; }
.verify .tit { color:#666; font-size:1.500em;/* 24px */ text-align:center; }
.verify .tit strong { display:block; color:#0072bc; font-size:1.500em;/* 36px */ font-weight:normal; }
.verify .form { position:relative; margin-top:31px; }
.verify .form p { position:relative; margin-bottom:10px; padding:0 113px 0 167px; }
.verify .form p input { width:96%; height:30px; padding:0 2%; border:1px solid #bebebe; line-height:2; }
.verify .form p label { display:inline-block; position:absolute; top:3px; left:0; }
.verify button { position:absolute; right:0; top:0; width:101px; height:74px; color:#fff; border-radius:3px; background:#0072bb; }

.result-view h4.title-a{margin-top:96px}
.result-view h4.title-a.title-first{margin-top:0;}

/* Ethical Code */
.code div { float:left; position:relative; width:33%; padding:260px 0 70px 0; border:1px solid #e0e0e0; border-width:1px 1px 1px 0; }
.code .title-a { margin:0 30px 39px 30px; text-align:center; line-height:1.2; }
.code dl { margin:0 30px; }
.code dl dt { margin:20px 0 3px 0; color:#111; font-size:1.250em;/* 20px */ line-height:1.1;}
.code dl dd { line-height:1.5; }
.code .c1 { border-width:1px; }
.code .c4 { clear:both; border-width:0px 1px 1px 1px; }
.code .c5 { border-width:0px 1px 1px 0px; }
.code .bg { display:inline-block; position:absolute; top:60px; left:50%; margin-left:-80px; width:160px; height:160px; background:url(/static/front/img/common/bg/content.png) no-repeat; }
.code .c1 .bg { background-position:0 -300px; }
.code .c2 .bg { background-position:-160px -604px; }
.code .c3 .bg { background-position:-320px -604px; }
.code .c4 .bg { background-position:-480px -604px; }
.code .c5 .bg { background-position:-640px -604px; }



/**
ETC
**/

/* contact-us*/
.contact-us .inner{padding:60px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.contact-us label{display:block; margin:30px 0 15px 0; color:#333;}
.contact-us label.first{margin-top:0;}
.contact-us input[type="text"],
.contact-us textarea,
.contact-us select{width:100%; border:1px solid #bebebe; background:#f7f7f7;}
.contact-us select{height:30px; font-size:1em}
.contact-us input{height:26px; padding:8px 0 0 0;}
.contact-us input[type="file"]{width:100%; border:0; background:none;}
.contact-us textarea{height:210px}
.contact-us fieldset{width:100%;}
.contact-us div.input-wrap{float:left; width:48.14814814814815%; margin-right:3.33333333333333%}
.contact-us div.input-wrap.right{margin-right:0;}

/* Legal notice */
.legal h4{margin:90px 0 35px 0;}
.legal h4.first{margin-top:0;}
.legal h5{margin:70px 0 35px 0;}
.legal p{clear:both; margin:0 0 25px 0;}
.legal .txt{margin:0 0 90px 0;}
.legal .txt p{margin:35px 0 0 0;}
.legal .txt p:first-child{margin-top:0;}
.legal .list-a li{margin:25px 0 0 0;}
.legal .list-a li:first-child{margin-top:0}
.legal dl{margin:45px 0 0 0;}
.legal dl:first-child{margin-top:0;}
.legal dl dt{margin:0 0 25px 0; font-size:1.125em;/* 18px */ color:#333;}
.legal dl dd{line-height:1.4;}
.legal div.info{overflow:hidden; margin:0 0 40px 0; padding:30px; border:2px solid #e0e0e0;}
.legal div.info dl{float:left; width:50%; margin-top:0;}

/* fondation */
.fondation{}
.fondation div.topimg{float:left; width:100%;}
.fondation div.msg{overflow:hidden; margin-bottom:80px;}
.fondation div.msg div.img{float:left; width:20%; margin:2% 0 0 5%;}
.fondation div.msg div.txt{float:left; width:75%;}
.fondation div.msg div.topimg{float:left; width:100%;}
.fondation div.msg div.txt p{margin:47px 0 0 0; font-size:1em;}
.fondation div.msg div.txt span{margin:30px 0 0 0; font-size:1.4em; line-height:1.5; color:#0072bc; font-weight:bold;}
.fondation div.msg div.txt li.list-b {padding:0 0 0 40px; line-height:1.5; background:url(/static/front/img/common/bul/bul_line_blue.gif) no-repeat 20px 12px}

.fondation div.msg div.txt p:first-child{margin-top:0;}
.fondation div.msg span.sign{display:inline-block; margin:0 0 0 10px;}
.fondation div.msg span.sign img{width:auto !important;}