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

	
	body {position:relative; min-width:1200px; font-family:"Nanum Barun Gothic", "나눔 바른 고딕";  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;}


	/* 상단 유틸 */

	#header .header_first {height:100px; }
	#header .header_first .default_layout { overflow:hidden; text-align:center;}
	#header .header_first .default_layout .add{position:absolute; left:0px; top:40px;}
	#header .header_first .default_layout .add a{display:block; line-height:20px; background:url(../images/common/util_star.png) left 2px no-repeat; padding-left:20px;}

	#header .header_first .top_alba_list {position:absolute; left:0px; top:35px;   background:url(../images/common/util_star.png) left 50% no-repeat;  height:30px; width:450px;}
	#header .header_first .top_alba_list h3{position:absolute; left:20px; top:0px;  line-height:30px;  height:30px;}
	#header .header_first .top_alba_list ul {margin-left:110px; }
	#header .header_first .top_alba_list ul li {line-height:30px;  height:30px; text-align:left; }



	/* 로고 */
	#header .header_first h1#logo {display:inline-block; line-height:90px; height:100px;}
	#header .header_first h1#logo a {display:inline-block;}
	#header .header_first h1#logo img {vertical-align:middle;}


	#header .header_first .util {position:absolute; right:0px; top:38px; }
	#header .header_first .util li{float:left; }
	#header .header_first .util li a{display:block; line-height:20px; padding:0 15px; font-size:13px; color:#999; background:url(../images/common/top_util_bar.gif) right 4px no-repeat;}
	#header .header_first .util li a:hover{color:#222;}
	#header .header_first .util li.last a{background:none;;}


	/*상단메뉴*/
	.topMenu_box {border-top:1px #ddd solid; border-bottom:2px #a81e1a solid;;}
	#topMenu {position:relative; text-align:center; margin:0 auto;}
	#topMenu li.menu_list {display:inline-block;   position:relative; margin:0 30px; text-align:center;}
	#topMenu li.menu_list a.depth_link {display:block; padding:0 32px; font-size:18px; font-weight:bold; color:#222; line-height:53px; position:relative; background:url(../images/common/topmenu_bar.gif) left center no-repeat;}
	#topMenu li.menu_list:first-child a.depth_link {background:none; padding-left:0px;}

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

	#topMenu #topMenu4 a.depth_link {padding-right:24px;}

	#topMenu li div.depth_box {display:none; position:absolute; top:53px; width:180px; left:50%; margin-left:-90px; background:#f1f1f1;}
	#topMenu li div.depth_box ul li {font-size:15px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#444; padding-left:20px; line-height:42px; border-bottom:1px #e1e1e1 solid;}
	#topMenu li div.depth_box ul li a:hover {background:#7ac402; 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;}


	.f_banner {background:#ffff; border-top:1px #dedede solid; text-align:center; position:relative; z-index:1; padding:10px 0px;  }
	.f_banner .btn{padding:10px 0;}
	.f_banner ul{ text-align:center; width:1100px !important;}
	.f_banner li{display:inline-block; width:275px; height:55px;  text-align:center; overflow:hidden;}
	.f_banner li img {vertical-align:middle; max-width: 100%;}


		/*카피라이트*/
	#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:#a81e1a ; background:#000;}
	#footerGroup .f_util li.private a {background:#666; color:#fff;}
	#footerGroup .f_util li.private a:hover {color:#ff4bb0; 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;}