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_top2{width:1200px; height:850px; margin-top:35px;}
#content_top2 ul{margin-top:50px; text-indent:34px;}
#content_top2 ul li{list-style:none; line-height:180%; color:#777777;}
#content_top2 ul li.ct_top2_t_tit{list-style:none; text-indent:10px; font-size:1.3em;}
#content_top2 ul li.ct_top2_t_tit span{padding-left:10px; color:#000000;}

#content_top2 table{width:1150px; height:200px; border-collapse:collapse; margin-bottom:10px; border-top:3px solid #596c8e; margin-left:35px; margin-top:10px;}
#content_top2 table td, #content_top2 table th{border:1px solid #cacad1; text-align:center;}
#content_top2 table th{background:#f0f0f4; height:50px;}
#content_top2 table tr .bor_left{border-left:0;}
#content_top2 table tr .bor_right{border-right:0;}

#content_top2 p{color:#d90000; margin-left:35px;}

#ct_top2_t4>li>ul{width:730px; height:100px; border:solid 1px #c9c9c9; margin-top:10px; margin-left:30px; padding-left:430px; padding-top:30px;}
#ct_top2_t4>li>ul>li{float:left; margin-right:20px;}
#ct_top2_t4>li>ul>li .yellow_date{background:url(../images/main/holidayBg.png) center center no-repeat; width:52px; height:42px; text-align:center; padding-top:11px;}
#ct_top2_t4>li>ul>li>div{text-align:center; text-indent:0;}

/*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;}