@charset "utf-8";
@import url("./common.css?2020");
@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; }


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



	/*******************헤더*******************/
	#header {height:150px; z-index:99; min-width:1100px;}



	
	#header .header_top_box {overflow:hidden; height:98px; }


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


	/* 상단 오른쪽메뉴 */
	#header .top_util {position:absolute; top:37px;}
	#header .util_left {left:10px;}
	#header .util_right {right:10px;}

	#header .top_util li {float:left; padding:0 15px; background:url(../images/common/top_util_bar.gif) left 6px no-repeat;} 
	#header .top_util li a {color:#999; display:block;} 
	#header .top_util li:first-child {background:none;}
	#header .top_util li a:hover {color:#000;}  


	/*상단메뉴*/
	.topMenu_box {background:#5c3da3; height:52px; }
	#topMenu {position:relative; text-align:center; display:table; table-layout:fixed; width:1100px; }
	#topMenu li.menu_list {display:table-cell; vertical-align:middle; line-height:52px; position:relative; text-align:center; background:url(../images/common/topmenu_bar.png) left 20px no-repeat;}
	#topMenu li.menu_list:first-child {background:none;}
	#topMenu li.menu_list a.depth_link {display:block; font-size:15px; font-weight:bold; color:#fff; line-height:52px; position:relative;}
	
	#topMenu li.menu_list a.menu_on {background:#330066;}

	#topMenu li div.depth_box {position:absolute; display:none; top:52px; width:180px; left:50%; margin-left:-90px; background:#333366;}
	#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; font-weight:600; color:rgba(255,255,255,0.7); padding-left:15px; line-height:44px; border-bottom:1px solid rgba(255,255,255,0.3);}
	#topMenu li div.depth_box ul li a:hover {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;}



	/*******************하단*******************/
	#footerGroup {position:relative; background:#fff; padding-top:40px;}


	/*위로버튼*/
	#footerGroup .first_top_go {position:absolute; left:50%; bottom:20px; margin-left:528px; z-index:9;}
	#footerGroup .first_top_go a {display:block; }
	#footerGroup .first_top_go img {vertical-align:top;}
	#footerGroup .first_top_go a:hover {opacity:0.7;}


	/*회사정보*/
	#footerGroup .footer {float:left; width:50%; position:relative; color:#999; padding-bottom:60px;}
	#footerGroup .footer span {display:inline-block; padding-right:12px;}
	#footerGroup .footer span a {color:#f0f0f0;}
	#footerGroup .footer .name {color:#333; font-size:24px; letter-spacing:0.5px; font-weight:bold; margin-bottom:15px;}
	#footerGroup .footer .addres {font-size:12px; padding-top:10px; color:#999; letter-spacing:1px;}


	/*하단메뉴*/
	#footerGroup .f_util {float:left; width:25%; padding-top:40px;}
	#footerGroup .f_util li {display:block;}
	#footerGroup .f_util li a {padding-left:15px; line-height:24px; color:#999; background:url(../images/main/notice_dot.gif) left 6px no-repeat;}
	#footerGroup .f_util li a:hover {color:#000;}


	/*하단cs*/
	#footerGroup .cs {float:left; width:25%; padding-top:40px;}
	#footerGroup .cs .tit {color:#000; padding-bottom:5px;}
	#footerGroup .cs dt {font-size:24px; color:#000; font-weight:bold; padding-bottom:10px; letter-spacing:0.5px;}
	#footerGroup .cs dd {color:#999; line-height:18px;}