body{margin:0; padding:0; font:0.9em "맑은 고딕","돋음",sans-serif; letter-spacing:-1px;}
*{margin:0; padding:0;}
html{overflow-y:scroll;}
.cf:after{content:""; display:block; clear:both;}
.fl{float:left;}

#header_wrapper{
	width:100%;
	height:209px;
	margin:0 auto;
}
#header_top{
	width:100%;
	height:125px;
	margin:0 auto;
}
#header_bottom{
	width:100%;
	height:85px;
	margin:0 auto;
	background:url(../images/main/topMenuBg.jpg) no-repeat center;
	position:relative;
}
#header_top1{
	width:1200px;
	height:40px;
	margin:0 auto; position:relative;
}
#header_top2{
	width:1200px;
	height:85px;
	margin:0 auto;
}
#header_bottom1{
	width:1200px;
	height:85px;
	margin:0 auto;
}


#header_wrapper ul{list-style:none;}
#header_wrapper a{text-decoration:none; color:#000;}


#header_top1 #seoul_logo{
	background:url(../images/main/seoul_logo.png) no-repeat;
	width:113px;
	height:36px;
	float:left;
}
#header_top1 #announce{
	float:left; display:block; margin-top:10px; color:#777777; font-size:14px; margin-left:50px;
}
#header_top1>ul{
	float:right;
}
#header_top1>ul>li{
	float:left;
}
#header_top1>ul>li>a{
	display:block;
	padding-top:10px;
	font-size:14px;
	color:#646473;
	font-weight:600;
	padding-left:20px;
}
#header_top2 #library_logo{
	background:url(../images/main/logo.png) no-repeat;
	width:211px;
	height:55px;
	float:left;
	margin-top:8px;
}
#header_top2 #library_logo2{
	background:url(../images/main/representative.jpg) no-repeat;
	width:199px;
	height:39px;
	float:left;
	margin-top:20px;
	margin-left:10px;
}
#header_top2>ul{
	float:right;
}
#header_top2>ul>li{
	float:left;
}
#header_top2>ul>li>a{
	display:block;
	padding-top:30px;
	font-size:13.5px;
	font-weight:500;
	color:#000;
	padding-left:10px;
}
#header_top2>ul>li>a:after{
	content:" | "; font-size:10px; color:#888888; padding-left:10px; padding-bottom:5px;}
#header_top2>ul>li#search_icon>a:after{
	display:none;}
#header_top2>ul>li>a.red{
	color:#d90000;
}

#header_bottom1 #menu1{
	float:left;
}
#header_bottom1 #menu1 li{
	float:left;
	margin-top:30px;
	padding-right:50px;
	height:80px;
	line-height:180%;
}
#header_bottom>div#header_bottom1>ul>li>div.width100>ul.m_width>li{height:220px; border-right:1px solid #cdcdcd; padding-right:25px; padding-left:25px;}
#header_bottom>div#header_bottom1>ul>li>div.width100>ul.m_width>li.m_tit{padding:0;}
#header_bottom>div#header_bottom1>ul#menu2>li>div.width100>ul.m_width>li.m7_tit{padding:0; border-style:none;}
#header_bottom>div#header_bottom1>ul#menu2>li>div.width100>ul.m_width>li.m7{border-style:none;}

#header_bottom1 #menu1 li>a{
	color:white;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
}

#header_bottom li dd a{font-size:0.92em; color:#505050;}
#header_bottom li dt{font-size:1.1em; line-height:220%;}
#header_bottom1 #menu1 li dd a:hover{color:#0098b3;}
#header_bottom1 #menu2 li dd a:hover{color:#d70000;}

#header_bottom li div.width100{position:absolute; top:85px; left:0; z-index:998; background:rgba(239,239,239,0.9); width:100%; height:280px; display:none;}
#header_bottom h2{color:white; padding-top:60px;  text-align:center;}
#menu1 #m1_image{background:url(../images/main/menu11.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu1 #m2_image{background:url(../images/main/menu12.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu1 #m3_image{background:url(../images/main/menu13.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu1 #m4_image{background:url(../images/main/menu14.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu2 #m5_image{background:url(../images/main/menu21.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu2 #m6_image{background:url(../images/main/menu22.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}
#menu2 #m7_image{background:url(../images/main/menu23.jpg) no-repeat; width:250px; height:220px; font-size:1.2em;}

#header_bottom li:hover .width100{display:block;}
#header_bottom li .m_width{width:1200px; margin:0 auto;}
#header_bottom1 #menu1>li:hover a.nav_title{color:#0098b3; border-top:1px solid #0098b3;}
#header_bottom1 #menu2>li:hover a.nav_title{color:#d70000; border-top:1px solid #d70000;}

#header_bottom1 #menu2{
	float:right;
}
#header_bottom1 #menu2 li{
	float:left;
	margin-top:30px;
	padding-right:50px;
	height:80px;
	line-height:180%;
}
#header_bottom1 #menu2 li.m2_last{float:right; padding:0;}

#header_bottom1 #menu2 li>a{
	color:#deb407;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
}

/*content*/

#content_wrapper{width:1200px; margin:0 auto;}
#content_top1{width:1200px; height:60px; margin:30px 0; border-bottom:2px solid #aaa; padding-top:10px;}
h1{float:left; font-size:29px; font-weight:400;}
#content_top1_route{float:right; list-style:none; letter-spacing:-2px; }
#content_top1_route li{text-align:right; float:left;}
#content_top1_route li a{float:left; text-decoration:none; display:block; color:gray; padding:0 0 1px 10px;}
#content_top1_route li.locationBt a{float:left; text-decoration:none; display:block; color:gray; background:url(../images/main/locationBg.png) center right no-repeat; padding:0 18px 1px 10px;}

#content_top1_2_subtit{padding-left:20px; margin-top:30px; border-bottom:1px solid #cccccc;}
#content_top1_2_subtit h2{font-weight:normal; padding-bottom:10px;}
#content_top1_2_subtit p{padding-bottom:20px; color:#777777;}

#content_top2{width:1200px; height:350px; margin-top:35px;}
#content_top2 fieldset{width:900px; height:600px; margin:0 auto; padding-left:70px;  border:0;}
#content_top2 select{width:150px; height:30px; margin-right:10px; margin-bottom:8px;}
#content_top2 .ct_top2_tit{width:400px; height:29px; margin-right:10px;}
#content_top2 select.boolean{width:100px; height:30px;}
#content_top2 .ct_top2_bt{width:120px; height:32px; margin-right:10px; background:#301d0c; color:#ffffff; border-style:none;}
#ct_top2_radioct{margin-left:90px; margin-top:30px;}
#ct_top2_radioct label{margin-right:10px;}
#ct_top2_radioct input{margin-right:5px; margin-top:7px;}

#content_top2 legend{text-indent:-9999px;}
#content_top2 #ct_top2_bottomBt{margin-left:200px; margin-top:30px;}
#content_top2 #ct_top2_bottomBt #bbt_1{background:#b30000; color:white; padding:10px; width:80px; border:0; margin-right:10px;}
#content_top2 #ct_top2_bottomBt #bbt_2{color:#b30000; width:80px; padding:10px; border:2px solid #b30000; background:white; height:40px;}



/*footer*/
#bottom_category{width:100%; height:230px; background:#eeeeee; margin-top:30px;}
#b_c_content{width:1200px; height:200px; margin:0 auto; padding-top:30px;}
#b_c_content li{list-style-type:circle; margin-left:20px; font-size:0.9em; line-height:180%; margin-left:30px;}
#b_c_content ul{margin-top:30px;}
#b_c_img1{background:url(../images/main/libraryBg1.jpg) no-repeat; width:165px; height:165px; color:#ffffff; font-size:1.3em; font-weight:bold;}
#b_c_left{margin-right:30px;}

#b_c_left a{text-decoration:none; color:#000000;}
#b_c_img2{background:url(../images/main/libraryBg2.jpg) no-repeat; width:165px; height:165px; color:#ffffff; font-size:1.3em; font-weight:bold;}
#b_c_right a{text-decoration:none; color:#000000;}
#b_c_content p{margin:30px 0 0 20px; }


#footer1{width:100%; height:40px; border-bottom:1px solid #bbb; padding-top:20px;}
#footer1_ct{width:1200px; height:66px; margin:0 auto;}
#footer1_ct a{text-decoration:none; color:#000000; margin-right:25px;}
#footer1_ct div:first-child a{color:#b30000;}
#facebook{float:right;}
#footer1 select{margin-left:10px; border:1px solid #cccccc; height:25px;}
#footer2{width:1200px; height:177px; margin:0 auto;}
#footer2 #footer_logo{width:95px; height:70px; margin-top:50px;}
#footer2 #footer_logo .logo1{padding-left:5px;}
#footer2 p{margin-top:60px; font-size:0.93em; color:#5e5e5e; padding-right:70px;}
#footer2 #illust{margin-top:10px;}
#footer2 #mark{margin-top:50px; margin-left:140px;}