@charset "UTF-8";

/*****************************************
	Main Intro
*****************************************/

.libraryIntroLayout {display:flex; justify-content:space-between; font-size:calc((20 / 18) * 1em);}
.libraryIntroLayout .left {display:block; position:relative; flex-grow:1;}
.libraryIntroLayout .right {display:block; position:relative; width:18em; margin-left:2.2em; flex-shrink:0;}
.libraryIntroLayout h4,
.libraryIntroLayout h5,
.libraryIntroLayout h6 {font-family:'GmarketSans';}
.libraryIntroLayout h5:before {display:none;}
.libraryIntroLayout h5 {font-size:1.6em; line-height:1.1; color:#000; padding:0; margin-bottom:.5em;}

.libraryIntroLayout .box {border-radius:.8em; border:1px solid #ddd;}

.libraryIntroLayout .intro {display:block; position:relative; border-radius:1.2em; overflow:hidden; background:no-repeat 50% 50%; background-size:cover; margin-bottom:2.4em;}
.libraryIntroLayout .intro .desc {display:block; position:relative; width:21em; height:20em; background:rgba(0,0,0,.5); padding:2em; color:#fff;}
.libraryIntroLayout .intro .desc h4 {font-size:2.4em; font-weight:800; color:#fff; margin-bottom:.39em; line-height:1.1; word-break:keep-all;}

.libraryIntroLayout .group {display:block; position:relative;}
.libraryIntroLayout .group + .group {margin-top:.8em;}
.libraryIntroLayout .left .group + .group {margin-top:1.6em;}
.libraryIntroLayout .group .more {display:block; position:absolute; top:0; right:0; width:2em; height:2em; text-indent:-999px; overflow:hidden; border-radius:100%; background:url(../img/subMain/btn_more.svg) no-repeat 50% 50%; background-size:contain;}

.libraryIntroLayout .list {display:flex; justify-content:space-between;}
.libraryIntroLayout .list li {width:calc((100% - 1.6em) / 3);}
.libraryIntroLayout .list li:nth-child(3) ~ li {display:none;}
.libraryIntroLayout .list a {display:flex; flex-direction:column; border-radius:.8em; padding:1.65em 1.2em;}
.libraryIntroLayout .list strong {display:block; font-size:800; color:#000; line-height:1.3em; overflow:hidden; text-overflow:ellipsis;}
.libraryIntroLayout .list:not(.ty2) strong {height:2.6em; margin-bottom:1.2em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.libraryIntroLayout .list .date {display:block; color:#555; font-size:.9em;}

.libraryIntroLayout .tit-box {padding:.8em 1.6em;}
.libraryIntroLayout .tit-box h5 {display:flex; align-items:center; justify-content:center; font-size:1em; height:3.2em;}
.libraryIntroLayout .tit-box h5:before {content:""; display:block; position:relative; top:auto; left:auto; right:auto; max-width:100%; max-height:100%; transform:inherit; -webkit-transform:inherit; width:1.6em; height:1.6em; background:url(../img/subMain/ico_useguide.svg) no-repeat 50% 50%; background-size:contain; margin-right:.8em;}
.libraryIntroLayout .tit-box h5.holy:before {background-image:url(../img/subMain/ico_calendar.svg);}
.libraryIntroLayout .tit-box h5 strong {display:block; font-size:1.2em; color:#000;}
.libraryIntroLayout .tit-box .tit {display:flex; height:2.4em; align-items:center; justify-content:center; border-radius:9em; background:#f6f2ea;}
.libraryIntroLayout .tit-box .tit > * {font-size:.9em; color:#222;}
.libraryIntroLayout .tit-box .tit.library-intro-month strong {font-size:1.2em; margin:0 1em;}
.libraryIntroLayout .tit-box .tit em {color:#9d4a26; font-weight:700; margin-right:.5em;}
.libraryIntroLayout .tit-box .tit button {display:block; position:relative; width:1.6em; height:1.6em; text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:contain; font-size:1em;}
.libraryIntroLayout .tit-box .tit button.btn-prev {background-image:url(../img/subMain/btn_prev.svg);}
.libraryIntroLayout .tit-box .tit button.btn-next {background-image:url(../img/subMain/btn_next.svg);}
.libraryIntroLayout .tit-box ul {display:block; padding:1em 1em;}
.libraryIntroLayout .tit-box li {display:flex;}
.libraryIntroLayout .tit-box li + li {margin-top:.3em;}
.libraryIntroLayout .tit-box li > * {display:block; word-break:keep-all; font-size:.85em;}
.libraryIntroLayout .tit-box li strong {color:#222; width:6em; flex-shrink:0;}
.libraryIntroLayout .tit-box li span {color:#555;}
.libraryIntroLayout .tit-box .tip {font-size:.8em; margin-left:1.25em;}
.libraryIntroLayout .tit-box .tip + .tip {margin-top:0;}

.libraryIntroLayout .tit-box.info div {text-align:center; border-radius:9em; background:#f6f2ea; padding:.5em 1em;}
.libraryIntroLayout .tit-box.info div strong {display:inline-block; margin-right:.5em;}
.libraryIntroLayout .tit-box.info ul {padding:1em 1em .5em;}

.libraryIntroLayout .btn-quick-map {display:flex; align-items:center; justify-content:center; padding:.8em; border-radius:.8em 0 .8em .8em; background:linear-gradient(90deg, rgba(54, 42, 37, 1) 0%, rgba(170, 44, 40, 1) 100%);}
.libraryIntroLayout .btn-quick-map:before {content:""; display:block; position:relative; width:1.2em; height:1.2em; background:url(../img/subMain/ico_map.svg) no-repeat 50% 50%; background-size:contain; margin-right:.4em; flex-shrink:0;}
.libraryIntroLayout .btn-quick-map span {font-weight:600; font-size:.9em; color:#fff;}

@media all and (min-width:641px) {
	.libraryIntroLayout .list.ty2 {flex-direction:column;}
	.libraryIntroLayout .list.ty2 li {width:100%;}
	.libraryIntroLayout .list.ty2 li:nth-child(2) ~ li {display:none;}
	.libraryIntroLayout .list.ty2 li + li {margin-top:.8em;}
	.libraryIntroLayout .list.ty2 a {padding:1.2em 1.6em; flex-direction:row; align-items:center;}
	.libraryIntroLayout .list.ty2 strong {display:block; position:relative; font-size:1.2em; margin-right:1em; color:#000; max-width:calc(100% - 9.6em); white-space:nowrap;}	
}
@media all and (max-width:1024px) {
	.libraryIntroLayout {display:block;}
	.libraryIntroLayout .right {display:flex; flex-wrap:wrap; margin-top:2em; margin-left:0; width:auto; justify-content:space-between; gap:.8em;}
	.libraryIntroLayout .right .group {width:calc((100% - .8em) / 2); flex-grow:1;}
	.libraryIntroLayout .right .group + .group {margin-top:0;}
	.libraryIntroLayout .right .group.m-full {width:100%;}
	.libraryIntroLayout .btn-quick-map {width:100%;}
	
	.libraryIntroLayout .tit-box ul {padding:1.2em 0;}
	.libraryIntroLayout .tit-box li > * {word-break:break-all;}
}
@media all and (max-width:640px) {
	.libraryIntroLayout .list {display:block;}
	.libraryIntroLayout .list li {width:100%;}
	.libraryIntroLayout .list li + li {margin-top:.8em;}
	.libraryIntroLayout .list li strong {height:auto !important; -webkit-line-clamp:1; white-space:nowrap; margin-bottom:.5em !important;}
	.libraryIntroLayout .list a {padding:1em;}
	
	.libraryIntroLayout .right .group {width:100%;}
}

.jueun-library-banner {margin-top:2em;}
.jueun-library-banner ul {display:flex;}
.jueun-library-banner li {background-color:#E0F3F5; border-radius:.8em; padding:1.65em 1.2em 1.65em 6.5em; width:50%; background-size:4.5em auto; background-repeat:no-repeat; background-position:left 1.2em center; word-break:keep-all;}
.jueun-library-banner li + li {margin-left:1em;}
.jueun-library-banner li strong {display:block; font-size:1.111112em; margin-bottom:.2em;}
.jueun-library-banner li p {font-size:.9em;}
.jueun-library-banner li:nth-child(1) {background-image:url(../img/sub/06/jueun_ban01.svg);}
.jueun-library-banner li:nth-child(2) {background-image:url(../img/sub/06/jueun_ban02.svg);}

@media all and (max-width:768px) {
	.jueun-library-banner li p br {display:none;}
}

@media all and (max-width:640px) {
	.jueun-library-banner ul {display:block;}
	.jueun-library-banner li {width:100%;}
	.jueun-library-banner li + li {margin-left:0; margin-top:1em;}
}

/*****************************************
	Sub Contents
*****************************************/

/* 오시는길 */
.roughmap-box {position:relative;}
* + .roughmap-box {margin-top:2.63em;}
h4 + .roughmap-box,
h5 + .roughmap-box,
h6 + .roughmap-box {margin-top:0;}
.roughmap-box .go-info {display:inline-block; padding:0 1.125em 0 2.8em; font-size:.84em; font-weight:500; line-height:2.25em; background:#fff url(/portal/img/common/ico_map_go.svg) no-repeat .75em 50%; border:1px solid #DFE4EF; border-radius:5px; position:absolute; top:1.25em; right:1.25em; z-index:2; box-shadow:0 4px 10px rgba(0,0,0,.05); transition:.2s;}
.roughmap-box .go-info:hover {background-position:.75em 75%;}
.roughmap-box .root_daum_roughmap {width:100%; border:1px solid #DFE4EF; border-radius:1.05em 1.05em 0 0;}
.roughmap-box .root_daum_roughmap .map_border,
.roughmap-box .root_daum_roughmap .cont {display:none;}
.roughmap-box #map_info {position:relative; padding:1.77em 4.44em; color:#fff; background:linear-gradient(96.43deg, #362A25 62.42%, #AA2C28 100.14%); border-radius:0 0 1.05em 1.05em; overflow:hidden;}
.roughmap-box #map_info li {padding:.44em 0 .44em 2em; background:no-repeat 0 .5em; background-size:1.2em auto;}
.roughmap-box #map_info li.add {background-image:url(/portal/img/common/ico_map_add.svg);}
.roughmap-box #map_info li.tel {background-image:url(/portal/img/common/ico_map_tel.svg);}
.roughmap-box #map_info li strong {display:inline-block; padding-right:1.3em;}
.roughmap-box.no-radius #map_info, .roughmap-box.no-radius .root_daum_roughmap {border-radius:0;}
@media all and (max-width:640px) {
	.roughmap-box #map_info {padding:2.2em 2em;}
	.roughmap-box #map_info:after {font-size:4em;}
	.roughmap-box #map_info li strong {display:block; margin-bottom:.3em;}
}

/* 연혁 */
.history {padding:4.444em 2.777em 0 1.111em; border:1px solid #DDA67F; border-width:1px 1px 0 0; position:relative;}
.history:before {content:''; width:1px; background:#ddd; opacity:.6; position:absolute; top:0; bottom:0; left:8.888em;}
.history:after {content:''; width:11.111em; height:1.666em; background:url(../img/sub/06/img0102_obj.svg) no-repeat 50% 0; background-size:contain; position:absolute; top:-1px; left:3.333em;}
.history .cf {position:relative; padding-left:11.111em;}
.history .cf + .cf {margin-top:2.777em;}
.history .year {font-family:'HS'; font-size:2em; color:#362A25; position:absolute; top:-.4em; left:0;}
.history .cf li {position:relative; padding-left:4.444em;}
.history .cf li:before {content:''; width:.333em; height:.333em; background:#AA2C28; border-radius:50%; position:absolute; top:.5335em; left:0;}
.history .cf li + li {margin-top:1.111em;}
.history .cf .month {font-size:1.333em; font-weight:600; color:#AA2C28; position:absolute; top:-.17em; left:.833em;}

@media all and (max-width:640px) {
	.history {padding:4em 2em 0 1em;}
	.history:before {left:6.888em;}
	.history:after {left:1.333em;}
	.history .cf {padding-left:7.6em;}
	.history .cf + .cf {margin-top:2em;}
	.history .cf li {padding-left:4em;}
	.history .cf li + li {margin-top:.8em;}
}
@media all and (max-width:480px) {
	.history {padding:3em 1.5em 0 .5em;}
	.history:before {display:none;}
	.history .cf {padding-left:0;}
	.history .cf + .cf {margin-top:1.6em;}
	.history .year {position:static; margin-bottom:.2em;}
}

/* 인사말 */
.greeting {position:relative; padding-top:10em;}
.greeting:after {content:''; width:100%; height:17.777em; background:#F3A269 url(../img/sub/06/img0101_bg.svg) no-repeat 100% 0; border-radius:1.333em; position:absolute; top:0; left:0; z-index:-1;}
.greeting .top {width:17.777em; padding:1.388em 0 .555em; font-size:2em; font-weight:700; color:#362A25; background:#fff; border-radius:0 5.555em 0 0;}
.greeting .top span {color:#9D4A26;}

@media (max-width:768px) {
	.greeting {padding-top:6em;}
	.greeting:after {height:13em; background-size:contain;}
	.greeting .top {font-size:1.6em;}
}
@media (max-width:480px) {
	.greeting:after {height:10em; border-radius:0;}
	.greeting .top {width:auto; padding:1.3em .8em .3em; margin:0 -.8em; font-size:1.4em; text-align:center; border-radius:3em 3em 0 0;}
}


/* 도서관 휴관일정 */
.library-schedule {display:flex; flex-wrap:wrap;}
.library-schedule-header {position:relative; width:100%;}
.library-schedule-header .brick {display:flex; align-items:center;}
.library-schedule-header .brick h4 {display:none;}
.library-schedule-header .brick > * {display:block; position:relative;}
.library-schedule-header .brick button {width:calc((56 / 18) * 1em); height:calc((56 / 18) * 1em); text-indent:-999px; background:no-repeat 50% 50%; background-size:contain; overflow:hidden;}
.library-schedule-header .brick button.btn-prev {background-image:url(../img/button/btn_prev.svg);}
.library-schedule-header .brick button.btn-next {background-image:url(../img/button/btn_next.svg);}
.library-schedule-header .brick strong {color:#000; font-weight:700; font-size:1.6em; padding:0 .2em;}
.library-schedule-header .library-cal-toggle {display:none;}

.library-schedule-cal {width:calc(100% - 18em);}
.library-schedule-cal td {position:relative; padding-top:1.75em;}
.library-schedule-cal td:first-child {color:#9d4a26;}
.library-schedule-cal td p + p {margin-top:.25em;}
.library-schedule-cal .num {display:block; position:absolute; top:.25em; left:.75em; margin-top:0;}
.library-schedule-cal .hol {display:inline-block; padding:.2em .5em .1em; background:#AA2C28; color:#fff; border-radius:.25em; font-weight:700; font-size:.9em; }
.library-schedule-cal .closed {color:#AA2C28;}

.library-holiday-info {width:16em; border-radius:.8em; margin-left:2em; background:#FBF9F4; overflow:hidden;}
.library-holiday-info .top {padding:1.5em 1.5em 1em; background:linear-gradient(90deg, #362A25 51.17%, #AA2C28 100%);}
.library-holiday-info .top p {font-size:1.666667em; color:#fff;}
.library-holiday-info .title {font-weight:700;}
.library-holiday-info .month {font-weight:900; margin-top:0;}
.library-holiday-info .month em {color:#fff;}
.library-holiday-info ul {padding:.5em 1.5em 1.5em;}
.library-holiday-info li {display:block; position:relative; padding:.75em .25em .25em 1.25em; background:url(../img/sub/06/ico_schedule.svg) no-repeat left top 1em; background-size:1em auto;}
.library-holiday-info li strong {display:block; color:#9D4A26; margin-bottom:.25em; }


@media all and (max-width:1024px) {
	.library-schedule {display:block;}
	.library-schedule-cal {width:100%;}
	.library-holiday-info {display:flex; width:100%; margin-left:0; margin-top:1em; }
	.library-holiday-info .top p {font-size:1.333334em;}
	.library-holiday-info ul {display:flex; align-items:start; flex-grow:1;}
	.library-holiday-info li {width:50%; }
}

@media all and (max-width:640px) {
	.library-holiday-info {display:block;}
	.library-holiday-info .top {display:flex; align-items:center;}
	.library-holiday-info ul {display:block;}
	.library-holiday-info li {width:100%; }
}


.wrap_ccl {display:none;}