@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:57px 0 90px 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:20px; }
.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; margin-top:24px; }

.block-con { margin-bottom:89px; }
.center-con { margin-top:100px; padding-top:76px; text-align:center; border-top:1px solid #e0e0e0; }
.center-con1 { margin-top:20px; padding-top:20px; text-align:center; border-top:0px solid #e0e0e0; }/*20150130???*/
.title-a.center { text-align:center; }
.top-txt strong { display:block; margin-bottom:15px; font-size:1.375em;/* 22px */ color:#222; font-weight:normal; }
.img-con { margin:55px auto 100px auto; }


/**
About SAE-A
**/

/* who we are */
.who .title-a{text-align:center;}
.who .glance-wrap p{margin:0 0 25px 0; text-align:center;}
.who .glance-wrap div.img{width:89.62962962962963%; margin:55px auto 0 auto;}
.who .group-wrap{margin:100px 0; padding:80px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.who .group-wrap div.img{width:88%; margin:0 auto;}

/* mission & vision */
.mission ul li{margin:25px 0 0 0;}
.mission ul li:first-child{margin-top:0;}

.mission .mission-wrap p { margin:25px 0 20px 0; }
.mission .mission-wrap p.first{margin-top:0;}

.mission .vision-wrap{overflow:hidden; margin-top:90px;}
.mission .vision-wrap p{margin:0 0 55px 0;}
.mission .vision-wrap div {float:left; width:30.37037037037037%; /* 410/1350 */ min-height:120px; margin-left:2.148148148148148%; /* 29/1350 */ padding-left:2.148148148148148%; /* 29/1350 */ background:url(/static/front/img/common/bg/bg_line.gif) repeat-y; }
.mission .vision-wrap div.first{ margin:0; padding:0; background:none; }
.mission .vision-wrap div dl{width:100%; min-height:120px;}
.mission .vision-wrap div dl dt{margin:0 0 20px 0;  font-size:1.438em;/* 23px */ color:#222;}
.mission .vision-wrap div dl dd ul li{margin-top:20px;}
.mission .vision-wrap div dl dd ul li:first-child{margin-top:0;}
.mission .vision-wrap div dl dd ul li strong { display:block; color:#333; font-weight:normal; }

.mission .vision-wrap div dl dd ul li span {padding:0 0 0 13px; line-height:1.5; color:#1660c4; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 100px} 

.mission .keyword-wrap{clear:both; margin:80px 0; padding:70px 0 95px 0; border-top:1px solid #e0e0e0; /* border-bottom:1px solid #e0e0e0; */}
.mission .keyword-wrap .title-b{margin:0 0 75px 0; text-align:center;}
.mission .keyword-wrap div.img{width:88%; margin:0 auto;}

.mission .one-wrap .title-a,
.mission .one-wrap p{text-align:center;}
.mission .one-wrap p{margin:0 0 75px 0;}
.mission .one-wrap div.img{width:90.14814814814815%; margin:0 auto 80px auto;}


/* story */
.story .con-box.first {margin:0 0 90px 0; background:none; }
.story .con-box .title-a { width: 21.22222222222222%; /* 300/1350 */ width:20%\9;}
.story .con-box .con { width: 77.77777777777778%; /* 1050/1350 */ }
.story .txt { font-size:1.438em;/* 23px */ color:#222; line-height:1.4; }
.story .txt2{margin-bottom:35px}
.story .con-box .con .img { margin:8px 0 50px 0;}
.story .name { margin-top:30px; }

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

.story-on ul{overflow:hidden;}
.story-on ul li{float:left; width:22.22222222222222%; margin:0 0 0 3.703703703703704%;}
.story-on ul li:first-child{margin-left:0;}
.story-on ul li div.img{margin:0 0 25px 0; border:1px solid #dbdbdb;}
.story-on ul li strong{display:block; font-weight:normal; color:#333}

/* chairman */
.chairman{}
.chairman div.msg{overflow:hidden; margin-bottom:80px;}
.chairman div.msg div.img{float:left; width:34.44444444444444%; margin:0 3% 0 0; margin-top:10px;}
.chairman div.msg div.txt{float:left; width:61.85185185185185%;}
.chairman div.msg div.txt p{margin:47px 0 0 0; font-size:1em;}
.chairman div.msg div.txt span{margin:30px 0 0 0; font-size:1.32em; line-height:1.5; color:#015093;}
.chairman div.msg div.txt span.joo{margin:30px 0 0 0; font-size:0.7em; line-height:1.4; color:#015093;}
.chairman div.msg div.txt span.ceo{padding:0px 0 0 0; margin:0px 0 0 0; font-size:1.8em; line-height:1.7; color:#0072bc;}
.chairman div.msg div.hello{margin:0 0 0 0; font-size:2.3em; line-height:0.7; color:#0072bc; font-weight:bold;}
.chairman div.msg div.txt p:first-child{margin-top:0;}
.chairman div.msg span.sign{display:inline-block; margin:0 0 0 10px;}
.chairman div.msg span.sign img{width:auto !important;}

/* 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;}


/* manager */
.manager div.leader-wrap ul{overflow:hidden;}
.manager div.leader-wrap ul li{float:left; width:26.66666666666667%; min-height:320px; margin:0 0 40px 7.037037037037037%;}
.manager div.leader-wrap ul li:first-child,
.manager div.leader-wrap ul li:nth-child(4n){margin-left:0;}
.manager div.leader-wrap ul li div.img{margin:0 0 30px 0;}
.manager div.leader-wrap ul li span,
.manager div.leader-wrap ul li strong{display:block;}
.manager div.leader-wrap ul li span{margin:0 0 10px 0; color:#333;}
.manager div.leader-wrap ul li strong{font-weight:normal;}


/* history */
.history div.txt{height:auto; margin:0 0 95px 0}
.history div.txt p{margin:20px 0 0 0;}
.history div.txt p:first-child{margin-top:0;}
.history .history-list{min-height:1280px}
.history ul.img-list{overflow:hidden; width:100%; 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 .tab-nav{position:relative; height:auto; border:0;}
.history .tab-nav > ul{border:0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;/* background:#e0e0e0; */}
.history .tab-nav > ul > li{width:33.23442136498516%; height:70px; padding:30px 0 0 0; border:0; border-left:1px solid #fff; background:#e0e0e0;}
.history .tab-nav > ul > li:first-child{border:0;}
.history .tab-nav > ul > li.current{height:auto;   background:#fff;}
.history .tab-nav > ul > li.year1.current{border-left:1px solid #e0e0e0;}
.history .tab-nav > ul > li.year2.current{border-left:1px solid #e0e0e0;}
.history .tab-nav > ul > li.year3.current{border-right:1px solid #e0e0e0;}
.history .tab-nav > ul > li a{height:70px; margin:0 0 0 8.888888888888889%; padding:0 0 0 60px; text-align:left;}
.history .tab-nav > ul > li.year1 a{background:url(/static/front/img/about/ico_history1.png) no-repeat}
.history .tab-nav > ul > li.year2 a{background:url(/static/front/img/about/ico_history2.png) no-repeat}
.history .tab-nav > ul > li.year3 a{background:url(/static/front/img/about/ico_history3.png) no-repeat}

.history .tab-nav > ul > li a strong{display:block; font-size:1.500em; line-height:1.2; color:#333;}
.history .tab-nav > ul > li a span.txt{display:block; font-size:0.938em;}

.history .t-con{position:absolute; top:130px; left:0; width:100%;}
.history .t-con div.pic{margin:0 0 55px 0}
.history .t-con ul.year-list > li{position:relative; margin:0 0 35px 0; padding:0 0 0 65px; line-height:1.4; border:0}
.history .t-con ul.year-list > li span.year{position:absolute; top:0; left:0; font-weight:700; color:#333;}
.history .t-con ul.year-list > li  > ul.list-a{margin:25px 0 0 0}
.history .t-con ul.year-list > li > ul.list-a li{margin:0 0 20px 0;}

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

/* global */
.global .global-wrap{clear:both; position:relative; width:100%; min-height:980px; background:url(/static/front/img/about/global_bg_20190527.gif) no-repeat 0 50%; background-size:contain;}
.global .global-wrap .title-a{margin:70px 0 40px 0; text-align:left;}
.global .global-wrap ul.country{width:286px; padding-top:153px; border-bottom:1px solid #c5c5c5;}
.global .global-wrap ul.country > li{ border-top:1px solid #c5c5c5; background:url(/static/front/img/common/bul/bul_global.png) no-repeat 260px 15px}
.global .global-wrap ul.country > li > a{display:block; height:35px; padding:10px 0 0 0; color:#333;}
.global .global-wrap ul.country > li.current{background:#0072bc url(/static/front/img/common/bul/bul_global_on.png) no-repeat 260px 15px;}
.global .global-wrap ul.country > li.current a{color:#fff;}
.global .global-wrap ul.country li a span{display:inline-block; width:41px; height:24px; margin:0 0 0 20px; text-indent:60px; line-height:1.1; white-space: nowrap; background:url(/static/front/img/common/ico/ico.png) no-repeat}

.global .global-wrap ul.country li a.kor span{background-position:0 -380px;}
.global .global-wrap ul.country li a.usa span{background-position:-41px -380px;}
.global .global-wrap ul.country li a.gua span{background-position:-82px -380px;}
.global .global-wrap ul.country li a.nic span{background-position:-123px -380px;}
.global .global-wrap ul.country li a.costa span{background-position:-164px -380px;}
.global .global-wrap ul.country li a.haiti span{background-position:-204px -380px;}
.global .global-wrap ul.country li a.cam span{background-position:-246px -380px;}
.global .global-wrap ul.country li a.vie span{background-position:0 -404px;}
.global .global-wrap ul.country li a.ind span{background-position:-41px -404px;}
.global .global-wrap ul.country li a.hk span{background-position:-123px -404px;}
.global .global-wrap ul.country li a.mya span{background-position:-82px -404px;}

.global .global-wrap div.toggle-con{display:none; position:absolute; top:153px; left:286px; width:53.18518518518519%;/* 718/1350 */ min-height:496px; border:1px solid #c8c8c8; background-color:rgba(255, 255, 255, 0.9); z-index:998;}
.global .global-wrap div.toggle-con .inner{margin:0 30px; padding:30px 0;}
.global .global-wrap div.toggle-con h5{margin:0 0 28px 0; padding:0 0 20px 0; font-size:1.438em;/* 23px */ font-weight:bold; color:#111; border-bottom:1px solid #c8c8c8;}
.global .global-wrap div.toggle-con h5 span{display:inline-block; margin:0 0 0 10px; font-size:0.783em; font-weight:normal; color:#666;}
.global .global-wrap div.toggle-con div.detail{position:relative; margin:30px 0 0 0; padding:0 0 0 35.33333333333333%;/* 265 */}
.global .global-wrap div.toggle-con div.img{position:absolute; top:0; left:0; width:32%;}
.global .global-wrap div.toggle-con div.info strong{display:block; margin:28px 0 22px 0; font-size:1.0em; /* 18px */ font-weight:bold; line-height:1.0; color:#222;}
.global .global-wrap div.toggle-con div.info strong.first{margin-top:0;}
.global .global-wrap div.toggle-con div.info ul.list-a li{margin-top:9px; padding-left:15px; background-position:0 6px;}
.global .global-wrap div.toggle-con div.info ul.list-a li:first-child{margin-top:0;}
.global .global-wrap div.toggle-con div.info a{color:#666}
.global .global-wrap div.toggle-con div.map{width:80.54711246200608%; margin :40px 0 0 0;}
.global .global-wrap div.toggle-con .btn-tClose{position:absolute; top:30px; right:30px; width:30px; height:30px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat -30px -190px}

.global .global-wrap div.map-ico{margin:30px 0 0 20px;}
.global .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}
.global .global-wrap div.map-ico span.office{width:14px; height:12px; margin:0 70px 0 0; background-position:-46px 0;}
.global .global-wrap div.map-ico span.factory{width:14px; height:12px; background-position:-60px 0;}


/**
Business
**/

/* Manufacturing */
.integration .center-con{ margin-top:75px; padding-top:60px; }
.integration div.lean,
.integration div.qa{margin:90px 0 0 0;}

/* Lean management */
.lean .stage {margin:55px 0 90px 0; text-align:center;}
.lean .stage .txt { display:inline-block; min-height:41px; /* margin-bottom:15px; */ padding:20px  59px 9px  59px; border:2px solid #e0e0e0; vertical-align:middle; }
.lean .stage .txt.line2{padding:9px 59px;}
.lean .stage .arrow { display:inline-block; width:53px; height:14px; margin:0 10px; text-indent:-999em; vertical-align:middle; background:url(/static/front/img/common/bg/content.png) -370px 0; }
.lean .activities{ margin-top:50px; border:2px solid #e0e0e0; border-width:2px 2px 1px 2px; }
.lean .activities > div { overflow:hidden; border-bottom:1px solid #e0e0e0; background:url(/static/front/img/common/bg/bg_line.gif) repeat-y center 0; }
.lean .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; }
.lean .activities dl dt, .lean .activities dl dd { display:table-cell; vertical-align:middle; }
.lean .activities dl dt { width:126px; height:90px; padding-left:120px; border-right:1px solid #e0e0e0; font-size:1.125em;/* 18px */ color:#333; font-weight:600; line-height:1.4; }
.lean .activities dl dd { padding-left:30px; line-height:1.65; }
.lean .activities .act { background-image:url(/static/front/img/biz/bg_act.gif); }
.lean .activities .act2 { background-image:url(/static/front/img/biz/bg_act2.gif); }
.lean .activities .act3 { background-image:url(/static/front/img/biz/bg_act3.gif); }
.lean .activities .act4 { background-image:url(/static/front/img/biz/bg_act4.gif); }
.lean .activities .act5 { background-image:url(/static/front/img/biz/bg_act5.gif); }
.lean .activities .act6 { background-image:url(/static/front/img/biz/bg_act6.gif); }

/* Quality Assurance */
.qa .con-box { background:0; }
.qa .left-con { margin-top:44px; padding:0; text-align:center; border:0; }
.qa .left-con img { margin-top:50px; max-width:474px; }
.qa .right-con { margin-top:6px; }
.qa .right-con dl { border-top:2px solid #e0e0e0; }
.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; }
.qa .right-con dl dd { padding:0 30px 23px 43px; border-bottom:2px solid #e0e0e0; }
.qa .btns-wrap { margin-top:80px;}
.qa .btns-wrap a { display:inline-block; padding:18px 60px; font-size:1.125em;/* 18px */ color:#fff; border-radius:3px; background:#0072bc; }

/* Trading */
.trading div.chart{overflow:hidden; margin:80px 0 60px 0; padding:60px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.trading div.chart .title-b{text-align:center;}
.trading div.chart div.graph,
.trading div.chart div.map{width:100%}
.trading div.chart div.graph{margin-right:3.7037037037037%}
.trading div.chart p{clear:both; padding:40px 0 0 0;}
.trading div.chart2 .diagram {/* width:82.44444444444444%; */ max-width:1113px; margin:0 auto;}

/* Fabric R&D */
.fabric .separate-3 { margin-top:55px; overflow:hidden; }
.fabric .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;}
.fabric .separate-3 li:first-child { margin:0; padding:0; background:none; }
.fabric .separate-3 img { margin-bottom:24px; }
.fabric .separate-3 span { display:block; }

/* Design */
.retail .txt { margin-bottom:16px; }

/* Products */
.clients .mass { margin-bottom:45px; }
.clients li { float:left; width:11.555555555555557%; /*  156/1350 */ margin:0 3.18518518518519% 50px 0; } /*  156/1350 ??? width???? ???´?.156 x ????? ?? ???????=A  1350-A=B  B/?????? ???? 7???? ?귣????? ?????? ?????? 6?? B/?????? ????=C   C/1350 x 100 = margin?? ?ι?° ??.  */
.clients li:nth-child(7n) { margin-right:0; }
.clients li a { display:block; border:1px solid #e0e0e0; }



/**
CSR
**/

/*Compliance - overview */
.compliance .con-box.mg { margin-top:100px; }
.compliance .con-box dl { margin-top:0; }
.compliance .separate { margin:0 0 25px 0; }
.compliance .img-con.img { max-width:884px; }
.compliance .conduct { display:none; margin:19px 0 0 0; padding:50px 0 10px 0; border:1px solid #e0e0e0; }
.compliance .conduct div { overflow:hidden; padding:0 3.7037037037037033%; }
.compliance .conduct dl { float:left; width:48%; /* 600/1250 */ min-height:109px; margin-bottom:45px; }
.compliance .conduct dl dt { position:relative; margin-bottom:25px; padding:13px 0 0 130px; color:#222; font-size:1.375em;/* 22px */ }
.compliance .conduct dl dt span { position:absolute; left:0; top:0; display:inline-block; width:109px; height:108px; background-image:url(/static/front/img/common/bg/content.png); background-repeat:no-repeat; }
.compliance .conduct dl:first-child { margin-right:4%; /* 50/1250 */; }
.compliance .conduct dl dd { padding-left:130px; line-height:1.65; }
.compliance .conduct dl.code dt span { background-position:0px -378px; }
.compliance .conduct dl.code2 dt span { background-position:-109px -378px; }
.compliance .conduct dl.code3 dt span { background-position:-218px -378px; }
.compliance .conduct dl.code4 dt span { background-position:-327px -378px; }
.compliance .conduct dl.code5 dt span { background-position:-436px -378px; }
.compliance .conduct dl.code6 dt span { background-position:-544px -378px; }
.compliance .conduct dl.code7 dt span { background-position:0px -486px; }
.compliance .conduct dl.code8 dt span { background-position:-109px -486px; }
.compliance .conduct dl.code9 dt span { background-position:-218px -486px; }
.compliance .conduct dl.code10 dt span { background-position:-327px -486px; }
.compliance .conduct dl.code11 dt span { background-position:-436px -486px; }
.compliance .btns-wrap { margin-top:40px; }
.compliance .vision { margin-bottom:90px; text-align:center; }
.compliance .vision .img { display:block; margin:0 auto; max-width:1083px; }
.compliance .vision .title-a { margin:-60px 0 43px 0; color:#141414; }
.compliance .txt{margin-bottom:55px}
.compliance .img-con{margin-top:0;}

/*Compliance - coexist */
.coexist .img-con{margin:0 0 100px 0;}
.coexist .img-con img{display:block; width:74.44444444444444%; margin:50px auto;}
.coexist .img-con ul.together-img{overflow:hidden;}
.coexist .img-con ul.together-img li{float:left; width:22.22222222222222%; margin:0 0 0 3.703703703703704%;}
.coexist .img-con ul.together-img li img{width:100%; margin:0;}
.coexist .img-con ul.together-img li:first-child{margin-left:0;}

.coexist .con-box{clear:both;}
.coexist .con-box dl { margin:0 0 50px 0; }
.coexist .con img { float:left; max-width:270px; margin-right:30px; }
.coexist .img { max-width:884px; }

/*Compliance - people */
.people .con-box { margin-bottom:100px; }
.people .con-box.bg { background:none; }
.people .left-con, .people .right-con { margin-top:0; width: 48.148148148148145%; /* 650/1350 */ }
.people .left-con { overflow:hidden; padding:0; border:0; }
.people .left-con img { float:left; width:46.15384615384615%; /* 300/650 */ max-width:300px; margin-left:7.6923076923076925%; /* 50/650 */}
.people .left-con img:first-child { margin:0; }

.people .con-detail{float:left; width: 29.523809523809526%; /* 310/1050 */ margin-top:50px; margin-right:2.857142857142857%; /* 30/1050 */ padding-right:2.857142857142857%; background:url(/static/front/img/common/bg/bg_line.gif) repeat-y right 0;}
.people .con-detail div.img {padding:0; }
/* .people dl { 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; } */
.people .con-detail dl {margin-top:0;}
.people .con-detail.last { margin-right:0; padding:0; background:none; }
.people dl.block{ clear:both; width:100%; padding:55px 0 0 0; background:none;}


/*Compliance - Health & Safety */
.health .img { max-width:1098px; }
.health .img-con{margin-top:0;}
.health .txt{margin-bottom:50px;}
.health .worker{overflow:hidden; margin:60px 0 0 0;}
.health .worker div.img{float:left; width:48.148148148148148%;}
.health .worker ul.list-a{float:left; margin:10px 0 0 50px; font-size:0.938em}
.health .worker ul.list-a li{margin:0 0 5px 0;}

/*Engagement - contrib */
.contrib .title-a{margin-top:100px;}
.contrib p{margin-bottom:55px}
.contrib div.vision{width:87.92592592592593%;/* 1187/1350 */min-height:363px; margin:0 0 0 8.88888888888889%; padding:37px 0 0 0; background:url(/static/front/img/engage/kor/vision_bg.jpg) no-repeat right 0;}
.contrib div.vision strong{display:block; width:55.60235888795282%; margin:0 0 30px 0;}
.contrib div.vision p.txt1{width:39.17438921651222%; margin:0 0 20px 2.9486099410278%; font-size:1.375em;/* 22px */ font-weight:700; color:#333}
.contrib div.vision p.txt2{width:43.80791912384162%; margin:0 0 0 12.63689974726201%; font-size:0.938em;/* 15px */}

/*Engagement - support */
.engage .title-a{clear:both;}
.engage dl dt{margin:0 0 24px 0; font-size:1.375em; color:#222;}
.engage dl dd.txt{line-height:1.65}

.engage div.sideImg{margin:0 0 100px 0;}
.engage div.sideImg dl{position:relative; min-height:180px; margin:0 0 54px 0;}
.engage div.sideImg dl dd.img{position:absolute; top:0; width:52.6%;/* 710/1350   52.59259259259259 */}
.engage div.sideImg dl dd.img img{width:42.25352112676056%}/*42.25352112676056*/
.engage div.sideImg dl dd.img img:first-child{margin:0 5.9% 0 0;}/* 7.04225352112676 */
.engage div.sideImg.right dl{padding:0 52.59259259259259% 0 0;/* 710/1350   52.59259259259259*/}
.engage div.sideImg.right dl dd.img{right:0; text-align:right;}
.engage div.sideImg.left dl{padding:0 0 0 52.59259259259259%;/* 710/1350    52.59259259259259% */}
.engage div.sideImg.left dl dd.img{left:0; text-align:left;}

.engage div.sideImg2{margin:0 0 100px 0;}
.engage div.sideImg2 dl{position:relative; min-height:500px; margin:0 0 60px 0;}
.engage div.sideImg2 dl dd.img{position:absolute; top:0; width:52.6%;/* 710/1350   52.59259259259259 */}
.engage div.sideImg2 dl dd.img img{width:42.25352112676056%}/*42.25352112676056*/
.engage div.sideImg2 dl dd.img img:first-child{margin:0 5.9% 0 0;}/* 7.04225352112676 */
.engage div.sideImg2.right dl{padding:0 52.59259259259259% 0 0;/* 710/1350   52.59259259259259*/}
.engage div.sideImg2.right dl dd.img{right:0; text-align:right;}
.engage div.sideImg2.left dl{padding:0 0 0 52.59259259259259%;/* 710/1350    52.59259259259259% */}
.engage div.sideImg2.left dl dd.img{left:0; text-align:left;}


.engage div.topImg{overflow:hidden;}
.engage div.topImg dl dt{margin:30px 0 25px 0; font-size:1.188em; color:#222;}
.engage div.topImg div.type-wrap{float:left; width:47.77777777777778%;/* 675/1350 */ padding:0 0 0 2.14814814814815%;/* 29 */}
.engage div.topImg div.type-wrap:first-child{width:47.77777777777778%; /* 675/1350 */padding:0 2.14814814814815% 0 0;/* 29  */border-right:1px solid #e0e0e0;}

.engage div.topImg.obj1{margin:60px 0 0 0;}
.engage div.topImg.obj2{overflow:hidden; margin:0 0 90px 0;}
.engage div.topImg.obj2 div.img{overflow:hidden;}
.engage div.topImg.obj2 div.img img{display:block; float:left; width:46.51162790697674%;}
.engage div.topImg.obj2 div.img img:first-child{margin:0 6.97674418604651% 0 0;}/* 6.97674418604651% */
.engage .support div.topImg.obj1 div.type-wrap{width:100%; padding:0; border:0;}

.engage div.bottomImg{margin:0 0 60px 0;}
.engage div.bottomImg dl{clear:both;}
.engage div.bottomImg dd.img{margin:25px 0 0 0;}
.engage div.bottomImg dd.img > img{display:block; float:left;}

.engage div.bottomImg.obj2 dd.img{overflow:hidden;}
.engage div.bottomImg.obj2 dd.img img{width:47.61904761904762%; margin:0 0 0 4.76190476190476%;}

.engage div.bottomImg.obj3 dl{margin-top:0;}
.engage div.bottomImg.obj3 dd.img ul{overflow:hidden; width:100%;}
.engage div.bottomImg.obj3 dd.img ul li{float:left; width:29.52380952380952%; /* 370/1050 */margin:0 0 0 2.76190476190476%; padding:0 0 0 2.76190476190476%; text-align:center; border-left:1px solid #e0e0e0;}
.engage div.bottomImg.obj3 dd.img ul li:first-child{/* width:29.52380952380952%; */ margin-left:0; padding-left:0; border-left:0;}
.engage div.bottomImg.obj3 dd.img ul li p{margin:25px 0 0 0; text-align:left;}

.engage div.bottomImg.obj4 dd.img{overflow:hidden;}
.engage div.bottomImg.obj4 dd.img img{width:22.22222222222222%; margin:0 0 0 3.7037037037037%;}
.engage div.bottomImg dd.img > img:first-child{margin-left:0}

/*Engagement - relief */
.relief p.txt{margin:0 0 60px 0;}
.relief .con-box .inner {padding-bottom:0;}

/*Environment - overview */
.environment .img { max-width:1242px; }

/*Environment - production */
.production .img-con.img { max-width:547px; }
.production .img2 { margin:23px 0 0 0; }
.production .img3 { max-width:1030px; margin-top:100px; }
.production .separate-2 { position:relative; margin:60px 0 0 0; padding-right:64.28571428571429%; /* 675/1050 */ min-height:180px; }
.production .separate-2 dt { margin-bottom:5px; font-weight:bold; font-size:1em; color:#666; }
.production .separate-2 .img { position:absolute; top:0; right:0; width: 59.523809523809526%; /* 625/1050 */ }
.production .separate-2.type { min-height:233px; }
.production .separate-2.type img{float:left; width:49.76%;}
.production .separate-2.type img.energy3-2{margin:0 0 0 0.48%;}

.production .con-box .con.type2 .txt{float:left; width:34.76190476190476%}
.production .con-box .con.type2 .img2{float:right; width:59.52380952380952%; margin-top:0;}

/*Environment - system */
.system .title-a{clear:both; margin-top:100px;}
.system .title-a.first{margin-top:0;}
.system .txt{margin:0 0 50px 0;}

.system dl dt{margin-bottom:25px; font-size:1.375em;22px color:#222;}
.system dl dd{line-height:1.65;}
.system div.img.normal{overflow:hidden;}
.system div.img.normal img{float:right; width:47.18518518518519%}
.system div.img.normal img:first-child{float:left;}

.system div.sideImg{clear:both; overflow:hidden; margin:0 0 50px 0;}
.system div.sideImg>div.txt{float:left; width:48.88888888888889%;}
.system div.sideImg>div.txt .btns-wrap-policy{clear:both;margin:10px 0 0 0;text-align:left;}
.system div.sideImg>dl{float:left; width:48.88888888888889%;}
.system div.sideImg div.img{float:right; width:47.40740740740741%;}
.system div.sideImg div.img div{float:left;}
.system div.sideImg div.img div img{border:1px solid #dcdcdc;}
.system div.sideImg div.img div span{display:block; margin:30px 0 0 0; font-size:0.875em; font-weight:bold;}
.system div.sideImg div.img.safety div.img1{width:35.625%; margin:0 1.40625% 0 0;}
.system div.sideImg div.img.safety div.img2{width:62.65625%;}
.system div.sideImg.right div.txt{float:right; width:80.81481481481481%; margin-top:30px}
.system div.sideImg.right div.txt p{margin-bottom:30px}
.system div.sideImg.right div.txt p a{text-decoration:underline; color:#0072bc}
.system div.sideImg.right div.img{float:left; width:16.22222222222222%}
.system div.sideImg.right div.img img{width:100%;}

.system .img-area{overflow:hidden;}
.system .img-area div.img.normal{float:left; width:47.18518518518519%; margin-right:3.925925925925926%}
.system .img-area div.img.normal img{width:100%;}
.system div.img.eco{float:left; width:48.88888888888889%;}
.system div.img.eco div img{border:1px solid #dcdcdc;}
.system div.img.eco div.img1{float:left; width:49.3730407523511%; margin:0 1.1% 0 0;}
.system div.img.eco div.img2{float:left; width:49.21630094043887%;}
.system div.img.eco div img{border:1px solid #dcdcdc;}
.system div.img.eco div span{display:block; margin:30px 0 0 0; font-size:0.875em; font-weight:bold; text-align:center}

/* Ethic - 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; }

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

/* Ethical Code */
.code div { float:left; position:relative; width:33%; padding:272px 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 -109px; }
.code .c2 .bg { background-position:-160px -109px; }
.code .c3 .bg { background-position:-320px -109px; }
.code .c4 .bg { background-position:-480px -109px; }
.code .c5 .bg { background-position:-640px -109px; }

/* Ethic - doctrine */
.doctrine .img-con.img { max-width:1188px; }
.doctrine .code dl { margin-bottom:55px;}
.doctrine .code dt { margin-bottom:25px;}
.doctrine .code dd.sub,
.doctrine .guideline .code dd,
.doctrine .guideline li { margin:20px 0 0 0; padding-left:13px; line-height:1.5; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 0 7px ; }
.doctrine .code .c1 .bg { background-position:0 -604px; }
.doctrine .code .c2 .bg { background-position:-160px -604px; }
.doctrine .code .c3 .bg { background-position:-320px -604px; }
.doctrine .code .c4 .bg { background-position:-480px -604px; }
.doctrine .code .c5 .bg { background-position:-640px -604px; }
.doctrine .charter .title-b { margin-bottom:15px; }
.doctrine .guideline .code { margin-top:50px; }
.doctrine .guideline .code ul { margin:0 30px 55px 30px; }
.doctrine .guideline .c1 .bg { background-position:0 -764px; }
.doctrine .guideline .c2 .bg { background-position:-160px -764px; }
.doctrine .guideline .c3 .bg { background-position:-320px -764px; }
.doctrine .guideline .c4 .bg { background-position:-480px -764px; }
.doctrine .guideline .c5 .bg { background-position:-640px -764px; }
.doctrine .top-txt { margin-bottom:60px; }
.doctrine .top-txt dd { line-height:1.5; }



/* Ethic - Using CAT */
.cat-use { position:relative; margin-top:50px; 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; }


/* Ethic - 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 76px; }
.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;}

/*Ethic - 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; }
.campaign .gift img { max-width:1272px; }
.campaign .return .title-a { margin-bottom:0; }
.campaign .return .btm-wrap { position:relative; padding-top:35px; }
.campaign .return .btm-wrap .bbs-btns { position:absolute; top:0; right:0; }


/**
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   62.857142857142854*/ }
.awards .others .left2 { width: 53%; /* width:410  53*/ }
.awards .others .right { width: 31.128571428571427%; /* 330/1050   31.428571428571427*/ }
.awards .country .left { width: 53.80952380952381%; /* 565/1050   53.80952380952381*/ }
.awards .country .right { width: 40.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 .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; }

/**
Careers
**/

/* Careers - people */
.careers .people .img { max-width:1269px; margin:65px auto 0 auto; }

/* Careers - hr */
.hr .block-con ul li { margin-top:20px; }
.hr .position ul li { float:left; width: 14.148148148148149%; /* 191/1350 */ margin-right:0.1481481481481481%; /* 2/1350 */; padding-top:30px; line-height:1.6; }
.hr .position ul li:last-child { margin-right:0; }
.hr .position ul li:nth-child(odd) { background:url(/static/front/img/careers/kor/bg_blue.gif) repeat-x; }
.hr .position ul li:nth-child(even) { background:url(/static/front/img/careers/kor/bg_blue2.gif) repeat-x; }
.hr .position ul li div { padding-left:20px; min-height:80px; background:url(/static/front/img/common/bg/bg_line.gif) repeat-y 0 0;}
.hr .position ul li strong { display:block; font-size:1.125em;/* 18px */}
.hr .welfare dl { margin-bottom:75px; }
.hr .welfare dl dt { line-height:1.2; }
.hr .welfare ul { border-left:1px solid #e0e0e0; }
.hr .welfare ul li { position:relative; float:left; width: 17.555555555555554%; /* 237/1350 */ min-height:107px; padding-top:160px; text-align:center; color:#333; line-height:1.3; font-size:1.250em;/* 20px */ border-right:1px solid #e0e0e0; }
.hr .welfare ul li span { position:absolute; top:32px; left:50%; margin-left:-45px; display:inline-block; width:89px; height:90px; background-image:url(/static/front/img/common/bg/content.png); background-repeat:no-repeat; }
.hr .welfare ul li.w1-1 span { background-position:0 -933px; }
.hr .welfare ul li.w1-2 span { background-position:-89px -933px; }
.hr .welfare ul li.w2-1 span { background-position:-178px -933px; }
.hr .welfare ul li.w2-2 span { background-position:-267px -933px; }
.hr .welfare ul li.w2-3 span { background-position:-356px -933px; }
.hr .welfare ul li.w3-1 span { background-position:-445px -933px; }
.hr .welfare ul li.w3-2 span { background-position:-534px -933px; }
.hr .welfare ul li.w3-3 span { background-position:-623px -933px; }
.hr .welfare ul li.w3-4 span { background-position:-712px -933px; }

/* Careers - recruit */
.careers-list .process { margin:70px 0 80px 0; }
.careers-list .process dt { margin-bottom:50px; }
.careers-list .process dd { padding:40px 0; text-align:center; border:1px solid #e0e0e0; border-width:1px 0; }
.careers-list .process img { max-width:1215px; }

/* Careers - work info */
.work_intro .list-a { margin-bottom:90px; }
.work_intro .list-a li { margin-top:20px; }

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

/**
Foundation
**/

/* Foundation - introduce */
.foundationIntro .title-a{margin:0 0 6px 0;font-size:2.125em;}
.foundationIntro .img{max-width:1351px;margin:0 0 60px 0;}
.diagram-foundationIntro{max-width:1217px;margin:0 auto;}
.diagram-foundationIntro img {width:100% !important;}

/* Foundation - education */
.education .title-a{margin:0 0 25px 0;}
.education .txt{margin: 0 0 40px 0;font-size:15px;line-height:1.733em;}
.education .title-b{margin:0 0 30px 0;}
.education .img-group{overflow:hidden;width:100%;margin:0 0 108px 0;}
.education .img-group img{display:inline-block;width:30.22222222222%;margin:0 0 0 2.14814814814815%;padding:0 0 0 2.14814814814815%;border-left:1px solid #e5e5e5;font-size:0;vertical-align:middle;}
.education .img-group img:first-child{margin-left:0;padding-left:0;border-left:0 none;}
.education .line{display:block;padding:0 0 0.74294205052% 0;}
.education .img-group-v2 img{width:37.33333333333%;margin:0 0 0 2.22222222222%;padding:0 0 0 2.22222222222%;}
.education .img-group-v2 img:first-child{width:57.48148148148%;padding-left:0;border-left:0 none;}



/**
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;}