@charset "euc-kr";
@import url("selectbox.css");
@import url("font.css");
/* CSS Document */


body, div, form, p,pre,blockquote,select
{list-style:none; margin:0; padding:0; font-size:12px; font-family:Gulim; color:#444444; line-height:140%; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#E5E5E5; scrollbar-shadow-color:#E5E5E5;
scrollbar-3dlight-color: #F2F2F2; scrollbar-arrow-color:#999999; scrollbar-track-color:#F2F2F2; scrollbar-darkshadow-color:#F2F2F2;}
ul, li { list-style:none; }
td , textarea {font-size:12px; font-family:Gulim; color:#444444; line-height:140%;}

body { min-width:950px; overflow-x:hidden; }
img { border:0 }
form { margin:0 }

#gotop {
	position: relative;
	right:0;
	top: 170px;
	width: 74px;
	height: 88px;
}


A {selector-dummy : expression(this.hideFocus=true); border:0;}
A:active {color: #5c5c5c;text-decoration : none; border:0;}
A:link {color: #5c5c5c; text-decoration: none; border:0;}
A:visited {color: #5c5c5c; text-decoration : none; border:0;}
A:hover {color: #0c899e; text-decoration : underline; border:0;}

/* ¸ÞÀÎ */
.mnotice {color:#595959; font-family:µ¸¿ò;FONT-SIZE: 11px; }
A.mnotice:active {color: #595959;text-decoration : none; border:0;}
A.mnotice:link {color: #595959; text-decoration: none; border:0;}
A.mnotice:visited {color: #595959; text-decoration : none; border:0;}
A.mnotice:hover {color: #004e71; text-decoration : underline; border:0;font-weight:bold;}

.notice { height:18px; border-bottom:1px solid #ebebeb; background:url(../images/main/dot.gif) left no-repeat; padding-left:10px;  padding-top:5px;font-family:µ¸¿ò;FONT-SIZE: 11px; }

/* ¼­ºê°øÅë */
.navi {color:#949494; font-family:µ¸¿ò;FONT-SIZE: 11px; letter-spacing:-1px;}
A.navi:active {color: #3b3b3b;text-decoration : none; border:0;}
A.navi:link {color: #3b3b3b; text-decoration: none; border:0;}
A.navi:visited {color: #3b3b3b; text-decoration : none; border:0;}
A.navi:hover {color: #2a2a2a; text-decoration : none; border:0;}

.input1{background-color:transparent;
	font-family:Gulim;
	font-size:12px;
	color:#222222;
	height: 15px;
	border: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f3f3f3;
	border-right-color: #f3f3f3;
	border-bottom-color: #f3f3f3;
	border-left-color: #f3f3f3;
	padding: 4px 0px 0px 0px;
}

.textarea
	{
		background-color:transparent;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #f3f3f3;
		border-right-color: #f3f3f3;
		border-bottom-color: #f3f3f3;
		border-left-color: #f3f3f3;
		font-size: 12px;
		color: #222222;
		padding:7px;
	}


.font8_gray {color:#666666; font-family:µ¸¿ò;FONT-SIZE: 11px; line-height:130%;}

/* BBS */
.page {color:#555555; font-family:µ¸¿ò;FONT-SIZE: 11px; }
.pagenumtext {color:#555555; font-family:µ¸¿ò;FONT-SIZE: 11px; padding:0 5px 0 5px; }

.bbsinput{background-color:#ffffff;
	font-family:µ¸¿ò;
	font-size:11px;
	color:#222222;
	height: 13px;
	border: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9d9d9d;
	border-right-color: #9d9d9d;
	border-bottom-color: #9d9d9d;
	border-left-color: #9d9d9d;
	padding: 4px 0px 0px 5px;
}



.header {position:relative;display:flex;justify-content: space-between;align-items:center;width:950px;margin: 10px auto 0px;height: 110px;border-bottom:32px solid #ddd;box-sizing: border-box;}
.header:before, .header:after { content:""; position:absolute; bottom:-32px; height:32px; width:100%; background:#ddd; }
.header:before { left:100%; }
.header:after { right:100%; }
.header * { box-sizing:border-box; font-family: 'Noto Sans KR' !important; font-size:16px; margin:0; padding:0; }
.header a { display:block; font-family: 'Noto Sans KR'; }
.header a:hover { text-decoration:none; }

.header .top-menu { display:flex; justify-content: space-between; margin:0; padding:0; }
.header .top-menu li { }
.header .top-menu li > a { padding:10px 15px; letter-spacing:-.5px; }

.header .top-menu li .sub-menu { position:absolute; bottom:0; transition: all .3s ease; display:flex; align-items:center; margin-left:5px; z-index:-999; opacity:0; }
.header .top-menu li .sub-menu.on { bottom:-32px; opacity:1; z-index:999; }
.header .top-menu li .sub-menu a { padding:5px 10px; font-size:14px; }
.header .top-menu li .sub-menu a:hover { background:#444; color:#fff; }

.header .top-menu li:last-child .sub-menu { margin-left:-140px; }
.header .top-menu li:nth-last-child(2) .sub-menu { margin-left:-130px; }


.header .gnb { display:flex; justify-content: space-between; }
.header .gnb a { color:#aaa; font-size:11px; padding:0 5px; }

.header .sitemap { display:none;  }
.header .sitemap.on { position:fixed;  z-index:99999999999999999; width:950px; left:50%; top:80px; transform:translateX(-50%); display:flex; justify-content: space-between; background:#006e8e; padding:70px 20px 20px; }
.header .sitemap h5 { position:absolute; left:0; top:0; width:100%; background:#333; color:#fff; padding:15px 20px; font-size:1.3em; }
.header .sitemap h5 a { position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#fff; }

.header .sitemap ul li { margin-bottom:1px; }
.header .sitemap ul li * { font-size:8px; padding:2.5px 10px; }
.header .sitemap ul li a { color:#eee; font-size:12px; }
.header .sitemap ul li a:hover { color:#fff; }

.header .sitemap ul li.depth1 { margin-bottom:20px; position:relative; padding:0 10px; }
.header .sitemap ul li.depth1:before, .header .sitemap ul li.depth1:after { position:absolute; top:5px; color:#80b7c7; font-weight:900; font-size:2.4em; }
.header .sitemap ul li.depth1:before { content:"["; left:0; }
.header .sitemap ul li.depth1:after { content:"]"; right:0; }
.header .sitemap ul li.depth1 a { font-size:1.1em; color:#fff; }
.header .sitemap ul li.depth1 span { color:#80b7c7; line-height:1; }

.header .sitemap ul li.depth2 a { background:#005872; }

.header .sitemap ul li.depth3 { margin-bottom:5px; }
.header .sitemap ul li.depth3 a { line-height:1.3; }


@media(max-width:950px){
 body { overflow-x:auto; width:950px; }
 .header:before, .header:after { display:none; }
}


.menu_wrap ul{ position:relative; padding:0;  font-family:'Noto Sans KR';}
.menu_wrap ul li { position:relative; padding:10px; margin-bottom:1px; background:#efefef; font-weight:bold; cursor:pointer; }
.menu_wrap ul li:hover { position:relative; padding:10px; margin-bottom:1px; background:#007698; color:white; font-weight:bold; cursor:pointer; }

.menu_wrap ul li ul{ position:relative; padding:0; margin-top:5px; display:none; }
.menu_wrap ul li:hover ul{ position:relative; padding:0; margin-top:5px; display:block; }
.menu_wrap ul li:hover ul li { position:relative; padding:10px; margin-bottom:1px; background:#006b8a; color:white; font-weight:bold; cursor:pointer; }
.menu_wrap ul li:hover ul li:hover { position:relative; padding:10px; margin-bottom:1px; background:#ffffff; color:#444444; font-weight:bold; cursor:pointer; }