@charset "utf-8";

/***txt 컬러***/
span.intro_b_h3{color: #886544;}
span.intro_blue_h3{color: #5380d2; font-weight: bold;}
span.intro_red_h3{color: #c35256; font-weight: bold;}

/***txt 형광 밑줄***/
.highlight-underline { background: linear-gradient(to top, yellow 50%, transparent 50%);}
.red_bgtxt{padding: 5px; background: #ff0000; color: #fff;}
.c_dd{width: 100%; height: 22px;display: block;}
.dd_yellow{background: #ffff00;}
.dd_green{background: #baff1a;}
.dd_blue{background: #0000ff;}
.dd_pink{background: #ff00e5;}
.dd_dgreen{background: #008000;}
.dd_purple{background: #800080;}
.dd_orange{background: #ff843a;}
.dd_gray{background: #a6a6a6;}


/***도서관 소개***/
.conts h3.intro_h3, .conts h3.bd_tit{padding-left: 0;}
.conts h3.intro_h3:before, .conts h3.bd_tit:before{display:none;}

.intro_wrap{ background: #fbf9f8; padding: 310px 50px 90px 90px; margin-top: 190px; position: relative;}
.intro_wrap .intro_wrap_bg{position: absolute;  bottom: 4%;  right:0;}
.intro_wrap .intro_imgbox{background: url(/manhwalib/img/01/introimg.jpg) no-repeat left;  width: 83%; height: 395px; border: 5px solid #241216; position: absolute; top: -140px; left: 50%;  transform: translate(-50%, 0);}
.intro_wrap .intro_imgbox .intro_imgbox_titbox{position: absolute; bottom: -80px; left: -14px;}
.intro_wrap .intro_imgbox .intro_imgbox_titbox>img{}

.intro_wrap .intro_titbox{position: relative;}
.intro_wrap .intro_titbox .intro_b_h3_bg{position: absolute; left: 260px;  top: -6%;}
.intro_wrap .intro_titbox .intro_h3{font-size: 26px; color: #666666; line-height: 42px;}
.intro_wrap .intro_titbox .intro_h3 span.intro_b_h3{font-size: 42px; color: #886544; font-weight: 800;}

.intro_wrap .intro_titbox .intro_h3_btline{width: 100%; height: 1px; background: #dadde8;  margin: 28px 0;}

.intro_wrap .intro_titbox .intro_bttxt{font-size: 18px; color: #555555; line-height: 1.7; margin-bottom: 40px;}

.intro_wrap .intro_titbox .intro_btname{position: relative; z-index: 100;}
.intro_wrap .intro_titbox .intro_btname>p{font-size: 22px; font-weight: bold;  float: left; margin: 5px 15px 0 0;}
.intro_wrap .intro_titbox .intro_btname>img{}

@media (max-width: 870px) {
	.intro_wrap{padding: 310px 10% 90px 10%;}
}
@media (max-width: 582px) {
	.intro_wrap{padding: 270px 10% 90px 10%;}
	.intro_wrap .intro_titbox .intro_h3 span.intro_b_h3{font-size: 36px;}
	.intro_wrap .intro_titbox .intro_h3{line-height: 1.6;}
	.intro_wrap .intro_titbox .intro_h3{font-size: 20px;}
	.intro_wrap .intro_titbox .intro_b_h3_bg{display:none;}
	.intro_wrap .intro_titbox .intro_bttxt{font-size: 15px;}
	.intro_wrap .intro_titbox .intro_btname>p{font-size: 18px;}
	.intro_wrap .intro_titbox .intro_btname>img{width: 32%;}
	.intro_wrap .intro_wrap_bg{width: 46%;}
	.intro_wrap .intro_imgbox .intro_imgbox_titbox>img{width: 220px;}
	.intro_wrap .intro_imgbox .intro_imgbox_titbox{bottom: -60px; left: -12px;}
}
@media (max-width: 388px) {
	.intro_wrap .intro_titbox .intro_h3 span.intro_b_h3{font-size: 30px;}
}


/***연혁***/
.history_area{position: relative; padding:0 36% 0 64px; margin-top:6px;}

.history_wrap{width:100%; position: relative; display:flex; flex-wrap: wrap;}
.history_wrap::before {display: block;  content: '';  position: absolute;  left: 50%;  top: 0; width: 1px; height: 100%; background:#ddd;}
.history_wrap .left,
.history_wrap .right{width: 50%; box-sizing: border-box;}

.history_wrap .left .btit{color:#886544; font-size:32px; font-weight: bold;     position: relative;}
.history_wrap .left .btit:after{display: block; content: ''; position: absolute; left: 136px;  top: 10px; width:120px; height:1px; background:#ddd; }
.history_wrap .right{padding-left:35px;}
.history_wrap .right ul{position: relative; padding-bottom:65px;}
.history_wrap .right li{padding-bottom:20px;}
.history_wrap .right li span.tit{display:block; font-size:20px; font-weight: bold; margin-bottom:15px;}
.history_wrap .right li span.con{ }

.history_wrap .right ul:before {display: block; content: ''; position: absolute; left: -48px;  top: 0; width: 10px; height: 10px; background: #a95d17; border: 6px solid #fff4e9; border-radius: 50%;}

@media all and (max-width:1000px){

	.history_box .title{display:none;}
	
}


@media all and (max-width:768px){
	.history_area{padding: 0 0 0 0rem; background-size:200px;}
	.history_wrap{width:100%;}
	.history_wrap::before{left:0;}
	.history_wrap .left, .history_wrap .right{width:100%;}
	.history_wrap .left .btit{padding-left: 35px; margin-bottom:20px;}
	.history_wrap .left .btit:after{display:none;}

	.history_wrap .right ul{padding-bottom: 40px;}

	.history_box{padding: 30px;}
	.history_box br{display:none;}
	.history_box .btxt{    font-size: 24px; line-height: 26px;}
}




/***건물현황***/
.bd_wrap{ width: 100%; height: 418px; background: #fbf9f8; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
.bd_wrap .bd_content{display: flex; width: 100%; justify-content: center;}
.bd_wrap .bd_content .conbox{text-align: center; width: 28%;}

.bd_wrap .bd_content .conbox>img{}
.bd_wrap .bd_content .conbox .bd_tit{text-align: center; font-size: 22px; margin-top:0;}
.bd_wrap .bd_content .conbox .bd_h3_btline{width: 38px; height: 2px; background: #dddddd; margin: 0 auto;}
.bd_wrap .bd_content .conbox .bd_pointtxt{background: #c35256; padding: 8px 10%; display: inline-block;  border-radius: 30px; color: #fff;}
.bd_wrap .bd_content .conbox>p{}

@media (max-width: 1180px) {
	.bd_wrap .bd_content .conbox{margin: 0 5%;}
	.bd_wrap .bd_content .conbox>img{width: 60%;}
	.biwonslide .facilitySlide .swiper-slide span{font-size: 20px;}
}

@media (max-width: 600px) {
.bd_wrap .bd_content{flex-direction: column; align-items: center;}
.bd_wrap{height: auto;  padding: 8% 0;}
.bd_wrap .bd_content .conbox{ margin: 10% 20% 14% 20%; width: 46%;}
.bd_wrap .bd_content .conbox .bd_tit{font-size: 25px;}
.biwonslide .facilitySlide .swiper-slide span{padding: 16px; font-size: 18px;}
.biwonslide > button{height: auto; bottom: 17px;}
.biwonslide > button.Fprevb{right: 50px;}

}

@media (max-width: 400px) {
	.biwonslide > button.Fprevb{right: 30px;}
}




/***찾아오시는길***/
.mhmap_wrap{}

.mhmap_wrap .map_info_box{ width: 76%; height: 0; border-bottom: 94px solid #241216; border-left: 0 solid transparent; border-right: 44px solid transparent; position: relative;  left: 0px; bottom: 38px;  z-index: 100;}
.mhmap_wrap .map_info_box .map_info{width: 99.2%; height: 0; border-bottom: 87px solid #9e6530; border-left: 0 solid transparent; border-right: 40px solid transparent; position: absolute; top: 3px; left: 4px; color: #fff; line-height: 88px;}
.mhmap_wrap .map_info_box .map_info .info_gt{float: left; margin-left: 32px;}
.mhmap_wrap .map_info_box .map_info .add{}
.mhmap_wrap .map_info_box .map_info .add .tit::before{content: ''; width: 14px; height: 17px; background: url(/manhwalib/img/01/mapicon.png) no-repeat 0 0; display: inline-block; margin-right: 10px;}
.mhmap_wrap .map_info_box .map_info .add .tit, .mhmap_wrap .map_info_box .map_info .tel .tit{font-weight: 800;}
.mhmap_wrap .map_info_box .map_info .add .con, .mhmap_wrap .map_info_box .map_info .tel .con{margin-left: 15px;}

.mhmap_wrap .map_info_box .map_info .map_line{margin-top: 38px;}

.mhmap_wrap .map_info_box .map_info .tel{}
.mhmap_wrap .map_info_box .map_info .tel .tit::before{content: ''; width: 14px; height: 15px; background: url(/manhwalib/img/01/callicon.png) no-repeat 0 0; display: inline-block; margin-right: 10px;}

.mhmap_wrap .map_info_box .map_info .map_go{line-height: normal; background: #57391d; padding: 12px 43px 12px 26px; border-radius: 30px;  margin-top: 23px;     box-shadow: 10px 10px 9px rgb(0, 0, 0, 0.2); color: #fff;}
.mhmap_wrap .map_info_box .map_info .map_go::after{content: ''; width: 35px; height: 16px; background: url(/manhwalib/img/01/goicon.png) no-repeat 0 0; display: inline-block;     margin: 10px  0 0 10px; }

.mhmap_wrap .map_info_box .map_info .map_bg{position: absolute; right: -10px;  top: 14px; }


.traffic_wrap{padding: 40px 90px; border: 1px solid #d6bfaa; border-radius: 10px; display: flex; align-items: center;}
.traffic_wrap .trf_line{}
.traffic_wrap .trf_l_con{margin-right: 9%; text-align: center;}
.traffic_wrap .trf_l_con .trf_l_img{}
.traffic_wrap .trf_l_con .trf_l_tit{display: block;}

.traffic_wrap .trf_r_con{margin-left: 6%;}
.traffic_wrap .trf_r_con .trf_r_h4{margin-top:0;}

.call_ul .call_li{padding:28px 50px; background:#fbf9f8;     border-radius: 10px;}
ul[class^="list_ul"] >li.call_li:before{ left: 37px; top: 36px;}

@media (max-width: 1390px) {
.mhmap_wrap .map_info_box .map_info .map_go{margin-top:0;}
.mhmap_wrap .map_info_box{border-bottom: 171px solid #241216;}
.mhmap_wrap .map_info_box .map_info{ width: 99%;  border-bottom: 165px solid #9e6530; border-right: 42px solid transparent;}
.mhmap_wrap .map_info_box .map_info .map_bg{top: 93px;}
}

@media (max-width: 1230px) {
	.mhmap_wrap .map_info_box .map_info{line-height: 48px; border-bottom: 180px solid #9e6530; width: 98.4%;}
	.mhmap_wrap .map_info_box .map_info .map_line{display:none;}
	.mhmap_wrap .map_info_box .map_info .info_gt{float: none;}
	.mhmap_wrap .map_info_box .map_info .add {margin-top: 15px;}
	.mhmap_wrap .map_info_box{border-bottom: 187px solid #241216;}
	.mhmap_wrap .map_info_box .map_info .map_bg{top: 108px;}
	.mhmap_wrap .map_info_box{width: 53%;}
}

@media (max-width: 800px) {
	.traffic_wrap{padding: 40px 60px;}
}

@media (max-width: 660px) {
	.mhmap_wrap .map_info_box .map_info .info_gt{display: flex; flex-direction: column;}
	.mhmap_wrap .map_info_box{border-bottom: 289px solid #241216;}
	.mhmap_wrap .map_info_box .map_info{border-bottom: 283px solid #9e6530; width: 97.9%;}
	.mhmap_wrap .map_info_box .map_info .map_bg{top: 210px;}
	.mhmap_wrap .map_info_box .map_info .map_line{display:none;}
	.mhmap_wrap .map_info_box{ bottom: 136px}
}

@media (max-width: 522px) {
.mhmap_wrap .map_info_box .map_info .info_gt .con{line-height: 1.8;}
.mhmap_wrap .map_info_box .map_info{width: 97%;}
.mhmap_wrap .map_info_box .map_info .map_go {margin-top: 10px;}
}

@media (max-width: 530px) {
	.traffic_wrap{ flex-direction: column;}
	.traffic_wrap .trf_line{transform: rotate(90deg);}
	.traffic_wrap .trf_r_con{margin-top: -50px;}
	.traffic_wrap .trf_l_con{ margin-bottom: -50px; text-align: center;}
	.traffic_wrap .trf_l_con .trf_l_tit{margin-top: 16px;}
}

 /*@media (max-width: 405px) {
	.mhmap_wrap .map_info_box{border-bottom: 320px solid #241216;}
	.mhmap_wrap .map_info_box .map_info{border-bottom: 314px solid #9e6530;}
} */
@media (max-width: 405px) {
.mhmap_wrap .map_info_box .map_info{border-right: 0px solid transparent;}
.mhmap_wrap .map_info_box{border-right: 0px solid transparent;}
.mhmap_wrap .map_info_box{ width: 70%;}
.mhmap_wrap .map_info_box .map_info .map_go{display: inline-block;}
.mhmap_wrap .map_info_box .map_info .add .con, .mhmap_wrap .map_info_box .map_info .tel .con{margin: 0 15px;}
.mhmap_wrap .map_info_box .map_info .map_bg{right: 10px;}
} 







/***층별안내***/
.f_wrap{width: 100%; height: auto; border: 1px solid #d0c8c1; border-radius: 10px; /*text-align: center;*/}
.f_wrap_n04{margin-bottom:30px;}

.f_wrap .tabmenu{padding: 45px 47px; background: #fbf9f8; border-radius: 10px 10px 0 0; margin-bottom: 0;}
.f_wrap .tabmenu_n04{border-radius: 10px;}
.f_wrap .tabmenu .n00{/*text-align: center;*/ border: 1px solid #d0c8c0; border-radius: 60px; background: #fff;}
.f_wrap .tabmenu_n04 .n04{border-radius: 30px;}
.f_wrap .tabmenu .n00>li{width: 25%; border-right:none; border:none;}
.f_wrap .tabmenu .n02>li{width: 50%; border-right:none; border:none;}
.f_wrap .tabmenu .n03>li{width: 33.333%; border-right:none; border:none;}
.f_wrap .tabmenu .n00>li.active{}
.f_wrap .tabmenu .n00>li.active>a{background: #a95d17; font-weight: 700;}
.f_wrap .tabmenu .n00>li.active a:after { width: 25px; height: 25px; background: url(/manhwalib/img/01/active_check.png) no-repeat 0 0; position: absolute; margin-top: -12px; content: "";}
.f_wrap .tabmenu .n00>li>a{background: #ffffff; border-radius: 60px;}
.f_wrap .tabmenu .n00>li>a:after { width: 27px; height: 27px; background: url(/manhwalib/img/01/check.png) no-repeat 0 0; position: absolute; margin-top: -12px; right: 20px; top: 50%; content: "";}

.tabmenu ul.n02 li:nth-child(3), .tabmenu ul.n02 li:nth-child(5), .tabmenu ul.n02 li:nth-child(7){border-left: none;}

.f_wrap .tabCon{padding: 0 15%;}
.f_wrap .tabCon .img_respon{margin:60px 0; }
.f_wrap .tabCon .img_respon>a{}

.f_wrap .f_lineimg{}

.f_wrap .guide_con{    padding: 30px 9% 40px 9%; display: flex; align-items: center;}
.f_wrap .guide_con .g_tit{padding: 7px 30px; background: #c35256; border-radius: 30px; color: #fff; font-weight: 700;}
.f_wrap .guide_con .g_icon{display: flex;     margin-left: 30px; margin-top: -9px;}
.f_wrap .guide_con .g_icon>li{}
.f_wrap .guide_con .g_icon>li:before{content: ""; width: 32px; height: 32px; display: inline-block; position: relative;  margin-right: 10px;  top: 10px;}
.f_wrap .guide_con .g_icon>li:after{content: ""; background: #d4d9e6; width: 4px;  height: 4px;  display: inline-block;  position: relative;  margin: 0 18px; top: -4px;}
.f_wrap .guide_con .g_icon>li:nth-child(1):before{background: url(/manhwalib/img/01/gd_icon1.png) no-repeat 0 0;}
.f_wrap .guide_con .g_icon>li:nth-child(2):before{background: url(/manhwalib/img/01/gd_icon2.png) no-repeat 0 0;}
.f_wrap .guide_con .g_icon>li:nth-child(3):before{background: url(/manhwalib/img/01/gd_icon3.png) no-repeat 0 0;}
.f_wrap .guide_con .g_icon>li:nth-child(4):before{background: url(/manhwalib/img/01/gd_icon4.png) no-repeat 0 0;}
.f_wrap .guide_con .g_icon>li:nth-child(4):after{display:none;}


.f_content{background: #fbf9f8; border-radius: 10px; border: 1px solid #d0c8c0; margin-top: 30px; display: flex; align-items: center; padding: 40px 75px;}
.f_content .f_c_h3{padding-left:0; font-weight: 800; font-size: 26px; color: #734d29; margin: 0 75px 0 0;}
.f_content .f_c_h3:before{display:none;} 
.f_content .f_c_txt{margin-top: 0;}

@media (max-width: 1260px) {
	.f_wrap .guide_con{flex-direction: column;}
	.f_wrap .guide_con .g_tit{margin-bottom: 30px;}
	.f_wrap .guide_con .g_icon{margin-left: 0;}
	
}

@media (max-width: 1152px) {
	.f_wrap .guide_con{padding: 30px 1% 40px 1%;}
}


@media (max-width: 702px) {
	.f_wrap .tabmenu{    padding: 25px;}
	.f_wrap .guide_con .g_icon{flex-direction: column; align-items: flex-start;}
	.f_wrap .guide_con .g_icon>li:after{display:none;}
	
	.f_wrap .tabmenu .n00{ border:none; border-radius: 0; background: none; display: flex; flex-direction: column;}
	.f_wrap .tabmenu .n00>li{border-radius: 60px;   width: 100%; margin:2.5px 0;}
	.f_wrap .tabmenu .n00>li>a{border: 1px solid #d0c8c0;}
	
}

@media (max-width: 560px) {
	.f_content{flex-direction: column; padding: 40px 50px;}
	.f_content .f_c_h3{margin: 0;}
	.f_content .f_c_txt{text-align: center;     margin-top: 20px;}
}



/***이용안내***/
.view_tbl_wrap a.view_icon{display: flex; flex-direction: column; align-items: center;}
.view_tbl_wrap a.view_icon .view_icontxt{margin-top: 10px;}
.conts a.view_icon[target="_blank"]:after{display:none}

.div_dv{display: flex; justify-content: space-between;   flex-wrap: wrap;}
.div_dv ul{width:53%;}
.div_dv img{width:30%;}

@media (max-width: 900px) {
	.div_dv{flex-direction: column-reverse;}
	.div_dv ul,
	.div_dv img{width:100%;}
	.div_dv img{margin-bottom:15px;}
}