@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body, td, p, input, button, textarea, select, .c1 { font-family:'Noto Sans KR', sans-serif; font-size:9pt; color:#222222; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none !important; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, ±¼¸²; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:µ¸؟ٍ; }
.cloudy, a.cloudy {color:#888888;} /* به¸² */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

#wrap{ min-width: 1200px;}
#line_bg{ width: 100%; height:4px; background-color: #33b9e2; }
#line_bg #line{ width: 1200px; margin: 0 auto;}

#main_bg{ width: 100%; height: 616px; background-image: url("/images/main_bg.png"); background-repeat: no-repeat; background-position: top center;}
#main_bg #main{ width: 1200px; margin: 0 auto;}

#c1_bg{ width: 100%; height: 246px; background-color: #ffffff;}
#c1_bg #m_c{ width: 1200px; padding-top: 29px; margin: 0 auto;}

#c2_bg{ width: 100%; height: 264px; background-color: #f8f8f8;}
#c2_bg #m_c2{ width: 1200px; margin:0 auto;} 

#c3_bg{ width: 100%; height: 278px; background-color: #000000;}
#c3_bg #m_c3{ width: 1200px; margin:0 auto;} 



#footer{ clear: both; width: 1200px; margin: 0 auto;}


#sub_bg{ width: 100%; height: 371px; background-image: url("/images/sub_bg.png"); background-repeat: no-repeat; background-position: top center;}
#sub_bg #sub{ width: 1200px; margin: 0 auto;}

#contents{ width: 1200px; margin: 0 auto; display: flex}
#contents #left{ min-width: 364px;  }
#contents #page{ width: 100%; margin-top: 50px;}


#menu{ width:1200px; margin:0 auto; height:110px; position:relative; overflow:hidden; }
#wrap #menu #top_menu{ 
	float:left;
	width:880px;
	height:41px;
	text-align:right;
	margin-left:60px;
	padding-top:45px;
}
#wrap #menu #top_menu a{ 
	padding:5px 0 5px 45px;
}
#wrap #menu .subMenu { 
	position:absolute;
	bottom:-33px;
	text-align:center;
	height:31px;
	line-height:31px;
	padding:0 10px;
	margin-left:-57px;
	background-color:#4b4948;
}
#wrap #menu .subMenu a{ 
	margin:0 0 0 15px;
	text-align:center;
	font-size:12px;
	font-family: 'Nanum Gothic', sans-serif;
	color:#ffffff;
	font-weight:bold;
}
#wrap #menu .subMenu a:hover, #wrap #menu .subMenu a.hover{ 
	color:#ffea00;
	text-decoration:none;
}

#wrap #menu .subMenu a:first-child{
	margin-left:0;
}