@charset "utf-8";

.pc-none {display: none;}
#divContents {
	width: 100%;
}
/*****************************************/
/*  메인배너  */
/*****************************************/
.banner-left-box,.banner-right-box {
	display: inline-block;
}
.banner-layer-popup {
	position: absolute;
	z-index: 900;
	width: 90%;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.banner-layer-popup img{
	width: 100%;
}

.footer-top {
	display: none;
}

.banner-layer-popup button.close {
    background: url(https://lib.seoul.go.kr/image/ko/local/close_img.png);
    width: 65px;
    height: 25px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
    margin-top: 20px;
    cursor: pointer;
}
.banner-layer-popup .hide-one-day {
	position: absolute;
    right: 12px;
    bottom: 25px;
}

.main-banner {background: url('../../../../image/ko/local/ext/banner_bg.png') no-repeat; padding:30px 0 40px; background-size:cover;}
.banner-left-box {
	width: 1200px;
	height: 331px;
	position: relative;
	display: inline-block;
	border:10px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
}
.banner-left-box a {
	display: block;
	outline-offset: -2px;
} 

.banner-half-box {
	width: 317px;
	height: 126px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.banner-half-box a {
	display: block;
	outline-offset: -2px;
} 
.banner-half-box a img{
	display: block;
} 
.banner-slide {}
.banner-slide img {
	width: 100%;
	height: 100%;
}

.banner-slide-num {text-align: right;}
.banner-slide-num ul {display: inline-block; margin-top: 20px;}
.banner-slide-num li {float: left; margin-right: 10px;}
.banner-slide-num li button{vertical-align: top;font-size: 0; width: 16px; height:16px; background:#fff; border-radius:23px;-webkit-transition:height 0.3s;transition:height 0.3s; cursor:pointer}
.banner-slide-num li:last-child {margin-right: 0;}
.banner-slide-num li.on button {height: 25px;}
.banner-slide-num {text-align: right; margin-top: 7px;}
.banner-slide-num .stop {display: inline-block; width: 17px; height: 15px; background:url('../../../../image/ko/local/ext/top_banner_stop.png') no-repeat; margin-right: 5px;}
.banner-slide-num .play {display: inline-block; width: 17px; height: 15px; background:url('../../../../image/ko/local/ext/top_banner_play.png') no-repeat; margin-right: 5px;}
.banner-slide-num.half {
	position: absolute;
    bottom: 0;
    right: 0;
    background: #00000099;
    padding: 0 9px;
}
.state-info {width: 337px; height: 300px; border:10px solid #fff; background:#fad681; display: inline-block; box-sizing: border-box; margin-left: 69px;vertical-align: top}
.state-info .time {border-bottom:1px solid #b49b5d; margin-bottom: 20px;}
.state-info .open dt,.state-info .open dd {margin: 24px 0;display: inline-block; vertical-align: middle;}
.state-info .time dt {width: 59px; height: 59px; border-radius:59px; background:#20407b; color:#fff; text-align: center; line-height: 59px;font-weight: 300; font-size:20px; margin-left: 25px; margin-right: 15px;}
.state-info .time dd {width: 214px;}
.state-info .open dd p {color:#000; font-size:16px; font-weight: 300;}
.state-info .open dd p strong {font-size:18px; font-weight: normal;}
.state-info .info {display: inline-block; margin-bottom: 10px;}
.state-info .loan,.state-info .reserve {margin-left: 20px; width: 45%;}
.state-info .info dt,.state-info .info dd ,.state-info .info a{display: inline-block; font-size:13px; color:#000; text-align: left; font-weight: 300;}
.state-info .info dd strong {font-weight: normal;}
.state-info .info dt {padding-left: 20px;}
.state-info .loan dt {background:url('../../../../image/ko/local/ext/info_icon01.png') no-repeat left;}
.state-info .return dt {background:url('../../../../image/ko/local/ext/info_icon02.png') no-repeat left;}
.state-info .reserve dt {background:url('../../../../image/ko/local/ext/info_icon03.png') no-repeat left;}
.state-info .preserve dt {background:url('../../../../image/ko/local/ext/info_icon04.png') no-repeat left;}
.state-info .txt {font-size:13px; font-weight: 300;padding-left: 20px;}
.state-info .txt strong {font-weight: normal;}
.state-info .txt:nth-last-of-type(2) {margin-top: 10px; border-top:1px solid #b49b5d;padding-top: 10px;}
.state-info span.accumulate {font-size: 12px;}
.state-info .close dt{
    background: rgb(90,81,74);
    font-size: 20px;
    margin:24px auto;
}
.state-info .close dd {
	margin: 24px auto;
    vertical-align: middle;
}
.state-info .time.nonelogin dd {
	text-align: center;
}
.state-line {
	display: block;
}
.state-info .login-library{text-align:left;}
.state-info .login-library dt{
	display: inline-block;
	margin:24px 15px 24px 25px;
}
.state-info .login-library dd{
	display:inline-block;
}

/*****************************************/
/*  메인게시판  */
/*****************************************/
.notice-box {display: flex;margin-top:10px; background:#f2f2f2;justify-content: center;}
.notice-box div.bg-box {display: flex;width: 1200px;flex-direction: row;}
.notice-box .notice01 {width: 33%;height: 248px;}
.notice-box .notice02 {width: 66%;display:flex;flex-direction: column}
.notice-box .notice01 {border-right:10px solid #fff;}

.notice-box h2 {padding-left: 15px;padding-top: 15px; font-size:22px; font-weight: normal; position: relative; margin-bottom: 15px;color:#7B7067; border-bottom:2px solid #7B7067; padding-bottom: 5px;}
.notice-box h2.on {color:#0092d0; border-bottom:2px solid #0092d0;}
.notice-box .notice03 h2 {width: 50%; float: left; box-sizing: border-box; cursor: pointer;border-bottom:2px dotted #7B7067;}
.notice-box .notice03 h2.on {border-bottom:2px solid #0092d0;}
.notice-box h2 a.bbs-more {width: 21px; height: 21px; background:url('../../../../image/ko/local/ext/plus_off.png') no-repeat center; text-indent: -9999px; position: absolute; right:0; top:21px;}
.notice-box h2 a {color: inherit;}
.notice-box h2 a.bbs-more {right:7px;top:21px}
.notice-box .notice03 h2.press a.bbs-more {right:70px;top:21px}
.notice-box h2.on a.bbs-more {background:url('../../../../image/ko/local/ext/plus_on.png') no-repeat center;}
.notice-box .notice01 .link {display: block; background:url('../../../../image/ko/local/ext/link.png') no-repeat right center;margin-right: 20px; padding-right: 25px; color:#000; font-size:18px; margin-bottom: 10px;}
.notice-box .notice01 .txt {word-break: keep-all; margin-right: 20px; font-size:15px; line-height:2;}
.notice-box .notice01 .txt strong {font-weight: bold;}
.notice-box .notice-list li {margin:0 15px; border-bottom:1px solid #d7d7d7; overflow: hidden; height: 30px; line-height: 30px;} 
.notice-box .notice-list li a {font-size:14px; color:#000; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-box .notice-list li span {float: right; font-size:14px; width: 27%; text-align: right;font-size: 14px;
    }

.notice-box .gallery-list {display: flex;justify-content: space-evenly;}
.notice-box .gallery-list li{display: flex;}
.notice-box .gallery-list li a {color:#000;display: flex;flex-direction: column;width: 183px;}

.notice-box .gallery-list li span {
	padding-top: 8px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery-list li a img {
	width: 183px;
	height: 129px;
} 

/*****************************************/
/*  메인퀵메뉴  */
/*****************************************/
.space {height: 10px; background:#fff;}
.main-link {background:#7B7067; box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);}
.main-link p {color: white; text-align: center; padding: 8px 0;}
.main-link ul {display: flex;justify-content: center;}
.main-link li {flex-basis: 216px;text-align: center; margin-top: 20px; margin-bottom: 20px;vertical-align: middle;}
.main-link li .img {height: 80px; width: 82px; margin:0 auto;}
.main-link li:nth-child(1) .img {background:url('../../../../image/ko/local/main/banner_icon07_off.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(2) .img {background:url('../../../../image/ko/local/main/banner_icon01_off.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(3) .img {background:url('../../../../image/ko/local/main/banner_icon05_off.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(4) .img {background:url('../../../../image/ko/local/main/banner_icon06_off.png') no-repeat center; background-size:80px;}
.main-link li a>span {display: block; text-align: center; color:#fff; font-weight: 300; font-size:16px; margin-top: 5px;}
.main-link li:hover span {color:#000;}
.main-link li:nth-child(1):hover .img {background:url('../../../../image/ko/local/main/banner_icon07_on.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(2):hover .img {background:url('../../../../image/ko/local/main/banner_icon01_on.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(3):hover .img {background:url('../../../../image/ko/local/main/banner_icon05_on.png') no-repeat center; background-size:80px;}
.main-link li:nth-child(4):hover .img {background:url('../../../../image/ko/local/main/banner_icon06_on.png') no-repeat center; background-size:80px;}



/*****************************************/
/*  메인 콘텐츠 목록  */
/*****************************************/

.list-contents-box {
	margin-top: 50px;
    position: relative;
}
.list-book-box {
	margin-top: 23px;
    position: relative;
    height: 385px;
}
.list-book-box li {
	cursor: pointer;
}

.culture {margin-top: 50px; position: relative;}
.culture h2 {position: relative; font-size:22px; padding-bottom: 5px; border-bottom:2px solid #f36c4f; margin-bottom: 50px;}
.culture h2 a {width: 21px; height: 21px; background:url('../../../../image/ko/local/ext/plus_on.png') no-repeat center; position: absolute; right:0; top: 10px;}
.culture .list-contents-box li {float: left; width: 210px; height: 340px;}
.culture .list-contents-box li a {width: 100%;}
.culture .list-contents-box li > div {background:#f4f4f4;}
.culture .list-contents-box li:last-child {margin-right: 0;}
.culture .list-contents-box li .poster {width: 100%;height: 206px;overflow: hidden;	}
.culture .list-contents-box li .poster img {width: 100%;min-height: 206px}	
.culture .list-contents-box li .txt {display: block;padding:20px 10px 15px; font-size:12px; color:#000000; height: 99px; position: relative;}
.culture .list-contents-box li .txt strong {display: block; color:#323232; font-size:14px; white-space: normal; line-height: 1.2; height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px;}
.culture .list-contents-box li .explain {line-height: 1.2; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;font-size:13px;}
.culture .list-contents-box li .name {color:#fff; height: 23px; border-radius:23px;font-size:14px; position: absolute; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -o-transform:translate(-50%, 0%); top:-16.5px; box-sizing: border-box; width: 110px; text-align: center;}

.postStyle01 {
	background:#d40146;
}
.postStyle02 {
	background:#f8941d;
}
.postStyle03 {
	background:#8393ca;
}
.postStyle04 {
	background:#800040;
}
.postStyle05 {
	background:#5cc9f1;
}
.postStyle06 {
	background:#df65e9;
}
.postStyle07 {
	background:#71b262;
}
.postStyle08 {
	background:#8f55cf;
}
.postStyle09 {
	background:#aeb000;
}
.postStyle10 {
	background:#003595;
}
.postStyle11 {
	background:#ff417e;
}
.postStyle12 {
	background:#e94a01;
}
.postStyle13 {
	background:#e94a01;
}
.main-list-prev,.main-list-next {width: 15px; height: 31px; position: absolute; top:calc(50% - 15px); text-indent: -9999px;}
.main-list-prev-new,.main-list-next-new {width: 15px; height: 31px; position: absolute; top:calc(50% - 15px); text-indent: -9999px;}
.main-list-prev-best,.main-list-next-best {width: 15px; height: 31px; position: absolute; top:calc(50% - 15px); text-indent: -9999px;}
.main-list-prev-recom,.main-list-next-recom {width: 15px; height: 31px; position: absolute; top:calc(50% - 15px); text-indent: -9999px;}

.main-list-prev {left:-40px; background:url('../../../../image/ko/local/ext/prev.png') no-repeat;}
.main-list-next {right:-40px; background:url('../../../../image/ko/local/ext/next.png') no-repeat;}
.main-list-prev-new {left:-40px; background:url('../../../../image/ko/local/ext/prev.png') no-repeat;}
.main-list-next-new {right:-40px; background:url('../../../../image/ko/local/ext/next.png') no-repeat;}
.main-list-prev-best {left:-40px; background:url('../../../../image/ko/local/ext/prev.png') no-repeat;}
.main-list-next-best {right:-40px; background:url('../../../../image/ko/local/ext/next.png') no-repeat;}
.main-list-prev-recom {left:-40px; background:url('../../../../image/ko/local/ext/prev.png') no-repeat;}
.main-list-next-recom {right:-40px; background:url('../../../../image/ko/local/ext/next.png') no-repeat;}

.main-book {margin-top: 50px;}
.main-book .book-tab {border-bottom:2px solid #f36c4f; position: relative;}
.main-book .book-tab li {float: left; width: 209px; height: 42px; line-height: 42px; background:#d5d5d5; font-size:20px; text-align: center; box-sizing: border-box;cursor: pointer;}
.main-book .book-tab li:not(.on):not(.plus) + li:not(.on):not(.plus) {
	border-left: solid 1px #939393;
}
.main-book .book-tab a {text-decoration: none;color:#646363}
.main-book .book-tab li.on a {text-decoration: none;color:#000}
.main-book .book-tab li.plus {width: 21px; height: 21px; background:none; position: absolute; top:13px; right:0;}
.main-book .book-tab li.plus a {display: block; width: 100%; height: 100%; background:url('../../../../image/ko/local/ext/plus_on.png') no-repeat center;}
.main-book .book-tab li.on {background:#fff; border:1px solid #f36c4f; border-bottom:none; height: 48px; line-height: 48px; color:#000; margin-top: -6px;}
.main-book .book-list li {float: left; width: 210px; position: relative;padding-top: 23px;}
.main-book .book-list li > div {position: relative; margin: 0 auto}
.main-book .book-list li:last-child {margin-right: 0;}
.main-book .book-list .book-img {width: 210px; height: 303px;}
.main-book .book-list .book-img img{width: 100%; height: 100%; border: solid 1px #D8D8D8}
.main-book .book-list .title {display: block; white-space: normal; line-height: 1.2; height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size:14px; color:#000; margin-top: 5px;}
.main-book .book-list .genre {width: 46px; height: 46px; border-radius:46px; color:#fff; text-align: center; font-size:14px; position: absolute; top:-23px; left:20px;display: table;}
.main-book .book-list .genre span{word-break: break-word;display: table-cell;vertical-align: middle;}
.main-book .book-list .genre.blue {background:#448ccb;}
.main-book .book-list .genre.orange {background:#f26522;}
.main-book .book-list .genre.green {background:#82ca9c;}
#touch-slider-new, #touch-slider-popular, #touch-slider-recom {
	padding-bottom: 23px;
}
.book-list-container {
}
/*****************************************/
/*  etc  */
/*****************************************/
.etc-box {margin-top: 50px;}
.etc-box>div {display: inline-block; vertical-align: top;}
.etc-box .calendar-box {height: 300px; width: 335px; background:url('../../../../image/ko/local/ext/calendar_bg.png') no-repeat; background-size: cover; padding: 20px; box-sizing: border-box;}
.etc-box .calendar-box>a {display: block; text-align: right; color:#000; font-size:18px; background:url('../../../../image/ko/local/ext/link02.png') no-repeat right center; padding-right: 30px; margin-bottom: 15px;}
.etc-box .calendar-box ul.date.mobile {display: none; text-align: center;}
.etc-box .calendar-box .date li {float: left; margin-right: 7px; width: 93px; background:url('../../../../image/ko/local/ext/date.png') no-repeat;box-sizing: border-box; padding:0 5px; height: 137px;}
.etc-box .calendar-box .date li:last-child {margin-right: 0;}
.etc-box .calendar-box .date li .date {font-weight: 300; font-size:10px; color:#003aa5; padding:30px 0 10px; border-bottom:1px solid #e2e2e2; text-align: center;}
.etc-box .calendar-box .date.mobile li .date {font-weight: 300; color: #000000; font-size:16px; padding:21px 0 10px; border-bottom:1px solid #e2e2e2; text-align: center;}
.etc-box .calendar-box .date li .day {font-weight: 300; font-size:40px; text-align: center; margin-top: 8px;}
.etc-box .calendar-box .date li .day.small {font-size:24px;margin-top: 20px;}
.etc-box .calendar-box>p {text-align: center;}
.etc-box .calendar-box .close {margin-top: 20px; font-size:15px; color:#003aa5; border-bottom:1px solid #d0d0d0; padding-bottom: 5px; margin-bottom: 5px;}
.etc-box .calendar-box .close-day {font-size:18px;}

.etc-box .link-box {width: 332px; height: 300px; background:#f2f2f2; margin:0 34px;}
.etc-box .link-box li {border-bottom:1px solid #d9d9d9; height: 75px; line-height: 75px;}
.etc-box .link-box li:last-child {border-bottom:none;}
.etc-box .link-box li a {padding-left: 100px; font-size:18px; color:#000; display: block;}
.etc-box .link-box li.link01 a {background:url('../../../../image/ko/local/ext/direct01.png') no-repeat 30px center;}
.etc-box .link-box li.link02 a {background:url('../../../../image/ko/local/ext/direct02.png') no-repeat 30px center;}
.etc-box .link-box li.link03 a {background:url('../../../../image/ko/local/ext/direct03.png') no-repeat 30px center;}
.etc-box .link-box li.link04 a {background:url('../../../../image/ko/local/ext/direct04.png') no-repeat 30px center;}


.etc-box .slide-box {width: 457px;margin: 0 auto}
.etc-box .slide-box .side-slide {width: 457px; height: 300px;position:relative;}
.etc-box .slide-box .side-slide div.bar a {font-size: 0}
.side-slide ul li{display:none}
.side-slide ul li.on{display:block}
.side-slide ul li a {width: 100%}
.side-slide ul li img{width:100%;height:300px;vertical-align:top}
.etc-box .slide-box .bar {
	text-align: right;
	margin-top: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(00, 97, 125, 0.4);
    width: 100%;
    height: 32px;
    padding: 6px 0;
    vertical-align: middle;
}
.etc-box .slide-box .bar > div {
	padding: 0 12px;
}
.etc-box .slide-box .bar .num {color:#FFF; font-size:16px; margin-right: 30px;}
.banner-slide-num .num {color:#FFF; font-size:16px; margin-right: 18px;}
.etc-box .slide-box .bar .num .on, .banner-slide-num .num .on {color:#ffe5aa;}
.etc-box .slide-box .bar .num span {vertical-align: middle;}
.etc-box .slide-box .bar a {vertical-align: middle;}
.prev {width: 8px; height: 15px; background:url('../../../../image/ko/local/ext/bottom_banner_prev.png') no-repeat; margin-right: 10px;}
.next {width: 8px; height: 15px; background:url('../../../../image/ko/local/ext/bottom_banner_next.png') no-repeat;}
.play {width: 17px; height: 15px; background:url('../../../../image/ko/local/ext/bottom_banner_play.png') no-repeat; margin-right: 5px;}
.stop {width: 17px; height: 15px; background:url('../../../../image/ko/local/ext/bottom_banner_stop.png') no-repeat; margin-right: 5px;}

.banner{position:relative;width:435px;height:285px;margin: 0 auto}
.banner ul li{display:none}
.banner ul li.on{display:block}
.banner ul li img{width:100%;height:284px;vertical-align:top}
.banner .bannerControl{position:absolute;bottom:0;left:0;width:100%;height:32px;padding-top:11px;background:url(../../../../image/ko/local/main/bannerContBg.png) repeat-x 0 0;text-align:right;z-index:10}
.banner .bannerControl div{padding:0 25px}
.banner .bannerControl div > span{margin-right:10px;color:#fff;font-size:12px}
.banner .bannerControl div > span span.count{color:#ffb73a}
.banner .bannerControl div a{margin-left:5px}
.banner .bannerControl div a:first-child{margin-left:0}
.banner .bannerControl img{vertical-align:middle}


.touch-slider {
	position:relative;
	overflow:hidden;
	background: #FFFFFF;
}

.ts-controls {display: none;}
.ts-controls.tablet {display: none;}
.ts-controls.mobile {display: none;}
/*
.main-banner-prev, .main-banner-next {width: 23px; height: 45px; top:50%; margin-top: -22.5px; position: absolute; text-indent: -9999px;}
.main-banner-prev {background:url('../../../../image/ko/local/ext/main_banner_prev.png') no-repeat; left:-40px;}
.main-banner-next {background:url('../../../../image/ko/local/ext/main_banner_next.png') no-repeat; right:-40px;}
*/
.main-banner-prev, .main-banner-next{font-size:22px; color:white;}
.main-banner-prev{margin-right:20px;}
.main-banner-next{margin-left:20px;}

/* 사이드 배너 */
.side-banner {position: fixed; right:20px; z-index: 99; top:254px; text-align: center;}
.side-banner>div {width: 100px; height: 110px; position: relative;}
.side-banner .top {background:#5a5149;}
.side-banner .mid {background:#a7e6f8;}
.side-banner .bottom {background:#efefef;}
.side-banner button {position: absolute; width: 9px; height: 9px; top:10px; right:10px;}
.side-banner p {font-size:13px;}
.side-banner a {font-size:13px;}
.side-banner .top p {color:#fff; padding-top: 25px;}
.side-banner .mid p {color:#584535; padding-top: 18px;}
.side-banner .top a {color:#8ed1de;}
.side-banner .mid a {color:#000;}
.side-banner .bottom a {padding-top: 15px;}
.side-banner .top button {background:url('../../../../image/ko/local/main/side_close01.png') no-repeat;}
.side-banner .mid button {background:url('../../../../image/ko/local/main/side_close02.png') no-repeat;}
.side-banner .bottom button {background:url('../../../../image/ko/local/main/side_close02.png') no-repeat;}
.side-banner .bottom span {font-size: 12px;background: #0084c7;color: white;border-radius: 100px;padding: 0 6px;}
.side-banner .bottom img {width: 80px;}
    
.main-bottom {background:#f2f2f2;}
.main-bottom ul {height: 60px; display: flex;padding: 10px 0}
.main-bottom li {display: flex;width: 25%;justify-content: center; align-items: center;border-left: solid 1px #d7d7d7;border-right: solid 1px #d7d7d7;}
.main-bottom li a {color:#000; font-size:16px; display: block;}
.main-bottom li.link01:before {content:url('../../../../image/ko/local/ext/direct02.png');height: 34px;padding-right: 16px}
.main-bottom li.link02:before {content:url('../../../../image/ko/local/ext/direct01.png');height: 46px;padding-right: 16px}
.main-bottom li.link03:before {content:url('../../../../image/ko/local/ext/direct03.png');height: 36px;padding-right: 16px}
.main-bottom li.link04:before {content:url('../../../../image/ko/local/ext/hours.png');height: 30px;padding-right: 16px}


/*****************************************/
/*  미디어쿼리  */
/*****************************************/

.m-main-search {display:none;}
.m-quick-box {display: none;}
.t-main-search {display: none;}

@media screen and (max-width: 1200px) {
	.box {width: 100%; min-width:100%;padding: 0 5px; box-sizing: border-box;}
	.main-banner .box {width: 100%;padding: 0;}
	.main-banner {background:none;padding-top: 0px; padding-bottom: 0;}
	.banner-left-box .box {width: 100%;padding: 0;}
	.banner-left-box {width: 100%; border:none; height: auto; margin-bottom: -5px;}
	.banner-half-box .box {width: 100%;padding: 0;}
	.banner-half-box {width: 100%; border:none; height: auto;}
	
	.banner-slide-num {display: none;}
	.main-banner-prev,.main-banner-next {display: none;}
	.holiday-msg {padding:0 10px 18px}
	
	.m-main-link {background:#7B7067; box-shadow: inset 0 5px 15px rgba(0,0,0,0.1); height: 75px;}
	.m-space {height: 10px; background:#f0e4d7;}
	.m-main-link li {position: relative; width: 33.3%; float: left; text-align: center;}
	.m-main-link li::after {content:''; width: 1px; height: 55px; background:#898079; top:10px; position: absolute; right:0;}
	.m-main-link li:last-child::after {content:''; display: none;}
	.m-main-link li img {width: auto; margin-top: 15px;}
	.m-main-link li span {display: block; text-align: center; color:#fff; font-size:14px;}
	
	/* .state-info {width: 100%; margin-left:0; border:none; display: block; text-align: center; height: auto; padding-bottom: 12px;}
	.state-info .time {margin-bottom: 7px;}
	.state-info .time dd {width: auto;}
	.state-info .time dt {width: 45px;height: 45px;border-radius: 45px;line-height: 45px;font-size: 16px;margin: 14px 15px 14px 0}
	.state-info .time dd {margin: 14px 0;}
	.state-info .time dd p, .state-info .time dd a {text-align: left;}
	.state-info .time dd p strong, .state-info .time dd a strong {font-size: 16px}
	.state-info .info {width: auto; margin-left: 0; margin-right: 20px;}
	.state-info .info.preserve {margin-right: 0;}
	.state-line {display: inline-block;} */
	.state-info {width: 100%; margin-left:0; border:none; display: block; text-align: center; height: auto; padding-bottom: 0;}
	.state-info .time {margin-bottom: 7px;}
	.state-info .time dd {width: auto;}
	.state-info .time dt {width: 45px;height: 45px;border-radius: 45px;line-height: 45px;font-size: 16px;margin: 14px 15px 14px 0}
	.state-info .time dd {margin: 14px 0;}
	.state-info .time dd p {text-align: left;}
	.state-info .time dd p strong {font-size: 16px}
	.state-info .info {width: auto; margin-left: 0; margin-right: 20px;}
	.state-info .info.preserve {margin-right: 0;}
	.state-line {display: inline-block;}
	
	.notice-box {margin-bottom: 20px;}
	.notice-box div.bg-box {
		width: 100%; flex-direction: column;
	}
	.notice-box .box {width: 100%;}
	.notice-box .box>div {height: auto; padding-bottom: 20px;}
	.notice-box .notice01 {border:none; width: 100%; border-bottom:7px solid #fff;}
	.notice-box .notice02 {border:none; width: 100%; border-bottom:7px solid #fff;}
	.notice-box .notice02 h2 {text-indent: 0; margin:0 15px; margin-bottom: 10px;}
	.notice-box .notice-list li {border-bottom:none; }
	.notice-box .notice-list li a {width: 80%;}
	.notice-box .notice-list li span {width: 17%;}
	
	.main-link li .img {width: 60px; height: 60px;}
	.main-link li:nth-child(1) .img {background:url('../../../../image/ko/local/main/banner_icon07_off.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(2) .img {background:url('../../../../image/ko/local/main/banner_icon01_off.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(3) .img {background:url('../../../../image/ko/local/main/banner_icon05_off.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(4) .img {background:url('../../../../image/ko/local/main/banner_icon06_off.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(1):hover .img {background:url('../../../../image/ko/local/main/banner_icon07_on.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(2):hover .img {background:url('../../../../image/ko/local/main/banner_icon01_on.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(3):hover .img {background:url('../../../../image/ko/local/main/banner_icon05_on.png') no-repeat center; background-size:60px;}
	.main-link li:nth-child(4):hover .img {background:url('../../../../image/ko/local/main/banner_icon06_on.png') no-repeat center; background-size:60px;}


	.t-main-search {display: block; margin-top:10px;}
	.header-bottom .bottom-bottom {text-align: center;margin-top: 20px;margin-bottom: 20px;}
	.bottom-bottom .header-search {
		display: flex;
    	align-items: center;
    	margin: 0 auto;
    	width: auto;
    	max-width: 776px;
	}
	.header-bottom .bottom-bottom input[type="text"] {
	  	width: auto;
	  	flex-grow: 1;
	}
	.header-search button {
	  	margin-right: 12px;
	}
	
	.culture .list-contents-box li > div {width: 185px;margin: 0 auto}
	.main-book .book-list li > div {width: 185px;margin: 0 auto}
	.main-book .book-list .book-img{width: 185px;height: 267px;}
	
	.main-list-prev, .main-list-next {width: 26px; height: 43px; margin-top: -21.5px;}
  	.main-list-prev {background:url('../../../../image/ko/local/ext/m_prev.png') no-repeat; left:0;}
  	.main-list-next {background:url('../../../../image/ko/local/ext/m_next.png') no-repeat; right:0;}
	
	.main-list-prev-new, .main-list-next-new {width: 26px; height: 43px; margin-top: -21.5px;}
  	.main-list-prev-new {background:url('../../../../image/ko/local/ext/m_prev.png') no-repeat; left:0;}
  	.main-list-next-new {background:url('../../../../image/ko/local/ext/m_next.png') no-repeat; right:0;}
  	
  	.main-list-prev-best, .main-list-next-best {width: 26px; height: 43px; margin-top: -21.5px;}
  	.main-list-prev-best {background:url('../../../../image/ko/local/ext/m_prev.png') no-repeat; left:0;}
  	.main-list-next-best {background:url('../../../../image/ko/local/ext/m_next.png') no-repeat; right:0;}
	
	.main-list-prev-recom, .main-list-next-recom {width: 26px; height: 43px; margin-top: -21.5px;}
  	.main-list-prev-recom {background:url('../../../../image/ko/local/ext/m_prev.png') no-repeat; left:0;}
  	.main-list-next-recom {background:url('../../../../image/ko/local/ext/m_next.png') no-repeat; right:0;}
	/* .etc-box {text-align: center;}
	.etc-box .link-box {margin-right: 0; margin-left: 3%; text-align: left;}
	.etc-box .slide-box {width: 457px;margin:0 auto; margin-top: 20px; display: block;} */
	
	.etc-box > div {
		display: block;
		float: left;
	}
	.etc-box:after {
		display: block;
		clear: both;
		content: ''
	}
	
	.etc-box .calendar-box {
		width: 30%;
	    margin-right: 0px;
	    position: absolute;
	}
	.etc-box .calendar-box ul.date {display: none}
	.etc-box .calendar-box ul.date.mobile {display: block}
	.etc-box .calendar-box ul.date.mobile.date li {
		display: inline-block;
		float: none;
	}
	.etc-box .link-box {
		width: 30%;
    	margin: 0 0 0 30%;
	}
	
	.etc-box .slide-box {
		width: 40%;
    	margin-right: 0;
	}
	.etc-box .slide-box .side-slide {
		width: 100%;
	}
	.main-link .box {width: 100%;}
	.touch-slider {margin: 0 35px}
	.etc-box .link-box li.link01 a {background: url('../../../../image/ko/local/ext/direct01.png') no-repeat 13px center}
	.etc-box .link-box li.link02 a {background: url('../../../../image/ko/local/ext/direct02.png') no-repeat 13px center}
	.etc-box .link-box li.link03 a {background: url('../../../../image/ko/local/ext/direct03.png') no-repeat 16px center}
	.etc-box .link-box li.link04 a {background: url('../../../../image/ko/local/ext/direct04.png') no-repeat 10px center}
	.etc-box .link-box li a {padding-left: 61px;}
	.txt-box {display: none;}
	
	.main-bottom li a {font-size:16px;}
	
	/* .state-info .nonelogin dt{display: inline-block;margin: 24px 15px 24px 25px;}
	.state-info .nonelogin dd{display:inline-block;} */
	
	.state-info .login-library{text-align:center;}
	
	.notice-box .notice02 h2 {
		margin: 0 0 15px;
	}
}


@media screen and (max-width: 820px) {
	.etc-box .link-box li:last-child, .etc-box .link-box li:nth-child(3) {line-height: 37.5px;}
	
	.gallery-list {
		flex-wrap: wrap;
	}
	.gallery-list li {
		flex: 1 1 40%;
		justify-content: center;
	}
}
@media screen and (max-width: 800px) { 
	.banner{width: auto;}
	.main-bottom li.link01:before {display: none}
	.main-bottom li.link02:before {display: none}
	.main-bottom li.link03:before {display: none}
	.main-bottom li.link04:before {display: none}
  .main-bottom .m-block {display: block;}

}

 @media screen and (max-width: 767px) {
	.header-bottom .bottom-bottom {text-align: center; margin-top: 20px;}
	.header-bottom .bottom-bottom .header-search {width: 94%; margin:0 auto; border:1px solid #0092d0; height: auto; border-radius:20px;}
	.header-bottom .bottom-bottom .search-radio01, .header-bottom .bottom-bottom .search-radio02 {width: 50%;}
	.header-bottom .bottom-bottom .search-radio01 {border-radius:15px 0 0 0;}
	.header-bottom .bottom-bottom .search-radio02 {border-radius:0px 15px 0 0;}
	.header-bottom .bottom-bottom input[type="text"] {width:calc(100% - 50px);}
	.header-search button {
	  	margin-right: 0;
	}
	.main-link {box-shadow: none;}
	.main-link li::after {content:''; position: absolute; right:0; width: 1px; height: 96%; background:#968d85;}
	.main-link li:nth-child(3)::after,.main-link li:nth-child(6)::after {content:''; display: none;}
	.main-link li:nth-child(4)::before,.main-link li:nth-child(5):before,.main-link li:nth-child(6):before {content:''; width: 90%; height: 1px; background:#968d85; position: absolute; top:-20px; left:13px;} 
	.main-link .m-none {display: inline-block !important;}
	
	.main-link li {width: 32%; position: relative;}
  	.main-link li a>span {font-size:14px;}
	.etc-box .calendar-box {display: block; margin-bottom: 20px; background:url('../../../../image/ko/local/ext/calendar_bg.png'); width: 100%;position: static;}
	.calendar-box ul {width: 293px; margin:0 auto;}
	.etc-box > div {display: inline-block; float: none;}
	.etc-box .calendar-box ul.date.mobile {display: none}
	.etc-box .calendar-box ul.date {display: block}
	
	.etc-box .link-box {margin-left: 0; width: 100%;display: inline-block}
	.etc-box .slide-box {width: 100%;margin: 20px auto 0px;}
	.etc-box .slide-box .side-slide{width: 100%;height: auto}
	.side-slide ul li img{width:100%;height: auto;}
	.etc-box .link-box li a {padding-left: 45%;}
	.etc-box .link-box li:last-child, .etc-box .link-box li:nth-child(3) {line-height:75px;}
	.etc-box .link-box li.link01 a {background:url('../../../../image/ko/local/ext/direct01.png') no-repeat 40% center;}
	.etc-box .link-box li.link02 a {background:url('../../../../image/ko/local/ext/direct02.png') no-repeat 40% center;}
	.etc-box .link-box li.link03 a {background:url('../../../../image/ko/local/ext/direct03.png') no-repeat 40% center;}
	.etc-box .link-box li.link04 a {background:url('../../../../image/ko/local/ext/direct04.png') no-repeat 40% center;}
}  

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

	.main-link li {height: 110px; padding-bottom: 0; margin-bottom: 0;}
	.main-link .m-none {display: none !important;}
	.main-link .m-block {display: block;}
	.main-link li:nth-child(4)::before, .main-link li:nth-child(5):before, .main-link li:nth-child(6):before {left:5px; top:-13px;}


  .etc-box .link-box {width: 100%;}

  .etc-box .slide-box {width: 100%;}

  .culture h2 {margin-bottom: 20px;}
  .main-book .tab li {width: 130px; font-size:16px;}

  .etc-box .link-box li a {font-size:16px; padding-left: 90px;}

  .notice-box h2 {font-size:18px;}
  .notice-box h2 a {top:22px;}
  .notice-box .notice-list li a {width: 70%;}
  .notice-box .notice-list li span {width: 27%;}

  .etc-box .link-box li a {padding-left: 35%;}
  .etc-box .link-box li.link01 a {background:url('../../../../image/ko/local/ext/direct01.png') no-repeat 25% center;}
  .etc-box .link-box li.link02 a {background:url('../../../../image/ko/local/ext/direct02.png') no-repeat 25% center;}
  .etc-box .link-box li.link03 a {background:url('../../../../image/ko/local/ext/direct03.png') no-repeat 25% center;}
  .etc-box .link-box li.link04 a {background:url('../../../../image/ko/local/ext/direct04.png') no-repeat 25% center;}

}
@media screen and (max-width: 960px) {
  .main-bottom li a {background:none !important; padding-left: 0 !important; text-align: center;}

}
@media screen and (max-width: 640px) {
	.t-main-search {width: 96%; margin:10px auto 0;}
	
	.slide-box{margin: 0 auto;width: auto;height: auto;}
	
	.culture h2 {margin-bottom: 20px;}
  	.main-book .book-tab li {width: 98px; font-size:15px;}
  	.list-book-box {height: 264px}
  	.main-book .book-list .genre{
  	    width: 38px;
	    height: 38px;
	    border-radius: 38px;
	    font-size: 12px;
	    top: -19px;
	    left: 10px;
  	}
	.culture .list-contents-box li {height: 268px}
	.culture .list-contents-box li .poster {
		height: 101px;
	}
	.culture .list-contents-box li .poster img {
		min-height: 101px;
	}
	.culture .list-contents-box li > div {width: 130px;margin: 0 auto;height: 240px;}
	.main-book .list-contents-box li > div {width: 130px;margin: 0 auto}
	.main-book .book-list .book-img{width: 130px;height: 186px;}
	.touch-slider {
		margin: 0 20px;
	}
	.etc-box .link-box li:last-child {line-height: 75px;}
	.list-contents-box ul:not(.post-list) li > div {height: 253px;}
}

@media screen and (max-width: 639px) {
	.footer-top {
		display: block;
	}
	
	.header-bottom .bottom-bottom .search-radio01, .header-bottom .bottom-bottom .search-radio02 {
    	text-align: center;
	}

	.bottom-bottom .radio-icon, .bottom-bottom input[type="radio"] {margin-left: 0}
	
	.m-main-search {display:block; margin-top:15px; text-align: center;}

	.m-main-search label {font-size:18px;}
	.m-main-search .m-radio-icon {background-size:20px; margin-right: 5px;}
	.m-main-search input[type="checkbox"]:checked + .m-radio-icon {background-size:20px;}

	.banner-right-box .alarm-present li {width: 49%;}
	.banner-right-box .alarm-txt.ta-l {display: block;}


	.m-quick-box a {font-size:13px; margin-bottom: 10px; padding-left: 25px;height: 50px;line-height: 50px;}
	.m-quick-box a:nth-last-of-type(1) {margin-bottom: 0;}
	.m-quick-box .btn-m-quick01 {background:url('../../../../image/ko/local/ext/m_quick_icon01.png') no-repeat 10% center #006eaf; background-size:20px;}
	.m-quick-box .btn-m-quick02 {background:url('../../../../image/ko/local/ext/m_quick_icon02.png') no-repeat 10% center #363e52;background-size:20px;}
	.m-quick-box .btn-m-quick03 {background:url('../../../../image/ko/local/ext/m_quick_icon03.png') no-repeat 10% center #a38b63;background-size:17px;}

	.main-board-title {background:url('../../../../image/ko/local/ext/arrow02.png') no-repeat right 5px}
	.main-board-title a {font-size:16px;}

	.main-quick ul {padding:0;}
	/* .main-quick-scroll ul {width: 1110px;} */
	.main-quick span {font-size:16px;}

	.main-quick {margin-top: 20px;}

	.list-title-box {margin-top: 20px;}

	.list-title-box h2 {font-size:16px; margin-left: 10px; margin-right: 0px; letter-spacing: -1px;}

	/* .list-contents-box {padding:0 50px;} */
	.calender-top {height: 131px;}
	.calender-bottom {height: 85px;}
	.calender-top p {font-size:48px; padding-top:5px;}
	.calender-bottom span,.calender-bottom p {font-size:16px;}
	
	.m-quick-box {background:#fff;}
	.m-main-search {margin-top: -10px; padding-top: 10px;}
	
	/*  0616 수정  */
	.main-quick span {font-size:15px; letter-spacing: -1px;}

	.m-search-wrap {padding-bottom: 0px;}


	.calender-bottom span {padding-top:13px;}
	
	.etc-box .link-box li a {padding-left: 35%;}
	.etc-box .link-box li.link01 a {background:url('../../../../image/ko/local/ext/direct01.png') no-repeat 25% center;}
	.etc-box .link-box li.link02 a {background:url('../../../../image/ko/local/ext/direct02.png') no-repeat 25% center;}
	.etc-box .link-box li.link03 a {background:url('../../../../image/ko/local/ext/direct03.png') no-repeat 25% center;}
	.etc-box .link-box li.link04 a {background:url('../../../../image/ko/local/ext/direct04.png') no-repeat 25% center;}
	
	.list-book-box li a {width: 100%; height: 100%}
	.list-book-box li a span.book-img {width: 100%; height: calc(100% - 33px)}
	.list-book-box li a span.title {width: 100%;}
}

@media screen and (max-width: 450px) {
	.state-info .time .status { display: block;}	
}
@media screen and (max-width: 414px) {
	/* .list-contents-box li:nth-child(2) {margin-right: 0;} */
	.list-contents-box {margin-top: 20px;}
	.list-title-box {margin-top:30px;}
}

@media screen and (max-width: 374px) {
	.etc-box01,.etc-box02 {width: 94%; display: block;position: static;}
	.etc-box01 { padding-right: 0;margin-left: 3.5%; }
	.etc-box02 {margin-right: 0; margin-left: 3.5%; margin-top:20px;}
	.etc-box02 ul {width: 100%;}
	/* .tel-list li a {font-size:14px; padding-top:62px;}
	.tel-list li {height: 100px;}
	.tel-list li:nth-child(1),.tel-list li:nth-child(2) {
		border-bottom:none;
	}
	.tel-list li:nth-child(1) {
		background:url('../../../../image/ko/local/ext/contact01.png') no-repeat center 17px;
		background-size:40px;
	}
	.tel-list li:nth-child(2) {
		background:url('../../../../image/ko/local/ext/contact02.png') no-repeat center 17px;
		background-size:40px;
		
	}
	.tel-list li:nth-child(3) {
		background:url('../../../../image/ko/local/ext/contact03.png') no-repeat center 17px ;
		background-size:40px;
	}
	.tel-list li:nth-child(4) {
		background:url('../../../../image/ko/local/ext/contact04.png') no-repeat center 17px ;
		background-size:40px;
	} */
}
@media screen and (max-width: 360px) {
	.m-quick-box a {padding-left:0;font-size: 12px;width: 100px;}
	.m-quick-box .btn-m-quick01 {background:#0092d0; float: left;}
	.m-quick-box .btn-m-quick02 {background:#5e667a;}
	.m-quick-box .btn-m-quick03 {background:#a38b63; float: right;}

	.main-quick span {font-size:13px;}
	.calender-top {height: 127px;}
	.calender-top .calender-view {top:16px;}
	.calender-top p {padding-top:3px;}
	.calender-bottom {height:80px;}
	.calender-bottom span {padding-top: 12px;}
	.list-contents-box ul li > div {
		width: 130px;
	}
	.post-list img {
		width: 117px;
	}
	.post-title, .post-detail {width: 117px;}
}
@media screen and (max-width: 359px) {

  .m-main-link li span {letter-spacing: -1px;}

  .etc-box .calendar-box {padding:20px 15px;}
  .calendar-box ul {width: 270px;}
  .etc-box .calendar-box .date li {width: 85px; background-size:contain;}
  .etc-box .calendar-box .date li .day {margin-top: 3px;}
  .etc-box .calendar-box .date li .day.small {margin-top: 15px;}

}

@media screen and (max-width: 320px) {
	/* .list-contents-box li {margin-right:10px;} */
}
.pc-header .searchLayer{/* display:none; */position:absolute;top:47px;left:541px;width:440px;}
.pc-header .searchLayer ul{height:148px;margin-right:90px;padding:15px 30px 20px;background-color:#fff;border:1px solid #dedede;overflow-y:scroll}
.pc-header .searchLayer ul li{margin-top:10px;font-size:14px;text-align: left}
.pc-header .searchLayer ul li:first-child{margin-top:0}
.pc-header .searchLayer ul li a{text-decoration: none; color: #4c4c4c}

.banner li > a {
	display: block;
}
footer{
	margin-top: 0;
}

 /* 처음 방문 */
.firstVisit{position:relative;width:1200px;margin:0 auto;z-index:150}
.firstVisit > div:first-child{position:absolute;right:-170px;top:264px;width:144px;height:140px;}
.firstVisit .close{position:absolute;top:13px;right:14px}
.visitPop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../../../image/ko/local/firstVisitBg.png) repeat 0 0;z-index:100}
.visitPop > div{position:relative;top:50%;left:50%;width:598px;margin:-299px 0 0 -299px;background-color:#fff;background:url(../../../../image/ko/local/main/main_popup/img_back.png) repeat 0 0;padding-top: 148px;}
.visitPop > div div{margin:78px 44px 0;padding-bottom:62px}
.visitPop > div div ul{margin:32px 0 32px;}
.visitPop > div div ul:after{clear: both;display:block;content: ''}
.visitPop > div div ul li{float:left;width:25%;text-align:center}
.visitPop > div div ul li img {height: 55px;}
.visitPop > div div ul li span{display:block;margin-top:15px;color:#727272;font-size:15px}
.visitPop > div .popClose{position:absolute;top:24px;right:18px}

.mobile-search-open {display: none}