@charset "utf-8";

/*소식지*/
.ss_list{}
.ss_list .list_none{width:100%;text-align:center;padding:30px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.ss_list div{position:relative;text-align:center;font-size:18px;padding-bottom:30px;border-bottom:solid 1px #dedede;}
.ss_list div strong{display:block;padding:10px 0;font-weight:500;}
.ss_list div .img{display:block;width:80%;margin:0 auto;}
.ss_list div .img img{width:100%;}
.ss_list div .btn{width:80%;margin:0 auto;}
.ss_list div .btn a{display:inline-block;width:50%;padding:15px 0;color:#fff;}
.ss_list div .btn a.down{background:#333;}
.ss_list div .btn a.pdf{background:#005bac;}
.ss_list div .adm_check{position:absolute;top:60px;left:15%;}

/*자주묻는질문
.faq_list{border-bottom:1px solid #dedede;border-top:none;line-height:1.5em;text-align:center;font-size:16px;}
.faq_list li a{display:block;border-top:1px solid #dedede;padding:25px 20px 25px 20px;color: #005bac;font-weight: 500;position:relative;}
.faq_list li div{display:none;padding:20px 20px 20px 20px;background:#edf7ff;border-top:1px solid #dedede;min-height:25px;position:relative}
.faq_list li div .bbs_btn{margin:20px 0 0 0}
.faq_list li.on div{display:block}
.faq_list em{display:block;width:40px;height:0;padding:40px 0 0 0;margin:0 auto 10px auto;overflow:hidden;background:#fff url("/images/global/bbs/bbs_ico.png") no-repeat;border:1px solid #dedede;border-radius:100%}
.faq_list a em{background-position: center -393px;}
.faq_list div em{background-position: center -432px;}
.faq_list .list_none{text-align:center;padding:30px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.faq_list .bbs_btn{text-align:center;}
.faq_list .bbs_btn a{display:inline-block;color:#000;}
*/
.bbs_table span.standby,
.bbs_vtable span.standby{display:inline-block;margin-left:5px;color:#005bac;font-weight:300}
.bbs_table span.complete,
.bbs_vtable span.complete{display:inline-block;margin-left:5px;color:#ac0000;font-weight:300}

.bbs_vtable.table_width{width:100% !important;min-width:inherit;}
.bbs_vtable.table_width colgroup{display:none;}

.bbs_calender2 table{min-width:auto;}
.bbs_calender2 td{text-align:center;}
.bbs_calender2 td .plan_mo em{display:inline-block;margin-top:5px;width:20px;height:19px;padding-top:19px;overflow:hidden;background:url("/images/global/bbs/bbs_ico.png") no-repeat center -210px;}
.bbs_calender2 td div{display:none;}

.cal2_modal{position: fixed; top: 0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:5000;}
.cal2_modal .bbs_list2{position:relative;background:#fff;margin:50px 20px;padding:50px 0 10px 0;overflow-y:scroll;}
.cal2_modal .bbs_list2 h4{font-size:20px;text-align:center;}
.cal2_modal .bbs_list2 h4 span{padding:0 10px;}

.cal2_modal .bbs_list2 .bbs_table td:first-child:after{display: inline-block;}
.cal2_modal .bbs_list2 .bbs_table td[data-cell-header]:first-child:before {display: inline-block;}

.cal2_modal .btn_close{position:absolute;top:50px;right:20px;}
.cal2_modal .btn_close a{display:block;width: 40px;height:45px;overflow:hidden;padding: 45px 0 0 0;background: #000 url(/images/global/common/btn_set.png) no-repeat -272px -35px;}



.bbs_calender.cal_cus .calender table th{background:#333;color:#fff;}
.bbs_calender.cal_cus .calender table td{background:#f7f7f7;color:#666;padding:0;height:40px;vertical-align:middle}
.bbs_calender.cal_cus .calender table td a{display:block;background:#fff;padding:10px 0;}
.bbs_calender.cal_cus .calender table td.today a{background: #e7f0ff;color: #444;}
.bbs_calender.cal_cus .calender table td.have a{background: #005bac;}


.bbs_calender.cal_cus .info div{background:none;padding:0;}
.cal_cus .basic_table thead th,
.cal_cus .basic_table tbody th, 
.cal_cus .basic_table tbody td{padding:10px 5px;}
.cal_cus .info h4{background:none;text-align:center;}
.cal_cus .basic_table{min-width:100%;}
.cal_cus .basic_table td{background:#fff;}
.cal_cus .basic_table th,
.cal_cus .basic_table td{line-height:1.2em;}
.cal_cus .basic_table td em{font-style:normal;}
.cal_cus .basic_table td em.shortfall{color:#ed1c24;}
.cal_cus .basic_table td a{display:inline-block;background:#ed1c24;padding:3px 6px;border-radius:3px;color:#fff;}


/*교육예약*/
.edu_bbs{}
.edu_bbs .el_top{position:relative;background:#efefef;padding:20px;}
.edu_bbs .el_top li{display:inline-block;}
.edu_bbs .el_top li a{display:block;color:#fff;padding:5px;border-radius:5px;}
.edu_bbs .el_top li a.all{background:#333;}
.edu_bbs .el_top li a.recruit{background: #003471;}
.edu_bbs .el_top li a.expect{background:#005bac;}
.edu_bbs .el_top p{position:absolute;top:25px;right:20px;}
.edu_bbs .el_top p span{color:#005bac;font-weight:300;}

.edu_bbs .edu_list{border-top:solid 2px #555;}
.edu_bbs .edu_list div{position:relative;border-bottom:solid 1px #ccc;padding:20px;}
.edu_bbs .edu_list dt{font-size:16px;color:#000;font-weight:500;padding-bottom:10px;}
.edu_bbs .edu_list dd{background:url("/images/global/sub/li02.png") no-repeat left 9px;padding:0 0 5px 5px;}
.edu_bbs .edu_list dd span{color:#005bac;display:inline-block;width:80px;font-weight:300;}
.edu_bbs .edu_list div div.state{padding:20px 0 0 0;border:none;text-align:center;}
.edu_bbs .edu_list div div.state p span,
.edu_bbs .edu_list div div.state p a{display:inline-block;width:calc(50% - 2px);padding:10px 0;border-radius:5px;background: #d60109;color:#fff;margin:0 1px;}
.edu_bbs .edu_list div div.state p span.recruit{background: #003471;}
.edu_bbs .edu_list div div.state p span.recruit_off{background:#999;}
.edu_bbs .edu_list div div.state p span.expect{background:#005bac;}
.edu_bbs .edu_list div div.state .persons{display:block;margin-top:20px;padding-top:10px;border-top:dotted 1px #ccc;}
.edu_bbs .edu_list div div.state .persons em{font-style:normal;color:#d60109;}


/* 게시판동의 */
.agree_box .agree_con{border:1px solid #dedede;padding:20px;max-height:270px;overflow-y:auto}
.agree_box .agree_con dt{background:url("/images/global/sub/li01.png") no-repeat left 9px;padding:0 0 0 10px;font-weight:300;font-size:16px;}
.agree_box .agree_con dd{background:url("/images/global/sub/li02.png") no-repeat left 10px;padding:0 0 0 8px;}
.agree_box .agree_p{background:#dedede;text-align:center;color:#000;padding:15px 0}
.agree_box .agree_p label:nth-child(2){margin:0 30px 0 0}
.agree_box input[type=radio]{vertical-align:middle}


/*게시판상단박스*/
.bbs_box{background:url("/images/global/sub/box_line.png");padding:15px;margin:20px 0;}
.bbs_box div{background:#fff;padding:150px 20px 20px 20px;position:relative;text-align:center;}
.bbs_box div:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:150px;}
.bbs_box div.bb_img01:after{background:url("/images/global/bbs/bbs_top1.png") no-repeat center center;background-size:150px;z-index:100}
.bbs_box div.bb_img02:after{background:url("/images/global/bbs/bbs_top2.png") no-repeat center center;background-size:150px;z-index:100}
.bbs_box div strong{color:#005bac;}
.bbs_box div strong span{color:#eb6101;}

/*특별체험예약*/
.spe_list{border-top:solid 2px #555;}
.spe_list .sl{border-bottom:solid 1px #ccc;}
.spe_list .sl .spe_img{text-align:center;padding:30px 0;background:#f9f9f9;}
.spe_list .sl .spe_img img{width:200px;}

.spe_list .sl dl{padding:20px 30px;}
.spe_list .sl dl dt{color:#005bac;font-weight:300;font-size:18px;padding-bottom:10px;}
.spe_list .sl dl dt span{display:inline-block;padding:3px 5px;margin-right:5px;font-size:14px;background:#333;color:#fff;border-radius:5px;}
.spe_list .sl span.recruit{background:#d60109;}
.spe_list .sl span.recruit_off{background:#999;}
.spe_list .sl span.expect{background:#005bac;}
.spe_list .sl dl dd{background:url("/images/global/sub/li02.png") no-repeat left 10px;padding:0 0 0 8px;}
.spe_list .sl dl dd span{color:#000;font-weight:300;}

.spe_list .sl div.state{text-align:center;padding-bottom:30px;}
.spe_list .sl div.state p a{display:inline-block;width:45%;padding:10px 0;background:#333;color:#fff;}
.spe_list .sl div.state p a.b2{display:inline-block;width:45%;padding:10px 0;background:#0b5fde;color:#fff;}
.spe_list .sl div.state .persons{display:block;margin-bottom:20px;padding-top:10px;border-top:dotted 1px #ccc;}
.spe_list .sl div.state .persons em{font-style:normal;color:#d60109;}

/*대관*/
.dg_list p{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative}
.dg_list p *{vertical-align:middle}
.dg_list p em{font-style:normal;font-weight:bold}
.dg_list p strong{color:#0b5fde;font-weight:bold}
.dg_list p button{width: 31px;height:0;padding:38px 0 0 0;overflow:hidden;position:absolute;top: 5px;}
.dg_list p .prev{background: url("/images/global/bbs/cal_prev.png") no-repeat;left:7%;}
.dg_list p .next{background: url("/images/global/bbs/cal_next.png") no-repeat;right:7%;}
.dg_list .bbs_list2 .bbs_table td:first-child:after{display:inline-block;}
.dg_list .bbs_table span{display:inline-block;font-weight:300;}
.dg_list .bbs_table span.confirm{color:#d60109;}
.dg_list .bbs_table span.cancle{color:#999;}
.dg_list .bbs_table span.expect{color:#005bac;}

/*공지사항*/
.gallery_list .flex>li>a:not(:has(.gl_thumb)) .gl_info{margin-left:0;}
.gallery_list>ul>li .gl_info>dd.date{flex-wrap:wrap;}


/*기증기탁목록*/
.donation_list{border-top:solid 2px #555;}
.donation_list div{padding:30px;border-bottom:solid 1px #ccc;}
.donation_list div .img{text-align:center;background:#efefef;}
.donation_list div .img img{width:100%;}
.donation_list div dl{padding:10px;}
.donation_list div dl dt{font-size:18px;color:#;;;font-weight:500;}
.donation_list div .btn a{display:block;bordeR:solid 1px #ccc;text-align:center;color:#000;font-weight:300;padding:10px 0;}

.dona_pop{position: fixed;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.67); z-index: 10000; padding:200px 15px 0 15px;}
.dona_pop .big_img{position:relative;}
.dona_pop .big_img .tit{background:#005bac;color:#fff;padding:10px 20px;font-size:16px;}
.dona_pop .big_img .img_area{background:#fff;padding:20px;}
.dona_pop .big_img .img_area img{width:100%;}
.dona_pop .big_img a{position:absolute;top:0;right:20px;display:inline-block;overflow:hidden;width: 20px;height:0;padding: 40px 0 0 0;background:url("/images/global/common/btn_set.png") no-repeat -282px -35px;box-sizing:border-box;}



@media all and (min-width:768px) {

/*소식지*/
.ss_list:after{display:block;content:"";clear:both;}
.ss_list li{float:left;width:33.3333%;}
.ss_list div .img,
.ss_list div .btn{width:90%;}
.ss_list div .adm_check{left:10%;}
  
 /*자주묻는질문  
.faq_list{text-align:left}
.faq_list li a{padding-left:80px}
.faq_list li div{padding-left:80px}
.faq_list em{position:absolute;top:15px;left:20px;}
.faq_list a em{background-position: center -392px;}
.faq_list div em{background-position: center -431px;}
.faq_list .bbs_btn{text-align:right;}
 */ 
.bbs_calender.cal_cus{padding:0 20px;}
.bbs_calender.cal_cus .calender{width:40%;margin:0 2% 0 0;}
.bbs_calender.cal_cus .info{width:58%}


/*교육예약*/
.edu_bbs .el_top li a{font-size:16px;padding:5px 25px}
.edu_bbs .edu_list div{padding:30px;}
.edu_bbs .edu_list dt{font-size:20px;}
.edu_bbs .edu_list dd{font-size:16px;}
.edu_bbs .edu_list div div.state{position:absolute;top:55px;right:30px;width:35%;}
.edu_bbs .edu_list div div.state p span,
.edu_bbs .edu_list div div.state p a{padding:30px 0;font-size:16px;}
.edu_bbs .edu_list div div.state .persons{margin:10px;bordeR:none;font-size:16px;font-weight:300;}
  
    
/* 게시판동의 */
.agree_box .agree_con{font-size:16px;line-height:25px;}  
.agree_box .agree_con dl{margin-top:20px;}
    
    
/*게시판상단박스*/
.bbs_box div{padding:30px 20px 20px 210px;text-align:left;min-height:150px;font-size:16px;vertical-align:middle;}
.bbs_box div:after{left:30px;width:150px;}
    
    
/*특별체험예약*/
.spe_list:after{display:block;content:"";clear:both;}
.spe_list{border-left:solid 1px #ccc;}
.spe_list .sl{float:left;width:33.3333%;border-right:solid 1px #ccc;}

 /*대관*/
    .dg_list p{width:500px;margin:0 auto;}   

/*기증기탁목록*/
.donation_list:after{display:block;content:"";clear:both;}
.donation_list div{float:left;width:50%;}
.dona_pop .big_img{width:50%;margin:0 auto;}
.donation_list div .img img{width:auto;height: 200px;max-width:300px;}

    
}

/* Desktop */
@media all and (min-width:1024px) {

/*소식지*/
.ss_list:after{display:block;content:"";clear:both;}
.ss_list ul{overflow:hidden;border-left:solid 1px #dedede;}
.ss_list li{width:33.3333%;border-bottom:solid 1px #dedede;border-right:solid 1px #dedede;}
.ss_list div{border:none;}
.ss_list div .img,
.ss_list div .btn{width:85%;}
.ss_list div .adm_check{left:12.5%;}

.bbs_list2 .bbs_table td.title a{word-break: break-all; white-space: normal}
.bbs_table span.standby{display:inline-block;padding:5px 10px;background:#005bac;color:#fff;border-radius:5px;margin:0;}
.bbs_table span.complete{display:inline-block;padding:5px 10px;background:#555;color:#fff;border-radius:5px;margin:0;}
    
/*일정*/  
.bbs_calender2 td{text-align:left;}
.bbs_calender2 td div{display:block;}
.bbs_calender2 td.sat li a,
.bbs_calender2 td.sun li a{color:#000;}
.bbs_calender2 td .plan_mo{display:none;}
.bbs_calender2 td ul li{background:url("/images/global/sub/li02.png") no-repeat left 7px;padding:0 0 0 8px;}
.bbs_calender2 td ul li a{display:block;text-overflow: ellipsis;width:100px;white-space:nowrap;overflow:hidden;}
    

.cal2_modal{position: relative;top:inherit;bottom:inherit;right:inherit;left:inherit;background:none;z-index:1;}
.cal2_modal.hide{display:block !important;}
.cal2_modal .bbs_list2{background:none;margin:0;padding:0;overflow-y:inherit}
.cal2_modal .bbs_list2 h4{font-size:28px;text-align:left;}
.cal2_modal .bbs_list2 h4 span{padding:0 15px 0 0;}
.cal2_modal .bbs_list2 .bbs_table td:first-child:after{display: inline-block;}
.cal2_modal .bbs_list2 .bbs_table td[data-cell-header]:first-child:before {display: inline-block;}
.cal2_modal .btn_close{display:none;}
    
.bbs_calender.cal_cus{padding:0;}
.bbs_calender.cal_cus .calender table td{height:50px;}
.bbs_calender.cal_cus .calender table td a{padding:15px 0;}
.cal_cus .basic_table thead th,
.cal_cus .basic_table tbody th, 
.cal_cus .basic_table tbody td{padding:15px 10px;}
    

/*교육예약*/
.edu_bbs .el_top{padding:30px;}
.edu_bbs .el_top p{top:35px;right:30px;font-size:16px;font-weight:300;}
.edu_bbs .edu_list div div.state p span,
.edu_bbs .edu_list div div.state p a{position:relative;margin:0 5px;width:calc(50% - 10px);}

.edu_bbs .edu_list div div.state p a:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:#fff;opacity:0;z-index:101;
-webkit-transform:scale(.2);
transform:scale(.2);
-webkit-transition:all .25s ease-out;
transition:all .25s ease-out}  
    
    
.edu_bbs .edu_list div div.state p a:hover:after,
.edu_bbs .edu_list div div.state p a:focus:after{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.1;
-webkit-transition:-webkit-transform .25s ease-out;
transition:transform .25s ease-out;
transition:transform .25s ease-out, -webkit-transform .25s ease-out}
    
    
/*특별체험예약*/
.spe_list:after{display:block;content:"";clear:both;}
.spe_list{border-left:solid 1px #ccc;}
.spe_list .sl{width:50%;border-right:solid 1px #ccc;}
    
.spe_list .sl:after{display:block;content:"";clear:both;}
.spe_list .sl{padding:30px;}
.spe_list .sl .spe_img{float:left;padding:0;}
.spe_list .sl .spe_img img{height:267px;}
.spe_list .sl .spe_con{float:right;width:calc(100% - 230px)}
.spe_list .sl dl{width:100%;margin:0;padding:30px 0;}
.spe_list .sl div.state{padding:0;}
    
/*대관*/ 
.dg_list .bbs_table span{padding:3px 15px;border-radius:5px;}
.dg_list .bbs_table span.confirm{background:#d60109;color:#fff;}
.dg_list .bbs_table span.cancle{background:#999;color:#fff;}
.dg_list .bbs_table span.expect{background:#005bac;color:#fff;}

/*기증기탁목록*/
.donation_list div{position:relative;overflow:hidden;}
.donation_list div .img{float:left;width:50%;background: #efefef;text-align: center;}
.donation_list div dl{float:right;width:calc(49% - 20px);padding:0 10px;}
.donation_list div dl dt{padding-bottom:10px;}
.donation_list div dl dd{padding:0 0 6px 8px;font-size:15px;background:url("/images/global/sub/li02.png") no-repeat left 10px;}
.donation_list div .btn{position:absolute;bottom:30px;left:55.5%;}
.donation_list div .btn a{padding:10px 15px;}
.donation_list div .btn a:hover,
.donation_list div .btn a:focus{background:#005bac;color:#fff;}
.dona_pop{padding-top: 140px;}
.dona_pop .big_img{width: 900px;}
.dona_pop .big_img .img_area{text-align:center;}
.dona_pop .big_img .img_area img{width:auto;max-width: 800px;max-height: 500px;}
    
}



@media all and (min-width:1200px) {

/*소식지*/
.ss_list li{width:25%;}
    


    
}


@media all and (min-width:1400px) {

/*소식지*/
.ss_list li{width:20%;}
.bbs_calender2 td ul li a{width:140px;}
    
/*기증기탁목록*/
.donation_list div dl{padding:15px 10px;}
.donation_list div .btn{position:absolute;bottom:40px;left:55.5%;}
    
}                  


@media all and (max-width:668px) {
/*시설 대관 - 상세*/
#boardWrap .view_table .view_basics_list .w50 .tit br{display:none;}
}

@media all and (max-width:468px) {
  .gallery_list .flex>li>a:not(:has(.gl_thumb)) .gl_info{margin-top:0;}
}