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


@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}




	
	body {position:relative;  font-family:'KoPubWorldDotum', 'Noto Sans KR',sans-serif; }

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

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


	/* 헤더 */
	#header { z-index:99;  min-width:1100px;  background:#fff;     box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}

	




	/* 상단 오른쪽메뉴 */
	#header .top_util {overflow:hidden; background:#444;  }
	#header .top_util .favorite_link {float:left; font-size:12px; }
	#header .top_util .favorite_link a{display:inline-block; line-height:35px; color:#fff; }
	#header .top_util .favorite_link a#favorite{padding-left:0px;}
	#header .top_util .favorite_link a img{padding-right:5px; vertical-align:middle;position:relative; top:-2px;}
	#header .top_util .favorite_link a.last {background:none;}
	#header .top_util ul{float:right;}
	#header .top_util li{float:left; line-height:35px; font-size:12px; } 
	#header .top_util li.login{background:url(../images/common/top_util_login_bg.png) left 50% no-repeat; padding-left:9px;} 
	#header .top_util li a{color:#fff;  display:block; padding:0 15px; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; } 
	#header .top_util li.last a{background:none;} 
	#header .top_util li a:hover{ text-decoration:underline; } 
	


	
	#header .depth_box_wra_box {background:#fff ;  position:absolute;  left:0px; top:115px; width:100%;;z-index:0px;  display:none; box-shadow:0px 3px 3px rgba(0,0,0,0.3);} 
	#header .depth_box_wra_box .default_layout dl {padding-left:60px;}
	#header .depth_box_wra_box .default_layout dl dt{font-weight:bold; font-size:22px; letter-spacing:-1px; margin-top:30px; color:#191e69}
	#header .depth_box_wra_box .default_layout dl dd{font-size:13px; color:#999; }

	
	#header .header_center_box {height:80px; background:#fff; z-index:1px; position:relative;}
	#header .header_center_box h1#logo {float:left; line-height:70px; }
	#header .header_center_box h1#logo img{vertical-align:middle;}


	#topMenu {float:right; font-size:0px;     }
	#topMenu li.menu_list{display:inline-block;  position:relative;  text-align:center; }
	#topMenu li.menu_list a.depth_link {display:block;  font-size:21px; font-weight:bold; color:#000; line-height:80px;  letter-spacing:-1px; padding:0 40px;}
	#topMenu li.last_menu_list a.depth_link {color:#0095ff;}

	
	/*#topMenu li.menu_list a.menu_on {color:#fff; background:#e35f88; }*/

	#topMenu li div.depth_box {display:none; position:absolute; top:80px; width:100%; left:0px; background:#fff; z-index:2; text-align:center; }
	#topMenu li div.depth_box ul {text-align:center; padding:20px 0px;}
	#topMenu li div.depth_box ul li {font-size:14px; }
	#topMenu li div.depth_box ul li a {display:block;letter-spacing:-0.5px; line-height:30px; color:#444;}
	#topMenu li div.depth_box ul li a:hover {text-decoration:underline; font-weight:bold; color:#fff}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	#topMenu li.menu_list:hover  {color:#fff; background:#191e69; }
	#topMenu li.menu_list:hover a {color:#fff; }
	#topMenu li.menu_list:hover  div.depth_box {color:#fff; background:#191e69; }
	#topMenu li.menu_list:hover  div.depth_box li a{color:#fff;  }




	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;}



	/*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:#333333; padding:30px 0px;}


	#footerGroup .f_util {overflow:hidden; position:relative;}
	#footerGroup .f_util .f_name{position:absolute; left:0px;top:0px; font-size:20px; color:rgba(255,255,255,1); }
	#footerGroup .f_util ul{float:right;}
	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
	#footerGroup .f_util li a{margin-right:10px; line-height:25px; padding-bottom:8px; display:block;color:rgba(255,255,255,0.7); }


	#footerGroup .footer {border-top:1px rgba(255,255,255,0.1) solid; margin-top:5px; padding-top:15px; font-size:12px; position:relative;  color:rgba(255,255,255,0.8); }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(255,255,255,0.5); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(255,255,255,0.2);}



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

	.mobile_none{display:none;}




}