@charset "UTF-8"; 

/********************************
 메인페이지 - 헤더 설정
 *******************************/
#top_layout {z-index:2;}
.mainHead .logo {margin-top:30px;}
.mainHead .logo a:before {background-image:url(../images/logo.png);}

.mainHead .view_m {display:none;}

@media screen and (max-width:1024px) {
	.mainHead .logo {margin-top:0;}
}



/********************************
 section01
 *******************************/
.section01 {overflow:hidden; position:relative; display:block; margin-top:-100px; padding-top:100px; height:1000px;}
.section01 .inner {z-index:1;}

 
/*메인이미지*/
.mainImg {position:absolute; left:0; right:0; top:0; width:100%;}
.main_img {overflow:hidden;}
.main_img li {position:relative; width:100%; height:1000px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.main_img li.list01 {background-image:url(../images/main/main_img01.jpg);}




/*메인이미지 문구*/
.main_tbox {position:relative; display:block; margin:100px auto 50px; text-align:center;}
.main_tbox li {display:block;}
.main_tbox li p {display:inline-block; font-size:5.0rem; font-weight:300; color:#fff; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ opacity:0; transform:translateY(50px); transition:1000ms opacity, 1000ms transform;}
.main_tbox li p.twotxt {padding:70px 0 0;}
.main_tbox li p .break {display:block; font-family:'OneMobile'; font-size:6.0rem;}


.main_tbox li.slick-current p, 
.main_tbox li.slick-active p {opacity:1; transform:translateY(0); transition-delay:1000ms;}



 
/* media query */
@media screen and (max-width:1800px){
	.section01 .inner {padding:0 20px;}
}

@media screen and (max-width:1520px){
	.main_tbox li p {font-size:4.0rem;}
	.main_tbox li p .break {font-size:5.0rem;}
}

@media screen and (max-width:1240px){
	.section01 {height:900px;}
	
	.main_tbox {margin:40px auto 20px;}
}

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

@media screen and (max-width:1024px){
	.section01 {height:850px;}

  	.main_img li {height:850px;}

	.main_tbox li p {font-size:3.5rem;}
	.main_tbox li p .break {font-size:4.0rem;}
}

@media screen and (max-width:920px){
	.main_tbox {margin:20px auto;}
	
	.main_tbox li p.twotxt {line-height:1.4;}
}

@media screen and (max-width:767px){
	.section01 {height:800px;}

  	.main_img li {height:800px;}

	
	.main_tbox li p {font-size:3.0rem;}
	.main_tbox li p .break {font-size:3.5rem;}
}

@media screen and (max-width:640px){
	.section01 {height:750px;}

  	.main_img li {height:750px;}

	
	.main_tbox li p {font-size:2.2rem;}
	.main_tbox li p .break {font-size:3.0rem;}
}

@media screen and (max-width:480px){
	.main_tbox li p {font-size:2.0rem;}
	.main_tbox li p .break {font-size:2.4rem;}
}
 


 /*검색창*/
.search_box {position:relative; display:block; width:100%;}
.search_box form {position:relative; margin:0 auto; width:68%;}
.search_box .searchInner {position:relative;}
.search_box .srch_txt {position:relative; display:flex; align-items:center; border-radius:150px; background:rgba(255,255,255,0.92);}

.search_box .srchSelect {padding:0 30px 0 12px; margin-left:50px; width:180px; height:150px; border:none; background:url(../images/main/select_Marrow.png) right 11px center no-repeat; color:#222; font-weight:500; font-size:2.0rem;}
.search_box .srch_txt input {position:relative; padding:0 140px 0 20px; width:calc(100% - 180px); height:150px; line-height:40px; border-radius:0 150px 150px 0; border:none; font-weight:500; color:#555; background:none; font-size:2.0rem;}
.search_box .srch_txt input:-webkit-autofill {background:rgba(255,255,255,0.9);}

.search_box .btn_sch {position:absolute; right:20px; top:20px; width:100px; height:100px; background-color:#e0380f; border-radius:50px;}
.search_box .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; width:51px; height:51px; background:url(../images/main/icon_search.png) 0 0 no-repeat; background-size:100%;}

/*스크롤다운*/
.scrolldown {margin-top:100px; color:#fff; text-align:center; animation:tong 1.2s ease-in-out infinite alternate;}
.scrolldown i {display:inline-block; width:27px; height:39px; background:url(../images/main/icon_scroll.png) 0 0 no-repeat;}


@keyframes tong {
	0% {transform:translate(0, -3px);}
	25% {transform:translate(0, 2px);}
	50% {transform:translate(0, -3px);}
	100% {transform:translate(0, 2px);}
}


 /* media query */
@media screen and (max-width:1520px){
	.search_box form {width:76%;}
	
}

@media screen and (max-width:1240px){
	.search_box form {padding:0 40px; width:100%;}
}

@media screen and (max-width:1024px){
	.search_box .srchSelect {height:120px; font-size:1.8rem; background-position:right 6px center;}
	.search_box .srch_txt input {padding:0 120px 0 20px; height:120px; font-size:1.8rem;}
	.search_box .btn_sch {width:80px; height:80px;}
	.search_box .btn_sch:before {margin:-20px 0 0 -20px; width:41px; height:41px;}
}

@media screen and (max-width:920px){
	.search_box .srch_txt {flex-direction:column; border-radius:30px;}
	.search_box .srchSelect {margin-left:0; padding:0 60px 0 40px; width:100%; height:80px; border-bottom:1px dashed #aaa; background-position:right 40px center; border-radius:30px 30px 0 0;}
	.search_box .srch_txt input {padding:0 90px 0 30px; width:100%; height:80px; border-radius:0 0 30px 30px;}
	.search_box .btn_sch {top:unset; bottom:10px; width:60px; height:60px;}
	.search_box .btn_sch:before {margin:-15px 0 0 -15px; width:31px; height:31px;}
		
}

@media screen and (max-width:767px){
	.search_box form {padding:0;}
}

@media screen and (max-width:640px){
	.search_box .srch_txt input {font-size:1.5rem;}
}

@media screen and (max-width:480px){
	.search_box .srchSelect {padding:0 50px 0 20px; background-position:right 20px center;}
	.search_box .srch_txt input {padding:0 80px 0 20px;}
	.search_box .btn_sch {bottom:15px; width:50px; height:50px;}
	.search_box .btn_sch:before {margin:-13px 0 0 -13px; width:26px; height:26px;}
}










/********************************
 section02
 *******************************/

/*공지사항 / 팝업존 레이아웃*/ 
.section02_1 {position:relative;}
.section02_1:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:linear-gradient(8deg, #fff 0%, #fff7f9 40%); border-radius:0 0 250px 0;}
.section02_1 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; gap:50px; padding:100px 0 150px; }
.section02_1 .inner .item {transition:.3s; min-height:450px;}
.section02_1 .inner .item.left {width:calc(58% - 34px);}
.section02_1 .inner .item.right {width:calc(42% - 16px);}
 
 
 
 
/* media query */
@media screen and (max-width:1800px){
	.section02_1 {padding:0 20px;}
	.section02_1:before {border-radius:0 0 50px 0;}
	.section02_1 .inner {padding:100px 0 120px;}
}

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

@media screen and (max-width:1400px){	
	.section02_1 .inner {gap:30px;}
	.section02_1 .inner .item.left {width:calc(58% - 19px);}
	.section02_1 .inner .item.right {width:calc(42% - 11px);}
}

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

@media screen and (max-width:1024px){	
	.section02_1:before {width:100%; border-radius:0;}
	.section02_1 .inner {flex-direction:column; padding:50px 0 60px;}
	.section02_1 .inner .item {min-height:inherit;}
	.section02_1 .inner .item.left {width:100%;}
	.section02_1 .inner .item.right {width:100%;}
}

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

@media screen and (max-width:767px){
	.section02_1 .inner {padding:40px 0 50px; gap:20px;}
}

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

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



 
/*공지사항*/ 
.mainBoard {position:relative; width:100%;}
.mainBoard .tit {font-size:4.0rem; font-family:'SBAggro';}

.notice_list li a.tab_tit {position:absolute; top:0; padding:0 30px; height:65px; line-height:65px; font-family:'OneMobile'; font-size:1.9rem; border-radius:50px; border:1px dashed #bfbfbf; background-color:#fff; box-sizing: border-box;}
.notice_list li a.tab_tit.tit01 {right:325px;}
.notice_list li a.tab_tit.tit02 {right:85px;}
.notice_list li a.tab_tit.on {color:#fff; background-color:#469968; border-color:#469968;}



.notice_list li .list_box {display:none;}
.noticeList {display:block; margin-left:-21px;}
.noticeList li {position:relative; display:inline-block; float:left; padding:20px 1px 1px 20px; width:33.3333%;}
.noticeList li a {overflow:hidden; display:block; padding:35px 30px 30px; min-height:294px; border:1px solid #dee1e2; background-color:#fff; border-radius:30px; color:#333;}
.noticeList li a:hover {text-decoration:none;}
.noticeList li a:hover,
.noticeList li a:active,
.noticeList li a:focus {border-color:#333;}
.noticeList li a .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5; font-size:2.1rem; font-family:'OneMobile'; color:#262626; height:63px; margin:15px 0 10px;}
.noticeList li a .tit .new {position:absolute; right:30px; top:45px; display:inline-block; width:23px; height:23px; line-height:26px; font-size:1.2rem; background-color:#d93024; border-radius:12px 12px 12px 0; color:#fff; text-align:center;}

.noticeList li a .txt {overflow:hidden; height:116px; margin-bottom:30px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.noticeList li a .date {position:relative; display:block; padding-left:25px; font-weight:500; color:#666;}
.noticeList li a .date:before {content:''; position:absolute; left:0; top:7px; width:16px; height:16px; background:url(../images/main/icon_date.png) 0 0 no-repeat;}



.mainBoard .listNone {display:flex; align-items:center; justify-content:center; margin-top:20px; padding:0; width:100%; min-height:360px; background-color:#fff; border:1px solid #ddd; border-radius:30px; text-align:center;}



/*컨트롤버튼*/
.noticeCtrl {display:flex; position:absolute; right:0; top:0;}
.noticeCtrl dl {display:flex;}
.noticeCtrl dd {position:relative; display:inline-block; margin-right:10px;}
.noticeCtrl dd a {position:relative; display:block; width:65px; height:65px; border-radius:50%; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.noticeCtrl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-8px 0 0 -9px; width:18px; height:18px; background:url(../images/main/main_ctrl.svg) 0 0 no-repeat; background-size:auto 100px;}
.noticeCtrl dd a.ctrl_prev:before {background-position:-9px -41px;}
.noticeCtrl dd a.ctrl_stop:before {background-position:-108px -41px;}
.noticeCtrl dd a.ctrl_next:before {background-position:-40px -41px;}
.noticeCtrl dd a.ctrl_play:before {background-position:-140px -41px;}

.noticeCtrl a.more {display:inline-block; position:relative; width:65px; height:65px; line-height:65px; background-color:#eaecef; border-radius:50px; box-sizing:border-box;}
.noticeCtrl a.more:before {content:''; position:absolute; right:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; background:url(../images/main/btn_more.png) 0 0 no-repeat; background-size:100%;}



/* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1520px){
	.notice_list li a.tab_tit {padding:0 20px; height:55px; line-height:56px; font-size:1.7rem;}
	.notice_list li a.tab_tit.tit01 {right:260px;}
	.notice_list li a.tab_tit.tit02 {right:65px;}
	
	.noticeCtrl dd a {width:55px; height:55px;}
	.noticeCtrl a.more {width:55px; height:55px; line-height:55px;}
}

@media screen and (max-width:1200px){
	.mainBoard .tit {font-size:3.6rem;}
	
	.noticeList li {width:50%;}
	.noticeList li:nth-child(3) {display:none;}
}

@media screen and (max-width:1024px){
	.noticeList li {padding:20px 2px 1px 20px; width:33.3333%;}
	.noticeList li:nth-child(3) {display:block;}
	.noticeList li a {min-height:inherit;}
	
	.notice_list li a.tab_tit {height:45px; line-height:46px;}
	.notice_list li a.tab_tit.tit01 {right:250px;}
	.notice_list li a.tab_tit.tit02 {right:55px;}
	
	
	.noticeCtrl dd a {width:45px; height:45px;}
	.noticeCtrl dd a:before {margin:-7px 0 0 -7px; width:14px; height:16px; background-size:auto 80px;}
	.noticeCtrl dd a.ctrl_prev:before {background-position:-7px -32px;}
	.noticeCtrl dd a.ctrl_stop:before {background-position:-86px -32px;}
	.noticeCtrl dd a.ctrl_next:before {background-position:-32px -32px;}
	.noticeCtrl dd a.ctrl_play:before {background-position:-112px -32px;}
	
	.noticeCtrl a.more {width:45px; height:45px; line-height:45px;}
	.noticeCtrl a.more:before {right:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px;}
	
	.mainBoard .listNone {margin-top:10px; padding:50px 10px; min-height:inherit;}
}

@media screen and (max-width:920px){
	.noticeList li {width:50%;}
	.noticeList li:nth-child(3) {display:none;}
}

@media screen and (max-width:767px){
	.mainBoard > .tit {padding-bottom:50px; font-size:3.0rem; text-align:center;}
	
	.notice_list li a.tab_tit {top:55px; padding:0; width:170px; text-align:center; height:40px; line-height:39px; font-size:1.6rem;}
	.notice_list li a.tab_tit.tit01 {right:50%;}
	.notice_list li a.tab_tit.tit02 {right:unset; left:calc(50% + 10px);}
	
	.noticeList {margin-left:0;}
	.noticeList li {padding:20px 0 0;}
	.noticeList li a .tit .new {right:25px; top:40px;}
	
	.noticeList li {width:100%;}
	.noticeList li:nth-child(3) {display:block;}
	.noticeList li a {padding:15px 25px 20px;}
	.noticeList li a .tit {padding-right:30px; font-size:1.8rem; height:inherit; -webkit-line-clamp:1;}
	.noticeList li a .txt {margin-bottom:10px; height:inherit; -webkit-line-clamp:2;}
	.noticeList li a .tit .new {position:absolute; right:30px; top:45px; display:inline-block; width:23px; height:23px; line-height:26px; font-size:1.2rem; background-color:#d93024; border-radius:12px 12px 12px 0; color:#fff; text-align:center;}
  .noticeList li a .date:before {top:5px;}
	
	.noticeCtrl {top:55px;}
	.noticeCtrl dd a {width:40px; height:40px;}
	.noticeCtrl dd a:before {margin:-7px 0 0 -6px; width:12px; height:14px; background-size:auto 60px;}
	.noticeCtrl dd a.ctrl_prev:before {background-position:-5px -23px;}
	.noticeCtrl dd a.ctrl_stop:before {background-position:-64px -23px;}
	.noticeCtrl dd a.ctrl_next:before {background-position:-23px -23px;}
	.noticeCtrl dd a.ctrl_play:before {background-position:-83px -23px;}
	
	.noticeCtrl a.more {padding:0; width:40px; height:40px; line-height:40px;}
}

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

@media screen and (max-width:480px){
	.notice_list li a.tab_tit {width:150px; font-size:1.5rem;}
	.notice_list li a.tab_tit.tit01 {}
	.notice_list li a.tab_tit.tit02 {}
	
	.noticeList li {padding-top:10px;}
	.noticeList li a .tit .new {right:20px; top:25px;}	
	
	.noticeCtrl {top:0;}
	.noticeCtrl dd {margin-right:5px;}
}



/* 팝업존 */
.mainPopup {position:relative;}
.mainPopup .slider {display:block; position:relative; height:450px; border-radius:30px; overflow:hidden; background-color:#f9f9f9;}
.mainPopup li > a {overflow:hidden; display:block; position:relative; height:450px; background-color:#f9f9f9;}
.mainPopup li > a img {display:block; width:100%; height:100%;}

.mainPopup .control {position:absolute; bottom:0; right:0; padding:0 10px; background:rgba(0,0,0,.5); border-radius:25px 0 30px 0; z-index:30;}
.mainPopup .control > dl {}
.mainPopup .control > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.mainPopup .control > dl dd .ctrl_cont,
.mainPopup .control > dl dd a {position:relative; display:block; width:40px; height:50px; box-sizing:border-box;}
.mainPopup .control > dl dd:last-child a {border-right:0;}
.mainPopup .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:url(../images/main/main_ctrl.png) 0 0 no-repeat;}
.mainPopup .control > dl dd a.ctrl_prev:before {background-position:0 0;}
.mainPopup .control > dl dd a.ctrl_stop:before {background-position:-13px 0;}
.mainPopup .control > dl dd a.ctrl_next:before {background-position:-26px 0;}
.mainPopup .control > dl dd a.ctrl_play:before {background-position:-39px 0;}

.mainPopup .control > dl dd span.ctrl_cont {display:inline-flex; width:70px; justify-content:center; align-items:center; line-height:39px; color:rgba(255,255,255,0.8); font-weight:600; font-size:1.6rem;}
.mainPopup .control > dl dd span.ctrl_cont strong {padding-right:3px; font-weight:600; color:#fff;}
.mainPopup .control > dl dd span.ctrl_cont .dash {padding:0 3px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.mainPopup .slider,
	.mainPopup li > a {height:600px;}
}

@media screen and (max-width:920px){
	.mainPopup .slider,
	.mainPopup li > a {height:550px;}
	
}

@media screen and (max-width:767px){
	.mainPopup .slider,
	.mainPopup li > a {height:450px;}
	
	.mainPopup .control > dl dd .ctrl_cont,
	.mainPopup .control > dl dd a {height:40px;}	
}

@media screen and (max-width:640px){
	.mainPopup .slider {height:350px;}
	.mainPopup li > a {height:350px}
}

@media screen and (max-width:480px){
	.mainPopup .slider {height:280px;}
	.mainPopup li > a {height:280px;}
}

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



/*자주찾는메뉴*/
.section02_2 {position:relative; background:linear-gradient(270deg, #fff 0%, #fef8f8 50%);}
.section02_2:before {content:''; position:absolute; left:0; top:-40px; bottom:0; padding-bottom:40px; width:40%; height:100%; border-radius:0 170px 0 170px; background-color:#d65377;}

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

.shortcut_txtbox {position:relative; padding-bottom:20px; width:25%; color:#fff;}
.shortcut_txtbox .tit {font-family:'SBAggro'; font-size:4.0rem; line-height:1.2;}
.shortcut_txtbox .txt {font-size:2.0rem;}

.shortcut_box {position:relative; padding:60px 0 75px 100px; width:75%; background-color:#fff; border-radius:200px 0 0 200px;}
.shortcut_box li {padding:10px; width:16.6666%;}
.shortcut_box li a {display:block; text-align:center;}
.shortcut_box li a:hover,
.shortcut_box li a:active,
.shortcut_box li a:focus {text-decoration:none;}

.shortcut_box li a .icon {position:relative; display:block; width:130px; height:130px; margin:0 auto 20px; transition:.3s;}
.shortcut_box li a:hover .icon {top:-5px;}

.shortcut_box li a .icon:before {content:''; position:absolute; left:50%; top:50%; margin:-65px 0 0 -65px; width:130px; height:130px; background-position:0 0; background-repeat:no-repeat;}
.shortcut_box li a .icon.icon01:before {background-image:url(../images/main/icon_short01.png);}/*책이음*/
.shortcut_box li a .icon.icon02:before {background-image:url(../images/main/icon_short02.png);}/*책바다*/
.shortcut_box li a .icon.icon03:before {background-image:url(../images/main/icon_short03.png);}/*책나래*/
.shortcut_box li a .icon.icon04:before {background-image:url(../images/main/icon_short04.png);}/*책값돌려주기*/
.shortcut_box li a .icon.icon05:before {background-image:url(../images/main/icon_short05.png);}/*스마트도서관*/
.shortcut_box li a .icon.icon06:before {background-image:url(../images/main/icon_short06.png);}/*전자도서관*/

.shortcut_box li a span {font-size:2.0rem; font-weight:500; color:#333; line-height:1.2;}
.shortcut_box li a:hover span,
.shortcut_box li a:active span,
.shortcut_box li a:focus span {color:#d65377;}

/*자주찾는메뉴 롤링버튼*/
.part_ctrl {display:none;}
.part_ctrl .pct_btn {display:inline-block; position:absolute; top:calc(50% - 17px); width:35px; height:35px; border:1px solid #ddd; border-radius:25px; background-color:#fff;}
.part_ctrl .pct_btn:before {content:''; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:url(../images/main/main_ctrl_bl.png) 0 0 no-repeat;}
.part_ctrl .pct_btn.prev {left:20px;}
.part_ctrl .pct_btn.prev:before {background-position:0 0;}
.part_ctrl .pct_btn.next {right:20px;}
.part_ctrl .pct_btn.next:before {background-position:-26px 0;}

 
 
 /* media query */
@media screen and (max-width:1800px){
	.section02_2 .inner {padding:0 20px;}
	.section02_2:before {border-radius:0 170px 0 70px;}
	
	.shortcut_txtbox .tit {font-size:3.6rem;}
	.shortcut_txtbox .txt {font-size:1.8rem;}
}

@media screen and (max-width:1520px){
	.shortcut_txtbox .tit {font-size:3.4rem;}
	.shortcut_txtbox .txt {font-size:1.6rem;}
}

@media screen and (max-width:1400px){	
	.shortcut_box li a .icon {width:120px; height:120px;}
	.shortcut_box li a .icon:before {margin:-60px 0 0 -60px; width:120px; height:120px; background-size:100%;}
}

@media screen and (max-width:1300px){
	.shortcut_txtbox .tit {font-size:3.0rem;}
	.shortcut_box {padding:60px 0 75px 50px;}
	.shortcut_box li a span {font-size:inherit;}
}

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

@media screen and (max-width:1200px){	
	.shortcut_box {padding:25px 60px 30px;}
	.shortcut_box li a span {font-size:1.8rem;}
	
	.part_ctrl {display:block;}
}

@media screen and (max-width:1024px){
	.section02_2 {padding-top:40px; background:none;}
	.section02_2:before {top:0; padding-bottom:0; width:100%; height:65%; border-radius:0 140px 0 0;}
	.section02_2 .inner {flex-direction:column;}
	.shortcut_txtbox {width:100%; text-align:center;}
	.shortcut_box {width:100%; border-radius:120px 120px 0 0;}
	
}

@media screen and (max-width:920px){ 
	.shortcut_txtbox .tit {font-size:2.6rem;}
	.shortcut_box li a .icon {margin:0 auto 10px; width:100px; height:100px;}
	.shortcut_box li a .icon:before {margin:-50px 0 0 -50px; width:100px; height:100px;}
}

@media screen and (max-width:767px){
	.shortcut_txtbox .txt {font-size:1.5rem;}
	.shortcut_box li a .icon {width:90px; height:90px;}
	.shortcut_box li a .icon:before {margin:-45px 0 0 -45px; width:90px; height:90px;}
	
	.part_ctrl .pct_btn:before {margin:-5px 0 0 -7px;}
}

@media screen and (max-width:640px){
	.section02_2:before {border-radius:0 100px 0 0;}
	.section02_2 .inner {padding:0 20px 20px;}
	
	.shortcut_box {padding:0 55px; border-radius:60px 60px 0 0;}
	.shortcut_box li a span {font-size:1.6rem;}
	
	.part_ctrl .pct_btn:before {margin:-6px 0 0 -7px;}
}

@media screen and (max-width:480px){
	.shortcut_box {padding:0 40px;}
	.shortcut_box li a span {font-size:1.5rem;}
	
	.part_ctrl .pct_btn.prev {left:0;}
	.part_ctrl .pct_btn.next {right:0;}
}
  




/********************************
 section03
 *******************************/

.section03 {position:relative; padding:150px 0; background-color:#fef8f8;}
.section03 .inner {display:flex; justify-content: flex-end;}
.section03 .inner:before {content:''; position:absolute; left:0; bottom:50px; width:564px; height:526px; background:url(../images/main/icon_bookbg.png) 0 0 no-repeat; background-size:100%; z-index:1;}
.section03 .inner:after {content:'BOOK Curation'; position:absolute; left:10%;; bottom:0; font-size:7.0rem; line-height:1; font-family:'SBAggro'; font-weight:600; color:#f3f3f3; letter-spacing:-5px; z-index:0;}
.section03 .inbox {position:relative; width:65%; z-index:1;}



.TopTitle {position:absolute; left:0; top:10px; margin:0 auto; font-family:'SBAggro'; font-size:4.0rem; color:#333; line-height:1.2;}

/*탭*/
.tabs ul {display:flex; justify-content:flex-end; gap:20px; margin-right:85px;}
.tabs ul li {}
.tabs ul li .tab_btn {position:relative; padding:0 40px; height:65px; line-height:65px; color:#333; font-size:1.9rem; font-family:'OneMobile'; background-color:#fff; border:1px dashed #bfbfbf; border-radius:50px; box-sizing:border-box;}
.tabs ul li.active .tab_btn {color:#fff; background-color:#469968; border-color:#469968;}

.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}

.collection_box {position:relative; margin-top:50px;}
.collection_box:before {content:''; position:absolute; left:0; top:50%; margin:-195px 0 0 -45px; width:390px; height:390px; border-radius:50%; background-color:#e1dbdb; z-index:0;}

/*책리스트 - 큰책*/
.collection_Big {position:relative;}
.collection_Big .item {}
.collection_Big .item .img {position:relative; display:inline-block; float:left; width:300px; height:443px;}
.collection_Big .item .img:after {content:''; display:block; visibility:hidden; clear:both;}
.collection_Big .item .img img {position:relative; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; z-index:1;}

.collection_Big .item .info {display:inline-block; float:left; width:calc(100% - 300px); padding:30px 20px 0 100px;}
.collection_Big .item .info:after {content:''; display:block; visibility:hidden; clear:both;}

.collection_Big .item .info a {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:70px; font-size:2.5rem; line-height:1.4; font-weight:500; color:#222;}
.collection_Big .item .info .info_list {margin-top:20px;}


/*책리스트 - 작은책*/
.collection_Mini.slick-slider {display:block; position:absolute; right:0; bottom:0; padding-left:370px; width:100%;}
.collection_Mini .slick-track {display:flex; gap:60px;}

.collection_Mini a {display:block; width:120px; height:180px;}
.collection_Mini a img {width:100%; height:100%;}



/*리스트없을떄*/
.collection_box.noList {display:flex; min-height:443px; justify-content:center; align-items:center;}
.collection_box.noList:before {left:50%; margin-left:-195px;}
.collection_box.noList p {z-index:0;}
.collection_box.noList .collection_arrow,
.collection_box.noList .collection_arrow:before {display:none;}


/*컨트롤*/
.collection_arrow {display:flex; position:absolute; right:0; bottom:200px; justify-content:flex-end; width:68%;}
.collection_arrow:before {content:''; position:absolute; left:30px; top:50%; width:80%; height:1px; background-color:#121212;}
.collection_arrow dl {display:flex;}
.collection_arrow dd {position:relative; display:inline-block;}
.collection_arrow dd a {position:relative; display:block; width:40px; height:40px; box-sizing:border-box;}
.collection_arrow dd a.stop,
.collection_arrow dd a.play {background-color:#fff; border-radius:20px; border:1px solid #ddd;}
.collection_arrow dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -7px; width:15px; height:20px; background:url(../images/main/main_Bctrl.png) 0 0 no-repeat;}
.collection_arrow dd a.prev:before {background-position:0 0;}
.collection_arrow dd a.stop:before {background-position:-16px 0;}
.collection_arrow dd a.next:before {background-position:-32px 0;}
.collection_arrow dd a.play:before {background-position:-48px 0;}

.collection_arrow dd a.prev:after {content:''; position:absolute; right:0; top:calc(50% - 10px); width:1px; height:20px; background-color:#ddd;}

/*더보기*/
.collection_box a.more {display:inline-block; position:absolute; right:0; top:-115px; width:65px; height:65px; line-height:65px; background-color:#eaecef; border-radius:50px; box-sizing:border-box;}
.collection_box a.more:before {content:''; position:absolute; right:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; background:url(../images/main/btn_more.png) 0 0 no-repeat; background-size:100%;}



/* media query */
@media screen and (max-width:1800px){
	.section03 .inner {padding:0 20px;}

	/*컨트롤*/
	.collection_arrow {width:62%;}
	.collection_arrow:before {left:0;}
}

@media screen and (max-width:1650px){
	.section03 .inner:before {width:464px; height:433px;}
	.section03 .inner:after {font-size:6.5rem;}
	
	/*책리스트 - 작은책*/
	.collection_Mini a {height:148px;}

	/*컨트롤*/
	.collection_arrow {width:60%; bottom:170px;}
}

@media screen and (max-width:1520px){
	.section03 {padding:120px 0;}
	.section03 .inbox {width:72%;}
	

	/*탭*/
	.tabs ul {gap:20px;}
}

@media screen and (max-width:1420px){
	/*책리스트 - 작은책*/
	.collection_Mini.slick-slider {padding-left:380px; width:100%;}
	.collection_Mini .slick-track {gap:40px;}
	
}

@media screen and (max-width:1380px){
	.section03 .inner:after {display:none;}
	.section03 .inbox {width:80%;}
	
	/*탭*/
	.tabs ul {margin-right:75px;}
	.tabs ul li .tab_btn {padding:0 30px; height:55px; line-height:55px;}
	
	
	/*책리스트 - 큰책*/
	.collection_Big .item .info {padding:15px 20px 0 100px;}
	
	/*책리스트 - 작은책*/
	.collection_Mini a {height:170px;}
	
	/*컨트롤*/
	.collection_arrow {width:62%; bottom:190px;}
	
	/*더보기*/
	.collection_box a.more {top:-105px; width:55px; height:55px;}
}

@media screen and (max-width:1240px){
	
	/*책리스트 - 작은책*/
	.collection_Mini a {height:148px;}
	
	/*컨트롤*/
	.collection_arrow {width:58%; bottom:170px;}
	
}

@media screen and (max-width:1200px){
	.section03 .inbox {width:100%;}
	
	.TopTitle {font-size:3.6rem;}
	
	.collection_box:before {margin:-180px 0 0; width:360px; height:360px;}
	
	
	/*책리스트 - 큰책*/
	.collection_Big .item .img {width:270px; height:399px; margin-left:45px;}
	.collection_Big .item .info {width:calc(100% - 320px);}
	
	
	/*책리스트 - 작은책*/
	.collection_Mini.slick-slider {padding-left:385px;}
	.collection_Mini .slick-track {gap:50px;}

	/*컨트롤*/
	.collection_arrow {width:64%;}
}

@media screen and (max-width:1100px){
	/*컨트롤*/
	.collection_arrow {width:62%;}
}

@media screen and (max-width:1024px){
	.section03 .inner:before {bottom:-50px;}
	
	/*탭*/
	.tabs ul li .tab_btn {font-size:1.7rem;}
	
	.collection_box:before {margin:-250px 0 0; width:300px; height:300px;}
	.collection_box.noList:before {margin:-150px 0 0 -150px;}
	
	/*책리스트 - 큰책*/
	.collection_Big .item .img {width:220px; height:325px; margin-left:45px;}
	.collection_Big .item .info {width:calc(100% - 265px);}
	.collection_Big .item .info {padding:0 20px 0 100px;}
	
	
	/*책리스트 - 작은책*/
	.collection_Mini.slick-slider {position:relative; margin-top:20px; padding-left:0;}
	.collection_Mini .slick-track {gap:70px;}
	.collection_Mini a {height:185px;}

	/*컨트롤*/
	.collection_arrow {width:63%; bottom:210px;}
}

@media screen and (max-width:920px){
	.section03 {padding:100px 0 120px;}
	.section03 .inner:before {left:unset; right:0; bottom:0; width:400px; height:374px;}
	
	.TopTitle {font-size:3.2rem;}
	
	/*탭*/
	.tabs ul {margin-right:55px; gap:10px;}
	.tabs ul li .tab_btn {padding:0 20px; height:45px; line-height:45px;}
	
	.collection_box:before {margin:-150px 0 0;}
	
	/*리스트없을떄*/
	.collection_box.noList {min-height:325px;}
	
	/*책리스트 - 큰책*/
	.collection_Big .item .info a {height:62px; font-size:2.2rem;}
	
	
	/*책리스트 - 작은책*/
	.collection_Mini.slick-slider {display:none;}
	
	
	/*컨트롤*/
	.collection_arrow {width:58%; bottom:0;}
	.collection_arrow:before {width:70%;}
	
	/*더보기*/
	.collection_box a.more {height:45px; width:45px; top:-95px;}
}


@media screen and (max-width:850px){
	/*책리스트 - 큰책*/
	.collection_Big .item .info {padding:0 20px 0 70px;}
}

@media screen and (max-width:767px){
	.section03 .inner:before {bottom:unset; top:20%; width:350px; height:326px;}
	.TopTitle {position:relative; left:inherit; top:inherit; font-size:3.0rem; text-align:center;}
	
	
	/*탭*/
	.tabs ul {margin-top:20px; justify-content:center; margin-right:0;}
	.tabs ul li .tab_btn {padding:0; width:170px; height:40px; line-height:40px; font-size:1.6rem;}
	
	.collection_box:before {display:none;}
	
	/*책리스트 - 큰책*/
	.collection_Big .item .img {display:block; float:none; margin:0 auto;}
	.collection_Big .item .img:before {content:''; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; width:300px; height:300px; border-radius:50%; background-color:#e1dbdb; z-index:0;}
	.collection_Big .item .info {display:block; float:none; width:100%; padding:25px 0 0;}
	.collection_Big .item .info a {height:inherit;}
	
	
	/*리스트없을떄*/
	.collection_box.noList {min-height:200px; text-align:center; border:1px solid #ddd; border-radius:20px; background-color:#fff;}
	.collection_box.noList p {width:100%;}

	/*컨트롤*/
	.collection_arrow {position:relative; width:100%; margin-top:20px;}
	.collection_arrow:before {width:calc(100% - 140px);}
	.collection_arrow dd a:before {margin:-6px 0 0 -6px; width:12px; height:12px; background:url(../images/main/main_ctrl_bl.png) 0 0 no-repeat;}
	.collection_arrow dd a.prev:before {background-position:0 0;}
	.collection_arrow dd a.stop:before {background-position:-12px 0;}
	.collection_arrow dd a.next:before {background-position:-26px 0;}
	.collection_arrow dd a.play:before {background-position:-38px 0;}
	
	.collection_arrow a.more {padding:0; width:40px; height:40px; line-height:40px;}
	.collection_arrow a.more:before {right:calc(50% - 8px); top:calc(50% - 7px); width:16px; height:14px; background-position:-42px -23px; background-size:auto 60px;}
	
	
	/*더보기*/
	.collection_box a.more {height:40px; width:40px; top:-90px;}
}

@media screen and (max-width:640px){
	.section03 .inner:before {display:none;}
	
	/*책리스트 - 큰책*/
	.collection_Big .item .img {width:200px; height:286px;}
	.collection_Big .item .img:before {margin:-130px 0 0 -130px; width:260px; height:260px;}
	.collection_Big .item .info a {font-size:2.0rem;}
}

@media screen and (max-width:480px){
	.section03 {padding:80px 0 100px;}
	.section03:before {right:-20%; top:26%; width:450px; height:441px;}
	
	
	/*탭*/
	.tabs ul {margin-top:10px;}
	.tabs ul li .tab_btn {width:150px; font-size:1.5rem;}
	
	
	/*책리스트*/
	

	/*컨트롤*/
	
	
	/*더보기*/
	.collection_box a.more {top:-140px;}
}






/********************************
 section04
 *******************************/
.section04 {background-color:#cee4f3;}
.section04 .inner {display:flex; align-items:center; padding:7% 0;} 

.img_area {position:relative; width:800px; height:554px;}
.img_area:before {content:''; position:absolute; left:0; top:0; width:759px; height:554px; background:url(../images/main/map_bg.png) 0 0 no-repeat; background-size:100%;}

.info_area {width:calc(100% - 800px);}
.info_area .tit .miniT {margin-left:20px; font-size:1.7rem; font-family:'SCD', 맑은고딕,'Malgun Gothic', 돋움, Dotum,sans-serif;}

.lbList {position:relative; padding:80px 0 100px 15%; background-color:#fff8f8; border-radius:0 0 0 200px;}
.lbList:before {content:''; position:absolute; right:-100%; top:0; height:100%; width:100%; background-color:#fff8f8;}

.lbList2 {position:relative; padding:80px 0 100px 15%; background-color:#fff8f8; border-radius:0 0 0 200px;}
.lbList2:before {content:''; position:absolute; right:-100%; top:0; height:100%; width:100%; background-color:#fff8f8;} 


.smlib_list {position:relative; padding-top:90px;}
.smlib_list li a.tab_tit {position:absolute; top:0; font-size:4.0rem; font-family:'SBAggro'; line-height:1.2;}
.smlib_list li a.tab_tit.tit01 {left:0;}
.smlib_list li a.tab_tit.tit02 {left:250px;}
.smlib_list li a.tab_tit.tit02 span {position:relative;}
.smlib_list li a.tab_tit.tit02 span:before {content:''; position:absolute; left:-33px; top:calc(50% - 6px); width:6px; height:6px; background-color:#888; border-radius:3px;}
.smlib_list li a.tab_tit.on {color:#121212;}

.smlib_list li .list_box {display:none;}


/*공립도서관 탭*/
.lbList2 .tab_area2 ul {display:flex; justify-content:flex-end; gap:20px; margin-right:85px;}
.lbList2 .tab_area2 ul li .btn_tab2 {position:relative; padding:0 40px; height:60px; line-height:60px; color:#333; font-size:1.9rem; font-family:'OneMobile'; background-color:#fff; border:1px dashed #bfbfbf; border-radius:50px; box-sizing:border-box;}
.lbList2 .tab_area2 ul li.active .btn_tab2 {color:#fff; background-color:#469968; border-color:#469968;}

.lbList2.tab-box .tab-inner {display:none;}
.lbList2.tab-box .tab-inner.on {display:block;}


/*작은도서관 탭*/
.lbList .tab_area ul {display:flex; justify-content:flex-end; gap:20px; margin-right:85px;}
.lbList .tab_area ul li .btn_tab {position:relative; padding:0 40px; height:60px; line-height:60px; color:#333; font-size:1.9rem; font-family:'OneMobile'; background-color:#fff; border:1px dashed #bfbfbf; border-radius:50px; box-sizing:border-box;}
.lbList .tab_area ul li.active .btn_tab {color:#fff; background-color:#469968; border-color:#469968;}

.lbList.tab-box .tab-inner {display:none;}
.lbList.tab-box .tab-inner.on {display:block;}

/*왼쪽 지도*/
.tab-inner:before {content:''; position:absolute; left:-800px; top:-42px; width:759px; height:554px; background-size:100%; background-repeat:no-repeat; background-position:0 0;}
.tab-inner.tabs1:before {background-image:url(../images/main/junggu.png);}
.tab-inner.tabs2:before {background-image:url(../images/main/namgu.png);}
.tab-inner.tabs3:before {background-image:url(../images/main/donggu.png);}
.tab-inner.tabs4:before {background-image:url(../images/main/bukgu.png);}
.tab-inner.tabs5:before {background-image:url(../images/main/ulju.png);}


/*공립도서관리스트*/
.pub_inbox {position:relative;}
.pub_inbox > ul {padding-right:50px;}
.pub_inbox li.slick-slide {padding:30px 0;}

.pub_LB {display:block; padding:50px; border:2px solid #222; border-radius:20px; background-color:#fff;}
.pub_LB .lb_tit {margin-bottom:20px; color:#2b8072; font-size:2.4rem; font-family:'SBAggro'; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



/*작은도서관리스트*/
.Lb_inbox {position:relative;}
.Lb_inbox > ul {padding-right:50px;}
.Lb_inbox li.slick-slide {padding:30px 0;}

.mini_LB {display:block; padding:50px; border:2px solid #222; border-radius:20px; background-color:#fff;}
.mini_LB .lb_tit {margin-bottom:20px; color:#2b8072; font-size:2.4rem; font-family:'SBAggro'; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*공통-리스트*/
.mini_info li {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mini_info li + li {padding-top:5px;}
.mini_info li i {position:relative; display:inline-block; margin-right:10px; width:23px; height:23px;}
.mini_info li i:before {content:''; position:absolute; left:0; top:4px; width:23px; height:23px; background:url(../images/minicon_ir.png) 0 0 no-repeat;} 
.mini_info li i.map:before {background-position:-336px 0;}
.mini_info li i.tel:before {background-position:-288px 0;}
.mini_info li i.info:before {background-position:-72px 0;}


/*컨트롤*/
.Lb_arrow2 {position:absolute; right:25px; top:50%; margin-top:-50px;}
.Lb_arrow2 dl {background-color:#333; border-radius:25px;}
.Lb_arrow2 dl dd {position:relative;}
.Lb_arrow2 dl dd + dd:before {content:''; position:absolute; left:calc(50% - 7px); top:-1px; width:14px; height:2px; background:rgba(255,255,255,0.5);}
.Lb_arrow2 dl dd a {position:relative; display:block; width:50px; height:50px;}
.Lb_arrow2 dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px; width:14px; height:15px; background:url(../images/main/btn_scroll.png) 0 0 no-repeat;}
.Lb_arrow2 dl dd a.prev_btn:before {transform: rotate(180deg); opacity:0.7;}

.Lb_arrow {position:absolute; right:25px; top:50%; margin-top:-50px;}
.Lb_arrow dl {background-color:#333; border-radius:25px;}
.Lb_arrow dl dd {position:relative;}
.Lb_arrow dl dd + dd:before {content:''; position:absolute; left:calc(50% - 7px); top:-1px; width:14px; height:2px; background:rgba(255,255,255,0.5);}
.Lb_arrow dl dd a {position:relative; display:block; width:50px; height:50px;}
.Lb_arrow dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px; width:14px; height:15px; background:url(../images/main/btn_scroll.png) 0 0 no-repeat;}
.Lb_arrow dl dd a.prev_btn:before {transform: rotate(180deg); opacity:0.7;}


/*더보기*/
.pub_inbox a.more {display:inline-block; position:absolute; right:0; top:-60px; width:60px; height:60px; line-height:60px; background-color:#eaecef; border-radius:50px; box-sizing:border-box;}
.pub_inbox a.more:before {content:''; position:absolute; right:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; background:url(../images/main/btn_more.png) 0 0 no-repeat; background-size:100%;}
.Lb_inbox a.more {display:inline-block; position:absolute; right:0; top:-60px; width:60px; height:60px; line-height:60px; background-color:#eaecef; border-radius:50px; box-sizing:border-box;}
.Lb_inbox a.more:before {content:''; position:absolute; right:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; background:url(../images/main/btn_more.png) 0 0 no-repeat; background-size:100%;}

/*리스트 없을때*/
.pub_inbox.noList {padding:30px 0;}
.pub_inbox.noList p {display:flex; justify-content:center; align-items:center; margin-right:50px; padding:50px; height:257px; border:2px solid #222; border-radius:20px; background-color:#fff;}
.pub_inbox.noList .Lb_arrow {display:none;}

.Lb_inbox.noList {padding:30px 0;}
.Lb_inbox.noList p {display:flex; justify-content:center; align-items:center; margin-right:50px; padding:50px; height:257px; border:2px solid #222; border-radius:20px; background-color:#fff;}
.Lb_inbox.noList .Lb_arrow {display:none;}


/* media query */
@media screen and (max-width:1800px){
	.section04 .inner {padding:100px 20px;}  
}

@media screen and (max-width:1640px){
	.img_area {width:700px; height:438px;}
	.img_area:before {width:650px; height:474px;}
	
	.info_area {width:calc(100% - 700px);}
	
	.lbList2 {padding:70px 0 90px 15%;}
	.lbList {padding:70px 0 90px 15%;}
	
	/*공립도서관 탭*/
	.lbList2 .tab_area2 ul {gap:10px;}
	.lbList2 .tab_area2 ul {margin-right:60px;}
	.lbList2 .tab_area2 ul li .btn_tab2 {padding:0 30px; height:50px; line-height:50px;}
	
	
	/*작은도서관 탭*/
	.lbList .tab_area ul {gap:10px;}
	.lbList .tab_area ul {margin-right:60px;}
	.lbList .tab_area ul li .btn_tab {padding:0 30px; height:50px; line-height:50px;}
		
	/*더보기*/
	.pub_inbox a.more {top:-50px; width:50px; height:50px; line-height:50px;}
	.Lb_inbox a.more {top:-50px; width:50px; height:50px; line-height:50px;}
	
	
	/*왼쪽 지도*/
	.tab-inner:before {left:-700px; top:1px; width:650px; height:474px;}
	
}


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


@media screen and (max-width:1400px){
	.lbList2 {padding:70px 0 70px 15%;}
	.lbList {padding:70px 0 70px 15%;}
	
	.img_area {width:650px; height:438px;}
	.img_area:before {width:600px; height:438px;}
	
	.info_area {width:calc(100% - 650px);}
	
	
	/*공립도서관 탭*/
	.lbList2 .tab_area2 ul li .btn_tab2 {padding:0 20px;}
	
	
	/*작은도서관 탭*/
	.lbList .tab_area ul li .btn_tab {padding:0 20px;}
	
	
	/*왼쪽 지도*/
	.tab-inner:before {left:-650px; top:-10px; width:600px; height:438px;}
}

@media screen and (max-width:1300px){
	.info_area .tit .miniT {display:block; margin-left:0;}
	.lbList2 {padding:50px 0 50px 12%; border-radius:0 0 0 120px;}
	.lbList {padding:50px 0 50px 12%; border-radius:0 0 0 120px;}
	
	.img_area {width:620px;}
	
	.info_area {width:calc(100% - 620px);}
	
	/*왼쪽 지도*/
	.tab-inner:before {left:-620px; top:-40px;}
}

@media screen and (max-width:1200px){
	.info_area .tit {font-size:3.6rem;}
	
	.img_area {width:470px; height:328px;}
	.img_area:before {width:450px; height:328px;}
	
	.info_area {width:calc(100% - 470px);}
	
	.smlib_list {padding-top:70px;}
	.smlib_list li a.tab_tit.tit02 {left:225px;}2
	
	/*공립도서관 탭*/
	.lbList2 .tab_area2 ul {flex-wrap:wrap; justify-content:flex-start;}
	.lbList2 .tab_area2 ul li {width: calc(33.3333% - 7px);}
	.lbList2 .tab_area2 ul li .btn_tab2 {display:block; padding:0 5px; width:100%; height:40px; line-height:40px; font-size:1.7rem;}
	
	/*작은도서관 탭*/
	.lbList .tab_area ul {flex-wrap:wrap; justify-content:flex-start;}
	.lbList .tab_area ul li {width: calc(33.3333% - 7px);}
	.lbList .tab_area ul li .btn_tab {display:block; padding:0 5px; width:100%; height:40px; line-height:40px; font-size:1.7rem;}
		
	/*더보기*/
	.pub_inbox a.more {top:-50px; width:40px; height:40px; line-height:40px;}
	.pub_inbox a.more:before {right:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px;}
	.Lb_inbox a.more {top:-50px; width:40px; height:40px; line-height:40px;}
	.Lb_inbox a.more:before {right:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px;}
	
	/*왼쪽 지도*/
	.tab-inner:before {left:-470px; top:36px; width:450px; height:328px;}
	
	
	/*공립도서관리스트*/
	.pub_LB .lb_tit {font-size:2.2rem;}
	
	/*작은도서관리스트*/
	.mini_LB .lb_tit {font-size:2.2rem;}
}

@media screen and (max-width:1024px){
	.info_area .tit {margin-bottom:20px;}
	
	.img_area {display:none;}
	.img_area:before {display:none;}
	
	.info_area {width:100%;}
	
	.lbList2 {padding:40px 40px 20px; border-radius:20px;}
	.lbList2:before {display:none;}
	.lbList {padding:40px 40px 20px; border-radius:20px;}
	.lbList:before {display:none;}
 	
	.pub_inbox > ul {padding-right:25px;}
	.Lb_inbox > ul {padding-right:25px;}
	.pub_LB {padding:30px 40px;}
	.mini_LB {padding:30px 40px;}
	
	.pub_inbox.noList p {margin-right:25px; height:214px;}
	.Lb_inbox.noList p {margin-right:25px; height:214px;}
	
	.Lb_arrow2 {right:0;}
	.Lb_arrow {right:0;}
	
}

@media screen and (max-width:920px){
	.info_area .tit {font-size:3.2rem;}
	
	.smlib_list li a.tab_tit.tit02 {left:210px;}
}

@media screen and (max-width:767px){
	.info_area .tit {font-size:3.0rem;}
	.smlib_list li a.tab_tit.tit02 {left:200px;}
	
	/*공립도서관*/
	.pub_LB {padding:30px;}
	.pub_LB .lb_tit {margin-bottom:10px; font-size:2.0rem;}
	
	/*작은도서관*/
	.mini_LB {padding:30px;}
	.mini_LB .lb_tit {margin-bottom:10px; font-size:2.0rem;}
	.mini_info li i:before {top:5px;}
	
	.pub_inbox.noList p {height:196px;}
	.Lb_inbox.noList p {height:196px;}
}

@media screen and (max-width:640px){
	.section04 .inner {padding:80px 20px;}  
	
	.lbList2 {padding:30px 30px 10px;}
	.lbList {padding:30px 30px 10px;}
	
	/*공립도서관*/
	.pub_inbox > ul {padding-right:20px;}
	.pub_inbox.noList p {margin-right:20px;}
	
	/*작은도서관*/
	.Lb_inbox > ul {padding-right:20px;}
	.Lb_inbox.noList p {margin-right:20px;}
	
	/*컨트롤*/
	.Lb_arrow2 dl dd a {width:40px; height:40px;}
	.Lb_arrow2 dl dd a:before {margin:-5px 0 0 -5px; width:10px; height:11px; background-size:100%;}
	
	.Lb_arrow dl dd a {width:40px; height:40px;}
	.Lb_arrow dl dd a:before {margin:-5px 0 0 -5px; width:10px; height:11px; background-size:100%;}
}

@media screen and (max-width:480px){
	.info_area .tit {font-size:2.7rem;}
	
	.smlib_list li a.tab_tit.tit02 {left:160px;}
	.smlib_list li a.tab_tit.tit02 span:before {left:-20px;}
	
	.lbList2 .tab_area2 ul li .btn_tab2 {font-size:1.6rem;}
	.lbList .tab_area ul li .btn_tab {font-size:1.6rem;}
}




/********************************
 section05
 *******************************/
.section05 .inner {padding:150px 0;}


.eventBox {position:relative;}
.eventBox .title {font-size:4.0rem; font-family:'SBAggro';}

.event_list li a.tab_tit {position:absolute; top:0; padding:0 10px; width:180px; height:65px; line-height:65px; text-align:center; font-family:'OneMobile'; font-size:1.9rem; border-radius:50px; border:1px dashed #bfbfbf; background-color:#fff; box-sizing: border-box;}
.event_list li a.tab_tit.tit01 {right:285px;}
.event_list li a.tab_tit.tit02 {right:85px;}
.event_list li a.tab_tit.on {color:#fff; background-color:#469968; border-color:#469968;}

.event_list li .list_box {display:none;}


.eventList {display:block; margin-left:-61px;}
.eventList:after {content:''; display:block; visibility:hidden; clear:both;}
.eventList li {position:relative; display:inline-block; float:left; padding:30px 1px 1px 60px; width:25%;}
.eventList li a {overflow:hidden; display:block; padding:50px 40px 70px; border:1px solid #dee1e2; background-color:#fff; border-radius:30px; color:#333;}
.eventList li:hover a {text-decoration:none;}
.eventList li:hover a,
.eventList li:active a,
.eventList li:focus a {border-color:#333;}

.eventList li a .sub {color:#ef523f;}
.eventList li a .tit {overflow:hidden; font-size:2.2rem; font-weight:500; height:99px; line-height:1.5; margin-bottom:30px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.eventList li a .date_box {}
.eventList li a .date_box dl + dl {margin-top:20px;}
.eventList li a .date_box dt {position:relative; padding-left:30px; font-size:1.8rem;}
.eventList li a .date_box dt:before {content:''; position:absolute; left:0; top:2px; width:23px; height:23px; background:url(../images/minicon_ir.png) 0 0 no-repeat;} 
.eventList li a .date_box dt.time:before {background-position:-240px 0;}
.eventList li a .date_box dt.person:before {background-position:-384px 0;}

.eventList li a .date_box dd {height:48px; line-height:1.4;}

.eventList li a .state {position:absolute; right:0; bottom:0; width:130px; height:50px; line-height:50px; border-radius:30px 0 30px 0; text-align:center; color:#fff; background-color:#097ac9;}
.eventList li a .state.ing {background-color:#ef523f;}
.eventList li a .state.end {background-color:#666;}

/*영화상영*/
.eventList li a .tit.movie_tit {height:66px; -webkit-line-clamp:2;}
.movie_info dd {position:relative; padding-left:15px; font-size:1.9rem; color:#333;}
.movie_info dd:before {content:''; position:absolute; left:0; top:13px; width:6px; height:6px; background-color:#555; border-radius:10px;}
.eventList li a .state.state_all {background-color:#45a300;}
.eventList li a .state.state_15 {background-color:#e1780e;}
.eventList li a .state.state_12 {background-color:#0f96dc;}



/*컨트롤버튼*/
.eventCtrl {position:absolute; right:0; top:0;}
.eventCtrl a.more {display:inline-block; position:relative; width:65px; height:65px; line-height:65px; background-color:#eaecef; border-radius:50px; box-sizing:border-box;}
.eventCtrl a.more:before {content:''; position:absolute; right:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; background:url(../images/main/btn_more.png) 0 0 no-repeat; background-size:100%;}


/*리스트 없을때*/
.section05 .listNone {display:block; margin-top:20px; padding:130px 20px; text-align:center; border:1px solid #ddd; border-radius:20px;}


/* media query */
@media screen and (max-width:1800px){
	.section05 .inner {padding:120px 20px;}
}

@media screen and (max-width:1520px){
	
	.eventList {margin-left:-41px;}
	.eventList li {padding:30px 1px 1px 40px;}
	.eventList li a {padding:40px 30px 60px;}
}

@media screen and (max-width:1400px){
	.eventList li a .tit {margin-bottom:20px; height:90px; font-size:2.0rem;}
	.eventList li a .tit.movie_tit {height:60px;}
	.movie_info dd {font-size:1.7rem;}
}

@media screen and (max-width:1380px){
	.event_list li a.tab_tit {width:160px; height:55px; line-height:55px;}
	.event_list li a.tab_tit.tit01 {right:255px;}
	.event_list li a.tab_tit.tit02 {right:75px;}
	
	/*컨트롤버튼*/
	.eventCtrl a.more {width:55px; height:55px; line-height:55px;}
}


@media screen and (max-width:1200px){
	.eventBox .title {font-size:3.6rem;}
	
	.eventList {margin-left:-31px;}
	.eventList li {padding:30px 1px 1px 30px; width:50%;}
	.eventList li a {padding:30px 30px 55px;}
	.eventList li a .tit {height:60px; -webkit-line-clamp:2;}
	.eventList li a .date_box dl + dl {margin-top:10px;}
	.eventList li a .date_box dd {height:inherit;}
	
}

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

@media screen and (max-width:920px){
	.event_list li a.tab_tit {width:160px; height:45px; line-height:45px; font-size:1.7rem;}
	.event_list li a.tab_tit.tit01 {right:225px;}
	.event_list li a.tab_tit.tit02 {right:55px;}
	
	.eventList li a .state {width:100px; height:45px; line-height:45px;}
	
	
	/*컨트롤버튼*/
	.eventCtrl a.more {width:45px; height:45px; line-height:45px;}
}

@media screen and (max-width:767px){
	.eventBox .title {padding-bottom:30px; font-size:3.0rem; text-align:center;}
	
	.event_list li a.tab_tit {top:50px; height:40px; line-height:40px;}
	.event_list li a.tab_tit.tit01 {right:calc(50% + 5px);}
	.event_list li a.tab_tit.tit02 {right:unset; left:calc(50% + 5px);}
	
	
	.eventList li a .tit {font-size:1.8rem; height:54px;}
	.eventList li a .date_box dt {font-size:1.7rem;}
	.eventList li a .date_box dd {height:42px;}
	
	.eventList li a .tit.movie_tit {height:54px;}
	
	/*컨트롤버튼*/
	.eventCtrl {top:2px;}
	.eventCtrl a.more {width:40px; height:40px; line-height:40px;}
	.eventCtrl a.more:before {right:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px;}
	
	/*리스트 없을때*/
	.section05 .listNone {margin-top:40px;}
}

@media screen and (max-width:640px){
	.eventList {margin-left:0;}
	.eventList li {padding:30px 0 0; width:100%;}
	.eventList li a {padding:30px 30px 55px;}
	
	.eventList li a .tit.movie_tit {height:inherit;}
	.eventList li a .date_box dd {height:inherit;}
}

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