@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistabart.com/articles/fluid-images/ 
*/


/* ũ  */
a {cursor:pointer; }
a:link {color:#525252; text-decoration: none;}
a:hover {color:#525252; text-decoration: underline;}
a:visited {color:#525252; text-decoration: none;}

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistabart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (max-width:1000px) and (min-width: 0px) {
#wrap1{display:none;}
#wrap3{display:none;}
#wrap4{display:none;}
#con5{display:none;}
#m_footer{display:none;}
#subtitle_m{display:none;}

html{background:url(/images/main/bg2.jpg) repeat;}  

#wrap2 {width:774px; height:100%; background:url(/images/700sub/subBg.png) repeat-y; }

/*Main*/

/* nav & footer */
#nav{ width:768px; height:auto;}
	#logo{width:112px; height:62px; background:url(/images/700/logo_bg.jpg); padding:13px 35px 20px 42px; float:left;}
	#menu{width:579px; height:95px; padding-left:189px; background:url(/images/700/menubg.jpg) repeat-x; }
		.menu_title{ padding:20px 15px; float:left;}		
		.menu_title2{ padding:20px 12px 20px 12px; float:left;}		
		.menu_title3{ padding:20px 10px; float:left;}
		.menu_line{width:3px; height:95px; float:left;}
	#subnav{ width:768px; height:40px; background:url(/images/700sub/submenuBg.jpg) repeat-x;}
		.subnav_title{padding:0px 13px;}
		#subnav li{ display:inline-block;}

/*Content*/
#content{ width:768px; height:auto; background:#fff; padding-top:30px; float:left;}

	#subtitle{ width:700px; height:34px; margin:0px 35px 30px 35px; background:url(/images/700sub/subtitleBg.jpg) no-repeat; display:inline-block;}						
		#subtitle1{ width:auto; height:30px; float:left; padding-left:10px;}
		#subtitle2{ width:auto; height:13px; text-align:right; float:right; margin:9px 15px 0px 0px;}
		
			#subtitle2 li{ float:left; padding-left:5px;}
	#subContent{width:650px; background-color:#fff; height:auto; padding:0px 35px; }
		#sub4 li{ padding-bottom:30px; display:inline-block;}
				.con4_img{ padding-right:20px;}
				.map{ padding:20px 0px;}
				.map_text{float:left; text-align:left; width:100px; margin-left:50px; padding: 10px 0px;}			
				.map_text2{float:left; text-align:left; width:auto; margin-left:30px; padding: 10px 0px;}
				#sitemap{ width:650px; height:auto; background-color:#fff;}
				.sitemap01{ float:left; height:400px; padding-right:20px;}
				.sitemap02{ float:left; height:400px;}
					.site_menu{ padding-left:15px; text-align:left; padding-bottom:10px; padding-top:20px;}
					
			#tab{ width:auto; height:30px; padding-left:43px; padding-bottom:60px; }
				#tab li{float:left;}
			.tab_menu{ padding:20px 0px; width:100%; height:auto; }
			.tab_menu li{ padding:10px; border:1px solid #dbdbdb; display:inline-block;}
/* footer */
#t_footer{ width:700px; height:auto; padding:29px 34px; background:#fff; border-top:#CCC solid 1px;  clear:both;}
	#copy{ float:left; padding: 0px 15px 15px 0px; }
	#copy2{ font-size:11px; font:"돋움"; color:#999; font-weight:bold;}
	#footer img{ padding-top:10px;}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (max-width:1260px) and (min-width: 1001px) {
/*전체*/
#con5{display:none;}
#wrap4{display:none;}
#wrap2{display:none;}
#wrap3{display:none;}
#t_footer{display:none;}
#m_footer{display:none;}
#subtitle_m{display:none;}

#wrap1 {width:245px; height:auto; background:url(/images/sub/warp_bg.png) repeat-y; float:left; }
#bgbox{height:100%; width:1000px; float:left; background:url(/images/sub/warp_bg.png) repeat-y }



html{background:url(/images/main/bg.jpg) repeat; height:100%;}  


/* nav & footer */
#nav{ width:245px; height:auto; background:url(/images/main/navBg.jpg) repeat-y; float:left; }
	#logo{width:193px; height:100px; background:url(/images/main/logoBg.jpg); padding:25px 0px 0px 52px;}
	#menu{width:245px; height:auto; background:url(/images/main/menuBg.jpg);}
	#bn_tel{width:245px; height:215px;}
		#bn_card{ width:185px; padding:23px 30px; border-bottom:#dadada 1px solid;}
		#bn_card a { padding-right:6px;}
	#Qmenu{width:245px; height:80px;}
#footer{ width:245px; height:350px;; padding:33px 30px;}                                                  
	#footer li{ padding-bottom:20px;}

/*Content*/
		
#content{width: 755px; height: 100%; float:left;}
#con{width:750px; height:auto; background-color:#039; float:left; }                  
	#subtitle{ width:680px; height:35px; background:url(/images/sub/subtitleBg.jpg) repeat-x; display:inline-block; margin:49px 39px 20px 35px;}
		#subtitle1{ width:auto; height:30px; float:left;}
		#subtitle2{ width:auto; height:13px; text-align:right; float:right; margin:9px 15px 0px 0px;}
			#subtitle2 li{ float:left; padding-left:5px;}
	#subContent{ width:680px; height:100%; padding:0px 35px; text-align:center;}
	
	#subContent iframe{ border: 0px; width:100%; height:100%; }
	
		#sub4 li{ padding-bottom:30px; display:inline-block;}
			.con4_img{ padding-right:20px;}
			.map{ padding-top:20px;}
				.map_text{float:left; text-align:left; width:100px; margin-left:50px; padding: 10px 0px;}			
				.map_text2{float:left; text-align:left; width:auto; margin-left:30px; padding: 10px 0px;}
				
				.sitemap01{ float:left; height:400px; padding-right:27px;}
				.sitemap02{ float:left; height:400px;}
					.site_menu{ padding-left:15px; text-align:left; padding-bottom:10px; padding-top:20px;}
			
			#tab{ width:auto; height:30px; padding-left:43px; padding-bottom:60px; }
				#tab li{float:left;}
			.tab_menu{ padding:20px 0px; width:100%; height:auto; }
			.tab_menu li{ padding:10px; border:1px solid #dbdbdb; display:inline-block;}

			#tab{ width:auto; height:30px; padding-left:43px; margin-bottom:60px; }
				#tab li{float:left;}

/*Main*/

}
@media only screen and (min-width: 1261px) {
#wrap1{display:none;}
#wrap2{display:none;}
#wrap3{display:none;}
#t_footer{display:none;}
#m_footer{display:none;}
#subtitle_m{display:none;}

#wrap4{width:245px; height:100%; float:left;}
#bgbox{height:100%; width:1308px; float:left; background:url(/images/sub/warp_bg2.png) repeat-y }

html{background:url(/images/main/bg.jpg) repeat; height:100%;}  


/* nav & footer */
#nav{ width:245px; height:auto;  float:left;}
	#logo{width:193px; height:100px; background:url(/images/main/logoBg.jpg); padding:25px 0px 0px 52px;}
	#menu{width:245px; height:auto; background:url(/images/main/menuBg.jpg);}
	#bn_tel{width:245px; height:215px;}
		#bn_card{ width:185px; padding:23px 30px; border-bottom:#dadada 1px solid;}
		#bn_card a { padding-right:6px;}
	#Qmenu{width:245px; height:80px;}
#footer{ width:185px; height:350px; padding:33px 30px; display:inline-block;}
	#footer li{ padding-bottom:20px;}
.clear{clear:both; padding:10px; /* height:0; overflow:hidden; */}

/*Content*/

	
#content{ width: 755px; background: url(/images/main/contentBg4.png) repeat-y; height: 100%; float:left; }
	#subtitle{ width:680px; height:35px; background:url(/images/sub/subtitleBg.jpg) repeat-x; display:inline-block; margin:49px 39px 20px 35px;}
		#subtitle1{ width:auto; height:30px; float:left;}
		#subtitle2{ width:auto; height:13px; text-align:right; float:right; margin:9px 15px 0px 0px;}
			#subtitle2 li{ float:left; padding-left:5px;}
	#subContent{ width:680px; height:100%; padding:0px 35px; text-align:center; }
	
	#subContent iframe{ border: 0px; width:100%; height:100%; }
	
		#sub4 li{ padding-bottom:30px; display:inline-block;}
			.con4_img{ padding-right:20px;}
			.map{ padding-top:20px;}
				.map_text{float:left; text-align:left; width:100px; margin-left:50px; padding: 10px 0px;}			
				.map_text2{float:left; text-align:left; width:auto; margin-left:30px; padding: 10px 0px;}
			
			#tab{ width:auto; height:30px; padding-left:43px; padding-bottom:60px; }
				#tab li{float:left;}
			.tab_menu{ padding:20px 0px; width:100%; height:auto; }
			.tab_menu li{ padding:10px; border:1px solid #dbdbdb; display:inline-block;}
			
				.sitemap01{ float:left; height:400px; padding-right:27px;}
				.sitemap02{ float:left; height:400px;}
					.site_menu{ padding-left:15px; text-align:left; padding-bottom:10px; padding-top:20px;}
			
				
#con5{ width:308px; height:100%; float:left;}
	#con5_title{ padding:25px 28px 0px 22px; width:258px; height:32px;}
	#con5_img{ padding:75px 20px 0px 20px;}
	#con5_img2{ padding:60px 51px 0px 51px;}
		#con5_img li{ padding-bottom:70px;}
		#con5_img2 li{ padding-bottom:60px;}




}