body{margin:0; padding:0; font:0.9em "맑은 고딕","돋음",sans-serif; letter-spacing:-1px;}
*{margin:0; padding:0; border:0;}
html{overflow-y:scroll; overflow-x:hidden;}
ul, li{list-style:none;}
.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;
}





/*여기서부터 서치부분*/

#search_front{width:1200px; height:700px; position:absolute; top:450px; z-index:10;}
#search{width:1200px; height:73px;}
#search_left1{width:230px; height:73px; background:#554246;}
#left_group{padding:21px 0; margin-left:45px;}
.leftext{color:white; font-size:1.3em; margin-left:15px; padding-top:2px;}


#search_left2{width:850px; height:73px; background-color:rgba(255,255,255,0.6); color:#595959; font-size:1.3em; padding-left:20px;}
#search_left3{width:100px; height:73px; background:url(../images/main/searchBtn.png) center center no-repeat #996b56; cursor:pointer;}


#notice{width:1200px; height:300px; margin-top:75px;}
#notice_top{width:1200px; height:80px; background:rgba(37,45,70,0.8);}
#tap1, #tap2, #tap3{width:266px; height:52px; text-align:center; padding-top:28px;}
#tap1 a{color:#000000; font-size:1.3em; display:block; background:url(../images/main/noticeListBgOn.png)center right no-repeat; width:240px; margin:0 auto;}
#tap2 a, #tap3 a{color:#ffffff; font-size:1.3em; display:block; background:url(../images/main/noticeListBg.png)center right no-repeat; width:240px; margin:0 auto;}
#notice_top #tap1{background:#ffffff;}

#notice_bottom{width:1200px; height:240px; background:#ffffff;}
#n_b_left{width:610px; height:180px; padding:30px 45px;}
#n_b_text{width:460px; height:152px; padding:30px 0 0 15px; border-right:1px solid #eeeeee;}
#n_b_text a ul{font-size:1.3em; margin-right:20px;}
#n_b_text a ul li p{font-size:0.75em; padding-top:20px;}


#n_b_right_ct{width:440px; height:180px; margin:50px 10px; line-height:25px;}
#n_b_right_ct li{width:70px; text-align:left; float:left;}
#n_b_right_ct li.title{list-style-type:circle; text-align:left; width:320px; float:left; margin-right:40px;}


#icon_group{width:1200px; height:170px; margin:0 auto;}
#icon_group_ct{width:1150px; height:170px; margin:0 auto; padding-left:50px;}
#icon_group li{width:120px; height:110px; text-align:center; margin-top:-30px;}
#icon_group li a{width:120px; height:110px; display:block;}
#icon_group li span{font-size:12px; padding-top:100px; display:block;}
#icon1{background:url(../images/main/quick1.png) center center no-repeat #eeeeee;}
#icon2{background:url(../images/main/quick2.png) center center no-repeat #eeeeee;}
#icon3{background:url(../images/main/quick3.png) center center no-repeat #eeeeee;}
#icon4{background:url(../images/main/quick4.png) center center no-repeat #eeeeee;}
#icon5{background:url(../images/main/quick5.png) center center no-repeat #eeeeee;}
#icon6{background:url(../images/main/quickMenu1.png) center center no-repeat #eeeeee;}
#icon7{background:url(../images/main/quickMenu2.png) center center no-repeat #eeeeee;}
#icon8{background:url(../images/main/quickMenu3.png) center center no-repeat #eeeeee;}
#icon9{background:url(../images/main/quickMenu4.png) center center no-repeat #eeeeee;}


#main_image{width:100%; height:570px; margin:0 auto; background:url(../images/main/mainVisual5.jpg) no-repeat; background-size: cover; }

#middle1_bg{width:100%; height:300px; background:#eee;}
#middle2_info{width:1206px; height:270px; margin:40px auto;}
#box1{width:371px; height:260px;}
#box1_top{width:371px; height:100px; background:url(../images/main/todayInfoBg.jpg) no-repeat; color:#ffffff; font-size:1.3em;}
#box1_top span{font-size:0.8em;}
#box1_top>div{padding:20px 0 0 20px;}
#box1_bottom{width:371px; height:160px; background:#ffffff; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#b1_b_tgroup1{width:300px; height:60px; padding:20px 0 0 40px;}
#b1_b_tgroup1 li{width:150px; float:left; line-height:150%; font-size:0.9em;}
#b1_b_tgroup2{padding-left:40px;}
#b1_b_tgroup2 li{line-height:180%;}


#box2{width:202px; height:260px; background:#e13145;}
#b2_top_icon{width:202px; height:60px; background:url(../images/main/eventBg.png) no-repeat center bottom #e13145; text-align:center; color:#ffffff;}
#b2_top_text{text-align:center; width:160px; margin:15px auto; height:40px; border-bottom:0.5px solid #ff8282;}
#b2_top_text a{text-decoration:none; color:white; font-size:1.2em;}
#box2_bottom p{text-align:center; font-size:1.25em; letter-spacing:-1px; color:#ffffff;}
#box2_bottom p.b2_b_text1{padding:10px; color:#000000; font-weight:bold; font-size:1.2em;}



#box3{width:187px; height:260px; background:url(../images/main/weatherBg.jpg) no-repeat; text-align:center; color:#ffffff;}
#box3 p.b3_p1{padding-top:30px; font-size:1.05em; font-weight:bold;}
#box3 p.b3_p2{padding-top:8px; font-size:2.5em; font-weight:normal;}
#box3 dl{width:160px; height:35px; border-top:1px solid #969696; border-bottom:1px solid #969696; margin:0 auto; margin-top:40px; margin-bottom:15px;}
#box3 dt,#box3 dd{float:left; text-align:left; padding-top:7px; padding-left:10px;}
#box3 dd{padding-left:20px; color:#d8bd01;}
#box3 a.b3_button{background:url(../images/main/seoulPlaza.jpg) no-repeat; width:124px; height:25px; margin:0 auto; display:block;}


#box4{width:204px; height:260px; background:url(../images/main/libInfoBg.jpg) no-repeat;}
#box5{width:238px; height:261px;}
#box5_top1{width:117px; height:131px; background:url(../images/main/telBg.png) 50% 33px no-repeat #996b56; text-align:center;}
#box5_top2{width:117px; height:130px; background:url(../images/main/mapBg.png) 50% 33px no-repeat #ffffff; border-right:1px solid #ccc; border-top:1px solid #cccccc; text-align:center;}
#box5_top1 a{text-decoration:none; display:block; color:#ffffff; padding-top:90px;}
#box5_top2 a{text-decoration:none; display:block; color:#000000; padding-top:90px;}

#box5_bottom{width:237px; height:130px; background:url(../images/main/supportBg1.jpg) no-repeat; text-align:center;}
#box5_bottom_icon{background:url(../images/main/supportBg2.png) 50% 29px no-repeat; width:237px; height:130px;}
#box5_bottom_icon a{text-decoration:none; display:block; color:#ffffff; padding-top:90px;}

#middle3_news{width:100%; height:430px; background:#eee; position:relative;}
#middle3_news_ct{width:1200px; height:400px; margin:0 auto; position:relative; padding-top:40px; padding-left:120px;}
#middle3_news_ct li{margin:10px; width:190px; height:330px;background:#ffffff;}
#middle3_news_ct li p{width:180px; padding-left:7px; padding-top:3px;}
#middle3_news_ct li img{padding:7px 0 0 7px;}
#middle3_news_ct span{background:#008c69; color:#ffffff; font-size:0.9em; padding:2px;}
#middle3_news_ct #m3_ct1 span{background:#b30000; color:#ffffff; font-size:0.9em; padding:2px;}
#middle3_news_ct #m3_ct2 span{background:#001a66; color:#ffffff; font-size:0.9em; padding:2px;}
#middle3_news_ct p.m3_text{font-size:0.85em; padding-top:30px;}

#middle3_morebt{width:104px; height:60px; background:url(../images/main/eventMore.png) no-repeat; position:absolute; top:430px; left:48.9%;}


#middle4_book{width:1200px; height:350px; margin:0 auto;}
#m4_book_ct{width:1200px; height:350px; margin-top:60px;}
#m4_left{width:840px; height:350px;}
#m4_left_top{width:830px; height:50px; letter-spacing:-2px;}
#m4_left_top a{font-size:1.4em; text-decoration:none; padding-right:30px; color:#000000;}
#m4_left_bottom{width:850px; height:250px;}
#m4_left_bottom li{width:134px; height:250px; margin-right:30px;  font-size:0.9em;}
#m4_left_bottom li img{border:1px solid #cccccc;}
#m4_right{width:350px; height:270px; margin-left:10px;}



#middle5_slogan{width:1200px; height:245px; background:url(../images/main/spring.jpg) fixed; margin:0 auto;}
#m5_text{background:url(../images/main/visualText.png) center center no-repeat; width:1200px; height:245px;}

#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;}


/*validator*/
.validator{position:absolute; top:0; left:0;}