@charset "utf-8";


*{box-sizing:border-box;  letter-spacing:-1px;}

/*폰트*/
@font-face {
	font-family: 'ONE-Mobile-POP';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url(/resources/openworks4/font/bbd-lib/ONEMobilePOP.woff2) format('woff2');
}


/*공통 레이아웃*/
main#container{padding-bottom:0;}
#wrap{max-width:1920px;}
.inner{width:1520px; margin:0 auto; position:relative; max-width:100%;}
.header__nav .hinner {position: relative; background:rgba(255, 255, 255, 0.75);}
.header__nav .hinner:before{position:absolute;display:block;content:"";width:200px;height:100%;background:rgba(255, 255, 255, 0.75);top:0;left: -200px;}
h2{font-size:45px; font-weight:normal;font-family:'HakgyoansimDunggeunmisoTTF-B'; letter-spacing:-1px;}


/*메인 상단*/
.main_top{width:100%; padding-top:90px;}
.main_img{position: absolute;top: 0;left: 0;width: calc(1520px + ((100% - 1520px) / 2));height: 530px;z-index: -1;background:url(/resources/familysite/bbd-lib/images/main/main_top_bg.jpg) no-repeat;background-color: #dddddd;background-size: cover;}
.mt_in{width:100%; position:relative;}


/*알림존*/
.mbanner_wrap{display: flex;position: relative;z-index: 1;justify-content: flex-end;margin-top: 45px;}
.mbanner{position:relative;display:flex;flex-wrap:wrap;text-align:right;width: 660px;background-color:#ffc738;border-radius: 210px 0 0 210px;padding: 25px 10px 20px 10px;z-index:-2;justify-content: flex-end;}
.mbanner:before{position:absolute;content:'';width:117px;height:178px;bottom:0px; left: -18px;background: url(/resources/familysite/bbd-lib/images/main/character1.png)no-repeat; background-size:100%;}
.mbanner:after{position:absolute;content:'';width:100%;height: 640px;top:0;right: -200px;z-index: -2;background: #ffc738 url(/resources/familysite/bbd-lib/images/main/menu_go_bg.png)no-repeat;background-position: bottom 151px left 275px;background-size: 50%;}
.mbanner-swiper{position:relative;border-radius:30px 0 30px 30px;font-size: 0;}
.mbanner-swiper img{width:100%;}
.mbanner-swiper-slide{width:520px;height:311px;border-radius:30px 30px 0 30px;overflow:hidden;}
.mbanner-swiper-slide img{width:100%;}
.mbanner-swiper-ctrls{position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.7); border-radius:22px 22px 0 22px; z-index:2; font-size:17px;font-weight:800; color:#fff; display: flex;align-items: center;justify-content: flex-end; padding:10px 15px;}
.mbanner-swiper-ctrls .data-nums{margin-right: 20px; letter-spacing:-1px;}
.mbanner-swiper-ctrls .data-nav{display:flex;align-items: center;}
.mbanner-swiper-ctrls .data-nav > button {background: url(/resources/familysite/bbd-lib/images/main/main_barr.png)no-repeat;width:14px;height:17px;border: 0;}
.mbanner-swiper-ctrls .data-nav > button.btn-next{transform: rotate(180deg);}
.mbanner-swiper-ctrls .data-nav .data-auto{margin: 0 15px;font-size: 0;}
.mbanner-swiper-ctrls .data-nav .data-auto .btn-stop{background:  url(/resources/familysite/bbd-lib/images/main/main_bstop.png)no-repeat;width:15px;height:17px;border: 0; background-size: 100%;}
.mbanner-swiper-ctrls .data-nav .data-auto .btn-play{background: url(/resources/familysite/bbd-lib/images/main/main_bstart.png)no-repeat;width:14px;height:17px;border: 0; display:none; background-size: 100%;}


/*이용안내*/
.use_info{position:absolute;left:0;bottom: 0px;display:flex;flex-wrap:wrap;align-items: center;background:rgba(255,255,255,0.75);width: 100%;}
.use_info:before{position:absolute; content:''; background:rgba(255,255,255,0.75); width:100%; height:100%; left:-100%;}
.use_info .us_list{width:calc(100% - 640px);}
.use_info .us_list ul{display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.use_info .us_list ul li{display:inline-block;margin-right: 3%;padding: 18px 13px;font-size: 18px;}
.use_info .us_list ul li:last-child{margin-right:0;}
.use_info .us_list ul li .usl_tit{position:relative; font-size:19px;font-weight:800;padding-left:31px;}
.use_info .us_list ul li .usl_tit:before{position:absolute;content:'';width:25px;height:24px;top:0;left:0;background: url(/resources/familysite/bbd-lib/images/main/m_info1.svg)no-repeat; background-size:100%;}
.use_info .us_list ul li:nth-child(2) .usl_tit:before{background: url(/resources/familysite/bbd-lib/images/main/m_info2.svg)no-repeat; background-size:100%;}
.use_info .us_list ul li:nth-child(3) .usl_tit:before{background: url(/resources/familysite/bbd-lib/images/main/m_info3.svg)no-repeat; background-size:100%;}
.use_info .us_list ul li .usl_txt{padding-left:10px;}
.use_info .us_list ul li .usl_txt a{color:#000;}


/*메인 중앙(주요메뉴, 프로그램 운영안내)*/
.main_mid{position:relative;width:100%;padding: 75px 0 200px 0;background:#fff url(/resources/familysite/bbd-lib/images/main/mm_bg.png)no-repeat;border-radius:0 220px 220px 0;z-index:1;background-position: bottom -120px right 0px;background-size: 47%;}

/*주요메뉴*/
.direct_go{position:relative; display:flex;flex-wrap:wrap;margin-bottom:110px;align-items: center; margin-right: 20px;}
.direct_go ul:before{position:absolute;content:'';width:126px;height:274px;top: 79px;right: -14%;background: url(/resources/familysite/bbd-lib/images/main/character2.png)no-repeat;background-size:100%;}
.direct_go .dg_tit{position:relative;padding: 50px 50px 50px 10px;text-align: right;background-color:#ffde4c;border-radius:0 20px 20px 0;box-shadow: 3px 3px 3px 0px #e3e3e3;}
.direct_go .dg_tit:before{position:absolute;content:'';width:200px;height:100%;top:0;left:-200px;background-color:#ffde4c;box-shadow: 2px 3px 3px 0px #e3e3e3;z-index: -1;}
.direct_go .dg_tit span{font-size:36px;font-weight:normal;font-family:'HakgyoansimDunggeunmisoTTF-B';letter-spacing: -1px;}

.direct_go .dg_list{width:calc(100% - 230px);}
.direct_go .dg_list ul{position:relative; display:flex;flex-wrap: wrap;align-items: center;text-align:center;background-color:#fffaf3;border:1px dashed #f6d6a9;border-radius:0 20px 20px 0;height:100%;justify-content: center; z-index:0;}
.direct_go .dg_list ul li{display:inline-block;width:calc(100%/4); padding:45px 20px; border-right:2px dashed #f6d6a9;}
.direct_go .dg_list ul li:last-child{border-right:0;}
.direct_go .dg_list ul li div{display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;}
.direct_go .dg_list ul li a{text-align:left; padding-left:78px; position:relative; font-size:21px;font-weight:800;margin-bottom: 5px; color:#000;}
.direct_go .dg_list ul li a:before{position:absolute;content:'';width:65px;height:65px;top:50%;left:0; transform:translateY(-50%);background: url(/resources/familysite/bbd-lib/images/main/d_go1.svg)no-repeat; background-size:100%;}
.direct_go .dg_list ul li:nth-child(2) a:before{background: url(/resources/familysite/bbd-lib/images/main/d_go2.svg)no-repeat; background-size:100%;}
.direct_go .dg_list ul li:nth-child(3) a:before{background: url(/resources/familysite/bbd-lib/images/main/d_go3.svg)no-repeat; background-size:100%;}
.direct_go .dg_list ul li:nth-child(4) a:before{background: url(/resources/familysite/bbd-lib/images/main/d_go4.svg)no-repeat; background-size:100%;}
.direct_go .dg_list ul li a span{position:relative;z-index: 0;}
.direct_go .dg_list ul li a span:before{position:absolute;content:'';background-color:#ffe4af;width:calc(100% + 8px);height:10px;left:-4px;bottom:-5px; border-radius:5px; z-index: -1; opacity:0; transition:0.2s all ease;}
.direct_go .dg_list ul li a:hover span:before{ opacity:1;}

/*프로그램 운영안내*/
.facil_info{position:relative; width:100%; text-align:center;}
.facil_info h2{position:relative; display:inline-block; line-height: 1.18em;color: #000; margin-bottom:70px;}
.facil_info h2:before{position:absolute; content:''; width:calc(100% + 40px); height: 27%; border-radius:50%; background-color:#ffa800; bottom:0px; left:-20px; z-index:-1;}

.facil_info ul{font-size:0;}
.facil_info ul li{position:relative; display:inline-block;width:calc((100% - 120px)/5);margin-right:30px;border-radius:130px;background-color:#b7ffe6;vertical-align:top;}
.facil_info ul li:nth-child(2n){margin-top:60px;}
.facil_info ul li:last-child{margin-right:0;}
.facil_info ul li a.facil_wrap{position:relative;width: 100%;background:url(/resources/familysite/bbd-lib/images/main/facil1.jpg)no-repeat center;border-radius:130px;display: inline-block;color:#000;background-size:cover;overflow: hidden;}
.facil_info ul li:nth-child(2) a.facil_wrap{background:url(/resources/familysite/bbd-lib/images/main/facil2.jpg)no-repeat center; background-size:cover;}
.facil_info ul li:nth-child(3) a.facil_wrap{background:url(/resources/familysite/bbd-lib/images/main/facil3.jpg)no-repeat center; background-size:cover;}
.facil_info ul li:nth-child(4) a.facil_wrap{background:url(/resources/familysite/bbd-lib/images/main/facil4.jpg)no-repeat center; background-size:cover;}
.facil_info ul li:nth-child(5) a.facil_wrap{background:url(/resources/familysite/bbd-lib/images/main/facil5.jpg)no-repeat center right; background-size:cover;}
.facil_info ul li a.facil_wrap .facil_tit{position:relative;font-size:26px;font-weight:800;margin-top: 90%;z-index:1;background: rgba(0,0,0,0.7);color: #fff;padding: 30px 0 35px 0;}
.facil_info ul li:hover a.facil_wrap .facil_tit{color:#b9fee6;}
.facil_info ul li:hover:after{opacity:1;}



/*메인 하단*/
.main_bottom{width:100%; position:relative;}
.main_bottom:before{position:absolute;content:'';width:131px;height:216px;top: -270px;left: 70px;background: url(/resources/familysite/bbd-lib/images/main/character3.png)no-repeat;background-size:100%;z-index: 1;}

.main_bottom .inner {display:flex;flex-wrap: wrap;align-items: center;}

.notice{position:relative;width: 100%;margin-left:50px;background:#1d614b url(/resources/familysite/bbd-lib/images/main/noti_bg.jpg);border-radius:90px 0 0 0;padding: 0px 10px 0px 50px;}
.notice:before{position:absolute;content:'';width:202px; z-index:1; height:168px; top:-100px; right: 0px;background: url(/resources/familysite/bbd-lib/images/main/character4.png)no-repeat; background-size:100%;}
.notice:after{position:absolute;content:'';width: 100%;height:calc(100% + 280px);top: -190px;right: -200px;z-index: -2;background: #1d614b url(/resources/familysite/bbd-lib/images/main/noti_bg.jpg);}

.notice h2{position:absolute;padding-left:70px;margin-left: 20px;letter-spacing:-1px;top:-75px;z-index:1;}
.notice h2:before{position:absolute; content:''; width:56px; height:52px; background: url(/resources/familysite/bbd-lib/images/main/noti_icon.svg)no-repeat; left:0; top:50%; transform:translateY(-50%);}
.notice h2 a{position:relative; display:inline-block; color: #000;}
.notice h2 a:before{position:absolute; content:''; width:25px; height:5px; background-color: #06836a; border-radius:2.5px;right:-32px; top:10px; transition:0.3s all ease;}
.notice h2 a:after{position:absolute; content:''; width:5px; height:25px; background-color: #06836a; border-radius:2.5px;right:-22px; top:0px; transition:0.3s all ease;}
.notice h2 a:hover:before,.notice h2 a:hover:after {transform:rotate(90deg);}

.notice .notice_list{width:100%;}
.notice .notice_list ul{width:100%;display:flex;flex-wrap:wrap;padding: 60px 0;}
.notice .notice_list ul li{width:calc(100%/3); border-right:1px dashed #66968e; padding:15px 30px; }
.notice .notice_list ul li:last-child{border-right:0;}
.notice .notice_list ul li a{display:flex;color:#fff;align-items: center;transition:0.3s all ease;}

.notice .notice_list ul li a div .tit{font-size:24px; font-weight:800; margin-bottom:18px; line-height: 1.3em;}
.notice .notice_list ul li a div .txt{font-size: 18px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; margin-bottom:18px; }
.notice .notice_list ul li a .date{font-size: 18px;font-weight:700;color:#ffe262;margin-right:25px;}

.notice .notice_list ul li a:hover{color:#ffe262;}

.notice .notice_list ul li.nothing{color:#fff; border:1px solid #a5cabf; font-size: 18px; text-align:center; padding:50px 20px; border-radius:30px; margin-top:20px; background: rgba(255, 255, 255, 0.1); width:100%;}
.notice .notice_list ul li.nothing a{justify-content: center;}



@media  screen and (max-width:1880px)
{

/*메인중간*/
.main_mid:before{width: 250px;height: 293px;top: 35%;left: -40px;}
}

@media  screen and (max-width:1770px)
{
/*캐릭터*/
.mbanner:before{width: 110px;height: 169px; bottom:10px;left: 5px;}
.direct_go ul:before{width: 105px;height: 229px;top: 133px;right:0;}
.main_bottom:before{width:111px;height: 185px;top: -258px;left: 20px;}

.notice:before{width:182px;height:152px;top:-100px;right: 0px;}

.menu_go ul:after{background-position: bottom 170px left 35%;background-size: 50%;}

/*메인중간*/
.main_mid:before{width: 250px;height: 293px;top: 30%;left: -70px;}
}


@media  screen and (max-width:1550px)
{
.inner{padding:0 15px;}
.main_img{width:100%;}

/*메인하단*/
.mbanner-swiper-ctrls{padding: 15px 22px;}
.mbanner-swiper-ctrls .data-nums{margin-right: 18px;}
}

@media  screen and (max-width:1510px)
{
.mbanner:before{width: 110px;height: 169px;left: -15px;}
	
/*이용안내*/
.use_info .us_list ul li{margin-right: 10px;}
.use_info .us_list ul li .usl_tit{font-size: 19px;padding-left: 25px;}
.use_info .us_list ul li .usl_tit:before{width:20px;height:19px;top:50%; transform:translateY(-50%);}
.use_info .us_list ul li .usl_txt{padding-left: 8px; font-size: 18px;}

.mbanner{width:640px;}

}

@media  screen and (max-width:1415px)
{
/*이용안내*/
.use_info{background:none;}
.use_info .us_list ul{display:inline-block; padding:15px 0; background: rgba(255, 255, 255, 0.75); border-radius : 0 15px 0 0;}
.use_info .us_list ul li{display:block;padding: 5px 20px 5px 20px;margin-right:0;}
.use_info .us_list ul li .usl_tit{font-size: 19px;padding-left: 25px;}
.use_info .us_list ul li .usl_tit:before{width:20px;height:19px;top:50%; transform:translateY(-50%);}
.use_info .us_list ul li .usl_txt{padding-left: 7px;font-size: 18px;}
}


@media  screen and (max-width:1250px)
{
/*메인상단*/
.main_img{height: 450px; overflow:hidden;}
.mbanner_wrap{margin-top: 10px;}
.mbanner{padding: 25px 10px 20px 10px;}

.direct_go ul:before{width: 90px;height: 198px;top: 115px;}
	
/*독서체험관 시설안내*/
h2{font-size:40px;}
.facil_info h2{margin-bottom: 50px;}
.facil_info ul li{width: calc((100% - 80px) / 5);margin-right: 20px;}
.facil_info ul li a.facil_wrap .facil_tit{font-size: 25px;}

/*주요메뉴*/
.direct_go .dg_tit{padding: 50px 40px 50px 10px;}
.direct_go .dg_tit span{font-size: 33px;}
.direct_go .dg_list{width: calc(100% - 167px);}
.direct_go .dg_list ul li{padding: 40px 10px;}
.direct_go .dg_list ul li a{padding-left: 58px;}
.direct_go .dg_list ul li a:before{width: 50px;height: 50px;}
.direct_go .dg_list ul li span{padding-left: 0px; letter-spacing:-1px;}
.direct_go .dg_list ul li .usl_tit{font-size: 20px; margin-bottom: 3px;}
.direct_go .dg_list ul li .usl_tit:before{width: 55px; height: 55px;}
.direct_go .dg_list ul li .usl_txt{font-size: 18px;}
	
/*메인하단*/
.notice{width:100%; margin-left:-15px;}
.notice h2{padding-left: 63px;}
.notice h2:before{width: 50px;height: 47px;background-size:100%;}
.notice h2 a:before{width:23px; height:5px; right:-30px; top:10px;}
.notice h2 a:after{width:5px; height:23px; right:-21px; top:0px;}
.notice .notice_list ul{padding:50px 0;}
.notice .notice_list ul li{padding: 15px;}
.notice .notice_list ul li a .date{ margin-right:15px;}
.notice .notice_list ul li a div .tit{font-size:21px;}
.notice .notice_list ul li a div .txt{font-size:17px;}
}


@media  screen and (max-width:1120px)
{

.main_mid{padding: 75px 0 110px 0;}

	
/*프로그램 운영안내*/
.facil_info h2{margin-bottom:55px;}
.facil_info ul li{width: calc((100% - 40px) / 3); margin-bottom:30px;}
.facil_info ul li:nth-child(2n){margin-top:0;}
.facil_info ul li:nth-child(3n){margin-right:0;}
.facil_info ul li a.facil_wrap .facil_tit{font-size: 24px;margin-top: 46%;padding: 20px 0 25px 0;}

/*메인하단*/
.main_bottom:before{top: -288px;}	
.main_bottom .inner{display:block;}

}

@media  screen and (max-width:1080px)
{
/*메인상단*/
.main_top{padding-top: 65px;}
	
.main_mid{padding: 75px 0 110px 0;}

/*주요메뉴*/
.direct_go .dg_tit{position:absolute;padding:15px 90px 10px 10px;top:-55px;z-index: 1;}
.direct_go .dg_tit:after{position:absolute;content:'';width:10px;height:100%;top:0;left:0px;background-color:#ffde4c;}
.direct_go .dg_list{width:100%;margin-left:-15px;z-index: 0;}
.direct_go .dg_list ul{border-left:0;}
.direct_go .dg_list ul li{padding: 45px 10px 40px 10px;}

}

@media  screen and (max-width:990px)
{
/*메인상단*/
.main_img{height:250px;}
	
.use_info{position:relative;margin-top: 116px;margin-bottom: 0;}
.use_info:before{display:none;}
.use_info .us_list{width: 100%;}
.use_info .us_list ul{width: 100%;padding: 15px 0;border-radius: 15px 15px 0 0;text-align: center;}
.use_info .us_list ul li{display:inline-block;}


.mbanner:before{width: 100px;height: 154px;left: -5px;}

.mbanner_wrap{margin-top: 0;}
.mbanner:after{display:none;}
.mbanner{padding: 10px;justify-content: center;border-radius: 0 0 20px 20px;width: 100%;background: #ffc738 url(/resources/familysite/bbd-lib/images/main/menu_go_bg.png) no-repeat;background-position: bottom -10px right 0px;background-size: 25%;display: inline-block;}
.mbanner-swiper-slide{max-width:520px;width:100%;height: auto;}
.mbanner-swiper-ctrls{padding: 11px 17px;}
.mbanner-swiper-ctrls .data-nav .data-auto{margin: 0 12px;}
.mbanner-swiper-ctrls .data-nums{font-size: 16px;}

/*주요메뉴*/
.direct_go{margin-right:0;width: calc(100% + 15px);}

/*프로그램 운영안내*/
.facil_info h2{margin-bottom:55px;}
.facil_info ul li{width: calc((100% - 40px) / 3); margin-bottom:20px;}
.facil_info ul li:nth-child(2n){margin-top:0;}
.facil_info ul li:nth-child(3n){margin-right:0;}
.facil_info ul li a.facil_wrap .facil_tit{font-size: 23px;margin-top: 140px;padding: 10px 0 15px 0;}

/*메인하단*/
.notice:before{width:182px;height:152px;top:-75px;right: 0px;}
}

@media  screen and (max-width:900px)
{

.prg_info ul:before{top:-123px;right: 0;}

/*주요메뉴*/
.direct_go .dg_tit{padding: 15px 80px 10px 10px;}
.direct_go .dg_tit span{font-size: 32px;}
.direct_go .dg_list ul li{padding: 40px 10px 30px 10px;}
.direct_go .dg_list ul li a{padding-left: 40px;font-size: 1.3em;}
.direct_go .dg_list ul li a:before{width: 32px;height: 32px;}

/*독서체험관 시설안내*/
.main_mid{background-image:none;}

/*메인하단*/
.notice .notice_list ul{padding: 30px 0;}
.notice .notice_list ul li{width:100%; border-right: 0; border-bottom: 1px dashed #66968e; padding:20px 15px;}
.notice .notice_list ul li:last-child{border-bottom:0;}
.notice .notice_list ul li a div .tit{margin-bottom: 10px;}
.notice .notice_list ul li a div .txt{margin-bottom: 7px;}
.notice .notice_list ul li a .date{font-size: 17px;}
}

@media  screen and (max-width:790px)
{
.mbanner:before{width: 83px;height: 126px;bottom: auto;top: -85px;left:auto;right: -10px;}
}


@media  screen and (max-width:750px)
{
/*메인상단*/
.main_img{height:370px; background-position:center;}

.mbanner:before{top: -123px;}

.main_mid{padding: 30px 0 110px 0;}
.direct_go ul:before{width: 90px;height: 198px;top: 160px;}
	
/*주요메뉴*/
.direct_go .dg_tit{position:relative;top: 15px;padding: 15px 40px 10px 10px;}
.direct_go .dg_list ul li{width: calc(100% / 2);padding: 33px 10px 25px 10px;}
.direct_go .dg_list ul li:nth-child(2n){border-right:0;}
.direct_go .dg_list ul li:nth-child(3), .direct_go .dg_list ul li:nth-child(4){border-top: 2px dashed #f6d6a9;  padding: 30px 10px 30px 10px;}
.direct_go .dg_list ul li a{display:inline-block; font-size: 20px; width:152px; text-align:left;}

.main_bottom:before{width: 100px;height: 166px;top: -268px;left: 10px;}
}


@media  screen and (max-width:690px)
{
h2{font-size: 36px;}

.mbanner:before{right: -3px;}
	
/*이용안내*/
.use_info .us_list ul{text-align:left; padding-left:15px;}
.use_info .us_list ul li{display:block;}
	

/*메인중간*/
.main_mid:before{display:none;}


.facil_info ul:before{width: 80px;height: 176px;top: -138px;}

/*메인하단*/
.mbanner:after{border-radius: 0 0 170px 0;}
}

@media  screen and (max-width:570px)
{
.main_mid{padding: 60px 0 120px 0;}

.direct_go{margin-bottom: 80px;}
.direct_go ul:before{width: 78px;height: 170px;top: -124px;}

.main_bottom:before{top: -295px;left: 7%;}

/*독서체험관 시설안내*/
.facil_info ul{text-align:right;}
.facil_info ul li a.facil_wrap{text-align:center;}
	
/*공지사항*/
.notice{padding: 0px 0px 0px 30px;}
.notice:before{width: 134px;height: 112px;top: -80px;}
.notice h2{margin-left:10px; padding-left: 54px;}
.notice h2:before{width: 42px;height: 38px;background-size:100%;}
.notice .notice_list ul{padding: 30px 0;}
.notice .notice_list ul li{padding: 20px 10px;}
}


@media  screen and (max-width:550px)
{
/*메인상단*/
.main_img{height: 330px;}
.facil_info ul:before{width: 72px;height: 159px;top: -132px;}

/*메인 중앙(이용안내, 평일프로그램)*/
.main_mid{border-radius: 0 150px 150px 0;}


}



@media  screen and (max-width:500px)
{	

/*운영안내*/
.use_info .us_list ul{text-align:left; padding-left:15px;}
.use_info .us_list ul li{display:block;}
	
/*독서체험관 시설안내*/
.facil_info h2{margin-bottom: 35px;}
.facil_info ul li{width: calc((100% - 20px) / 3);  margin-right:10px; margin-bottom:10px; border-radius: 40px;}
.facil_info ul li a.facil_wrap{border-radius: 40px;}
.facil_info ul li a.facil_wrap .facil_tit{font-size: 20px;padding: 8px 0;}
.facil_info ul li:after{display:none;}

.main_bottom:before{top: -275px;left: 5%;}

/*공지사항*/
.notice .notice_list ul li a div .tit{font-size:19px;}
}


@media  screen and (max-width:450px)
{
/*이용안내*/
.use_info .us_list ul{ padding-left:0px;}
.use_info .us_list ul li{display:block; padding: 4px 25px 4px 20px;}
.use_info .us_list ul li .usl_tit{font-size:17px;}

.mbanner:before{width: 68px;height: 103px;right: -11px;top: -103px;}

.main_mid{padding: 60px 0 130px 0;}
	
/*주요메뉴*/
.direct_go ul:before{width: 70px;height: 153px; }
.direct_go .dg_tit{padding: 15px 30px 10px 10px;}
.direct_go .dg_tit span{font-size: 32px;}
.direct_go .dg_list ul li{padding: 33px 10px 25px 10px;}
.direct_go .dg_list ul li:nth-child(3), .direct_go .dg_list ul li:nth-child(4){padding: 25px 10px 25px 10px;}
.direct_go .dg_list ul li a{padding-left: 34px;font-size: 18px;width: 134px;}
.direct_go .dg_list ul li a:before{width: 28px;height: 28px;}
	
.main_bottom:before{width: 90px;height: 150px; top: -260px;}
	
/*프로그램 운영안내*/
.facil_info ul li{border-radius: 20px;margin-bottom: 15px;}
.facil_info ul li a.facil_wrap{border-radius: 20px;}
.facil_info ul li a.facil_wrap .facil_tit{font-size: 19px; margin-top: 110px;}

.notice h2{top: -70px;}
.notice:before{width: 120px;height: 101px;top: -53px;}
	
footer{margin-top:-1px;}
}


@media  screen and (max-width:380px)
{
.menu_go ul:before{width:65px;height:99px;bottom:0px; left: -10px;}


	
/*이용안내*/
.use_info .us_list ul li .usl_txt{font-size: 17px; padding-left:10px;}
}