
/*---------------------------------------------------basic--------------------------------------------------*/
		
			/* reset-css  */
			/* 占쎌뒄占쎈꺖(element) 占쎈연獄쏉옙 �룯�뜃由곤옙�넅  */
			*{margin:0;padding:0;}
			/* 占쎌젫筌뤴뫗�뒄占쎈꺖 */
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			/* 占쎈�믭옙紐®뵳占� 占쎈씨占쎈막疫뀐옙 */
			fieldset, img, abbr,acronym { border:0 none; } 
			/* 筌뤴뫖以� */
			 ul { list-style:none; }
			/* 占쎈�믭옙�뵠�뇡占� - 筌띾뜇寃뺧옙毓쏙옙肉� 'cellspacing="0"' 筌욑옙占쎌젟 占쎈맙�뙼占� 占쎈툡占쎌뒄 */
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			/* 占쎈�볩옙�뮞占쎈뱜 �꽴占쏙옙�졃 占쎌뒄占쎈꺖 �룯�뜃由곤옙�넅 */
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			/* 占쎌뵥占쎌뒠�눧占� */
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			/* 占쎈땾占쎈즸占쎄퐨*/
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}
 			/*癰귣��쐭占쏙옙 占쎈솭占쎈뎃占쎌뱽占쎈쿈占쎈르(筌띾뜆彛딉옙釉섓옙�뻷) 占쎌맄占쎈굡占쎈뮞揶쏅�る퓠 占쎈７占쎈맙占쎈뻻�녹뮇苑� 癰귢쑬猷꾬옙�벥�④쑴沅쏉옙毓억옙�뵠 占쎈젶占쎈릭野껊슣踰앾옙�땾占쎌뿳占쎌벉*/
 			

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					
					/*占쎌읈筌ｏ옙*/
					
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}


					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "占쎄돌占쎈땸獄쏅뗀�뀲�⑥쥓逾�";
						font-size:100%;
						line-height: inherit;
						color: #000;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(占쏙옙), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/







.quick_menu{ width:50px; height:100%; text-align:center}
.quick_menu ul.tab{background:#404040;}
.quick_menu ul.tab li{height:78px;padding:10px 6px 0 6px;border-bottom:#fff;}
.quick_menu ul.tab li:last-child{height:48px;}
.quick_menu ul.tab li a{vcolor:#fff; font-size:12px;}

.quick_menu ul.tab li p{padding:7px 0 10px; border-bottom:1px solid #5D5D5D; color:#fff;}



.footer_br{display:none!important;}
address a{color:#fff;}
/*.footer_left br{display:none;}*/

/*footer-basic*/
footer{ 
	width:100%;
	float:left;
	height:104px; 
	background:#363636;
	}

.footer_wrap{ 
	width:67%;
	height:104px;
	margin:0 auto;
	position:relative;
	}
	
.footer_left { 
	width:63%;
	float:left;
	margin-top:17px; 
	}
			   

.footer_left div img{float:left;
					 margin-right:14px;
					 margin-top:8px;}			   

.footer_left ul{ 
	/*width:100%;*/
	float:left; 
	}

.footer_left ul li { 
	float: left; 
	width:auto;
	height:12px;
	border-left:1px solid #fff; 
	position:relative;
	top:5px;
	display:inline-block;
	margin-bottom:5px;
	}

.footer_left ul li a {
  	font-size:13px;
	color:#fff;
	padding:0 11px;
	position:relative;
	top:-4px;
	}

.footer_left ul li:first-child{ 
	border-left:0px solid #000;
	padding-left:0px; 
	}	
.footer_left ul li:first-child a{ 
	padding-left:0px; }		

.footer_right {width:37%;
			   float:right;
			   }
.footer_right_wrap{text-align:right;
				   display:block;
				   }	   
.footer_right_select{/*float:right;*/
				  position:relative;
				  top:2px;
				  height:20px;
				  display:inline-block;}			 
				     
.footer_right ul{/*float:right;*/
				 margin-top:17px;
			     display:inline-block;}

.footer_right ul li{float:left;}


.footer_right ul li a{ 
	font-size:13px;
	color:#fff;
    padding:0 9px;
    border-right:1px solid #fff;
	/*font-weight:bold;*/
	}

.black_box a:hover{
	margin:0 9px;
	padding:0;
	background:#747474;
	color:#fff;
	}	
/*.footer_right ul li:last-child{border:1px solid #fff;	
}

.footer_right ul li .before_home{border-right:0;	
}

.footer_right ul li:nth-child(4){border-right:1px solid #fff;
								 top:5px;
								 position:relative;
								 height:12px;}

.footer_right ul li:nth-child(4) a{position:relative;
								   top:-4px;
								   border:0px solid #fff;}

.footer_right ul li:nth-child(5) a{border-right:0px solid #fff;}
*/


.footer_right ul li .before_home{border-right:0;	
}

.footer_right ul li {
								 border-right:1px solid #fff;
								 top:5px;
								 position:relative;
								 height:12px;
								 }

.footer_right ul li a{
								   position:relative;
								   top: -3.6px;
								   border:0px solid #fff;
								   }

.footer_right ul li:last-child{border-right:0px;}

/*.footer_right ul li:last-child(6){border:0px solid #6c6d6c;	
height:20px; top:0px;}
.footer_right ul li:nth-child(6) a{font-size:11px; top:-1px;}*/

#footer_select{border:1px solid #6c6d6c;	
			   height:20px; top:0px; background:#363636!important; 
			   font-size:11px; color:#fff;font-family:"NanumBarunGothic"; }
			   
#footer_select option{font-size:11px;color:#fff; font-family:"NanumBarunGothic";}			   

.footer_left1 { 
	/*width:100%;*/
	float:left;
	margin-top:15px;
	}

.en_footer{margin-top:5px;}

.footer_left1 div { 
	width:100%;
	float:left;
	font-size:11px;
	color:#fff; 
	}

address{width:100%; font-size:12px; margin-bottom:5px;}

.contactus{display:inline; border-left:1px solid #fff; padding-left:5px; margin-left:5px;}



	/*responsible*/
	

@media screen and (min-width:320px) and (max-width:660px) {

.footer_br{display:block!important;}	
footer{height:auto!important;}

address b{display:block;}

.footer_left br{display:block;}
.footer_left ul li:nth-child(5){border-left:0px!important;}
.footer_left ul li:nth-child(5) a{padding-left:0px!important;}

.footer_wrap{width:100%; background:url('/media_lib/3232235777_ZyWIXxp8_foot_bg.png');
			 background-position:bottom center;background-repeat:no-repeat;}


.footer_left img{float:left;}	

.footer_left{/*width:260px;*/
             width:92%;
			 float:none;
			 margin:20px auto;
			 }

.footer_left ul{
				margin:0 auto!important;
				/* float:left; */
				text-align:center;
				/*width:260px!important;*/
				display:block;
				text-align:center;
				float:none!important;
				}
				
.footer_left ul li{float:none; display:inline-block; height:10px;}
.footer_left ul li a{font-size:11px; top:-5px;}

.footer_left div{margin:0 auto;/* float:left; *//* text-align:center */}
.footer_left div img{float:left;display:none;}		

.footer_left1{text-align:center;
			  line-height:1.2em;
			  margin-top:5px;}
.footer_left1 div{color:#fff;}
.footer_left1 span{display:block;}
.footer_left1 .contactus{display:inline;}

.footer_left1{width:100%!important;}
.footer_left1 p{width:100%!important;}

.footer_left ul li:last-child a{padding-right:0px;}

.footer_right{width:100%;
			  float:left;
			  margin-bottom:10px;
			  }

.footer_right_wrap{display:block;
				   margin:0 auto;
				   text-align:center;}

.footer_right_select{float:none;
				  position:relative;
				  top:0px;
				  height:20px;
				  display:inline-block;}			 
				     
.footer_right ul{float:none;
				 margin-top:17px;
			     display:inline-block;
			     text-align:center;}
			     
.footer_right ul li{float:none!important;
					display:inline-block;
					text-align:center;
					height:10px;}
				 
.footer_right ul li a{font-size:11px;
					  top:-5px;}

/*.footer_right ul li:first-child a{padding-left:0;}*/

/*.footer_right ul li:nth-child(1){margin:-3px auto;height:20px;
								 text-align:center;border:1px solid #fff;width: 61px;margin-left: 30%; margin-top:10px;margin-bottom:5px;}
.footer_right ul li:nth-child(1) a{top:-1px;}*/
.footer_right ul li:nth-child(6){display:none;}

address{font-size:11px;margin-bottom:0px;margin-top:10px;}
.footer_left1 p{font-size:10.5px;}	


.footer_left1 span{margin-top:-5px;}
address span{display:block;}

/*footer
.footer_wrap{width:98%;
			 margin:0 auto;}

.footer_left{
			 margin-top:2.5px; 
			 width:100%;
			 float:none;
			 display:block;
			 }

.footer_left ul{float:none;
				margin:0 auto;
				width:238px;
				display:block;
				}
.footer_left ul li:last-child a{padding-right:0px;}

.footer_left ul li a{font-size:10.3px;
					 padding:0 3px;
					 top:-6px;}


.footer_left ul li { 
	height:9px;
	top:6px;
	}



.footer_right{width:100%!important;
			  float:left;
			  }
.footer_right ul{float:none;
				 width:252px;
				 display:block;
				 margin:10px auto;
				 }
.footer_right ul li:nth-child(1){border:1px solid #fff;float: inherit;width:110px;text-align:center;margin:0 auto;margin-bottom:8px!important;}
.footer_left1{text-align:center;
			  line-height:1em;
			  padding-top:5px;}
.footer_left1 span{display:block;}
.footer_left1 div {font-size:10px;
				   color:#fff;}

.footer_left1 br{display:block;}
*/				   
}

@media screen and (min-width:661px) and (max-width:960px) {
address b{display:block;}
.footer_left1 span{margin-top:-5px;}
address{margin-bottom:0px;margin-top:10px;}	
	
	footer{height:auto!important;}

.footer_wrap{width:100%; background:url('/media_lib/3232235777_ZyWIXxp8_foot_bg.png');
			 background-position:bottom center;background-repeat:no-repeat;}


.footer_left img{float:left;}	

.footer_left{width:92%;
			 float:none;
			 margin:20px auto;
			 }

.footer_left ul{
				margin:0 auto!important;
				text-align:center;
				display:block;
				text-align:center;
				float:none!important;
				}
.footer_left ul li{float:none; display:inline-block;}				

.footer_left div{margin:0 auto;/* float:left; *//* text-align:center */}
.footer_left div img{float:left;display:none;}		

.footer_left1{text-align:center;
			  line-height:1.2em;
			  margin-top:5px;}
.footer_left1 div{color:#fff;}
.footer_left1 span{display:block;}
.footer_left1 .contactus{display:inline;}

.footer_left1{width:100%!important;}
.footer_left1 p{width:100%!important;}

.footer_left ul li:last-child a{padding-right:0px;}

.footer_right{width:100%;
			  float:left;
			  margin-bottom:20px;
			  }
			  
.footer_right_wrap{display:block;
				   margin:0 auto;
				   text-align:center;}

.footer_right_select{float:none;
				  position:relative;
				  top:0px;
				  height:20px;
				  display:inline-block;}			 
				     
.footer_right ul{float:none;
				 margin-top:17px;
			     display:inline-block;
			     text-align:center;}
			  
			  
				 
.footer_right ul li{float:none!important;
					display:inline-block;
					text-align:center;}

 address span{display:block;} 

/*.footer_right ul li:first-child a{padding-left:0;}*/

/*.footer_right ul li:nth-child(1){margin:-3px auto;height:20px;
								 text-align:center;border:1px solid #fff;margin-left: 30%; margin-top:10px;margin-bottom:5px;}
.footer_right ul li:nth-child(1) a{top:-1px;}*/
.footer_right ul li:nth-child(6){display:none;}
	

/*.footer_left{width:100%;
			 float:left;
			 margin:3px;
			 }

.footer_left ul{float:none;
				margin:0 auto;
				width:300px;
				display:block;
				}
.footer_left ul li:last-child a{padding-right:0px;}

.footer_right{width:100%;
			  float:left;
			  }
.footer_right ul{
				 float:none;
				 width:252px;
				 display:block;
				 margin:2.5px auto;
				 }
.footer_right ul li:nth-child(1){margin:6px auto;
								 border:1px solid #fff;float: inherit;width: 101px;}
.footer_left1{text-align:center;
			  line-height:1.2em;
			  margin-top:5px;}
.footer_left1 div{color:#fff;}
.footer_left1 span{display:block;}
*/
}

@media screen and (min-width:961px) and (max-width:1336px) {

.media_3{display:block;}

}


@media screen and (min-width:1101px) and (max-width:1735px) {

footer{height:auto;}

.footer_left{width:100%;}
.footer_left ul{float:left;}
.footer_right{width:100%;}


}


@media screen and (min-width:961px) and (max-width:1100px) {

footer{height:auto;}

.footer_left{width:100%;}
.footer_left div img{display:none;}
.footer_left ul{float:left;}
.footer_right{width:100%;}

}
