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

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

}