@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; 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;}

	body.kor.main .main-link div.links a{width:21.10995850622407%;}

	/**
	About SAE-A
	**/
	#who .leader-wrap ul li:nth-child(4n){margin-right:50px;}


	/* ¿Ö ¸ÞÀο¡¸¸ Àû¿ë?,  ¸ð¹ÙÀϹöÀüÀ¸·Î ¹Ù²åÀ»¶§, °¡·Î°¡ 100%·Î Àû¿ë
	#footer .foot-area .main-link  .inner-wrap{padding:20px 0 40px 0;}
	#footer .foot-area .main-link  div.links a{overflow:hidden; width:100%; margin:35px 0 0 0;}
	#footer .foot-area .main-link  div.links a:first-child{margin-top:0;}
	#footer .foot-area .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;}
	#footer .foot-area .main-link  div.links a div.ico.vision{background-position:0 -440px;}
	#footer .foot-area .main-link  div.links a div.ico.group{background-position:-84px -440px;}
	#footer .foot-area .main-link  div.links a div.ico.career{background-position:0 -524px;}
	#footer .foot-area .main-link  div.links a div.ico.ethic{background-position:-84px -524px;}
	#footer .foot-area .main-link  div.links a dl{float:left; width:65.33333333333333%; text-align:left;}
	#footer .foot-area .main-link  div.links a dl dt{margin:0 0 18px 0; font-size:1.250em; font-weight:normal; color:#e2e2e2;}
	#footer .foot-area .main-link  div.links a dl dd{font-size:0.875em; color:#bcbcbc;}*/

}

@media only screen and (max-width: 1024px) {/* ///////////////////////////////////////////////////////////// for all mobile Device */

	/**
	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; 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}
	.mDevice-ver #gnb ul.d1 > li.d1-6 a{background:none;}

	.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;}
	.ico-nav{display:none;}
	.location{display:none;}
	.locArea .inner {background:none;}
	.locArea .sns a.print{display:none;}

	#contents{margin-top:370px; margin-bottom:50px; padding-top:10px;}
	#contents.m-pop{margin:80px 0 0 0;padding:0;}
	#footer .sitemap{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;}

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

	.one-page .con-box .title-b,
	.one-page .con-box .com{float:none; width:100%;}


	/**
	About SAE-A
	**/

	/**
	Business
	**/
	#manu div.stage .txt{margin-bottom:25px;}

	#manu .activities dl { background-position:30px 40px; }
	#manu .activities dl dt, .lean .activities dl dd { display:inherit; }
	#manu .activities dl dt { width:auto; height:auto; border:0; }
	#manu .activities dl dt br { display:none; }
	#manu .activities dl dd { padding:0 0 0 120px; }
	#manu .qa .left-con,
	#manu .qa .right-con{float:none; width:100%}

	/**
	Engagement
	**/
	#workers .interview .detail-area{margin-bottom:0;}
	#workers .interview .detail-area .detail-con div.img{float:none; width:100%; /* 650/1350 */}
	#workers .interview .detail-area .detail-con dl.txt{float:none; width:100%; /* 650/1350 */padding:40px 0 0 0;}
	#workers .interview .detail-control{display:block;}
	#workers .interview .thumb-slide{display:none;}


	/**
	Engagement
	**/

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

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

	/* Focus on workers */
	.interview .detail-area .detail-con div.img{float:none; width:100%; /* 650/1350 */}
	.interview .detail-area .detail-con dl.txt{float:none; width:100%; /* 650/1350 */padding:40px 0;}


	/**
	Ethic Management
	**/

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

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

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

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


	.no-device{display:none;}

}


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




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

	/**
	layout
	**/
	.con-area{margin-left:2.9296875% !important; margin-right:2.9296875% !important;}
	.visualArea .inner div.slogan{width:auto}

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

	#who .leader-wrap ul{/* width:1024px; */}

	#our-code .code div { width:49.5%; }
	#our-code .code .c3 { clear:both; border-width:0 0 1px 1px; }
	#our-code .code .c4 { clear:none; }
	#our-code .code .c5 { clear:both; border-width:0 1px 1px 1px; }


	/**
	main
	**/

	body.main .scene .inner-wrap{padding-top:110px; 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{min-height:344px;}

	body.main .main-society div.links a{width:23.85892116182573%; margin:0 4.66804979253112%;}
	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;}

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


}




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


}




@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; }


}


@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:175px;}
	#contents.m-pop{margin:50px 0 0 0;padding:0;}
	.con-area{margin-left:4.6875% !important; margin-right:4.6875% !important;}

	#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-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-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:50%;}
	.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
	**/
	#who .leader-wrap ul{width:290px;}
	#who .leader-wrap ul li{width:288px; height:288px; margin-left:0;}
	#who .global-wrap {background:url(/static/front/img/about/global_bg_m.gif) no-repeat 0 20%;  background-size:contain;}
	#who .global-wrap ul.country{width:100%;}
	#who .global-wrap ul.country > li{background:url(/static/front/img/common/bul/bul_global_open.png) no-repeat 95% 15px;}
	#who .global-wrap ul.country > li.current{background:#0072bc url(/static/front/img/common/bul/bul_global_close.png) no-repeat 95% 15px;}

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

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

	#who .ceo-wrap div.img{margin-bottom:30px}
	#who .ceo-wrap div.img,
	#who .ceo-wrap div.txt{float:none; width:100%;}

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

	/**
	Business
	**/
	#manu div.stage .txt{display:block; margin-left:0;}
	#manu div.activities { margin-top:30px; border:0; background-position:0 0 !important;}
	#manu div.activities dl { width:100%; min-height:90px; padding:30px 0; background-position:0 33px; }
	#manu div.activities div { border:0; background:none; }
	#manu div.lean .title-b{text-align:left !important;}
	#manu div.activities dl{margin-top:0;}
	#manu .qa .right-con dl dt{margin-left:0; margin-right:0;}
	#manu .qa .right-con dl dd{padding-left:0; padding-right:0;}

	#rnd .separate-3 li { float:none; width:100%; margin:50px 0 0 0; padding:0; background:none; }

	#customers ul.mass { margin-bottom:45px; }
	#customers ul li { float:left; width:30%; margin:0 3% 20px 0; }
	#customers ul li:nth-child(3n) { margin-right:0; }


	#performance .img > .half {float:none; width:100%;}
	#performance .img > .half:first-child {margin-right:0; margin-bottom:10px;}


	/**
	Engagement
	**/
	#workers .interview .detail-control{display:block;}
	#workers .interview .detail-control button{overflow:hidden; width:35px; height:35px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat; background-size:150px 400px;}
	#workers .interview .detail-control button.btn-prev{background-position:0px -150px;}
	#workers .interview .detail-control button.btn-next{margin:0 0 0 -4px; background-position:-35px -150px;}
	#workers .interview .thumb-slide{display:none;}


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

	/* 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 155px; }
	.verify button { position:inherit; width:100%; height:40px; margin-top:15px; }

	/* No Gifts Campaignhttp://127.0.0.1:8080/kor/csr/ethic/result_list */
	.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}


	/**
	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 img{width:100%;}
	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:29.62962962962963%; 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;}
}




@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{display: none;}
}