@charset "utf-8";
@import url("./common.css");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");

	
	body {position:relative; min-width:1500px;}

	.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;}

	.first_header {overflow:hidden;} 

	/* 로고 */
	#header h1#logo {float:left; position:relative; z-index:1; line-height:60px; color:#fff; }
	#header h1#logo a{color:#fff; }

	#header .t_util {float:right; margin-top:16px;}
	#header .t_util li{float:left; }
	#header .t_util li a{display:block; color:#888; padding:0 10px; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat;}








	/*상단메뉴*/
	.topMenu_wrap {border-top:1px #e1e1e1 solid;  background:#fff; }
	#topMenu {text-align:center; z-index:1; position:relative; display:table; table-layout:fixed; width:100%;font-family: 'Nanum Square';}
	#topMenu li.menu_list{display:table-cell;  text-align:center; position:relative;  }
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px;font-weight:bold; color:#222; line-height:50px;  background:url(../images/common/topmenu_bar.gif) right 50% no-repeat;}
	
	#topMenu li.menu_list .two_depth_bg{width:100%; height:45px; position:absolute;  left:0px; top:0px; display:none;}
	#topMenu li.menu_list .two_depth_bg span{display:inline-block; width:9px; height:5px; vertical-align:bottom;  background:#8e2c2c url(../images/common/top_menu_arrow.png) left bottom no-repeat;}

	
	#topMenu li.menu_list a.menu_on{color:#8e2c2c; }
	#topMenu li.menu_list a.menu_on .two_depth_bg {display:block;}

	#topMenu li div.depth_box {position:absolute; display:none;  top:50px; width:600px; left:0px; text-align:left; }
	#topMenu li div.depth_box ul li {display:inline-block; font-size:14px; text-align:left; padding:0 13px;}
	#topMenu li div.depth_box ul li a {display:block; color:rgba(255,255,255,0.8); letter-spacing:-0.5px; line-height:40px;}
	#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;}

	#topMenu li:last-child  a.depth_link{background:none;}
	#topMenu li:last-child div.depth_box {left:-200px;}


	/*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:#8e2c2c; z-index:0px; height:40px;  box-shadow:0px 3px 3px rgba(0,0,0,0.3); } 







	/*카피라이트*/
	#footerGroup {position:relative; background:#333;}


	/*하단메뉴*/
	#footerGroup .f_util {position:absolute; top:50px; right:0px; z-index:2;}
	#footerGroup .f_util li {float:left; margin-left:1px;}
	#footerGroup .f_util li a {padding:0 15px; line-height:30px; display:block; color:#ccc; background:#555; font-size:12px;}
	#footerGroup .f_util li a:hover {color:#fff; background:#c61c29;}
	#footerGroup .f_util li.private a {background:#666; color:#fff;}
	#footerGroup .f_util li.private a:hover {color:#d5e1fa; background:#111;}


	/*회사정보*/
	#footerGroup .footer {padding:50px 0px; position:relative; color:#f0f0f0; z-index:1;}
	#footerGroup .footer span {display:inline-block; padding-right:12px;}
	#footerGroup .footer span a {color:#f0f0f0;}
	#footerGroup .footer .addres {font-size:12px; padding-top:10px; color:#888; letter-spacing:0.5px;}

