@charset "utf-8";
@import url("./common.css?11");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");


	
	body {position:relative; }

	.default_layout {position:relative; width:1280px; margin:0 auto; clear:both; font-family: 'Noto Sans KR',sans-serif; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%;}


	#container {margin-left:358px; margin-top:86px; min-height:800px;}


	/* 헤더 */
	#header { z-index:99;  min-width:1200px;  border-top:3px #dc882d solid;  }


	.header_first_box {border-bottom:1px #ebebeb solid;}



	p.menu_btn,
	#topMenu .menu_btn_colse {display:none;} 





	/* 로고 */
	#header h1 {text-align:left; height:97px;}
	#header h1 a{display:inline-block; line-height:97px;}
	#header h1 a img {vertical-align:middle;}



	/* 상단 오른쪽메뉴 */
	#header .top_util {position:absolute; right:200px; top:0px; }
	#header .top_util ul{margin-top:35px; overflow:hidden;}
	#header .top_util li{float:left; line-height:24px; } 
	#header .top_util li a{color:#555555; display:block; padding:0 15px; background:url(../images/common/top_util_dot.jpg) right 8px no-repeat; } 
	#header .top_util li a:hover{ text-decoration:underline; color:#49842b; font-weight:bold; } 
	#header .top_util li.last a{background:none; padding-right:0px;} 


	#header .language {position:absolute; right:0px; top:33px;  border-radius:3px; overflow:hidden; font-size:0px;}  
	#header .language a{display:inline-block; width:60px; line-height:27px; text-align:center;  vertical-align:middle;  color:#999; font-size:11px; background:#ededed} 
	#header .language a.first{background:#ddd} 
	#header .language a.on{background:#555; color:#fff; border-color:#555 }






	/*상단메뉴*/

	#topMenu {position:absolute; left:0px; top:187px; width:270px; border-top:2px #000000 solid;}
	#topMenu li.menu_list{ position:relative; text-align:left; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px; padding:0 10px; font-weight:bold; color:#000; line-height:54px; position:relative;border-bottom:1px #ebebeb solid;}


	
	#topMenu li.menu_list a.menu_on{text-decoration:underline; }

	#topMenu li div.depth_box {display:none; background:#f8f8f8;  }
	#topMenu li div.depth_box ul li {font-size:14px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#333; padding-left:23px; letter-spacing:-0.5px; line-height:50px; border-bottom:1px #ebebeb solid;}
	#topMenu li div.depth_box ul li a:hover {background:#ddd;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}
	







	/*카피라이트*/
	#footerGroup {position:relative; background:#f7f7f7; margin-top:120px;  }


	#footerGroup .f_util { position:relative; border-top:1px #ddd solid; background:#fff; }
	#footerGroup .f_util .default_layout{overflow:hidden; position:relative; }
	#footerGroup .f_util ul{float:left; }
	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
	#footerGroup .f_util li a{margin-right:30px; line-height:48px; color:#000;}
	#footerGroup .f_util .sns_group {float:right;}
	#footerGroup .f_util .sns_group a{display:inline-block; margin-left:5px; line-height:48px;}
	#footerGroup .f_util .sns_group a img {vertical-align:middle;}

	


	#footerGroup .footer {border-top:1px rgba(0,0,0,0.1) solid;padding:35px 0px; font-size:12px; position:relative;  color:rgba(0,0,0,0.8); }
	#footerGroup .footer span.company_name{font-size:16px; color:#000;}
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(0,0,0,0.5); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(0,0,0,0.2);}


	#footerGroup .footer .family_site {position:absolute; right:0px; top:20px; border:1px #ccc solid;}
	#footerGroup .footer .family_site select {width:160px; border:0px; height:35px; line-height:35px; color:#666; font-size:12px; padding:0 15px;}



	@media all and (max-width:1024px) {
		.mobile_none {display:none;}


		
		#container {margin-left:0px; margin-top:0px; padding-top:140px; min-height:auto; z-index:0; position:relative;}


		
		#hd_pop .hd_pops {left:0px !important;}
		#hd_pop .hd_pops .hd_pops_con{width:280px !important; height:auto !important;}
		#hd_pop .hd_pops img {width:100% !important; height:auto !important; vertical-align:middle;}


		
		body {min-width:100%;}
		#wrap,#container,#header ,#footerGroup  {min-width:100%; width:100%;}
		.default_layout { width:100%; min-width:100% ; }
		
		
		#header {position:fixed; left:0px; top:0px; width:100%; height:120px; background:#fff;}



			
		/* 로고 */
		#header h1 {text-align:left; height:80px; padding-top:40px; margin-left:10px;}
		#header h1 a{display:inline-block; line-height:70px;}
		#header h1 a img {vertical-align:middle;}



		/* 상단 오른쪽메뉴 */
		#header .top_util {display:none; }


		#header .language {position:absolute; right:0px; top:0px;  border-radius:0px;width:100%; font-size:0px;}   
		#header .language a{display:inline-block; width:50%; line-height:40px;} 








		#header .top_sitemap_btn {display:none; }



	
		p.menu_btn {display:block; position:absolute; right:20px; top:60px; cursor:pointer; text-align:center; width:43px; height:43px; background:#fff; border:1px #eeeeee solid;}
		p.menu_btn a {display:block; padding-top:13px;}
		p.menu_btn span {background:#222; display:block; width:60%; height:3px; margin:0 20% 4px; vertical-align:top;}


	
		#topMenu {display:none; float:none; margin:0px; background:#fff; z-index:999999999999 !important; margin-top:0px; position:fixed; left:0px; top:0px; min-width:250px; width:80%; min-height:100% !important; height:100% !important;   overflow-y:auto; -webkit-overflow-scrolling:touch;}
		
		#topMenu .menu_btn_colse {display:block; height:50px;  line-height:50px; padding-left:10px; color:#fff; background:#313959; font-size:16px;}
		#topMenu .menu_btn_colse a{float:right; width:60px;  height:50px; background:rgba(0,0,0,0.2); text-align:center; color:#fff;}
		
		
		#topMenu li.menu_list {width:100%; text-align:left; background-image:none; clear:both;padding:0px; margin:0px; }
		#topMenu li.menu_list a.depth_link {display:block;line-height:60px; color:#222; font-size:16px; padding:0 10px; border-bottom:1px #eee solid; }
		#topMenu li.menu_list a.menu_on {color:#313959; }

		#topMenu li div.depth_box {position:relative;margin:0px; left:0px; top:0px; width:100%; background:#f8f8f8; border:0px; border-bottom:1px #eee solid; text-align:left;}
		#topMenu li div.depth_box ul {padding:0; margin:0px;}
		#topMenu li div.depth_box ul li a {color:#333; padding:0px 10px 0 15px;  border-bottom:1px #eee solid; line-height:50px; font-size:13px; text-align:left;}
		#topMenu li div.depth_box ul li a:hover {background:none; text-decoration:underline; }


		#topMenu li#topMenu2 div.depth_box { width:100%;}
	
		
		#topMenu li div.depth_box ul.three_depth{display:block;; background:#f2f2f2; border-top:0px; border-bottom:1px #eee solid;}
		#topMenu li div.depth_box ul.three_depth li a{display:block; padding-left:20px; line-height:45px; font-size:12px; font-weight:normal; border-bottom:1px #eee solid;  color:#666;}
		#topMenu li div.depth_box ul.three_depth li:last-child a{border-bottom:0px;}


		

		#footerGroup {-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }


		#footerGroup .f_util { position:relative; padding:0 10px;}
		#footerGroup .f_util .default_layout {overflow:visible}

		#footerGroup .f_util ul{float:none; text-align:center; padding-top:0px}
		#footerGroup .f_util .sns_group {float:none; position:absolute; width:100%; top:10px; text-align:center; display:none;}

		


		#footerGroup .footer {padding:35px 10px;}

		#footerGroup .footer span.company_name {margin-bottom:10px;}

		#footerGroup .footer .family_site {position:absolute; right:0px; top:-10px; border:1px #ccc solid;}
		#footerGroup .footer .family_site select {width:140px; height:30px; line-height:30px;}







}