@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 .inner-wrap img{ width:100%; height:auto}
	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%;}


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

}

@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:#0e951d; 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 #0a6a16;}
	.mDevice-ver #gnb ul.d1 > li > a{height:35px ;margin:0 20px; padding:15px 0 0 0; font-size:1.267em; background:url(../imagesp/gnb_open.png) no-repeat right 23px;}
	.mDevice-ver #gnb ul.d1 > li.current{background:#0a6a16;}
	.mDevice-ver #gnb ul.d1 > li.current > a{background:url(../imagesp/gnb_close.png) no-repeat right 23px;}
	.mDevice-ver #gnb ul.d2{display:none; background:#063a0c;}
	.mDevice-ver #gnb ul.d2 > li > a{/* height:27px;  */margin:0 20px; padding:13px 0; font-size:1.067em; border-bottom:1px solid #0a6a16;}
	.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(../imagesp/gnb_dash.gif) no-repeat 0 17px}
	.mDevice-ver #gnb ul.d1 > li.d1-1,
	.mDevice-ver #gnb ul.d1 > li.d1-3,
	.mDevice-ver #gnb ul.d1 > li.d1-4,
	.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-1 a,
	.mDevice-ver #gnb ul.d1 > li.d1-3 a,
	.mDevice-ver #gnb ul.d1 > li.d1-4 a,
	.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(../imagesp/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;}

	#contents{margin-top:370px; margin-bottom:50px; padding-top:10px;}
	#contents.m-pop{margin:80px 0 0 0;padding:0;}
	#footer .sitemap{display:none}

	.content{min-height:200px;}
	.content img{ max-width:100%; height:auto; display:block; margin:0}
	.content table td{ padding:0 1px;}
	
	.pro_show{margin-left:5px;}
	.pro_show ul li {
	  float: left;
	  width:31%; margin:5px 1%;text-align:center
	}
	.pro_show ul li img{ width:100%; height:auto; margin-bottom:10px;}	

	.pro{}
	.pro li{ width:26%; float:left; margin:10px 3%; text-align:center;font-size:1em}
	.pro li img{ width:100%; height:auto}


	#preview{display:none;}
	.detail{ float:none; width:100%;}
	.detail img{ display:inherit; max-width:50%; height:auto; margin-bottom:15px;}

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


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

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


	.no-device{display:none;}

}



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



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



	body.main .scene .inner-wrap{padding-top:100px; 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:240px; margin-bottom:0}

	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(../imagesp/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%;}

#footer .foot-area .bottom .foot-menu p.copy{margin:10px 0 0 0; font-size:0.875em;line-height:1.25em;}
#footer .foot-area .bottom .foot-menu p.icp{ display:none}

}




@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: 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:100px; height:20px}

	.gnb-open{width:50px; height:50px; background:url(../imagesp/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;}
	.one-page .con-area{margin:0 0 8px 0;}
	.one-page .title-a{margin:0 0 30px 0; font-size:1.75em; line-height:1; word-break:break-all; color:#042f18;}
	.content{min-height:200px;}
	.content img{ max-width:100%; height:auto; display:block; margin:0}
	.content table td{ padding:0 1px;}
	.content iframe{ height:200px; margin-left:-20px;}
	.dh{ display:none}
	.pro_show{margin-left:5px; margin-top:-10px;}
	.pro_show ul li {
	  float: left;
	  width:45%; margin:5px 2%; font-size:0.875em;text-align:center
	}
	.pro_show ul li img{ width:100%; height:auto;margin-bottom:10px;}	
	
	.xspro,.hotline,.xspro_zs,#preview{ display: none}
	.detail{ float:none; width:100%;}
	.detail img{ display:inherit; max-width:100%; height:auto; margin-bottom:15px;}


	.pro{}
	.pro li{ width:40%; float:left; margin:10px 5%; text-align:center; font-size:1em}
	.pro li img{ width:100%; height:auto}


	#footer .foot-area .top{margin:0 4.6875%; border: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(../imagesp/bul_family_close.gif) no-repeat 97% 12px;}
	#footer .foot-area .bottom .foot-menu button.close{background:url(../imagesp/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; font-size:0.875em; line-height:1.75em;}
	#footer .foot-area .bottom .foot-menu p.icp{ display:none}




	#who .leader-wrap ul{width:290px;}
	#who .leader-wrap ul li{width:288px; height:288px; margin-left:0;}


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


	#manu div.stage .txt{display:block; margin-left:0;}
	#manu div.lean .title-b{text-align:left !important;}

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


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




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


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


	body.main #contents{padding-top:50px;}
	body.main .scene{width:100%;}
	body.main .scene .inner-wrap{ padding-top:50px; padding-bottom:50px;}
	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-biz a.pro-more{position:absolute; top:10px; right:0; padding:0 0 0 23px; color:#333; background:url(../imagesp/bul_more.gif) no-repeat 0 3px; }

	body.main .main-society div.links{ padding-top:0}
	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(../imagesp/bul_more.gif) no-repeat 0 3px; }
	

	body.main .main-link .inner-wrap{padding:40px 0 40px 0;}
	body.main .main-link .inner-wrap img{ width:100%; height:auto}
	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(../imagesp/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 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(../imagesp/gnb_open_m.png) no-repeat right 23px; background-size:13px 8px;}
	.mDevice-ver #gnb ul.d1 > li.current > a{background:url(../imagesp/gnb_close_m.png) no-repeat right 23px; background-size:13px 8px;}



}

@media print {

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