@charset "utf-8";

.ui-tab_content .tab__body{display: none;}
.ui-tab_content .tab__body.active{display: block;}
.txt_point{color:#fa5976 !important;}

.imgbox{border:1px solid #dedede;padding:20px;text-align: center;}
.imgbox.bg01{background: #f8f9fa;}
.imgbox.noline{border:0;background: #f8f9fa;}
.imgbox.p00{padding:0;border:0;}
.imgbox.p10{padding:10px 20px;}
.imgbox.p15{padding:15px 20px;}
.imgbox.p20{padding:20px 20px;}
.imgbox.p25{padding:25px 20px;}
.imgbox.p30{padding:30px 20px;}
.imgbox.p35{padding:35px 20px;}
.imgbox.p40{padding:40px 20px;}
.imgbox.p45{padding:45px 20px;}
.imgbox.p50{padding:50px 20px;}
.imgbox.p55{padding:55px 20px;}
.imgbox.p60{padding:60px 20px;}
.imgbox.p70{padding:70px 20px;}

@media(max-width:767px){
	.imgbox.p10,
	.imgbox.p15,
	.imgbox.p20,
	.imgbox.p25,
	.imgbox.p30,
	.imgbox.p35,
	.imgbox.p40,
	.imgbox.p45,
	.imgbox.p50,
	.imgbox.p55,
	.imgbox.p60,
	.imgbox.p70{padding:8.334% 20px;}
}

/* 준비중페이지 */
.sjelib_ready{overflow:hidden;position:relative;display:table;table-layout:fixed;padding:30px;background:#f5fafd;;width:100%;min-height:780px;}
.sjelib_ready .inner{display:table-cell;vertical-align:middle;text-align:center;width:100%;}
.sjelib_ready .inner .icon_box{position:relative;margin:0 auto;width:329px;height:250px;background:url(/pcms/dist/img/sjelib_ready_bg.png) no-repeat;background-size:cover;}
.sjelib_ready .inner .text{position:relative;margin-top:23px;}
.sjelib_ready .inner .text strong{display:block;color:#222;font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:'gmarket';}
.sjelib_ready .inner .text strong em{font:inherit;color:#048ff3;font-weight:bold;}
.sjelib_ready .inner .text p{margin-top:18px;color:#444;font-size:15px;line-height:1.46;letter-spacing:-0.03em;}

@media(max-width:767px){
    .sjelib_ready{padding:80px 10px 135px;min-height:auto;}
}
@media(max-width:499px){
    .sjelib_ready .inner .icon_box{width:170px;height:129px;}

    .sjelib_ready .inner .text strong{font-size:22px;}
}
/* 준비중페이지 End */

/* 희망도서신청안내 sub010601 */
.s010601{}
.s010601 .prc.type5 > li{min-height:150px;}
.s010601 .prc.type5 > li .inner{padding-left:0;}
.s010601 .prc.type5 > li .inner .item{min-height: auto;border:0;}
.s010601 .prc.type5 > li .inner .item .prc__title{font-size:15px;}

@media(max-width:767px){
    .s010601 .prc.type5 > li .inner{padding:0;}
}
@media(max-width:500px){
    .s010601 .prc.type5 > li{min-height:auto;}
}
/* 희망도서신청안내 sub010601 End */

/* 책바다 sub011001 */
.s011001 .prc.type5 > li{min-height:188px;}
.s011001 .prc.type5 > li .inner .item .prc__title{font-size:16px;}

@media(max-width:500px){
	.s011001 .prc.type5 > li{min-height:auto;}
}
/* 책바다 sub011001 End */

/* 조직도 sub030301 */
.sjelib_org{background:rgba(248, 249, 250, 0.64);padding:93px 20px 150px;}
.sjelib_org .title{position: relative;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto;background:#0C3A93;border-radius:100%;width:182px;height:182px;}
.sjelib_org .title::before{content: "";position: absolute;left:50%;bottom:-77px;margin-left:-1px;background:#afb5bc;width:1px;height:55px;}
.sjelib_org .title::after{content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);background:rgb(12, 58, 147, 0.1);border-radius:100%;width:226px;height:226px;}
.sjelib_org .title strong{position:relative;display:block;padding-top:49px;color:#fff;font-size:30px;line-height:1;letter-spacing:-0.03em;font-weight:bold;font-family:"GmarketSans";}
.sjelib_org .title strong::before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:38px;height:38px;background:url(/images/sjelib/sub03/sjelib_org_icon.png) no-repeat;}
.sjelib_org .sub_org{overflow:hidden;max-width:820px;margin:0 auto;}
.sjelib_org .sub_org ul{overflow: hidden;position:relative;margin-top:77px;padding-top:50px;}
.sjelib_org .sub_org ul::before{content:"";position:absolute;left:16.5%;top:0;background:#afb5bc;width:67%;height:1px;}
.sjelib_org .sub_org ul li{position:relative;width:32.927%;}
.sjelib_org .sub_org ul li:first-child{float:left;}
.sjelib_org .sub_org ul li:last-child{float:right;}
.sjelib_org .sub_org ul li::before{content:"";position:absolute;left:50%;top:-50px;margin-left:-1px;width:1px;height:100px;background:#afb5bc;}
.sjelib_org .sub_org ul li a{position:relative;display:block;width:100%;padding:20px 10px;background:#fff;border:1px solid #0C3A93;border-radius:5px;text-align:center;transition:0.3s;}
.sjelib_org .sub_org ul li a:hover,
.sjelib_org .sub_org ul li a:focus{background:#0C3A93;}
.sjelib_org .sub_org ul li a:hover span,
.sjelib_org .sub_org ul li a:focus span{color:#fff;font-weight:bold;}
.sjelib_org .sub_org ul li a span{color:#222;font-size:20px;letter-spacing:-0.03em;font-family:"GmarketSans";}

@media(max-width:540px){
	.sjelib_org .sub_org{max-width:100%;}
	.sjelib_org .sub_org ul{margin-top:22px;}
	.sjelib_org .sub_org ul::before{display:none;}
	.sjelib_org .sub_org ul li{width:100%;}
	.sjelib_org .sub_org ul li+li{margin-top:50px;}
	.sjelib_org .sub_org ul li:first-child{float:none;}
	.sjelib_org .sub_org ul li:last-child{float:none;}
}
/* 조직도 sub030301 End */

/* 휴관일 및 이용시간 sub030401 */
.s030401{}
.s030401 .vlist__column{margin: 0 -13.25px;}
.s030401 .vlist__column .inner{border-radius: 15px;margin:0 13.25px 15px;}
.s030401 .vlist__column.col3 .inner{width: calc(33.33% - 26.5px);}
.s030401 .vlist__column .inner .ui-summary p+p{margin-top:15px;}

@media(max-width:1279px){
    .s030401 .vlist__column.col3 .inner{width: calc(50% - 26.5px);}
}
@media(max-width:767px){
    .s030401 .vlist__column.col3 .inner{width: calc(100% - 26.5px);}
}

.se13a_imgbox{position:relative;margin-bottom:95px;}
.se13a_imgbox .imgb{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:96.297%;height:400px;background:#D9D9D9;text-align: center;}
.se13a_imgbox .imgb span{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 100%;color:#fff;font-size:25px;font-weight:bold;font-family:'gmarket';}
.se13a_imgbox .imgb img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;}
.se13a_imgbox .txtb{position:absolute;right:0;bottom:-53px;z-index:2;padding:50px;width:417px;color:#fff;background:#048FF3;border-radius:30px 0px 0px 0px;box-shadow:0px 8px 24px rgba(0, 12, 55, 0.2);}
.se13a_imgbox .txtb em{display:block;color:#fff;font-size:30px;line-height:1.33;letter-spacing:-0.03em;font-weight:300;font-family:'gmarket';}
.se13a_imgbox .txtb strong{display:block;color:#fff;font-size:30px;line-height:1.33;letter-spacing:-0.03em;font-family:'gmarket';}

.se13a_notice_box{padding:56px 8.297%;border:1px solid #eaebef;border-radius: 15px;}
.se13a_notice_box .box_list{overflow:hidden;display: flex;flex-wrap: wrap;margin-left:-7.869%;}
.se13a_notice_box .box_list .item{float:left;display:flex;align-items: center;width:calc(50% - 7.869%);margin-left:7.869%;padding:20px 0 30px;border-bottom: 1px dashed #eaebef;}
.se13a_notice_box .box_list .item:nth-child(-n+2){padding-top:0;}
.se13a_notice_box .box_list .item:nth-last-child(-n+2){padding-bottom:0;border-bottom:0;}
.se13a_notice_box .box_list .item .text{display: inline-block;vertical-align: middle;margin: 0;padding-left: 15px;width: calc(100% - 75px);color: #444;}
.se13a_notice_box .box_list .item .ir{display: inline-block;vertical-align:middle;width:60px;height:60px;background:#0C3A93 url(/pcms/dist/img/ir/se13_ir.png) no-repeat;border-radius:100%;}
.se13a_notice_box .box_list .item .ir.ir01{background-position:0 0;}
.se13a_notice_box .box_list .item .ir.ir02{background-position:-60px 0;}
.se13a_notice_box .box_list .item .ir.ir03{background-position:-120px 0;}
.se13a_notice_box .box_list .item .ir.ir04{background-position:-180px 0;}
.se13a_notice_box .box_list .item .ir.ir05{background-position:-240px 0;}
.se13a_notice_box .box_list .item .ir.ir06{background-position:-300px 0;}
.se13a_notice_box .box_list .item .ir.ir07{background-position:-360px 0;}
.se13a_notice_box .box_list .item .ir.ir08{background-position:-420px 0;}

@media(max-width:767px){
    .se13a_imgbox .imgb{width:100%;height:0;padding-top:57.972%;}
    .se13a_imgbox .txtb{width:100%;padding:30px;}

    .se13a_notice_box .box_list{margin-left:0;}
    .se13a_notice_box .box_list .item{float:none;width:100%;margin-left:0;padding:20px 0;}
    .se13a_notice_box .box_list .item:nth-child(2){padding-top:20px;}
    .se13a_notice_box .box_list .item:nth-last-child(2){padding-bottom:20px;border-bottom: 1px dashed #eaebef;}
}
@media(max-width:599px){
    .se13a_imgbox .txtb em{font-size:20px;}
    .se13a_imgbox .txtb strong{font-size:20px;}
}
@media(max-width:499px){
    .se13a_notice_box .box_list .item{flex-direction: column;text-align: center;}
    .se13a_notice_box .box_list .item .text{display:block;padding-left:0;width:100%;}
    .se13a_notice_box .box_list .item .ir{margin:0 auto 15px;}
}
/* 휴관일 및 이용시간 sub030401 End */

/* 층별안내 sub030402 */
.sjelib_floor{overflow: hidden;margin-left:-4.662%;}
.sjelib_floor .item{float:left;margin-left:4.662%;width:calc(50% - 4.662%);}
.sjelib_floor .item:nth-child(-n+2){margin-bottom:67px;}
.sjelib_floor .item .title{display:flex;align-items:center;justify-content:center;padding:23px 15px;background:#18969E;border-radius:20px 20px 0px 0px;}
.sjelib_floor .item .title strong{color:#fff;font-size:24px;line-height:1;letter-spacing:-0.03em;font-weight: bold;font-family: "GmarketSans";}
.sjelib_floor .item .floor_img{background:#fbfbfb;padding:10.93% 20px;text-align: center;}

@media(max-width:767px){
    .sjelib_floor{margin-left:0;}
    .sjelib_floor .item{float:none;margin-left:0;width:100%;}
    .sjelib_floor .item:nth-child(3){margin-bottom:67px;}
}
/* 층별안내 sub030402 End */

/* 회원가입 su030403 */
.sjelib_signup{background:#f5fafd;padding:90px 30px 65px;;}
.sjelib_signup .title{text-align:center;}
.sjelib_signup .title strong{display:block;color:#222;font-size:36px;line-height:1.2;letter-spacing:-0.01em;font-weight:600;font-family:"gmarket";}
.sjelib_signup .title p{color:#222;font-size:15px;line-height:1.2;letter-spacing:-0.01em;}
.sjelib_signup .type_box{max-width:985px;margin:30px auto 0;}
.sjelib_signup .type_box .box{overflow:hidden;display: flex;flex-wrap: wrap;margin-left:-38px;text-align:center;}
.sjelib_signup .type_box .box .item{float:left;width:calc(50% - 38px);margin-left:38px;padding:67px 55px 62px;min-height:470px;background:#fff;border:1px solid #eaebef;border-radius:15px;}
.sjelib_signup .type_box .box .item .icon{display:inline-block;margin:0 auto 28px;width:168px;height:169px;}
.sjelib_signup .type_box .box .item .icon.icon01{background:url(/images/sjelib/sub03/sjelib_signup_icon01.png) no-repeat;}
.sjelib_signup .type_box .box .item .icon.icon02{background:url(/images/sjelib/sub03/sjelib_signup_icon02.png) no-repeat;}
.sjelib_signup .type_box .box .item .tit{display:block;margin-bottom:13px;color:#222;font-size:20px;line-height:1.2;letter-spacing:-0.01em;font-weight:600;font-family:"gmarket";}
.sjelib_signup .type_box .box .item .text{}
.sjelib_signup .type_box .box .item .text p{margin:0;color:#444;font-size:15px;line-height:1.46;}
.sjelib_signup .type_box .box .item .text p + p{margin-top:5px;}
.sjelib_signup .type_box .box .item .text .link{margin-top:10px;}

@media(max-width:840px){
    .sjelib_signup .type_box{max-width:100%;}
    .sjelib_signup .type_box .box{margin-left:0;}
    .sjelib_signup .type_box .box .item{float:none;width:100%;margin-left:0;min-height:auto;}
    .sjelib_signup .type_box .box .item + .item{margin-top:25px;}
}
@media(max-width:499px){
    .sjelib_signup .title strong{font-size:26px;}
    .sjelib_signup .type_box .box .item{padding:67px 14.398% 62px;}
}
/* 회원가입 su030403 End */

/* 찾아오시는길 sub0307 */
.location_se04a .map_box{border:1px solid #eaebef;}
.location_se04a .map_box .map{width:100%;height:650px;}
.location_se04a .map_box .map_info{overflow:hidden;position:relative;padding:50px 240px 50px 70px;border-top:1px solid #eaebef;}
.location_se04a .map_box .map_info strong{display:block;margin-bottom:15px;color:#222;font-size:20px;letter-spacing:-0.03em;font-weight:bold;}

.location_se04a .map_box .map_info .map_lst li{position:relative;padding-left:90px;color:#222;font-size:15px;letter-spacing: -0.03em;}
.location_se04a .map_box .map_info .map_lst li+li{margin-top:8px;}
.location_se04a .map_box .map_info .map_lst li em{position:absolute;left:0;top:0;color:#222;font-weight:bold;}
.location_se04a .map_box .map_info .map_lst li .ico{display:inline-block;width:26px;height:26px;margin-right:7px;background:#048ff3 url(/pcms/dist/img/ir/se14_info.png);vertical-align:middle;border-radius:100%;}
.location_se04a .map_box .map_info .map_lst li .ico.ico1{background-color:#0C3A93;background-position:0 0;}
.location_se04a .map_box .map_info .map_lst li .ico.ico2{background-position:-26px 0;}
.location_se04a .map_box .map_info .map_lst li .ico.ico3{background-position:-52px 0;}

.location_se04a .map_box .map_button{position:absolute;right:66px;top:50%;padding:0;transform:translateY(-50%);}
.location_se04a .map_box .map_button a{display:table;background:#048ff3;text-align:center;color:#fff;width:134px;height:134px;transition:0.3s;font-size:15px;border-radius:15px;border: 2px solid #048ff3;}
.location_se04a .map_box .map_button a span{display:table-cell;vertical-align:middle;}
.location_se04a .map_box .map_button a:hover,
.location_se04a .map_box .map_button a:focus{background:#fff;color:#048ff3;font-weight:bold;}
.location_se04a .map_box .map_button a .ico_local{display:block;margin:0 auto 13px;width:38px;height:38px;background:url(/pcms/dist/img/se14a_load.png) no-repeat;transition:0.3s;}
.location_se04a .map_box .map_button a:hover .ico_local,
.location_se04a .map_box .map_button a:focus .ico_local{background:url(/pcms/dist/img/se14a_load_ov.png) no-repeat;}

@media (max-width:840px){
    .location_se04a .map_box .map_info{padding:40px;}
	.location_se04a .map_box .map_info .map_lst li{display:block;margin-right:0;}
    .location_se04a .map_box .map_button{position:relative;right:auto;top:auto;transform:none;}
    .location_se04a .map_box .map_button a{width:100%;margin-top:20px;}
}
@media (max-width:640px){
    .location_se04a .map_box .map{height:0;padding-top:56.5%;}
}
@media (max-width:460px){
    .location_se04a .map_box .map_info .map_lst li{padding-left:0;}
    .location_se04a .map_box .map_info .map_lst li+li{margin-top:10px;}
    .location_se04a .map_box .map_info .map_lst li em{position:relative;left:auto;top:auto;display:block;margin-bottom:5px;}

    .location_se04a .map_info .map_lst li{padding-left:0;}
    .location_se04a .map_info .map_lst li em{position:static;width:100%;}
}
/* 찾아오시는길 sub0307 End */


/* s0601 꿈책가족 */
.s020501 .vlist__bodo .obj .item{min-height:100px;}
.s020501 .vlist__bodo .obj .item .inner .ui-bodo__summary{min-height:100px;}
.s020501 .vlist__bodo .obj .item .inner .circle{position:absolute;width: 69px;height: 65px;background:#f1f9ff;left:0;top: 22px;border-radius:5px;}
.s020501 .prc.type5 > li{min-height: 235px;padding: 31px 16px;}
.s020501 .prc.type5 > li .inner{padding-left:0;}
.s020501 .prc.type5 > li .inner .item{min-height: auto;border:0;}
.s020501 .prc.type5 > li .inner .item .prc__title{font-size:15px;}

@media(max-width:767px){
	.s020501 .topbox .text_box .subtit{width:100%;}
    .s020501 .prc.type5 > li .inner{padding:0;}
	.s020501 .vlist__bodo .obj .item .inner .circle{position:static}
	.s020501 .circle .ir-icon__line{position:static; margin:0}
	.s020501 .vlist__bodo .obj .item .inner .ui-bodo__summary{min-height:auto;}
}
@media(max-width:500px){
    .s020501 .prc.type5 > li{min-height:auto;}
}