@charset "utf-8";




/* 프로그램 부분 - 달력 */
.cal-month {display:flex; justify-content: space-between; align-items:center; margin-top:50px !important; margin-bottom:50px;}
.cal-month a {width:57px; height:57px; background-color:#fff; border:1px solid #ddd; border-radius:50%; display:flex; justify-content: center; align-items:center; margin:0 20px; transition:all .2s;}
.cal-month a span {width:0; height:0; text-indent:-9999px;}
.cal-month a i {font-size:24px;}
.cal-month a.prev-month {transform:rotate(45deg);}
.cal-month a.next-month {transform:rotate(-45deg);}
.cal-month strong {font-size:32px; font-weight:700; color:#333;}
.cal-month strong em {color:#734d29; font-weight:700;}
.cal-month a:hover {}

.cal-table {position:relative; }
.cal-table table {width:100%;}
.cal-table thead th {border-top:2px solid #333333; font-size:17px; font-weight:700;  padding:20px 0; border-bottom:1px solid #eeeeee;}
.cal-table tbody td { border-bottom:1px solid #eeeeee; padding:2px; overflow:hidden; position:relative;     }
.cal-table tbody td span {width:30px; height:30px; font-weight: 600; font-size:15px; color: #333;  position: absolute;   left: 10px; top: 10px;}

.cal-table table span.sun,
.cal-table table .week_S{color:#d00c18;}
.cal-table table span.sat, 
.cal-table table .week_E {color:#1455ac;}
.cal-table table .taday span{border-radius:50%; background:#ffd81a; }
.cal-table table.event_list ul{margin-top:40px;}
.cal-table table.event_list ul>li:before{display:none;}
.cal-table table.event_list tbody td{vertical-align: top; width: 14.28%;}
.cal-table table.event_list a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  width: 90%;}

.cal-table tbody td div { font-size:16px;  height:110px; }
.cal-table tbody td div a {color:#333; display: flex; align-items: center; justify-content: center; height:100%; width:100%; font-weight: 600;}

.cal-table tbody td div.done {background:#f1f1f1; pointer-events: none; cursor: default;}
.cal-table tbody td div.done a{color:#888;}
.cal-table tbody td div.on:hover{border-radius:10px; box-shadow:0 0 0 2px #b37032 inset;}
.cal-table tbody td div.done span{color:#888;}
.cal-table tbody td div.off{border:1px solid #e03b11; background:#fef9f8;}
.cal-table tbody td div.off a{color:#e03b11; /*pointer-events: none; cursor: default;*/}

.cal-table tbody td div.on.select,
.cal-table tbody td div.on:hover{border-radius:10px; box-shadow:0 0 0 2px #b37032 inset;}
.cal-table tbody td div strong {display:block; font-weight:700;} 
.cal-table tbody td div strong em {color:#d00c18;} 
.cal-table tbody td div.done strong {display:none;}
.cal-table tbody td div.off strong {display:none;}

.cal-table tbody td.set {border-bottom:1px solid #333;}
.cal-table tbody td.set:after {content:''; display:block; width:1rem; height:1rem; background:#333; position: absolute; bottom:-0.6rem; left:calc(50% - 0.6rem); transform: rotate(45deg);}

.mot {display:none;}


.cal-table .ico-free { padding-left:20px; font-size:14px; color:#d00c18; background: url('/manhwalib/img/common/bul_free.png') no-repeat 0 3px; }
.cal-table .ico-edu {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_edu.png') no-repeat 0 3px; }
.cal-table .ico-movie {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_movie.png') no-repeat 0 3px; }
.cal-table .ico-group {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_group.png') no-repeat 0 3px; }
.cal-table a{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
 
div.dayinfo { text-align: right;   margin: 20px 0;}
div.dayinfo span {padding-left:20px; margin-right:20px; display:inline-block;}
div.dayinfo span.ico-free { padding-left:20px; font-size:14px; color:#d00c18; background: url('/manhwalib/img/common/bul_free.png') no-repeat 0 7px; }
div.dayinfo span.ico-edu {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_edu.png') no-repeat 0 7px; }
div.dayinfo span.ico-movie {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_movie.png') no-repeat 0 7px; }
div.dayinfo span.ico-group {padding-left:20px; font-size:14px;  background: url('/manhwalib/img/common/bul_group.png') no-repeat 0 7px; }




@media (max-width:768px) {
  .cal-table {border-top:2px solid #333; border-bottom:1px solid #333; height:30rem; overflow-y:scroll; padding-right:1rem; margin-top:0;}
  .mot {display:block; background:#333; color:#fff; width:100%; line-height:3rem; margin-top:3rem; text-align:center; font-size:13px; color:#ffff00;}
  .cal-table::-webkit-scrollbar { width:6px;}
  .cal-table::-webkit-scrollbar-track { background:rgba(0,0,0,0.2);border-radius: 10px; }
  .cal-table::-webkit-scrollbar-thumb {background: #004bd5;border-radius:3px; }
  .cal-table::-webkit-scrollbar-thumb:hover {background: #004bd5;}
  .cal-table colgroup {display:none;}
  .cal-table thead {display:none;}
  .cal-table td {display:none;}
  .cal-table td:has(span) {display:flex; flex-wrap:wrap; justify-content: space-between;}
  .cal-table table.event_list tbody td{width:100%;}
  .cal-table tbody td div {display:flex; flex-direction: row-reverse; width:100%; height:80px; }
  .cal-table tbody td div a {margin-left:15px;}
  .cal-month a{margin:0; width: 57px; height: 57px;}
  .cal-month strong{font-size:20px;}
  
}



.perbox {background:#f8f8fc; padding:40px; border-radius:10px;}
.perbox > div {overflow-y:auto; height:200px; padding-right:30px;}
.perbox > div::-webkit-scrollbar { width:6px;}
.perbox > div::-webkit-scrollbar-track { background:rgba(255,255,255,1);border-radius: 10px; }
.perbox > div::-webkit-scrollbar-thumb {background: #999;border-radius:3px; }
.perbox > div::-webkit-scrollbar-thumb:hover {background: #999;}

.percheckbox {margin-top:20px; padding:20px 30px; border:1px solid #d1d3dc; border-radius:10px;position: relative;}
/*.percheckbox input[type="checkbox"] {opacity:0; width:0; height:0;}
.percheckbox label {font-size:15px;}
.percheckbox label:before {content:''; display:inline-block; width:25px; height:25px; background:#ccc url(/manhwalib/img/common/checkedicon.png) no-repeat 50% 50%; border-radius:0.5rem; margin-right:1rem; transform: translateY(0.7rem);}
.percheckbox input:checked + label:before {background:#004bd5 url(/manhwalib/img/common/checkedicon.png) no-repeat 50% 50%; border:0;}
*/
.percheckbox input[type="radio"] {width:0; height:0; opacity:0; position:absolute; top:0; left:0;}
.percheckbox input[type="radio"] + label {margin-right:30px; color:#333; font-weight: 700; }
.percheckbox input[type="radio"] + label:before {content:''; width:25px; height:25px; background:url(/manhwalib/img/common/checked.png) no-repeat 50% ; display:inline-block; box-sizing:border-box; transform:translateY(4px); margin-right:12px;}
.percheckbox input[type="radio"]:checked + label:before {background:url(/manhwalib/img/common/checkedicon.png) no-repeat 50% 50%;}



@media (max-width:768px) {
  .perbox {padding:20px;}
  .perbox > div {padding-right:1px;}
}

.biwonslide {border:5px solid #333; position: relative; overflow: hidden;}
.biwonslide .facilitySlide .swiper-wrapper > li{width: 100%; position: relative;}
.biwonslide .facilitySlide .swiper-wrapper > li > img{width: 100% !important; height: 100% !important;}
.biwonslide .facilitySlide .swiper-slide{position: relative;}
.biwonslide .facilitySlide .swiper-slide span {    box-sizing: border-box; width: 100%; border-radius: 0; background: rgba(0, 0, 0, 0.7); color: #fff; font-weight: bold; font-size: 24px; padding: 25px; display: block; position: absolute; bottom: 0; left: 0;}
.biwonslide .facilitySlide{height: 100%;}
.biwonslide > button {width:78px; height:78px;z-index:1; position:relative; overflow:hidden; text-indent:-9999px; position:absolute; bottom:0; transition:all .2s;}
.biwonslide > button i {width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; position:absolute; top:0; left:0; text-indent:0; font-size:2em;}
.biwonslide > button i.black {color:#fff;}
.biwonslide > button.Fprevb { right:79px; z-index: 2;}
.biwonslide > button.Fnextb { right:0; }
.biwonslide > button + button{border-left:1px solid #ddd;}




.m_event_con > li{border:1px solid #ccc;width:100%;padding:3%; box-sizing:border-box;margin-top:20px;}

.e_con_tit {border-bottom:1px solid #333;padding-bottom:8px; color:#333; font-weight: 600;}
.e_con_tit p {font-size:18px;font-weight:600; color:#aa5d17}
.e_con_tit span {color:#666; font-size:15px; margin-right:20px;}

 .m_event_con > li > ul {padding-top:10px;}
 .m_view li {float:left;width:33.333%;text-align:center;}
 .event_dtit {font-size:22px;background:#fbfaf8;padding:1.5%; font-weight: 800;color:#333; border-top:2px solid #aa5d17;}
 .m_view {padding:1% 0;background:#fafafa;}
 
 @media all and (max-width:650px){
	 .m_event_con > li {width:100%;margin-right:0;}
	 .m_view li {width:100%;text-align:left; padding:5px 15px;}
 }
 
 
 
 /* 전체교육일정 상세검색 박스 */
.select_search_box{padding:30px 15px;border:solid #d6bfaa;background:#fbf9f8}
.select_search_box ul{padding:30px; }
.select_search_box ul li{float:left;width:100%;margin-bottom:10px}

.select_search_box label{float:left;width:30%;font-size:15px;color:#38393c}
.select_search_box .form_block{float:left;width:70%}
.select_search_box select,
.select_search_box input{width:100%;padding:0}
.select_search_box input[type="text"]{height:28px;line-height:28px;text-indent:10px;background:#fff}

.select_search_box .date_block{}
.select_search_box .date_block input{background:#fff url(/library/img/05/educate_icon.png) no-repeat 100% -54px}
.select_search_box .date_block span{display:none}
.select_search_box .date_block span+input{margin-top:5px}

.select_search_box .checked_block{}
.select_search_box .checked_block label{float:left;width:25%}
.select_search_box .checked_block input{width:70%; float:right;}

.select_search_box .search_box{width:100%;overflow:hidden;text-align:center}
/*
.select_search_box .search_box input[type="submit"]{height:auto;padding:15px 0;background:#45495b;border:1px solid #45495b;font-size:16px}
*/

.select_search_box .search_box input[type="submit"]{height:auto;padding:15px 0;background:#6C748B;border:1px solid #6C748B;font-size:16px}

.select_search_box .search_box input[type="submit"]:hover,
.select_search_box .search_box input[type="submit"]:active,
.select_search_box .search_box input[type="submit"]:focus{background-color:#45495b;border-color:#45495b;}


@media(min-width:768px){
.select_search_box{padding:30px 0;margin-bottom:20px}

.select_search_box label,
.select_search_box select,
.select_search_box input[type="text"],
.select_search_box .checked_block input[type="search"]{height:40px;line-height:40px}
.select_search_box .date_block input{background:#fff url(/library/img/05/educate_icon.png) no-repeat 100% -54px}


.select_search_box label{height:35px; font-size:17px; font-weight: 600;}



.select_search_box ul li{width:44%; margin:0 3% 10px;}
.select_search_box .date_block,
.select_search_box .checked_block{width:93.8%}

.select_search_box .date_block label{width:14.2%}
.select_search_box .date_block .form_block{width:85.8%}
.select_search_box .date_block .form_block input,
.select_search_box .date_block .form_block span{display:block;float:left;margin:0}
.select_search_box .date_block .form_block input{width:47.1%;background-position:100% -48px}
.select_search_box .date_block .form_block span{width:5%;height:40px;line-height:40px;text-align:center}

.select_search_box .checked_block label{width:14.2%}
.select_search_box .checked_block input{width:85.5%}


.select_search_box .search_box{padding-top:20px;margin-bottom:-55px}
}
 
 
 
 .lecture_tit {font-size:18px; margin-bottom:20px; }
/* .lecture_tit:before {display:block; width:30px; height:3px; content:''; background:#0066cc; margin-bottom:5px;} */
.lecture_tit > span {margin-left:15px;}
.edu_items {border:1px solid #ddd; margin-bottom:30px;padding:3%;box-sizing:border-box;}
.edu_items:hover {transition:0.2s;box-shadow:inset 0 0 0 4px #ddd; background:#fafafa;}
.lecture_ul{margin-top:10px;}
.lecture_ul li {float:left;width:50%; margin-bottom:5px;}
.lecture_ul li:after {content:''; display:block; clear:both;}
.lecture_ul li > dl > dd , .lecture_ul li > dl > dt{float:left;}
.lecture_ul li > dl > dt {/*background:#9ca5dc;*/ border: 1px solid #cbcbcb; font-size:14px;text-align:center; width:60px;height:25px; padding: 2px 9px; border-radius:20px; margin:0 20px 0px 0; color:#484848; font-weight: bold;}
.lecture_ul li > dl > dd {margin-top:1px;}

/*프로그램 수강신청 - 수강신청*/
.lecture_wrap .edu_items .lecture_tit .block-color{ display: inline-block; padding: 0px 14px; border-radius: 54px; margin-right: 6px; color: #fff; font-size: 15px;}

.lecture_wrap .edu_items .lecture_tit .list-bae{background-color:#009D93;} /*배산도서관 */
.lecture_wrap .edu_items .lecture_tit .list-sol{background-color:#796CA7;} /*솔벗도서관*/
.lecture_wrap .edu_items .lecture_tit .list-bam{background-color:#887456;} /*밤골도서관*/
.lecture_wrap .edu_items .lecture_tit .list-hae{background-color:#AC68A3;} /*해뜰도서관*/
.lecture_wrap .edu_items .lecture_tit .list-yeo{background-color:#185bb8;} /*연제도서관*/
.lecture_wrap .edu_items .lecture_tit .list-sun{background-color:#975668;} /*해맞이도서관*/
.lecture_wrap .edu_items .lecture_tit .list-tog{background-color:#AC68A3;} /*토곡어린이작은도서관*/

.lecture_wrap .edu_items .lecture_tit .block-tit{font-weight: 600;color: #333; font-size:24px;}
.lecture_wrap .edu_items .lecture_ul .block-dt{font-weight: bold;}
.lecture_wrap .edu_items .lecture_ul .block-dt{font-weight: bold;}

.lecture_wrap .edu_items .lecture_ul .block-dt .dt-bae{color:#009D93;} /*배산도서관 */
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-sol{color:#796CA7;} /*솔벗도서관*/
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-bam{color:#887456;} /*밤골도서관*/
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-hae{color:#AC68A3;} /*해뜰도서관*/
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-yeo{color:#185bb8;} /*연제도서관*/
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-sun{color:#975668;} /*해맞이도서관*/
.lecture_wrap .edu_items .lecture_ul .block-dt .dt-tog{color:#AC68A3;} /*토곡어린이작은도서관*/



@media all and (max-width:768px) {
.lecture_ul li {float:none;width:100%;}	
}


.acc_btn {background:#f58220;border-radius:5px; padding:3px 10px; color:#fff;font-size:13px;}
.acc_no_btn {background:#999;border-radius:5px; padding:3px 10px; color:#fff;font-size:13px;}

 
 

 .faq-list {
  width: 100%;
  clear: both;
  margin: 15px auto 0;
  border-top: 1px solid #81858b;
  border-bottom: 1px solid #81858b;
}
.faq-list > li {
  width: 100%;
  clear: both;
  border-bottom: 1px solid #eaecef;
  overflow: hidden;
}
.faq-list > li.open .list-header{background:#fef7f8;}
.faq-list > li.open .list-header:after {
  content: "-";
  position: absolute;
  top: 10px;
  right: 25px;
  color:#ee6575;
  border-style:none;
	 border-width:none;
	 font-size: 20px;
    font-weight: 800;
}
.faq-list > li.open .list-content {
  
  line-height: 22px;
  color: #333333;
  max-height: 5000px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-list .list-header {
  position: relative;
  padding: 20px 35px 20px 80px;
  line-height: 36px;
  cursor: pointer;
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-list .list-header:before{
	POSITION: ABSOLUTE;
    content: '질문';
    background: #676365;
    color: #fff;
    width: 40px;
    height: 34px;
    top: 0;
    left: 0;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    line-height: 34px;
    top: 20px;
    left: 30px;
}
/*.faq-list .list-header .f_q { 
	background: #676365;
    color: #fff;
    letter-spacing: -1px;
    margin-right: 10px;
	width:34px;
	height:34px;
    font-weight: bold;
    border-radius: 50%;
	line-height: 34px;
	text-align: center;
    display: inline-block;
}*/
.faq-list .list-header a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}
.faq-list .list-header i {
  margin-right: 5px;
 
  color: #ff00ff;
}
.faq-list .list-header:after {
  content: "+";
  position: absolute;
  top: 20px;
  right: 25px;
 /* border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #ee6575;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;

}
.faq-list .list-content {
 
  line-height: 22px;
 /* background-color: #f5f7f8;*/
  color: #333333;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
  transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
}
.faq-list .list-content-inner {
  padding: 25px 45px 30px 80px;
  width: 100%;
  word-break: break-all;
  box-sizing: border-box;
  POSITION: RELATIVE;
}
.faq-list .list-content-inner:after{
	POSITION: ABSOLUTE;
	content:'답변';
	background: #ee6575;
	color: #fff;
	width:40px;
	height:34px;
	top:0;
	left:0;
	letter-spacing: -1px;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	line-height: 34px;
	top:20px; 
	left:30px;
}
.faq-list .list-content-inner .noti_area {
  background-color: #fff;
  padding: 10px;

  color: #333333;
  margin-top: 10px;
}
.faq-list .list-content-inner:nth-child(2) {
  padding: 5px 45px 10px 30px !important;
}


@media screen and (max-width:640px){
	.faq-list .list-header{line-height:28px;}
	
}


.MovieBbsList .bbsList{padding: 10px 0;}
.MovieBbsList ul::after{display:block;clear:both;content:''}
.MovieBbsList > ul > li{float:left; width:49%; position:relative; padding:20px; min-height:165px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:10px;}
.MovieBbsList > ul > li:nth-child(even) {float:right;}
.MovieBbsList ul li .book{ width:25%; float:left;}
.MovieBbsList ul li .book img{border:1px solid #ccc; width:100%;}
.MovieBbsList ul li dl{width:70%; float:right;}
.MovieBbsList ul li dl dt{margin-bottom:15px; font-size:18px;font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.MovieBbsList ul li dl dt a{color:#000;}


.MovieBbsList ul li dl dd li{position:relative; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.MovieBbsList ul li dl dd li .name{/*position:absolute;top:0;left:0;*/font-weight:600; display:inline-block; margin-right:5px; text-align:justify;}
.MovieBbsList ul li dl dd li .name span {letter-spacing:.41em;}
.MovieBbsList ul li dl dd.btn1{display:block;}
.MovieBbsList ul li dl dd.btn1 a{display:inline-block;padding:7px 15px; font-size:13px;color:#fff;line-height:13px;background:#7a9f60;  margin-top:10px;}
.MovieBbsList ul li dl:nth-child(2n){margin-right:0px;}



.MovieBbsView dl{margin:0px; position:relative;margin-bottom:20px;padding:20px 20px 20px 225px;min-height:220px;border:1px solid #ccc}
.MovieBbsView dl dt{margin-bottom:20px;font-size:20px;line-height:24px;font-weight:600}
.MovieBbsView dl dd{margin:0px;     }
.MovieBbsView dl dd.book{position:absolute;top:20px;left:20px;width:184px;}
.MovieBbsView dl dd.book img{width:80%;border:1px solid #ccc; max-height:260px; }
.MovieBbsView dl dd ul{margin-left:-50px}
.MovieBbsView dl dd ul li{position:relative;margin-bottom:5px;padding-left:50px;min-height:20px}

.MovieBbsView dl dd ul li span.name {float:left; width:80px; font-weight:600;}
.MovieBbsView .con{margin-bottom:20px;padding:0 10px 20px;border-bottom:1px solid #ccc}



/* 소식지 게시판 */
.bod_news {display:block; position:relative;  padding:.5em 0;}
.bod_news:after {content:""; display:block; clear:both;}
.bod_news > ul {margin:0 -1em;}
.bod_news > ul > li {display:block; position:relative; width:25%; padding:1em; box-sizing:border-box; float:left;}
.bod_news .thumb {display:block; position:relative; /*background:#EEF7FF;*/ overflow:hidden; padding:0 0 0; height:320px;}
.bod_news .thumb img {}
.bod_news .desc {display:table; position:relative; margin-top:.667em; width:100%; table-layout:fixed;}
.bod_news .desc > * {display:table-cell; vertical-align:middle;}
.bod_news .desc p {font-size:1.055em; color:#222; font-weight:700; height:52px;}
.bod_news .desc .ctrl {width:6em; text-align:right;}
.bod_news .desc .ctrl a{display:flex; text-indent: -999px;  width: 2em; height: 2em; padding: 0 !important; overflow: hidden;  display: inline-block;  border: 1px solid #ddd;  border-radius: 50%;}
.bod_news .desc .ctrl a:after{display:none;}
.bod_news .desc .ctrl a span{text-indent: -999px;     font-size: 0;}

.bod_news a{position:relative;}
.bod_news a::before {content:''; display:inline-block; width:2em; height:2em; background:url(/manhwalib/img/common/spr_content2.png) no-repeat -37px -45px; position:absolute; top:8px; left:10px;} 

.bod_news a.btn_swhite::before{content:''; display:inline-block; width:2em; height:2em; position:absolute; top:8px; left:7px; background:url(/manhwalib/img/common/spr_content2.png) no-repeat -275px -45px; }

@media all and (max-width:830px) {
	.bod_news .desc .ctrl {font-size:.9em;}	
}
@media all and (max-width:780px) {
	.bod_news > ul {margin:0 -.6em;}
	.bod_news > ul > li {width:50%;}
	.bod_news > ul > li {padding:.6em;}	
}
@media all and (max-width:430px) {
	.bod_news > ul > li {width:auto; float:none;}
}