@charset "UTF-8"; 

@import url("../../clib/css/23.css"); /* sub2 */
@import url("../../clib/css/47.css"); /* 캘린더 */
@import url("../../clib/css/48.css"); /* 검색 */


/********************************
 01 자료검색
 *******************************/
 
 /*검색목록 - 01자료검색, 02신착자료, 04대출베스트  */
.srch_infolist {}
.srch_infolist > ul {display:flex; flex-wrap:wrap; gap:20px;}
.srch_infolist .item {padding:35px 30px 30px ; width:100%; transition:all 0.3s; border:1px solid #ddd; border-radius:15px;}
.srch_infolist .item:hover,
.srch_infolist .item:focus,
.srch_infolist .item:active {border-color:#1F695C; box-shadow:0 1px 10px 0 rgba(0,50,128,0.1);}

.srch_infolist .item a {display:flex; flex-direction:column; justify-content:space-between; height:100%; gap:10px;}
.srch_infolist .item a:hover,
.srch_infolist .item a:focus,
.srch_infolist .item a:active {text-decoration:none;}

.srch_infolist .item .up {display:flex; gap:30px;}
.srch_infolist .item .up .book_img {width:180px; height:250px; border:1px solid #ddd;}
.srch_infolist .item .up .book_img img {width:100%; height:100%;}

.srch_infolist .item .up .info_box {width:calc(100% - 210px); display:flex; flex-direction:column; gap:10px;}

.srch_infolist .item .up .info_box .book_title {}
.srch_infolist .item .up .info_box .book_title .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:5px; font-size:2.4rem; font-weight:500; color:#222; line-height:1.2;}
.srch_infolist .item .up .info_box .book_title ul {display:flex; flex-wrap:wrap;}
.srch_infolist .item .up .info_box .book_title li {position:relative; padding:0 10px; font-size:1.5rem;}
.srch_infolist .item .up .info_box .book_title li:before {content:''; position:absolute; left:0; top:5px; width:1px; height:10px; background-color:#aaa;}
.srch_infolist .item .up .info_box .book_title li:first-child {padding-left:0;}
.srch_infolist .item .up .info_box .book_title li:first-child:before {display:none;}

.srch_infolist .item .up .info_box .book_data ul {display:flex; flex-wrap:wrap; gap:5px;}
.srch_infolist .item .up .info_box .book_data li:nth-child(odd) {width:calc(55% - 3px);}
.srch_infolist .item .up .info_box .book_data li:nth-child(even) {width:calc(45% - 3px);}
.srch_infolist .item .up .info_box .book_data li dl {display:flex; flex-wrap:wrap; align-items:center; align-items:flex-start;}
.srch_infolist .item .up .info_box .book_data li dt {font-size:1.6rem; padding:1px 10px; min-width:80px; text-align:center; border:1px solid #aaa; border-radius:15px;}
.srch_infolist .item .up .info_box .book_data li dd {padding-left:8px; width:calc(100% - 80px); font-size:1.8rem;}
.srch_infolist .item .up .info_box .book_data li dd.booking.cl01 {color:#138719; font-weight:600;}
.srch_infolist .item .up .info_box .book_data li dd.booking.cl02 {color:#C44116; font-weight:600;}
.srch_infolist .item .up .info_box .book_data li dd.booking .return {color:#333; font-weight:400; font-size:1.6rem;}

 .srch_infolist .item .down {padding:15px; border-radius:10px; background-color:#f9f9f9;}
 .srch_infolist .item .down span {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}


/*03추천도서*/
.srch_infolist > ul.recommendList {justify-content:space-between;}
.srch_infolist > ul.recommendList li.item  {width:calc(50% - 10px);}
.srch_infolist > ul.recommendList li.item .up .info_box .book_data ul {flex-direction:column;}
.srch_infolist > ul.recommendList li.item .up .info_box .book_data li:nth-child(odd),
.srch_infolist > ul.recommendList li.item .up .info_box .book_data li:nth-child(even) {width:100%;}
.srch_infolist > ul.recommendList li.nolist {padding:20px; width:100%; border:1px solid #ddd; border-radius:20px; text-align:center;}


 /* media query */
@media screen and (max-width:1400px){
	/*03추천도서*/
	.srch_infolist > ul.recommendList li.item .up {flex-direction:column;}
	.srch_infolist > ul.recommendList li.item .up .book_img {margin:0 auto;}
	.srch_infolist > ul.recommendList li.item .up .info_box {width:100%;}
}

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

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

@media screen and (max-width:920px){
	.srch_infolist .item {padding:30px 25px 25px;}
	.srch_infolist .item .up {gap:20px;}
	.srch_infolist .item .up .book_img {width:160px; height:202px;}

	.srch_infolist .item .up .info_box {width:calc(100% - 160px);}
	.srch_infolist .item .up .info_box .book_data li dd {font-size:1.6rem;}
}

@media screen and (max-width:767px){
	.srch_infolist .item .up {flex-direction:column;}

	.srch_infolist .item .up .book_img {margin:0 auto; width:200px; height:250px;}

	.srch_infolist .item .up .info_box {width:100%;}
	.srch_infolist .item .up .info_box .book_title .tit {font-size:2.2rem;}

	
	/*03추천도서*/
	.srch_infolist > ul.recommendList li.item  {width:100%;}
	.srch_infolist > ul.recommendList li.item .up .info_box .book_data li dl {flex-direction:unset;}
	.srch_infolist > ul.recommendList li.item .up .info_box .book_data li dd {width:calc(100% - 80px);}
}

@media screen and (max-width:640px){
	.srch_infolist .item {padding:20px;}
	.srch_infolist .item .up .info_box .book_title .tit {font-size:2.0rem;}

	.srch_infolist .item .up .info_box .book_data li:nth-child(odd),
	.srch_infolist .item .up .info_box .book_data li:nth-child(even) {width:100%;}
	.srch_infolist .item .up .info_box .book_data li dt {font-size:1.4rem;}
	.srch_infolist .item .up .info_box .book_data li dd.booking .return {font-size:1.4rem;}
}

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


/*01자료검색 - 검색 상세페이지 */
.view_top {display:flex; gap:30px; margin-bottom:30px;}
.view_top .book_img {width:200px; height:270px; border:1px solid #ddd;}
.view_top .book_img img {width:100%; height:100%;}

.view_top .book_info {padding-top:15px; width:calc(100% - 230px);}
.view_top .book_info .book_title {display:flex; flex-direction:column; gap:30px;}
.view_top .book_info .book_title .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:2.8rem; font-family:'OneMobile'; color:#111; line-height:1.2;}
.view_top .book_info .book_title ul {display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.view_top .book_info .book_title ul li dl {display:flex; flex-wrap:wrap; align-items:center;}
.view_top .book_info .book_title ul li dt {min-width:85px; font-weight:500; color:#222;}
.view_top .book_info .book_title ul li dd {padding-left:8px; width:calc(100% - 85px); color:#555;}

.view_btm .info_list {display:flex; flex-wrap:wrap; margin:20px 0; border-top:1px solid #444;}
.view_btm .info_list div {display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.view_btm .info_list div:nth-child(odd) {width:45%;}
.view_btm .info_list div:nth-child(even) {width:55%;}
.view_btm .info_list div dl {display:flex; align-items:stretch; width:100%;}
.view_btm .info_list div dt {padding:15px; width:100px; min-width:100px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7f7; color:#333; text-align:center;}
.view_btm .info_list div dd {padding:15px; width:calc(100% - 100px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.view_btm .info_list div dd button,
.view_btm .info_list div dd span.btn_del2 {padding:0 15px; line-height:38px;}
.view_btm .info_list div dd button.btn_print {margin-right:0; margin-left:10px;}
.view_btm .info_list div dd button.btn_rsrvt {border-color:#1673d4; background-color:#1673d4; color:#fff;}



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

@media screen and (max-width:1024px){
	.view_btm .info_list div dd {justify-content:space-between;}
}

@media screen and (max-width:920px){
	.view_top .book_info .book_title .tit {font-size:2.4rem;}
}

@media screen and (max-width:768px){
	.view_btm .info_list div:nth-child(odd),
	.view_btm .info_list div:nth-child(even) {width:100%;}
	.view_btm .info_list div dt {padding:10px; width:120px; min-width:120px;}
 	.view_btm .info_list div dd {padding:10px; width:calc(100% - 120px);}

}

@media screen and (max-width:640px){
	.view_top {flex-direction:column; gap:20px; margin-bottom:30px;}
	.view_top .book_img {margin:0 auto;}

	.view_top .book_info {padding-top:0; width:100%;}
	.view_top .book_info .book_title {gap:15px;}
	.view_top .book_info .book_title .tit {font-size:2.2rem;}
}

@media screen and (max-width:480px){
	.view_top {margin-bottom:20px;}
	.view_top .book_info .book_title {gap:10px;}
	.view_top .book_info .book_title .tit {font-size:2.0rem;}

	.view_btm .info_list div dt {width:100px; min-width:100px;}
 	.view_btm .info_list div dd {width:calc(100% - 100px); flex-direction:column; align-content:flex-start; align-items:flex-start;}
 	.view_btm .info_list div dd button,
 	.view_btm .info_list div dd span.btn_del2 {margin-right:0; line-height:33px;}
 	.view_btm .info_list div dd button.btn_print {margin-left:0; margin-top:5px;}
 	.view_btm .info_list div dd button.btn_rsrvt,
 	.view_btm .info_list div dd span.btn_del2 {margin-bottom:5px;}
}

@media screen and (max-width:360px){
 	.view_btm .info_list div dd button,
 	.view_btm .info_list div dd span.btn_del2 {width:100%;}
 	.view_btm .info_list div dd span.btn_del2 {text-align:center;}
}


/* 05희망도서신청 */
.hpbkAplct_list {/* position:relative; */ display:block; margin-top:10px; border-top:1px solid #222;}
.hpbkAplct_list:after {content:''; display:block; visibility:hidden; clear:both;}
.hpbkAplct_list > ul {display:block;}
.hpbkAplct_list > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.hpbkAplct_list > ul > li {display:block; padding:10px 0; border-bottom:1px solid #ddd;}
.hpbkAplct_list > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.hpbkAplct_list > ul > li.list_thead {background-color:#f7f7fc; border-bottom-color:#bbb; font-weight:500;}
.hpbkAplct_list > ul > li.list_thead li {text-align:center !important;}

.hpbkAplct_list .inner_list {position:relative; display:flex; flex-wrap:wrap; align-content:center; justify-content:space-around; align-items:center;}
.hpbkAplct_list .inner_list > li {padding:0 5px; text-align:center; line-height:1.3;}
.hpbkAplct_list .inner_list > li .btn_hope {margin-top:5px; padding:8px 5px; width:100%; font-size:1.5rem; line-height:inherit;}
.hpbkAplct_list .inner_list > li .btn_hope:first-child {margin-top:0;}

.hpbkAplct_list .inner_list > li:nth-child(1) {width:8%;}
.hpbkAplct_list .inner_list > li:nth-child(2) {width:25%; text-align:left;}
.hpbkAplct_list .inner_list > li:nth-child(3) {width:15%;}
.hpbkAplct_list .inner_list > li:nth-child(4) {width:13%;}
.hpbkAplct_list .inner_list > li:nth-child(5) {width:10%;}
.hpbkAplct_list .inner_list > li:nth-child(6) {width:19%;}
.hpbkAplct_list .inner_list > li:nth-child(7) {width:10%;}

.hpbkAplct_list .inner_list > li dt {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
.hpbkAplct_list .inner_list > li dd {word-break:break-all;}



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

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

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

@media screen and (max-width:860px){
	.hpbkAplct_list {position:relative;}
	.hpbkAplct_list > ul > li {margin-bottom:20px; padding:20px; border:1px solid #ddd;}
	.hpbkAplct_list > ul > li.list_thead {display:none;}
	.hpbkAplct_list .inner_list {align-items:stretch; justify-content:flex-end;}
	.hpbkAplct_list .inner_list > li {display:block; text-align:left; padding:0;}
	.hpbkAplct_list .inner_list > li:last-child {border-bottom:0;}

	.hpbkAplct_list .inner_list > li:nth-child(1) {display:none;}
	.hpbkAplct_list .inner_list > li:nth-child(2) {width:100%; font-size:2.0rem; font-weight:600;}
	.hpbkAplct_list .inner_list > li:nth-child(7) {width:150px;}

	.hpbkAplct_list .inner_list > li:nth-child(3),
	.hpbkAplct_list .inner_list > li:nth-child(4),
	.hpbkAplct_list .inner_list > li:nth-child(5),
	.hpbkAplct_list .inner_list > li:nth-child(6) {position:relative; width:50%; padding:0 0 10px 8px;}

	.hpbkAplct_list .inner_list > li:nth-child(3):before,
	.hpbkAplct_list .inner_list > li:nth-child(4):before,
	.hpbkAplct_list .inner_list > li:nth-child(5):before,
	.hpbkAplct_list .inner_list > li:nth-child(6):before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#666; border-radius:5px;}

	.hpbkAplct_list .inner_list > li dl {display:flex; align-items:stretch;}
	.hpbkAplct_list .inner_list > li dt {overflow:unset; position:unset; top:unset; width:75px; height:unset; line-height:unset; text-indent:unset; text-align:left;}
	.hpbkAplct_list .inner_list > li dt.none_dt {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}

	.hpbkAplct_list .inner_list > li dd {width:calc(100% - 75px);}
	.hpbkAplct_list .inner_list > li:nth-child(1) dd {font-size:1.6rem; width:100%;}
	.hpbkAplct_list .inner_list > li:nth-child(2) dd {margin-bottom:10px; padding-bottom:10px; width:100%; border-bottom:1px dashed #ddd;}
	.hpbkAplct_list .inner_list > li:nth-child(7) dd {width:100%;}
	.hpbkAplct_list .inner_list > li dd .mini_txt {display:inline-block;}

	.hpbkAplct_list .inner_list > li .btn_myonln {margin-top:0; margin-left:10px; padding:8px 5px; width:20%;}
	.hpbkAplct_list .inner_list > li .btn_myonln:first-child {margin-left:0;}
}

@media screen and (max-width:767px){
	.hpbkAplct_list .inner_list > li:nth-child(2) {font-size:1.8rem;}
	.hpbkAplct_list .inner_list > li:nth-child(3):before,
	.hpbkAplct_list .inner_list > li:nth-child(4):before,
	.hpbkAplct_list .inner_list > li:nth-child(5):before,
	.hpbkAplct_list .inner_list > li:nth-child(6):before {top:6px;}
}

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

@media screen and (max-width:480px){
	.hpbkAplct_list .inner_list > li:nth-child(3),
	.hpbkAplct_list .inner_list > li:nth-child(4),
	.hpbkAplct_list .inner_list > li:nth-child(5),
	.hpbkAplct_list .inner_list > li:nth-child(6) {width:100%;}
	.hpbkAplct_list .inner_list > li:nth-child(7) {padding-top:10px;}
}

/* 희망도서신청 - 레이어팝업 */
.bokHp_layer {display:none;}
.layer_inner {position:absolute; left:50%; top:calc(50% - 400px); width:800px; height:auto; margin-left:-400px; padding:20px; background-color:#eff6f4; border:4px solid #1F695C; border-radius:15px; text-align:center; z-index:150;}

.layer_inner .tit {margin:10px 0 20px; font-size:2.4rem; font-weight:600;}
 
.layer_list {}
.layer_list .check_box {display:flex; flex-direction:column; align-items:flex-start; padding:20px; margin-bottom:20px; background-color:#fff; border-radius:12px;}
.layer_list .check_head {margin-bottom:5px; padding-bottom:5px; width:100%; border-bottom:1px dashed #ddd; text-align:left;}
.layer_list .check_box p.tip {text-align:left;}
.layer_list .check_box .radio_check {margin-right:10px;}
.layer_list > ul {display:block; padding:20px; background-color:#fff; border-radius:12px;}
.layer_list > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.layer_list > ul > li {display:block; text-align:left;}
.layer_list > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.layer_list > ul > li dl {display:flex; flex-wrap:wrap; align-items:stretch;}
.layer_list > ul > li dl:after {content:''; display:block; visibility:hidden; clear:both;}
.layer_list > ul > li dt {position:relative; padding:5px; width:85px;}
.layer_list > ul > li dt:before {content:''; position:absolute; right:0; top:12px; width:1px; height:14px; background-color:#aaa;}
.layer_list > ul > li dd {padding:5px 5px 5px 15px; width:calc(100% - 85px);}
.layer_list > ul > li dd textarea {min-height:100px; border-radius:8px;}

.layer_inner .layer_btn {margin-top:20px;}
.layer_inner .layer_btn .btn_close {background-color:#fff;}

.layer_bg {display:block; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:100;}


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

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

@media screen and (max-width:860px){
	.layer_inner {top:-20%;}
}

@media screen and (max-width:800px){
	.layer_inner {left:0; margin-left:0; width:100%;}
}

@media screen and (max-width:767px){
	.layer_inner .tit {margin:5px 0 15px; font-size:2.2rem;}

	.layer_list > ul >li dt {width:75px;}
	.layer_list > ul >li dt:before {top:8px;}
	.layer_list > ul >li dd {width:calc(100% - 75px);}
}

@media screen and (max-width:640px){
	.layer_list > ul > li:last-child dt,
	.layer_list > ul > li:last-child dd {width:100%;}
	.layer_list > ul > li:last-child dt:before {display:none;}
	.layer_list > ul > li:last-child dd {padding-left:5px;}
}

@media screen and (max-width:480px){
	.layer_list > ul {padding:10px;}
	.layer_list > ul >li dd {word-break:break-all;}
}


/* 04 도서대출베스트 */
.srch_infolist.best_box .item {position:relative;}
.srch_infolist.best_box .item .best_num {position:absolute; left:17px; top:-7px; width:50px; height:50px; line-height:50px; border-radius:7px 7px 30px 30px; text-align:center; background-color:#f15b4e; color:#fff; font-family:'OneMobile';}

/* 06 전자도서관_오디오북*/
.linkBox {display:flex;flex-wrap:wrap; justify-content:flex-end; align-items:center; position:relative; margin-bottom:25px; padding:20px; background-color:#f7f7f7; border-radius:10px;}
.linkBox .txtArea {position:absolute; left:20px; margin: 0;}


@media screen and (max-width:600px){
	.linkBox {margin-bottom:20px; justify-content: flex-start;}
	.linkBox .txtArea {position:relative;; left:unset; margin-bottom:10px; width:100%;}
}
 
 
/********************************
  02 서비스
 *******************************/ 
/* 05 사이트맵 */
.siteMap {display:flex; flex-wrap:wrap; gap:30px;}
.siteMap .sitemap_box {width:calc(33.3333% - 20px); border:1px solid #ddd; border-radius:20px;}
.siteMap .sitemap_box .tit {padding:14px 20px 12px; text-align:center; font-family:'OneMobile'; font-size:2.2rem; background-color:#158576; color:#fff; border-radius:20px 20px 0 0;}
.siteMap .sitemap_box .sitemap_list {padding:20px;}
.siteMap .sitemap_box .sitemap_list > li {position:relative; padding-left:10px;}
.siteMap .sitemap_box .sitemap_list > li:before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background-color:#aaa; border-radius:5px;}
.siteMap .sitemap_box .sitemap_list > li .list_inner {margin-bottom:5px; padding:10px 20px; background-color:#f9f9f9; border-radius:15px;}
.siteMap .sitemap_box .sitemap_list > li .list_inner li {position:relative; padding-left:12px; font-size:1.8rem;} 
.siteMap .sitemap_box .sitemap_list > li .list_inner li:before {content:''; position:absolute; left:0; top:12px; width:5px; height:2px; background-color:#aaa;}
 
 
@media screen and (max-width:920px){
	.siteMap .sitemap_box .tit {padding:14px 00px 12px; font-size:2.0rem;}
	.siteMap .sitemap_box .sitemap_list > li .list_inner li {font-size:1.6rem;} 
} 

@media screen and (max-width:767px){
	.siteMap {gap:20px;}
	.siteMap .sitemap_box {width:calc(33.3333% - 14px);}
	.siteMap .sitemap_box .tit {padding:14px 10px 12px; font-size:2.0rem;}
	.siteMap .sitemap_box .sitemap_list > li .list_inner li {font-size:1.6rem;} 
}

@media screen and (max-width:640px){
	.siteMap {gap:20px;}
	.siteMap .sitemap_box {width:calc(50% - 10px);}
	.siteMap .sitemap_box .tit {font-size:1.8rem;}
	.siteMap .sitemap_box .sitemap_list > li .list_inner li {font-size:1.5rem;} 
}

@media screen and (max-width:480px){
	.siteMap .sitemap_box {width:100%;}
}
 
 
 
 
/********************************
  03 독서문화진흥
 *******************************/

 /* 목록 - 02독서문화행사신청 > 02수강신청, 03대관신청 > 02대관신청 */
.aplcClss_box {}
.aplcClss_box > ul {display:flex; flex-wrap:wrap; gap:30px;}
.aplcClss_box .inbox {/* padding: 30px; */width:calc(50% - 15px);transition:all 0.2s;border:1px solid #ddd;border-radius: 12px;}
.aplcClss_box .inbox:hover,
.aplcClss_box .inbox:focus,
.aplcClss_box .inbox:active {border-color:#555; box-shadow:0 1px 10px 0 rgba(0,50,128,0.1);}

.aplcClss_box .inbox a {display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.aplcClss_box .inbox a:hover,
.aplcClss_box .inbox a:focus,
.aplcClss_box .inbox a:active {text-decoration:none;}

.aplcClss_box .inbox .info_box {display:flex; flex-direction:column; gap:10px; padding: 35px;}
.aplcClss_box .inbox .info_box .info_inner {display:flex; flex-direction:column;}
.aplcClss_box .inbox .info_box div {display:flex;}

.aplcClss_box .inbox .info_box .label {margin-bottom:10px;}
.aplcClss_box .inbox .info_box .label span {padding:5px 10px 3px; font-size:1.4rem; border:1px solid #d2d2e5; color:#222; border-radius:5px;}

.aplcClss_box .inbox .info_box .class_tit {margin-bottom: 10px;}
.aplcClss_box .inbox .info_box .class_tit span {overflow:hidden; font-size:2.4rem; font-family:'OneMobile'; color:#333; line-height:1.2; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.aplcClss_box .inbox a:hover .class_tit span,
.aplcClss_box .inbox a:focus .class_tit span,
.aplcClss_box .inbox a:active .class_tit span {text-decoration:underline;}

.aplcClss_box .inbox .info_box .class_info ul {display:flex; flex-direction:column; gap:10px;}
.aplcClss_box .inbox .info_box .class_info dl {display:flex; flex-wrap:wrap; align-content:center; align-items:flex-start;}
.aplcClss_box .inbox .info_box .class_info dt {padding:3px 0; width:85px; color:#121212; font-weight:500; font-size:1.6rem; border-radius:50px; background-color:#f0f0f0; text-align:center;}
.aplcClss_box .inbox .info_box .class_info dd {width:calc(100% - 85px); padding-left:15px;}
.aplcClss_box .inbox .info_box .class_info dd .dpb7 {display:inline-block;}
.aplcClss_box .inbox .info_box .class_info dd em {color:#010ac2;}

.aplcClss_box .inbox .state {display:flex;flex-wrap:wrap;justify-content:flex-end;}
.aplcClss_box .inbox .state span.bd_btn {padding: 14px 0;line-height:inherit;width:100%;text-align:center;border:1px solid;border-radius:0 0 12px 12px;}
.aplcClss_box .inbox .state span.cdt01 {background-color:#25a308; color:#fff; border:0;} /*접수대기*/
.aplcClss_box .inbox .state span.cdt02 {border-color:#3c62c0; background-color:#3c62c0; color:#fff;} /*접수중*/
.aplcClss_box .inbox .state span.cdt03 {background-color:#efefef; color:#666; border:0;} /*접수마감*/


/* 목록 타이틀 - 03대관신청 > 02대관신청 */
.aplcClss_box .inbox .info_box .venue_title {flex-direction:row; flex-wrap:wrap; align-items:center;}
.aplcClss_box .inbox .info_box .venue_title .label {margin-right:10px;}
.aplcClss_box .inbox .info_box .venue_title .class_tit span {padding-top:2px;}


/* 신청강좌 없는 경우 */
.aplcClss_box .nolist {padding:30px; border:1px solid #ddd; border-radius:20px; text-align:center;}


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

@media screen and (max-width:1024px){
	.aplcClss_box .inbox a {font-size:1.7rem;}
	.aplcClss_box .inbox .info_box .class_info dd .dpb7 {display:block;}
}

@media screen and (max-width:920px){
  .aplcClss_box .inbox .info_box {padding:30px;}
}

@media screen and (max-width:767px){
	.aplcClss_box > ul {gap:20px;}

	.aplcClss_box .inbox {width:100%;}
	.aplcClss_box .inbox .info_box {gap:5px; padding:25px;}
	.aplcClss_box .inbox .info_box .class_tit span {font-size:2.2rem;}
	.aplcClss_box .inbox .info_box .class_info dt {width:75px;}
	.aplcClss_box .inbox .info_box .class_info dd {width:calc(100% - 75px); padding-left:10px;}
	.aplcClss_box .inbox .info_box .class_info dd .dpb7 {display:inline-block;}
	.aplcClss_box .inbox .state span.bd_btn {padding:12px 0;}
}

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

@media screen and (max-width:480px){
	.aplcClss_box .inbox .info_box {padding:20px;}
	.aplcClss_box .inbox .info_box .class_tit span {font-size:2.0rem;}
	.aplcClss_box .inbox .info_box .class_info dd .dpb7 {display:block;}
	.aplcClss_box .inbox .info_box .class_info dd .dpb4 {display:block;}
}


/* 상세페이지 - 01독서문화행사 신청 */
.viewClss {}
.viewClss .btn_cdt {display:inline-block; padding:0 10px; text-align:center; border:1px solid; border-radius:5px; font-size:1.7rem;}
.viewClss .btn_cdt.cdt01 {border-color:#444; background-color:#fff; color:#444;} /*접수대기*/
.viewClss .btn_cdt.cdt02 {border-color:#3c62c0; background-color:#3c62c0; color:#fff;} /*접수중*/
.viewClss .btn_cdt.cdt03 {border-color:#444; background-color:#444; color:#fff;} /*접수마감*/

.viewClss .view_title {margin:5px 0 10px; font-size:2.8rem; font-family:'OneMobile'; line-height:1.2;}

.viewClss .view_info {display:flex; flex-wrap:wrap; border-top:2px solid #333;}
.viewClss .view_info div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.viewClss .view_info div dl {display:flex; align-items:stretch; width:100%;}
.viewClss .view_info div dt {padding:15px; width:150px; min-width:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f1f8f2; color:#333; text-align:center; line-height:1.2;}
.viewClss .view_info div dd {padding:15px; width:calc(100% - 150px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}

.viewClss .view_info div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.viewClss .view_info div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.viewClss .view_info div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.viewClss .view_info div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.viewClss .view_info div dd.addr_tbox2 span.ip_box2 input {width:100%;}

.viewClss .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:calc(50% - 10px);}

/*자녀추가*/
.viewClss .view_info div dd .addchildBox {margin-bottom:10px; padding-bottom:10px; width:100% !important; border-bottom:1px dashed #ddd;}



.view_txtarea {padding:30px 20px; border-bottom:1px solid #ddd;}

.view_btnbox .btn_config {min-width:25%;}



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

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

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

@media screen and (max-width:767px){
	.viewClss .view_title {font-size:2.4rem;}

	.viewClss .view_info div {width:100%;}
	.viewClss .view_info div dt {padding:10px; width:120px; min-width:120px;}
 	.viewClss .view_info div dd {padding:10px; width:calc(100% - 120px);}

 	.view_btnbox .btn_config {min-width:30%;}
}

@media screen and (max-width:640px){
	.viewClss .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:100%;}
  
  .viewClss .btn_cdt {font-size:1.6rem;}
}

@media screen and (max-width:480px){
	.viewClss .view_title {font-size:2.2rem;}

	.viewClss .view_info div dt {width:100px; min-width:100px;}
 	.viewClss .view_info div dd {width:calc(100% - 100px);}

 	.view_btnbox .btn_config {min-width:50%;}

 	.viewClss .view_info div dd.addr_tbox2 span {justify-content:center;}
	.viewClss .view_info div dd.addr_tbox2 span.ip_box1 input {width:100%;}
	.viewClss .view_info div dd.addr_tbox2 span.ip_box1 button {width:100%; text-align:center;}
}



/* 신청서작성페이지 - 01문화강좌신청 > 02수강신청, 02도서관견학신청 > 02견학신청, 03대관신청 > 02대관신청 */
.viewClss .view_info div dd ul.list-group {margin-top:10px;}
.viewClss .view_info div dd select {position:relative; padding:0 30px 0 12px; min-width:160px; background:#fbfbfb url(../images/select_arrow.png) 90% center no-repeat; border-radius:8px;}
.viewClss .view_info div dd input {border-radius:8px; background-color:#fbfbfb;}
.viewClss .view_info div dd input[type="file"] {margin-bottom:5px; border-radius:0;}
.viewClss .view_info div dd.addr_tbox {justify-content:space-between;}
.viewClss .view_info div dd.addr_tbox input {width:calc(100% - 110px);}

.viewClss .view_info div dd textarea {min-height:120px; border-radius:8px;}

/* 02대관신청_첨부파일 */
.viewClss .view_info div dd.add_filebox div {width:100%; align-items:center; border:none;}
.viewClss .view_info div dd.add_filebox div .atc_filebox {margin-bottom:10px;}
.viewClss .view_info div dd.add_filebox div .atc_filebox span {margin-right:5px;}
.viewClss .view_info div dd.add_filebox span#fileExtList {word-break:break-all;}

/* .view_info div안에 dl리스트 여러개일때 */
.viewClss .view_info div.sch_info > dl > dd {padding:0;}
.viewClss .view_info div.sch_info dt {padding:0;}
.viewClss .view_info div.sch_info dd ul {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.viewClss .view_info div.sch_info dd ul li {width:50%; border-top:1px solid #ddd;}
.viewClss .view_info div.sch_info dd ul li:nth-child(-n+2) {border-top:0;}
.viewClss .view_info div.sch_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb;}
.viewClss .view_info div.sch_info dd ul li dd {width:calc(100% - 100px);}
.viewClss .view_info div.sch_info .sch_del {display:block;line-height:inherit; padding:2px 10px;}


/* 견학신청 - 작성페이지(인원 및 연령)*/
.viewClss .view_info div.sch_info dd ul.numPeople {align-items:stretch;}
.viewClss .view_info div.sch_info dd ul.numPeople li dd {}
.viewClss .view_info div.sch_info dd ul.numPeople li input {margin-right:5px; width:60px;}
.viewClss .view_info div.sch_info dd ul.numPeople li ul {/* flex-direction:column; */ flex-wrap:nowrap; justify-content:space-between; gap:10px;}
.viewClss .view_info div.sch_info dd ul.numPeople li ul li {display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 100px);}
.viewClss .view_info div.sch_info dd ul.numPeople li ul li:first-child {width:100px;}
.viewClss .view_info div.sch_info dd ul.numPeople dl {height:100%;}



/* 라디오 버튼 나열 */
.viewClss .view_info div dd.radio_list {gap:5px;}

/* 셀렉트 ~ 셀렉트 */
.viewClss .view_info div dd .dash {padding:0 10px;}
.viewClss .view_info div dd.two_select {}

/* 인풋 ~ 인풋 */
.viewClss .view_info div dd.two_input input {margin-right:5px; max-width:65px;}


  /* media query */
@media screen and (max-width:1400px){
	/* 견학신청 - 작성페이지(인원 및 연령)*/
	.viewClss .view_info div.sch_info dd ul.numPeople li ul {flex-direction:column; flex-wrap:wrap; justify-content:unset;}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li {width:100%;}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li:first-child {width:100%;}
}
@media screen and (max-width:1200px){
}

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

@media screen and (max-width:920px){
	/* 견학신청 - 작성페이지(인원 및 연령)*/
	.viewClss .view_info div.sch_info dd ul.numPeople li {width:100%;}
	.viewClss .view_info div.sch_info dd ul.numPeople > li:nth-child(-n+2) {border-top:1px solid #ddd;}
	.viewClss .view_info div.sch_info dd ul.numPeople li:first-child {border-top:none}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul {flex-direction:unset; flex-wrap:nowrap;}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li {width:calc(100% - 100px);}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li:first-child {width:100px;}
}

@media screen and (max-width:767px){
	.viewClss .view_info div.sch_info > dl {display:block; width:100%;}
	.viewClss .view_info div.sch_info > dl > dt {width:100%; padding:10px; min-width:unset;}
	.viewClss .view_info div.sch_info > dl > dd {width:100%;}
	.viewClss .view_info div.sch_info .sch_del {display:unset; margin-left:10px;}
}

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


@media screen and (max-width:530px){
	.viewClss .view_info div dd.two_select {flex-direction:column; align-items:flex-start;}
}

@media screen and (max-width:480px){
	.viewClss .view_info div dd.addr_tbox input {width:100%; margin-bottom:10px;}
	.viewClss .view_info div dd.addr_tbox button {width:100%;}

	.viewClss .view_info div.sch_info dd ul li {width:100%;}
	.viewClss .view_info div.sch_info dd ul li:nth-child(2) {border-top:1px solid #ddd;}

	.viewClss .view_info div dd.two_input input {margin-right:3px; max-width:48px;}

	/* 02대관신청_첨부파일 */
	.viewClss .view_info div dd.add_filebox div {flex-wrap:wrap;}
	.viewClss .view_info div dd.add_filebox div .atc_filebox {flex-wrap:wrap;}
	.viewClss .view_info div dd.add_filebox div .atc_filebox span {margin-right:0; margin-bottom:5px;}
	.viewClss .view_info div dd.add_filebox div .atc_filebox button {display:block; width:100%;}
	
	
	
	/* 견학신청 - 작성페이지(인원 및 연령)*/
	.viewClss .view_info div.sch_info dd ul.numPeople li ul {flex-direction:column; flex-wrap:wrap;}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li {width:100%; border-top:0;}
	.viewClss .view_info div.sch_info dd ul.numPeople li ul li:first-child {width:100%;}
	.viewClss .view_info div.sch_info dd ul.numPeople li dt {width:70px; min-width:70px;}
	.viewClss .view_info div.sch_info dd ul.numPeople li dd {width:calc(100% - 70px);}
}



/* 01문화강좌신청 > 03(구)수강신청 */
.scrl_box_event {}
.tbl_bd_list.tb_event {}
.tbl_bd_list.tb_event tbody td {font-size:1.6rem;}
.tbl_bd_list.tb_event tbody td:nth-child(2) {text-align:left; word-break:break-all;}

.tbl_bd_list.tb_event .small_f {display:block; font-size:1.4rem;}
span.ing {color:#000ee3; font-weight:500;}
span.before {color:#b31344; font-weight:500;}

/*페이징*/
.paging_field {text-align:center;}


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

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

@media screen and (max-width:860px){
	.scrl_box_event {overflow-x:scroll; position:relative; padding-top:25px; width:100%;}
	.scrl_box_event:before {content:'테이블을 좌우로 드래그 해주세요'; position:absolute; color:#444; left:0; top:0; font-size:1.6rem;}
	.scrl_box_event .tbl_bd_list.tb_event {width:861px;}
}

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

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

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