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

	
	body {position:relative; min-width:1500px;  font-family: 'Noto Sans KR' ,sans-serif;;}

	.default_layout {position:relative; width:1100px; margin:0 auto; clear:both; }

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


	/* 헤더 */
	#header {z-index:99;  min-width:1100px; background:#fff;  height:80px; box-shadow:0px 3px 3px rgba(0,0,0,0.2); font-family: 'Noto Sans KR',sans-serif;;}



	/* 로고 */
	#header h1#logo {position:absolute; left:20px; top:0px; z-index:1; height:80px; line-height:70px; color:#fff; }
	#header h1#logo a{display:block;}
	#header h1#logo a img {vertical-align:middle;}

	#header .top_tell {position:absolute; right:20px; top:0px; line-height:75px; font-size:40px; color:#e8640d;  font-weight:bold; background:url(../images/common/top_tell_bg.png) left 60% no-repeat; padding-left:40px;}


	/*상단메뉴*/
	#topMenu { text-align:center; z-index:1; position:relative; }
	#topMenu li.menu_list{display:inline-block; position:relative; min-width:160px; text-align:center;  }
	#topMenu li.menu_list a.depth_link {display:block;  font-size:20px;  font-weight:bold; color:#222; line-height:80px; position:relative; letter-spacing:-1px;}


	
	#topMenu li.menu_list a.menu_on{color:#e8640d; }

	#topMenu li div.depth_box {position:absolute; display:none;  top:80px; width:100%; left:0px;}
	#topMenu li div.depth_box ul {padding:20px 10px;;}
	#topMenu li div.depth_box ul li {font-size:13px; text-align:center;}
	#topMenu li div.depth_box ul li a {display:block; color:#fff;  letter-spacing:-0.5px; line-height:26px;}
	#topMenu li div.depth_box ul li a:hover {font-weight:bold; color:#e8640d;}
	#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;}


	#header .depth_box_wra_box {background:rgba(39,59,96,0.8); position:absolute;  left:0px; top:80px; width:100%;;z-index:0px;  display:none; box-shadow:0px 3px 3px rgba(0,0,0,0.3); padding-bottom:1px;} 




	/*카피라이트*/
	#footerGroup {position:relative; background:#0d1627; padding:30px 0px 50px; margin-top:80px; overflow:hidden; text-align:center; color:rgba(255,255,255,0.6);}



	#footerGroup .footer .make{margin-bottom:20px; border-bottom:1px rgba(255,255,255,0.2) solid; padding-bottom:20px; text-align:center;}
	#footerGroup .footer .make .col {display:inline-block; margin:0 30px;}
	#footerGroup .footer .make .col .s_ingo{color:#fff; font-size:16px;}
	#footerGroup .footer .sitename{font-size:20px; color:#9e805e; }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(255,255,255,0.6);line-height:16px; font-weight:normal;}




	@media all and (max-width:1024px) {

		body {min-width:100%; }
		.default_layout {width:100%; }

		#header {min-width:100%;  height:auto;}

		#header h1#logo {margin-left:0px; left:10px; line-height:75px; position:relative; text-align:left; float:left;}
		#header h1#logo a img {width:130px;}


		#header .top_tell {line-height:75px; right:10px; font-size:30px; color:#e8640d;  font-weight:bold; background:url(../images/common/top_tell_bg.png) left 60% no-repeat; padding-left:40px;}

		#header .default_layout {overflow:hidden;}
		#header .depth_box_wra_box {display:none !important;}



		/*상단메뉴*/
		#topMenu {position:relative; display:block; float:none; margin:0px; background:#273b60;font-size:0px; }
		#topMenu li.menu_list {display:inline-block;  width:25%; padding:0px; position:relative; min-width:auto;}
		#topMenu li.menu_list a.depth_link {display:block; font-size:14px;  padding:0px; text-align:center; color:#fff; line-height:50px; position:relative;}

		#topMenu li.menu_list a.menu_on {color:#fff; }

		#topMenu li div.depth_box {display:none; position:absolute; top:90px; left:50%; margin-left:-60px; width:160px; background:#226d98;}
		#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
		#topMenu li div.depth_box ul li a {display:block; color:#fff; padding:0 10px; line-height:40px; border-bottom:1px solid #444;}
		#topMenu li div.depth_box ul li a:hover { font-weight:bold; color:#fff;}
		#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;}



	}