@charset "utf-8";
/* CSS Document */

  *{margin:0; padding:0; 
  font-family:"돋움", "돋움체", "Arial Black";
  font: 12px normal;}
  a{text-decoration:none;
  selector-dummy : expression(this.hideFocus=true);}
  a:link{text-decoration:none;}
  a:visited{text-decoration:none;}
  img{border:0;}
  ul{list-style:none;}
  
  
body{background:url(../images/bg_sub.jpg) no-repeat center top; background-size: 100% /*271px*/;}
#wrap{width:950px; margin:0 auto;}
	#top{height:96px;}
		#top ul.etc_menu{float:right; padding-top:20px; }
			#top ul.etc_menu li{float:left;}
		#top h1{float:left; padding:31px 0 0 17px;}

	#left{/*width:100%; height:466px; */margin:27px 0 39px 0; float:left;}
		#nav{width:217px; padding-left:17px; float:left;}
			#nav ul.select{ width:80px; }
				#nav ul.select>li:first-child {margin-top:16px;}
				#nav ul.select>li{
					margin-bottom:25px;
					position:relative;}
					#nav ul.select li a{}
						#nav ul.select li ul.sub{
							display:none;}
						#nav ul.select li:hover ul.sub{/*----------서브메뉴1-------------*/
							display:block;
							width:140px;
							height:120px;
							background:url(../images/sub_bg.png) no-repeat;
							margin:0; padding:6px 0 0 13px;
							list-style:none;
							white-space:nowrap; 
							
							position:absolute;
							top:-14px; left:77px;
							}
							#nav ul.select li>ul.sub>li{
								margin:0; padding:0;
								height:25px;
								white-space:nowrap; }
								
						#nav ul.select li ul.sub2{/*----------서브메뉴2-------------*/
							display:none;}
						#nav ul.select li:hover ul.sub2{
							display:block;
							width:140px;
							height:143px;
							background:url(../images/sub_bg2.png) no-repeat;
							margin:0; padding:6px 0 0 13px;
							list-style:none;
							white-space:nowrap; 
							
							position:absolute;
							top:-14px; left:77px;
							}
							#nav ul.select li>ul.sub>li{
								margin:0; padding:0;
								height:25px;
								white-space:nowrap; }
						
						#nav ul.select li ul.sub3{/*----------서브메뉴3-------------*/
							display:none;}
						#nav ul.select li:hover ul.sub3{
							display:block;
							width:140px;
							height:42px;
							background:url(../images/sub_bg3.png) no-repeat;
							margin:0; padding:6px 0 0 13px;
							list-style:none;
							white-space:nowrap; 
							
							position:absolute;
							top:-14px; left:77px;
							}
							#nav ul.select li>ul.sub>li{
								margin:0; padding:0;
								height:25px;
								white-space:nowrap; }
								
						#nav ul.select li ul.sub4{/*----------서브메뉴4-------------*/
							display:none;}
						#nav ul.select li:hover ul.sub4{
							display:block;
							width:140px;
							height:93px;
							background:url(../images/sub_bg4.png) no-repeat;
							margin:0; padding:6px 0 0 13px;
							list-style:none;
							white-space:nowrap; 
							
							position:absolute;
							top:-14px; left:77px;
							}
							#nav ul.select li>ul.sub>li{
								margin:0; padding:0;
								height:25px;
								white-space:nowrap; }	
								
						#nav ul.select li ul.sub5{/*----------서브메뉴5-------------*/
							display:none;}
						#nav ul.select li:hover ul.sub5{
							display:block;
							width:140px;
							height:93px;
							background:url(../images/sub_bg5.png) no-repeat;
							margin:0; padding:6px 0 0 13px;
							list-style:none;
							white-space:nowrap; 
							
							position:absolute;
							top:-14px; left:77px;
							}
							#nav ul.select li>ul.sub>li{
								margin:0; padding:0;
								height:25px;
								white-space:nowrap; }	
								
															
				#nav ul.quick{margin-top:80px;}		
		

	#title{float:right; margin-left:57px;}/*----------타이틀이미지------------*/
	#contents{float:left; width:716px; margin-bottom:50px;}/*----------본문내용------------*/
			#contents > h1{ display:inline-block; float:left; margin-bottom:23px;}
			#contents > p.where { 
				float:right; 
				font-weight:bold; 
				color:#797979; 
				white-space:pre; }
			
	/*----------품질인증------------*/
	#contents > ul.pride{ width:717px; margin-top:73px;}
		#contents > ul.pride > li {}
			#contents > ul.pride > li ul.d_pride{float:left; margin:0 35px 57px 0; text-align:center;}
				#contents > ul.pride > li ul.d_pride li{} 		
				
				
	/*----------풋터------------*/			
	#footer{width:950px; float:left; border-top:1px solid #d8d8d8; margin-bottom:15px;}
		#footer > p.down{float:right; margin-top:9px;}
			#footer p.cpn_info{color:#7c7c7c; float:left; margin-top:9px; }
				#footer p.cpn_info a {white-space:pre;}
				#footer p.cpn_info a:first-child{border-right:#cacaca 1px solid; }
				#footer p.cpn_info a > b{font-weight:bold; }
				/*#footer p.cpn_info > a:first-child > a{font-weight:bold;}*/
				
		
		

<!--폰트스타일-->
.t_big {font-size:2em}
.t_italic {font-style:italic}
.t_b {font-weight:bold}
.t_center {text-align:center}
.t_right {text-align:right;}


<!--높이&너비스타일-->
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h35 { height:35px;}
.h40 { height:40px;}
.h50 { height:50px;}

.w5 { width:5px;}
.w10 { width:10px;}
.w15 { width:15px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w60 { width:60px;}

.tb940 { width:940px;} 
.tb720 { width:720px;} 
.tb175 { width:175px;}
.tb100 { width:100%}
.tb98 { width:98%}
.tb96 { width:96%}
.tb94 { width:94%}
.tb90 { width:90%}
.tb85 { width:85%}
.tb17 { width:17%}

<!--정렬스타일-->
.left { text-align:left}
.right { text-align:right; margin:0px 0px 0px auto;}
.center { text-align:center; margin:0px auto}
.vtop { vertical-align:top}
.middle { vertical-align:middle}
.bottom { vertical-align:bottom}