@charset "utf-8";

/* ==========================
Filename: device.css
Description: tablet, mobile style
============================ */


@media only screen and (max-width: 1410px) {/* ///////////////////////////////////////////////////////////// PC */

	/**
	layout
	**/
	#wrap,
	#header .inner-wrap,
	.visualArea .inner,
	.locArea .inner,
	#contents,
	#footer .sitemap .inner,
	#footer .foot-area .inner,
	.quick .inner{width:100%;}

	/**
	main
	**/
	body.main .m-visual li .inner,
	body.main .bx-controls,
	body.main .scene .inner-wrap{width:100%;}
	body.main .main-link div.links a{overflow:hidden; width:21.10995850622407%; margin:0 0 0 5.186721991701245%;}
	body.main .main-link div.links a:first-child{margin-left:0;}
	body.main .main-link div.links a div.ico{float:none; margin:0 auto 30px auto;}
	body.main .main-link div.links a dl{float:none; width:100%; text-align:center;}

}

@media only screen and (max-width: 1329px) {/* ///////////////////////////////////////////////////////////// etc Resolution */

	.ico-nav ul{float:right;}
	.ico-nav ul li{float:none; width:auto; margin:15px 0 0 0; vertical-align:middle;}
	.ico-nav ul li:first-child{margin-top:0;}
	.ico-nav ul li a{padding:0; text-align:left;}
	.ico-nav ul li a span.ico{width:40px; height:40px; margin:0 10px 0 0; vertical-align:middle;}

	.ico-nav ul li.vertical a span.ico{background-position:0 -2200px;}
	.ico-nav ul li.vertical.on a span.ico, .ico-nav ul li.vertical:hover a span.ico{background-position:right -2200px;}
	.ico-nav ul li.lean a span.ico{background-position:0 -2240px;}
	.ico-nav ul li.lean.on, .ico-nav ul li.lean:hover a span.ico{background-position:right -2240px;}
	.ico-nav ul li.qa a span.ico{background-position:0 -2280px;}
	.ico-nav ul li.qa.on a span.ico, .ico-nav ul li.qa:hover a span.ico{background-position:right -2280px;}

	.ico-nav ul li.cat a span.ico{background-position:0 -2320px;}
	.ico-nav ul li.cat.on a span.ico, .ico-nav ul li.cat:hover a span.ico{background-position:right -2320px;}
	.ico-nav ul li.reporting a span.ico{background-position:0 -2360px;}
	.ico-nav ul li.reporting.on a span.ico, .ico-nav ul li.reporting:hover a span.ico{background-position:right -2360px;}
	.ico-nav ul li.result a span.ico{background-position:0 -2400px;}
	.ico-nav ul li.result.on a span.ico, .ico-nav ul li.result:hover a span.ico{background-position:right -2400px;}

	.ico-nav ul li.compliance a span.ico{background-position:0 -2440px;}
	.ico-nav ul li.compliance.on a span.ico, .ico-nav ul li.compliance:hover a span.ico{background-position:right -2440px;}
	.ico-nav ul li.coexist a span.ico{background-position:0 -2480px;}
	.ico-nav ul li.coexist.on a span.ico, .ico-nav ul li.coexist:hover a span.ico{background-position:right -2480px;}
	.ico-nav ul li.people a span.ico{background-position:0 -2520px;}
	.ico-nav ul li.people.on a span.ico, .ico-nav ul li.people:hover a span.ico{background-position:right -2520px;}
	.ico-nav ul li.health a span.ico{background-position:0 -2560px;}
	.ico-nav ul li.health.on a span.ico, .ico-nav ul li.health:hover a span.ico{background-position:right -2560px;}

	.ico-nav ul li.contrib a span.ico{background-position:0 -2600px;}
	.ico-nav ul li.contrib.on a span.ico, .ico-nav ul li.contrib:hover a span.ico{background-position:right -2600px;}
	.ico-nav ul li.support a span.ico{background-position:0 -2640px;}
	.ico-nav ul li.support.on a span.ico, .ico-nav ul li.support:hover a span.ico{background-position:right -2640px;}
	.ico-nav ul li.relief a span.ico{background-position:0 -2680px;}
	.ico-nav ul li.relief.on a span.ico, .ico-nav ul li.relief:hover a span.ico{background-position:right -2680px;}
	.ico-nav ul li.donation a span.ico{background-position:0 -2720px;}
	.ico-nav ul li.donation.on a span.ico, .ico-nav ul li.donation:hover a span.ico{background-position:right -2720px;}

	.ico-nav ul li.overview a span.ico{background-position:0 -2760px;}
	.ico-nav ul li.overview.on a span.ico, .ico-nav ul li.overview:hover a span.ico{background-position:right -2760px;}
	.ico-nav ul li.production a span.ico{background-position:0 -2800px;}
	.ico-nav ul li.production.on a span.ico, .ico-nav ul li.production:hover a span.ico{background-position:right -2800px;}
	.ico-nav ul li.system a span.ico{background-position:0 -2840px;}
	.ico-nav ul li.system.on a span.ico, .ico-nav ul li.system:hover a span.ico{background-position:right -2840px;}
	.ico-nav ul li.sustain a span.ico{background-position:0 -2880px;}
	.ico-nav ul li.sustain.on a span.ico, .ico-nav ul li.sustain:hover a span.ico{background-position:right -2880px;}

	.ico-nav ul li.overview-k a span.ico{background-position:0 -2920px;}
	.ico-nav ul li.overview-k.on a span.ico, .ico-nav ul li.overview-k:hover a span.ico{background-position:right -2920px;}
	.ico-nav ul li.doctrine a span.ico{background-position:0 -2960px;}
	.ico-nav ul li.doctrine.on a span.ico, .ico-nav ul li.doctrine:hover a span.ico{background-position:right -2960px;}
	.ico-nav ul li.cat-k a span.ico{background-position:0 -3000px;}
	.ico-nav ul li.cat-k.on a span.ico, .ico-nav ul li.cat-k:hover a span.ico{background-position:right -3000px;}
	.ico-nav ul li.campaign a span.ico{background-position:0 -3040px;}
	.ico-nav ul li.campaign.on a span.ico, .ico-nav ul li.campaign:hover a span.ico{background-position:right -3040px;}

}


@media only screen and (max-width: 1024px) {/* ///////////////////////////////////////////////////////////// for all mobile Device */
	html,body{-webkit-overflow-scrolling: touch}

	/**
	layout
	**/
	.mainPop{display:none;}
	.wrap-inner{position:relative; top:0; margin:0;}
	#header.open{position:absolute;}
	#header h1{top:16px; left:0px}
	#header h1 a{/* width:50.22421524663677%; */}

	.pc-ver #gnb{display:none;}
	.mDevice-ver #gnb{display:none; position:absolute; top:0; right:-260px; width:260px; /* width:25.390625%; */ /* 260/1024 */ background:#1072ba; z-index:99;}
	.mDevice-ver #gnb ul li a{display:block; color:#fff;}
	.mDevice-ver #gnb ul.d1{/* margin:0 11.53846153846154%; *//* 30/260 */}
	.mDevice-ver #gnb ul.d1 > li{border-bottom:1px solid #0d5b95;}
	.mDevice-ver #gnb ul.d1 > li > a{height:35px ;margin:0 20px; padding:15px 0 0 0; font-size:1.267em; background:url(/static/front/img/common/header/gnb_open.png) no-repeat right 23px;}
	.mDevice-ver #gnb ul.d1 > li.current{background:#0d5b95;}
	.mDevice-ver #gnb ul.d1 > li.current > a{background:url(/static/front/img/common/header/gnb_close.png) no-repeat right 23px;}
	.mDevice-ver #gnb ul.d2{display:none; background:#0a4977;}
	.mDevice-ver #gnb ul.d2 > li > a{height:27px; margin:0 20px; padding:13px 0 0 0; font-size:1.067em; border-bottom:1px solid #083a5f;}
	.mDevice-ver #gnb ul.d3{display:none; padding:5px 0 15px 0; background:#083a5f;}
	.mDevice-ver #gnb ul.d3 > li > a{height:20px; margin:0 20px; padding:10px 0 0 16px; font-size:1.067em; background:url(/static/front/img/common/header/gnb_dash.gif) no-repeat 0 17px}
	.mDevice-ver #gnb ul.d1 > li.d1-5,
	.mDevice-ver #gnb ul.d1 > li.d1-6{display:block}

	.gnb-open{display:block; position:absolute; top:0; right:0; width:80px; height:80px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico-t.png) no-repeat 0 -40px;}
	.gnb-close{background-position:-80px -40px;}

	.util{right:100px;}

	.visualArea{top:80px; height:234px;}
	.visualArea .inner div.slogan{margin-top:50px;}

	.locArea{display:none; top:309px; background:none;}
	.location{display:none;}
	.locArea .inner {background:none;}
	.locArea .sns a.print{display:none;}

	#contents{margin-top:320px; margin-bottom:50px; padding-top:10px;}
	#footer .sitemap{display:none}

	.ico-nav{display:none;}

	.quick a.cyber,
	.quick a.gift{display:none;}


	/**
	Component
	**/

	.tabmenu{display:none;}

	/**
	bbs
	**/

	/* bbsView */
	.bbsView table .con div{min-height:inherit}

	/* bbsView-thumb */
	.bbsView-thumb{float:none; width:100%; min-height:100%;}

	/* bbsView-leftList */
	.leftList{display:none;}

	/* bbsWrite */
	.bbsWrite table td div.radioWrap{display:block; margin:5px 0 0 0;}
	.bbsWrite table td p.ex{clear:both; float:none; margin:0; padding:10px 0 0 0;}

	/* bbs-btns */
	.bbs-btns.non-full .inner{margin:0;}

	/* bbs-etc */
	.box-view .bbsWrap{padding:0;}

	/**
	Content common
	**/
	.con-box .title-a, .con-box .con { float:none; width:100%; }
	.con-box .title-a br { display:none; }


	/**
	About SAE-A
	**/
	.who .glance-wrap div.img,
	.who .group-wrap div.img,
	.mission .keyword-wrap div.img,
	.mission .one-wrap div.img{width:100%;}
	.chairman .con-box .title-a, .chairman .con-box .con { width:100%; }
	.global .global-wrap{min-height:inherit;}
	.story .con-box .title-a{width:100%;}
	.story .con-box .con{width:100%;}

	/* history */
	.history .history-list{min-height:inherit}
	.history .tab-nav{height:auto; border:0;}
	.history .tab-nav > ul > li{width:100%; height:auto; padding:30px 0 0 0; border:0; border-top:1px solid #d4d4d4; background:#e0e0e0;}
	.history .tab-nav > ul > li:first-child{}
	.history .tab-nav > ul > li.current{height:auto; border:0; border-top:1px solid #e0e0e0; background:none;}
	.history .tab-nav > ul > li a{height:70px; margin:0; padding:0 0 0 90px;}
	.history .tab-nav > ul > li.current a{border-bottom:1px solid #e0e0e0;}
	.history .tab-nav > ul > li.year1.current,
	.history .tab-nav > ul > li.year2.current,
	.history .tab-nav > ul > li.year3.current{border:0;}
	.history .tab-nav > ul > li.year1 a,
	.history .tab-nav > ul > li.year2 a,
	.history .tab-nav > ul > li.year3 a{background-position:30px 3px}

	.history .t-con{position:static; top:auto; left:auto; margin:20px;}


	/**
	Business
	**/

	/* Lean management */
	.lean .stage .txt { padding:13px 33px; }
	.lean .activities dl { background-position:30px 40px; }
	.lean .activities dl dt, .lean .activities dl dd { display:inherit; }
	.lean .activities dl dt { width:auto; height:auto; border:0; }
	.lean .activities dl dt br { display:none; }
	.lean .activities dl dd { padding:10px 0 0 120px; }

	/**
	CSR
	**/
	.people .left-con, .kor .people .right-con { width:100%; margin-bottom:20px; }
	.compliance .separate{display:none;}

	.csr .tab-nav > ul{position:relative;}
	.csr .tab-nav > ul > li{width:33%;}
	.csr .tab-nav > ul > li.last{width:33.5%; position:absolute; top:0; right:0; }

	/* Compliance - Health & Safety */
	.health .worker div.img{float:none; width:100%; margin:0 0 20px 0;}
	.health .worker ul.list-a{float:none; margin:0;}

	/* Engagement - common */
	.engage .center-con p br { display:none; }

	/* Engagement - Overview */
	.engage .overview .center-con p br { display:none; }

	/* Engagement - contrib */
	.contrib div.vision{width:100%; margin-left:0; background:none;}
	.contrib div.vision strong{width:70%;}
	.contrib div.vision p.txt1{width:100%;}
	.contrib div.vision p.txt2{width:100%; margin-left:2.9486099410278%;}
	.contrib div.process{position:static; top:auto; left:auto; width:auto; height:auto; font-size:1em; line-height:inherit;}
	.contrib div.process dl:first-child{margin:0 0 30px 0;}

	/* Engagement - support */
	.engage div.sideImg.right dl,
	.engage div.sideImg.left dl{padding:0;}
	.engage div.sideImg dl dd.img{overflow:hidden; position:static; width:100%; margin:30px 0 0 0;}
	.engage div.sideImg dl dd.img img{display:block; float:left; width:46.2%}
	.engage div.sideImg.right dl dd.img{text-align:left;}

	.engage div.topImg.obj2 dl{float:none; width:100%; margin-top:30px; padding:0;}
	.engage div.topImg.obj2 dl:first-child{width:100%; margin-top:0; border:0;}

	.engage div.bottomImg.obj4 dd.img img{width:48.1%; margin:0 0 20px 3.7037037037037%;}
	.engage div.bottomImg.obj4 dd.img img:nth-child(odd){margin-left:0;}


	/* Ethic - Using CAT */
	.cat-use { background-image:none; }
	.cat-use .box > li { width:50%; }
	.cat-use .box > li.use3 { clear:both; border:0; }
	.cat-use .box > li div { min-height:inherit; padding-bottom:70px; }

	/* Ethic - No Gifts Campaign */
	.campaign .topTxt p br { display:none; }
	.campaign .gift .link { margin-left:0; }

	/* Ethic - Report Follow-up */
	.verify > div { width:60%; }

	/* Ethic - campaign */
	.campaign .return .btm-wrap .bbs-btns { position:relative; padding-top:15px; }

	.ethic .overview .left-con {background-size:contain;}
	.guideline .code ul{margin-left:0}



	/**
	Careers
	**/

	/* Careers - hr */
	.hr .welfare ul li { width:24%; }
	.careers-list .bbsList .th-width4{width:20%}
	.careers-list .bbsList .th-width,
	.careers-list .bbsList .th-width3,
	.careers-list .bbsList .num,
	.careers-list .bbsList .term{display:none;}
	.careers-list .bbsList th.sbj{background:none;}

	/**
	main
	**/
	body.main .indicator{display:none;}
	.no-device{display:none;}

}




@media only screen and (max-width: 1100px) {/* ///////////////////////////////////////////////////////////// etc Resolution */
	.bbsList-thumb ul li dl dt{min-height:58px;}
}




@media only screen and (min-width : 768px) and (max-width : 1024px) {/* ///////////////////////////////////////////////////////////// Tablet- portrait / landscape*/

	/**
	layout
	**/
	#contents{margin-top: 360px;}
	#contents.m-pop{margin:80px 0 0 0;padding:0;}
	.con-area{margin:0 2.9296875%;}
	.visualArea .inner div.slogan{width:auto}
	.locArea{display:block; top:314px; background:none;}


	/**
	bbs
	**/

	/* bbsList-thumb */
	.bbsList-thumb ul li{width:31.12033195020747%;/* 300/(1024-60) */ margin:0 0 40px 3.11203319502075%;/* 30/(1024-60) */}
	.bbsList-thumb ul li:nth-child(4n+1){margin-left:3.11203319502075%;}
	.bbsList-thumb ul li:first-child,
	.bbsList-thumb ul li:nth-child(3n+1){margin-left:0;}
	.bbsList-thumb ul li dl dt{min-height:42px;}

	/* bbsList-media */
	.bbsList-media ul li{width:31.12033195020747%;/* 300/(1024-60) */ margin:0 0 40px 3.11203319502075%;/* 30/(1024-60) */}
	.bbsList-media ul li:nth-child(4n+1){margin-left:3.11203319502075%;}
	.bbsList-media ul li:first-child,
	.bbsList-media ul li:nth-child(3n+1){margin-left:0;}

	/* bbsWrite */
	.bbsWrite table .th-width,
	.bbsWrite table .th-width2,
	.bbsWrite table .th-width3{width:20%;}

	/**
	About SAE-A
	**/

	/* manager */
	.manager div.leader-wrap ul li{width:35.15625%}
	.manager div.leader-wrap ul li:nth-child(4n){margin-left:7.037037037037037%;}
	.manager div.leader-wrap ul li:first-child,
	.manager div.leader-wrap ul li:nth-child(2n+1){margin-left:0;}

	/* global */
	.who .global-wrap ul.country{padding-top:50px;}
	.who .global-wrap div.toggle-con{top:50px;}

	/* story */
	.story .con-box .con{width:100%;}


	/**
	Ethic Management
	**/

	/* Ethical Code */
	.code div { width:49.5%; }
	.code .c3 { clear:both; border-width:0 0 1px 1px; }
	.code .c4 { clear:none; }
	.code .c5 { clear:both; border-width:0 1px 1px 1px; }

	/**
	main
	**/

	body.main .scene .inner-wrap{padding-top:160px; padding-bottom:100px;}
	body.main .scene p.info-txt {margin-bottom:70px;}

	body.main .main-visual{padding:0;}
	body.main .main-visual .m-visual li{height:660px;}

	body.main .main-biz div.links a{width:23.56770833333333%; min-height:344px;margin: 0 0 0 16.859375%; /* 90/1024 */}
	body.main .main-biz div.links a.manu{margin-left: 16.859375%; margin-bottom:80px;}
	body.main .main-biz div.links a.trading{margin-bottom:80px;}
	body.main .main-biz div.links a.rnd{/* margin-right: 16.859375%; */ margin-bottom:80px;}
	body.main .main-biz div.links a.design{margin-left: 16.859375%;}
	body.main .main-biz div.links a.products{margin-right:21.484375%;}

	body.main .main-society div.links a{width:20.5078125%; margin:0 2.24609375%;}
	body.main .main-society div.links a div.img{width:91.30434782608696%; margin:0 auto 40px auto !important;}

	body.main .main-news .bbs-latest div.bbs{float:none; width:100%; /* min-height:310px; */ margin:0 0 4px 0; padding-bottom:30px}
	body.main .main-news .bbs-latest div.bbs dt{padding-bottom:20px}

	body.main .main-news .bbs-latest div.bbs.thumb{position:relative; width:auto; min-height:215px; padding-right:380px}
	body.main .main-news .bbs-latest div.bbs.thumb dl dt{background:url(/static/front/img/main/dash.gif) no-repeat;}
	body.main .main-news .bbs-latest div.bbs.thumb div.img{position:absolute; top:0; right:0; width:380px; height:246px;}

	body.main .main-news .bbs-latest div.bbs.normal{min-height:250px}
	body.main .main-link .inner-wrap{padding:60px 0 40px 0;}
	
	/**
	Foundation
	**/

	/* Foundation - foundation info */
	.diagram-foundationIntro img {width:100% !important;}

}



@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {/* ///////////////////////////////////////////////////////////// Tablet- landscape */

	/**
	CSR
	**/
	.kor .compliance .vision .title-a {margin-top:-55px;}

}




@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {/* /////////////////////////////////////////////////////////////  Tablet - portrait */

	/**
	Business
	**/

	/* Lean management */
	.lean .stage .txt { padding:9px 10px; }
	.lean .stage .arrow { margin:0 7px; }

	/**
	CSR
	**/
	.compliance .vision .title-a {margin-top:-46px;}

	/**
	Careers
	**/

	/*kor - Careers - hr */
	.hr .position ul li { width:24.8%; }
	
	/**
	Foundation
	**/

	/* Foundation - foundation info */
	.diagram-foundationIntro img {width:100% !important;}

}


@media only screen and (max-width: 800px) {/* ///////////////////////////////////////////////////////////// etc Resolution */
	.bbsList-thumb ul li dl dt{min-height:58px;}
}




@media only screen and (max-width: 767px) {/* ///////////////////////////////////////////////////////////// only Mobile */

	.diagram img{width:290px !important;}

	/**
	layout
	**/
	#header{height:50px}
	#header .inner-wrap{height:50px}
	#header .inner {margin:0 4.6875%;}
	#header h1{/* top:35px; left:4.6875%; */margin:15px 0 0 0;}
	#header h1 a{/* width:34.84375%; */ width:80px; height:25px}

	.gnb-open{width:50px; height:50px; background:url(/static/front/img/common/ico/ico-m.png) no-repeat 0 -36px; background-size:150px 250px;}
	.gnb-close{background-position:-50px -36px;}

	.mobile-ver #gnb{right:-245px; width:245px;}
	.mobile-ver #gnb ul.d1 > li > a{font-size:1.200em}
	.mobile-ver #gnb ul.d2 > li > a {font-size:1.067em}

	.util{top:20px; right:62px}

	.visualArea{top:50px; height:90px;}
	.visualArea .inner strong.slogan-title{font-size:1.875em;}
	.visualArea .inner p.slogan-txt{display:none;}

	#contents{margin-top: 180px;}
	#contents.m-pop{margin:50px 0 0 0;padding:0;}
	.con-area{margin:0 4.6875%;}
	.locArea{display:block; top:140px; background:none;}

	#footer .foot-area .top{margin:0 4.6875%; border:0;}
	#footer .foot-area .top div.sign-up{float:none;}
	#footer .foot-area .top div.sign-up label{float:none; display:block;}
	#footer .foot-area .top div.sign-up div.inputWrap{position:relative; float:none; padding:0 90px 0 0}
	#footer .foot-area .top div.sign-up input[type="text"]{width:100%; margin-left:0; margin-top:10px;}
	#footer .foot-area .top div.sign-up button{position:absolute; top:0; right:0; margin-top:10px;}
	#footer .foot-area .top div.sns{float:none; margin:10px 0 0 0;}

	#footer .foot-area .bottom{margin:0 4.6875%; padding-top:0;}
	#footer .foot-area .bottom .foot-menu{width:100%; min-height:50px;}
	#footer .foot-area .bottom .foot-menu div.f-menu{float:none;}
	#footer .foot-area .bottom .foot-menu div.logo{display:none;}
	#footer .foot-area .bottom .foot-menu{clear:both; width:100%;}
	#footer .foot-area .bottom .foot-menu button{display:block; width:100%;  height:34px; padding:0 0 0 10px; text-align:left; font-size:0.813em; border:1px solid #666; color:#adadad; background:url(/static/front/img/common/bul/bul_family_close.gif) no-repeat 97% 12px;}
	#footer .foot-area .bottom .foot-menu button.close{background:url(/static/front/img/common/bul/bul_family_open.gif) no-repeat 97% 12px;}
	#footer .foot-area .bottom .foot-menu ul{display:none; float:none; position:absolute; top:-204px; left:0; width:100%; }
	#footer .foot-area .bottom .foot-menu ul li,
	#footer .foot-area .bottom .foot-menu ul li:first-child{float:none; padding:0; background:#4e4e4e;}
	#footer .foot-area .bottom .foot-menu ul li{border-top:1px solid #666;}
	#footer .foot-area .bottom .foot-menu ul li a{display:block; padding:10px; font-size:0.813em; color:#fff;}
	#footer .foot-area .bottom .foot-menu p.copy{margin:10px 0 0 0;}


	/**
	bbs
	**/
	/* bbs-search */
	.bbs-search select{width:100%; margin:0 0 10px 0;}
	.bbs-search div.inputWrap{display:block; position:relative; padding:0 31.03448275862069% 0 0; /* 180/580 */}
	.bbs-search div.inputWrap input{width:100%; padding:0;}
	.bbs-search div.inputWrap button{position:absolute; top:0; right:0; width:29.31034482758621%; /* 170/580 */}

	/* bbsList */
	.bbsList table{table-layout:fixed;}
	.bbsList table .num,
	.bbsList table .writer,
	.bbsList table .th-width,
	.bbsList table .th-width3{display:none;}
	.bbsList table .th-width4{width:30%}
	.bbsList table th.sbj{background:none;}

	/* bbsList-thumb */
	.bbsList-thumb ul li{float:none; width:100%;/* 339/(768-60) */ margin:0 0 40px 0;}
	.bbsList-thumb ul li:nth-child(5n){margin-left:0;}
	.bbsList-thumb ul li:first-child,
	.bbsList-thumb ul li:nth-child(odd){margin-left:0;}
	.bbsList-thumb ul li dl dt{min-height:42px;}

	/* bbsList-summary */
	.bbsList-summary ul li{padding-top:20px; padding-bottom:20px;}
	.bbsList-summary ul li div.info,
	.bbsList-summary ul li div.detail{display:block; width:100%; margin-top:10px}
	.bbsList-summary ul li div.detail dl{margin:0; border:0;}
	.bbsList-summary ul li div.detail .btn-detail,
	.bbsList-summary ul li div.detail dl dd{display:none;}
	.bbsList-summary ul li div.info{text-align:left;}
	.bbsList-summary ul li div.info span{display:inline-block; margin-left:10px; vertical-align:middle;}
	.bbsList-summary ul li div.info span.num{margin:0;}

	/* bbsList-media */
	.bbsList-media ul li{float:none; width:100%;/* 339/(768-60) */ margin:0 0 20px 0;}
	.bbsList-media ul li:nth-child(5n){margin-left:0;}
	.bbsList-media ul li:first-child,
	.bbsList-media ul li:nth-child(odd){margin-left:0;}

	/* bbsView */
	.bbsView table th,
	.bbsView table td {padding-left:0;}
	.bbsView table .con{padding-left:0; padding-right:0;}
	.bbsView table td.info{padding-top:10px; padding-bottom:10px;}
	.bbsView table td.info ul li{float:none; margin:5px 0 0 0;}
	.bbsView table td.info ul li:first-child{margin-top:0;}
	.bbsView table td.info ul li span.sbj{width:20%;}

	.bbsView table td.info ul.add-file .sbj{display:none;}
	.bbsView table td.info ul.add-file .detail {padding-left:0; background:none;}

	/* bbs-prevNext */
	.bbs-prevNext colgroup col:first-child{width:30% !important;}
	.bbs-prevNext table th, .bbs-prevNext table th{padding-left:0;}

	/* bbsWrite */
	.bbsWrite table .th-width,
	.bbsWrite table .th-width2,
	.bbsWrite table .th-width3{width:32%;}
	.bbsWrite table th,
	.bbsWrite table td{padding-left:10px; padding-right:10px;}
	.bbsWrite table td input.typeText-275{width:100%;}
	.bbsWrite table td.email div.inputWrap{width:33%;}
	.bbsWrite table td.email div.inputWrap.first{width:100%; margin-left:0; margin-bottom:10px}
	.bbsWrite table td.email div.inputWrap.first div{margin-right:0;}
	.bbsWrite table td.email div.inputWrap.second{margin-left:20px}
	.bbsWrite table td.email div.inputWrap.third{width:55%; margin-left:0;}

	.bbsWrite table td.email div.inputWrap.third select{width:90%;}
	.bbsWrite table td.date div.inputWrap{width:100%;}
	.bbsWrite .tip-txt.row{display:block; margin:5px 0 0 0;}


	/**
	Content common
	**/
	.con-box .left-con, .con-box .right-con { float:none; width:100%; }
	.con-box .left-con { margin-bottom:40px; border:0; }
	.con-box .con-box .separate dd, .con-box .con-box .separate li { float:none; width:100%; margin:0 0 30px 0; padding:0; background:none; }
	.con-box .con-box .separate img { margin-bottom:15px; }

	/**
	About SAE-A
	**/

	/* Mission & Vision */
	.mission div.vision-wrap div { float:none; width:100%; margin:0 0 50px 0 !important; padding:0; background:none; }
	.mission div.vision-wrap dl{float:none; width:100%; margin:0 0 20px 0; padding:0; border:0;}
	.mission div.mission-wrap p { margin:25px 0 20px 0; }


	/* Who we are */
	.who .leader-wrap ul li { width:47.5%; min-height:250px; margin:0 0 30px 0; }
	.who .leader-wrap ul li:nth-child(2n) { margin-left:5%; }
	.who .leader-wrap div.toggle-con{padding-top:80px; padding-left:0;}
	.who .leader-wrap div.toggle-con div.img{position:static; width:100%; margin:0 0 20px 0;}
	.who .leader-wrap div.toggle-con .btn-tClose{top:25px}

	.global .global-wrap {background:url(/static/front/img/about/global_bg_m.gif) no-repeat 0 20%;  background-size:contain;}
	.global .global-wrap ul.country{width:100%; padding:0;}
	.global .global-wrap ul.country > li{background:url(/static/front/img/common/bul/bul_global_open.png) no-repeat 95% 15px;}
	.global .global-wrap ul.country > li.current{background:#0072bc url(/static/front/img/common/bul/bul_global_close.png) no-repeat 95% 15px;}

	.global .global-wrap div.toggle-con{position:static; top:auto; left:auto;  width:100%; border-left:0; border-right:0; border-bottom:0; background:#fff;}
	.global .global-wrap div.toggle-con div.detail{width:100%; padding:0;}
	.global .global-wrap div.toggle-con div.img{position:static; width:100%; margin:0 0 20px 0;}
	.global .group-wrap div.img{width:100%;}

	.global .global-wrap div.toggle-con dl{padding-left:0;}
	.global .global-wrap div.toggle-con dl dd.img{position:static; width:100%; margin:0 0 20px 0;}
	.global .global-wrap div.toggle-con .btn-tClose{display:none;}
	.global .global-wrap div.map-ico{display:none;}

	.who .glance-wrap div.img{width:100%;}

	.chairman div.msg div.img{margin-bottom:30px}
	.chairman div.msg div.img,
	.chairman div.msg div.txt{float:none; width:100%;}

	/* ceo */
	.ceo div.img{float:none; width:100%; margin:0 0 30px 0;}
	.ceo div.txt{float:none; width:100%;}

	/* story */
	.story-on ul li{float:none; width:100%; margin:0 0 50px 0;}
	.story div.career div.career-list,
	.story div.career div.img{float:none; width:100%;}

	/* manager */
	.manager div.leader-wrap ul li{width:100%}
	.manager div.leader-wrap ul li{margin-left:0 !important;}

	/* manu - integration */
	.lean .activities dl dt{width:auto !important;}

	/**
	Business
	**/

	/* Lean management */
	.lean .stage .txt,
	.lean .stage .txt.line2{ width:98%; padding:9px 0; }
	.lean .stage .arrow { display:block; width:14px; height:44px; margin:5px auto 20px auto; background:url(/static/front/img/common/bg/content.png) -427px 0; }
	.lean .activities { margin-top:30px; border:0; background-position:0 0 !important;}
	.lean .activities dl { width:100%; min-height:90px; padding:30px 0; background-position:0 33px; }
	.lean .activities div { border:0; background:none; }

	/* Quality Assurance */
	.qa .left-con img { margin:0 0 15px 0; }

	/* Fabric R&D */
	.fabric .separate-3 li { float:none; width:100%; margin:50px 0 0 0; padding:0; background:none; }

	/* Clients */
	.clients ul.mass { margin-bottom:45px; }
	.clients ul li { float:left; width:30%; margin:0 3% 0 0; }
	.clients ul li:nth-child(3n) { margin-right:0; }
	.clients ul li a { border:0; }

	/* Trading */
	.trading div.chart div.graph,
	.trading div.chart div.map{float:none; width:100%;}
	.trading div.chart div.graph{margin-right:0; margin-bottom:30px}
	.trading div.chart div.map{margin-top:80px; padding-top:60px; border-top:2px solid #e0e0e0;}

	/**
	CSR
	**/
	/*kor - Compliance - overview */
	.kor .compliance .con-box .separate li { float:none; width:100%; margin:0 0 20px 0; padding:0; background:none; }
	.kor .compliance .conduct{padding-top:20px}
	.kor .compliance .conduct dl { float:none; width:100%; margin-bottom:30px}
	.kor .compliance .conduct dl:first-child { margin-right:0; }
	.kor .compliance .conduct dl dt span{display:none; }
	.kor .compliance .conduct dl dd,
	.kor .compliance .conduct dl dt{padding-left:0;}
	.kor .compliance .vision { margin-bottom:55px; text-align:left; }
	.kor .compliance .vision .img { display:none; }
	.kor .compliance .vision .title-a { margin:0 0 30px 0; color:#0072bc; }

	/*kor - Compliance - coexist */
	.kor .coexist .con img { float:none; margin:0 0 20px 0; }
	.kor .coexist .img-con{margin-bottom:50px}
	.kor .coexist .img-con ul.together-img{display:none;}
	.kor .coexist .img-con ul.together-img li{width:46.74479166666667%; margin-bottom:30px}
	.kor .coexist .img-con ul.together-img li:nth-child(3n){margin-left:0;}
	.kor .coexist .img-con ul.together-img li img{margin:0;}


	/*kor - Compliance - people */
	.kor .people dl { float:none; width:100%; margin-right:0; padding-right:0; background:none; }
	.kor .people .con-detail{float:none; width:100%; border:0;}


	/**
	Engagement
	**/

	/* common */
	.engage .center-con { text-align:left; }

	/* Overview */
	.engage .overview .link-box { border-width:1px 1px 0 0; background:none; }
	.engage .overview .link-box li { width:100%; }
	.engage .overview .link-box li a { height:auto; padding:160px 15px 40px 15px; border-bottom:1px solid #e0e0e0; }
	.engage .overview .link-box li a span { top:40px; }

	/* Engagement - contrib */
	.contrib .title-a{margin-top:50px;}
	.contrib div.vision strong{width:100%;}
	.contrib div.vision p.txt1,
	.contrib div.vision p.txt2{margin-left:0;}

	/* Engagement - support */
	.engage div.topImg div.type-wrap,
	.engage div.topImg div.type-wrap:first-child{float:none; width:100%; padding:0; border:0;}
	.engage div.topImg div.type-wrap{margin-bottom:50px}
	.engage div.topImg.obj1{margin-top:0;}
	.engage div.topImg.obj2{margin-bottom:0px}

	.engage div.bottomImg.obj3 dd.img ul li{float:none; width:100%; border:0; margin-left:0; margin-top:30px; padding:0;}
	.engage div.bottomImg.obj3 dd.img ul li:first-child{margin-top:0;}

	/* Environment - production */
	.production .separate-2 { padding-right:0; min-height:inherit; }
	.production .separate-2 .img { position:relative; width:100%; margin-top:15px; }
	.production .con-box .con.type2 .txt{float:none; width:100%}
	.production .con-box .con.type2 .img2{float:none; width:100%; margin-top:20px;}
	.production .separate-2.type img.energy3-2{display:none;}
	.production .img3.air{display:none;}

	/* Environment - system */
	.system div.sideImg>dl{float:none; width:100%; margin-bottom:30px}
	.system div.sideImg>div.txt{float:none; width:100%; margin-bottom:30px}
	.system div.sideImg>div.txt .btns-wrap-policy{clear:both;margin:10px 0 0 0;text-align:left;}
	.system div.sideImg div.img{float:none; width:100%;}
	.system div.img.normal img,
	.system div.img.normal img:first-child{float:none; width:100%;}
	.system div.img.normal img:first-child{margin-bottom:30px}
	.system .img-area div.img.normal,
	.system div.img.eco{float:none; width:100%; }
	.system div.sideImg.right div.img,
	.system div.sideImg.right div.txt{float:none; width:100%;}


	/**
	Press Center
	**/

	/* Awards & Recognition */
	.awards .left, .awards .right { float:none; width:100% !important; padding:0; }
	.awards .left { margin-bottom:50px; }
	.awards .color-team ul li { width:30%; margin:0 3.3% 0 0; }
	.awards .color-team ul li:nth-child(3n) { margin:0; }


	/**
	Ethic Management
	**/

	/* common*/
	.ethic .separate-box > div { float:none; width:100%; }
	.ethic .left-con { margin-bottom:80px; }

	/* overview */
	.ethic .overview .separate-box > div{padding-top:0;}
	.ethic .overview .left-con,
	.ethic .overview .right-con{background:none;}

	/* Using CAT */
	.cat-use { padding-bottom:56px; }
	.cat-use .box > li { width:100%; }
	.cat-use .box > li div { padding-top:115px; }

	/* Reporting Information */
	.reporting .bbs-btns{text-align:center;}

	/* Report Follow-up */
	.verify > div { width:90%; padding:0; }
	.verify .form p { padding:0 0 0 76px; }
	.verify button { position:inherit; width:100%; height:40px; margin-top:15px; }

	/* No Gifts Campaign */
	.campaign .title-a br { display:none; }

	/* Ethical Code */
	.code div { width:100%; padding-top:195px; border-width:0 !important }
	.code dl { margin:0; }
	.code .bg { top:20px; }
	.code .title-a br { display:none; }

	/**
	ETC
	**/

	/* contact-us*/
	.contact-us label.first{margin-top:30px}
	.contact-us div.input-wrap{float:none; width:100%;}

	/* Legal notice */
	.legal div.info dl{float:none; width:100%; margin-top:40px;}
	.legal div.info dl:first-child{margin-top:0}


	/**
	Careers
	**/
	/*kor - Careers - hr */
	.hr .position ul li { width:49.5%; }
	.hr .welfare dt strong { display:block; }
	.hr .welfare ul { border:0; }
	.hr .welfare ul li { width:50%; min-height:80px; border:0; }

	.careers-view .bbsView table td.info ul li span.sbj{display:none;}
	.careers-view .bbsView table td.info ul li span.detail{padding-left:0; background:none;}


	/**
	main
	**/
	body.main #contents{padding-top:50px;}
	body.main .scene{width:100%;}
	body.main .scene .inner-wrap{ padding-top:50px; padding-bottom:88px;}
	body.main .scene .inner-wrap .inner{margin:0 4.6875%;}
	body.main .scene h3{ margin-bottom:40px; font-size:1.875em; text-align:left;}
	body.main .scene p.info-txt {display:none; font-size:1.125em; margin-bottom:60px;}

	body.main .main-visual {padding:0;}
	body.main .main-visual .m-visual li{height:210px; background-size:cover !important;}
	body.main .bx-controls .bx-controls-direction,
	body.main .bx-controls .bx-controls-auto{display:none;}

	body.main .main-biz div.links a{width:100%; margin:40px 0 0 0;}
	body.main .main-biz div.links a:first-child{margin-top:0}
	body.main .main-biz div.links a div.img{float:left; width:80px; margin:0 6.03448275862069% 0 0;}
	body.main .main-biz div.links a dl{float:left; width:66.37931034482759%; text-align:left;}
	body.main .main-biz div.links a dt{margin-bottom:15px; font-size:1.250em;}
	body.main .main-biz div.links a dd{font-size:0.875em;}

	body.main .main-society div.links a{clear:both; float:none; overflow:hidden; width:100%; margin:40px 0 0 0;}
	body.main .main-society div.links a:first-child{margin-top:0;}
	body.main .main-society div.links a div.img{float:left; width:80px; margin:0 6.896551724137931% 0 0 !important;}
	body.main .main-society div.links a dl{float:left; width:65.51724137931034%; text-align:left;}
	body.main .main-society div.links a dl dt{margin:0 0 15px 0; font-size:1.250em;}
	body.main .main-society div.links a dl dd{font-size:0.875em;}

	body.main .main-news .bbs-latest div.bbs{float:none; width:100%; min-height:280px;  margin:0 0 4px 0;}
	body.main .main-news .bbs-latest div.bbs dt{padding-bottom:25px;}
	body.main .main-news .bbs-latest div.bbs dd{font-size:0.875em}

	body.main .main-news a.latest-more{position:absolute; top:10px; right:0; padding:0 0 0 23px; color:#333; background:url(/static/front/img/main/bul_more.gif) no-repeat 0 3px; }

	body.main .main-link .inner-wrap{padding:60px 0 40px 0;}
	body.main .main-link div.links a{overflow:hidden; width:100%; margin:35px 0 0 0;}
	body.main .main-link div.links a:first-child{margin-top:0;}
	body.main .main-link div.links a div.ico{float:left; width:84px; height:84px; margin:0 3.448275862068966% 0 0; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
	body.main .main-link div.links a div.ico.vision{background-position:0 -440px;}
	body.main .main-link div.links a div.ico.group{background-position:-84px -440px;}
	body.main .main-link div.links a div.ico.career{background-position:0 -524px;}
	body.main .main-link div.links a div.ico.ethic{background-position:-84px -524px;}
	body.main .main-link div.links a dl{float:left; width:65.33333333333333%; text-align:left;}

	.no-mobile{display:none;}
	
	/**
	Foundation
	**/

	/* Foundation - foundation info */
	.foundationIntro .img{margin:0 0 4.86618004866% 0;}
	.foundationIntro .title-a {margin:0 0 3.16455696203% 0;}
	
	/* Foundation - education */
	.education .img-group img{width:100%;margin:20px 0 0 0;padding:0;boder:0 non;}
	.education .img-group img:first-child{margin:0;padding:0;border-left:0 none;}
	.education .img-group-v2 img{width:100%;margin:20px 0 0 0;padding:0;border-left:0 none;}
	.education .img-group-v2 img:first-child{width:100%;}
}




@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {/* ///////////////////////////////////////////////////////////// for Retina Mobile */

	.mDevice-ver #gnb ul.d1 > li > a{background:url(/static/front/img/common/header/gnb_open_m.png) no-repeat right 23px; background-size:13px 8px;}
	.mDevice-ver #gnb ul.d1 > li.current > a{background:url(/static/front/img/common/header/gnb_close_m.png) no-repeat right 23px; background-size:13px 8px;}

	.locArea .sns a{background:url(/static/front/img/common/ico/ico-m.png) no-repeat; background-size:150px 250px;}
	.locArea .sns a.fb{background-position:0 -118px;}
	.locArea .sns a.tw{background-position:-26px -118px;}
	.locArea .sns a.in{background-position:-52px -118px;}
	.locArea .sns a.goo{backgrouNd-position:-78px -118px;}


}

@media print {

	#header,
	#footer,
	.quick{display: none;}
}