@charset "euc-kr";

	/*@import url('');*/

	/* global defaults */
		body{background:#fff; -webkit-text-size-adjust:none; font-family:'µ¸¿ò', Dotum, Helvetica, AppleGothic, Sans-serif;}
		header, hgroup, footer, section, aside, nav, article {display:block; margin:0;padding:0;}
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button,th,td,textarea,input{margin:0;padding:0;}
		hr, legend {display:none;}
		img, fieldset {border:0 none;}
		body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:13px; font-weight:normal; color:#444;}
		ul, ol, li {list-style:none outside;}
		input, select, textarea, label{vertical-align:middle;}
		body,th,td{font-size:12px; font-family:dotum, gulim, sans-serif;}
		label, caption{position:absolute; left:-99999px; top:-99999px; z-index:99; display:none;}

		.wf-active body {font-family:'µ¸¿ò', Dotum, Helvetica, AppleGothic, Sans-serif;}

		.block {display: block;}
		.mt25{margin-top:25px !important;}

		a:link,
		a:visited {text-decoration:none; color:#444;}
		a:hover{text-decoration:none; color:#444;}


	/* clear Style */
		.c_box {*zoom:1;}
		.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

	/* page Style */
		html, body{width:100%; min-height:100%;}
		html{overflow-y:scroll; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
		body{-webkit-text-size-adjust:none;}
		
		
	#wrapper{position:relative; z-index:1; width:100%; overflow:hidden; margin:0 auto;}


	/* Head Style */
		.headWrap{width:100%; height:65px; background:url(/mobile/images/common/top_bg.jpg) left top repeat-x; position:relative; margin:0 auto; z-index:99;}
			.headWrap h1{width:130px; z-index:2; padding:14px 0px 0px; margin:0 auto; position:relative;z-index:99;}
			.headWrap .util{position:absolute; height:65px; top:0; right:0; border-left:1px solid #515151; z-index:99;}
			.headWrap .util img{width:20px; padding:22px 20px 15px 20px;}

	/* Menu Style */
		.menuArea{width:100%; height:70px; text-align:center; background:#222; overflow:hidden; z-index:999;}
		.menuArea a{width:25%; display:block; overflow:hidden; padding:10px 0px; float:left; cursor:pointer; z-index:99;}
		.menuArea a.deep{z-index:99; background:#2f2f2f;}
		.menuArea a.on{background:url(/mobile/images/common/nav_bg_on.jpg) left top repeat-x #000; z-index:99; width:25% !important;}
		.menuArea a img{vertical-align:top; z-index:99; height:50px}
		

	/* page Style */
	.mainWrap{width:100%; height:433px; position:relative; display:block;}
		.colLeft{width:50%; border-top:2px solid #fff; position:relative; float:left;}
		.colLeft img{margin-bottom:2px; margin-top:0; vertical-align:top;}
		.colRight{width:50%; border-top:2px solid #fff; position:relative; float:left;}
		.colRight img{margin-bottom:2px; margin-top:0; vertical-align:top; margin-left:2px;}
	
	/*  320px */
	@media all and (max-width:320px) {
	.mainWrap{width:100%; height:390px; position:relative; display:block;}
	}
	

	.contentArea{width:100%; position:relative; margin:0 auto; padding:0; height:100%; min-height:100%; font-family:'µ¸¿ò', Dotum, Helvetica, AppleGothic, Sans-serif; font-size:14px; line-height:18px;}
	.contentArea .content{width:92%; text-align:left; margin:20px auto; padding:0px; height:100%; min-height:100%; position:relative;}
	.contentArea .content h3{padding:10px 0px 15px; border-bottom:1px solid #ddd; margin-bottom:30px; height:25px; font-size:18px; color:#111; font-weight:bolder;}
	.contentArea .content h4{font-size:22px; color:#111; font-weight:bolder; padding:20px 0 15px;}
	.contentArea .content p{text-align:justify; padding-bottom:20px; line-height:1.5;}
	
	.contentArea .content .companycontent{padding-bottom:150px; width:100%; background:url(/mobile/images/company/con_01_bg_02.jpg) center bottom no-repeat; background-size:100% auto;}
	.contentArea .content .companysubtitle{float:left; height:80px; padding:0px}
	.contentArea .content .jck{width:40%; float:right;}
	@media all and (min-width:480px) {
	.contentArea .content .companycontent{padding-bottom:150px; width:100%; background:url(/mobile/images/company/con_01_bg_02.jpg) left bottom no-repeat; background-size:auto 40%;}
	.contentArea .content .jck{width:30%; float:right;}
	}
	@media all and (max-width:320px) {
	.contentArea .content .companysubtitle{float:left; height:70px; padding:0px}
	}
	
	.contentArea .content .locationDL{display:inline-block; width:100%; padding:0; margin:0; min-height:15px; height:auto; float:left;}
	.contentArea .content .locationDL dt{width:40px; height:15px; float:left; padding-left:8px; background:url(/mobile/images/company/dot_gray.gif) left 7px no-repeat; margin:0; }
	.contentArea .content .locationDL dd{width:80%; float:left; min-height:15px; height:auto; padding-top:0px; float:left; margin:0; }
	
	
	/* product page */
	.category{display:block; position:relative; width:100%; margin:20px auto;}
	.category .cate1depth{background:#bbb; width:100%; display:block; position:relative; overflow:hidden;}
	.category .cate1depth a{width:50%; text-align:center; padding:0; margin:0; line-height:24px; color:#fff; float:left; display:block; font-weight:bold;}
	.category .cate1depth a.cate1on{background:#5a5a5a;}
	.category .cate2depth{background:#f1f1f1; width:100%; display:inline-block; height:auto; padding:10px 0; overflow:hidden;}
	.category .cate2depth a{width:45%; color:#333; float:left; padding-left:14px; line-height:20px; background:url(/mobile/images/company/dot_gray.gif) 7px 9px no-repeat;}
	.category .cate2depth a.cate2on{color:#946c45; font-weight:bold;}
	
	.category h4{font-size:18px; font-weight:bold; padding-bottom:10px;}
	
	#product{width:100%; position:relative; overflow:hidden; display:block;}
	#product.typeA{width:100%;}
	#product.typeA dl{width:46%; margin:0 2% 20px; float:left;}
	#product.typeA dt{width:100%;overflow:hidden;}
	#product.typeA dt img {height:150px;}
	#product.typeA .subject{font-weight:bold; font-size:15px;}
	#product.typeA .desc{color:#888;}
	
	@media all and (max-width:320px) {
	#product.typeA dt img {height:120px;}
	}
	
	#product.typeB{width:100%;}
	#product.typeB dl{width:100%; margin:0 auto 20px; float:left;}
	#product.typeB dt{width:100%;}
	#product.typeB dt img {max-height:120px;}
	#product.typeB .subject{font-weight:bold; font-size:15px;}
	#product.typeB .desc{color:#888;}
	
	#product.view{width:100%;}
	#product.view table.viewTable{width:100%; border-top:2px solid #333;}
	#product.view table.viewTable th{width:20%; background:#f5f5f5; padding:7px 0  7px 10px; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
	#product.view table.viewTable td{padding:7px 0  7px 10px; border-bottom:1px solid #f0f0f0;}
	#product.view div.detail{width:100%; overflow:hidden; display:block; position:relative; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #f0f0f0}
	#product.view div.detail img{max-width:100%; overflow:hidden;}
	
	.btnArea{width:100%; height:30px; display:block; float:right; margin:10px 0; text-align:right}
	.btnArea a{width:80px; text-align:center; display:block; line-height:30px; background:#aaa; color:#fff;}
	
	/*page*/
	.pageArea{display:block; margin:10px 0; text-align:center; position:relative;}
	.pageArea *{font-family:arial; font-size:8pt}
	.pageArea a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:3px 5px; background:#fff; margin:0 2px}
	.pageArea b{border:1px solid #946c45; color:#fff; cursor:pointer; padding:3px 5px; background:#946c45; font-weight:bold; margin:0 2px}
	.pageArea .arrow{ border:0 none; padding:0; line-height:0; display:inline-block;}
	.pageArea .arrow img{vertical-align:middle}
	
	@media all and (min-width:480px) {/* Smartphones (landscape) -----------*/
	.category{display:block; position:relative; width:100%; margin:20px auto;}
	.category .cate1depth{background:#bbb; width:100%; display:block; position:relative; overflow:hidden;}
	.category .cate1depth a{width:50%; text-align:center; padding:0; margin:0; line-height:24px; color:#fff; float:left; display:block; font-weight:bold;}
	.category .cate1depth a.cate1on{background:#5a5a5a;}
	.category .cate2depth{background:#f1f1f1; width:100%; display:inline-block; height:auto; padding:10px 0; overflow:hidden;}
	.category .cate2depth a{width:30%; color:#333; float:left; padding-left:14px; line-height:20px; background:url(/mobile/images/company/dot_gray.gif) 7px 9px no-repeat;}
	.category .cate2depth a.cate2on{color:#946c45; font-weight:bold;}
	
	#product{width:100%; position:relative; overflow:hidden; display:block;}
	#product.typeA{width:100%;}
	#product.typeA dl{width:23%; margin:0 1% 20px; float:left;}
	#product.typeA dt{width:100%;}
	#product.typeA .subject{font-weight:bold; font-size:15px;}
	#product.typeA .desc{color:#888;}
	
	#product.typeB{width:100%;}
	#product.typeB dl{width:48%; margin:0 1% 20px; float:left;}
	#product.typeB dt{width:100%;}
	#product.typeB dt img {max-height:120px;}
	#product.typeB .subject{font-weight:bold; font-size:15px;}
	#product.typeB .desc{color:#888;}
	}
	
	
	
	/* padding guide */
		.pdT120{padding-top:120px; !important}
		.pdT50{padding-top:50px; !important}
		.pdT30{padding-top:30px; !important}
		.pdT20{padding-top:20px; !important}
		.pdT10{padding-top:10px; !important}
				
		.pdL150{padding-left:150px; !important}
		.pdL120{padding-left:120px; !important}
		.pdL30{padding-left:30px; !important}
		
		.pdB10{padding-bottom:10px; !important}
		.pdB20{padding-bottom:20px; !important}
		.pdB30{padding-bottom:30px; !important}
		
		.pdL40p{padding-left:40%; !important}
		
		.pdR20{padding-right:20px; !important}
		
		
	/* Foot Style */
		.footWrap{width:100%; height:auto; overflow:hidden; position:relative; padding-bottom:20px; margin:0 auto; background:#666; border-top:1px solid #333; font-family:'?‹ì?', Dotum, Helvetica, AppleGothic, Sans-serif;}
			.footWrap address{width:90%; height:auto; padding:20px 0 0 10px; position:relative; background:none; font-style:normal; font-size:10px; line-height:13px}
			.footWrap address span{padding-right:7px; color:#ccc;}
			.footWrap .copyright{width:90%; height:auto; padding:3px 0 0 10px; position:relative; background:none; color:#b8b7b7; font-size:10px;}