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

	
	body {position:relative; min-width:1500px; font-family:"Nanum Barun Gothic", "나눔 바른 고딕"; }

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


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



	/*******************헤더*******************/
	#header {height:142px; z-index:99;}


	/* 로고 */
	#header .top_area {position:relative; margin:0 auto; width:1100px; height:90px;}
	#header h1#logo {text-align:center; padding-top:30px;}
	#header h1#logo img {vertical-align:top;}


	/*오른쪽 메뉴*/
	.t_util {position:absolute;right:0px; top:16px;  text-align:center;}
	.t_util .uil_link {display:inline-block; color:#666; line-height:52px; padding:0 17px; background:url(../images/common/nav_util_bar.gif) left 20px no-repeat;}
	.t_util .uil_link:first-child {background:none;}
	.t_util .uil_link:hover {color:#000;}


	/*상단메뉴*/
	.topMenu_box {background:#333; height:52px;}
	.topMenu_box .default_layout{width:1100px;}


	#topMenu { position:relative; text-align:center; z-index:1;}
	#topMenu li.menu_list {display:inline-block;  line-height:52px; width:19%; position:relative; text-align:center; background:url(../images/common/topmenu_bar.gif) right 20px no-repeat; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:17px; font-weight:400; color:#fff; line-height:52px; position:relative;}

	#topMenu li.menu_list a.menu_on {background:#000;}

	#topMenu li div.depth_box {display:none; position:absolute; left:0; top:52px; width:100%; overflow:hidden;}
	#topMenu li div.depth_box ul {min-height:170px; padding:15px 0; 
	background-image:url(../images/common/depth_box_line.gif);
	background-position:left top; 
	background-repeat:repeat-y;
	background-color:#fff;}
	#topMenu li div.depth_box ul li {font-size:15px; text-align:left; padding:0 0 0 30px;}
	#topMenu li div.depth_box ul li a {display:block; color:#555; line-height:30px;}
	#topMenu li div.depth_box ul li a:hover {color:#1a6ee7;} 
	#topMenu li div.depth_box ul:hover {background-color:#f5f5f5;}


	/*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:#fff;}


	/*퀵메뉴*/
	.footer_quick {position:fixed; width:100px; top:245px; right:0px; z-index:99999;}
	.footer_quick .link {display:block; text-align:center; height:80px; background:#2dbdbf; color:#fff; font-size:14px;}
	.footer_quick .link2 {background:#2281d1;}
	.footer_quick .link3 {background:#e3a83d;}
	.footer_quick .link4 {background:#6862cc;}
	.footer_quick .link_top {display:block; height:45px; text-align:center; color:#fff; line-height:45px; background:#3c4848; font-size:13px; letter-spacing:0.5px;}

	.footer_quick .link .ic {display:block; height:34px; padding:12px 0 5px;}


	/*하단메뉴*/
	#footerGroup .f_util {border-top:1px #cfcfcf solid; border-bottom:1px #cfcfcf solid; text-align:center;}
	#footerGroup .f_util li {display:inline-block;}
	#footerGroup .f_util li a {padding:0 20px 0 15px; background:url(../images/common/bottom_util_dot.png) right center no-repeat; line-height:50px;}
	#footerGroup .f_util li a:hover {color:#1a6ee7;}
	#footerGroup .f_util li.last a {background:none;}


	/*회사정보*/
	#footerGroup .footer {padding:50px 0px; position:relative; text-align:center;}
	#footerGroup .footer .footer_logo {margin-bottom:30px;}
	#footerGroup .footer span {display:inline-block; padding:0 6px;}
	#footerGroup .footer .addres {padding-top:10px; color:#999; letter-spacing:1px;}