@charset "utf-8";


/* Search */
.bbs_search{text-align:center;background:#f4f4f8;padding:25px 0;margin:20px 0}
.bbs_search .form_sel{width:20%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_txt{width:40%;height:18px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_sm{cursor:pointer;width:20%;height:30px;background:#223e99;color:#fff;vertical-align:middle}

.bbs_search2{text-align:center;background:#f4f4f8;padding:25px 0;margin:20px 0}
.bbs_search2 .form_sel{width:20%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search2 .form_txt{width:40%;height:18px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search2 .form_sm{cursor:pointer;width:20%;height:30px;background:#223e99;color:#fff;vertical-align:middle}
.bbs_search2 .left{margin:0 0 10px 0}

.bbs_comment{margin:15px 0}
.bbs_total{margin:30px 0 15px 0;padding:0 0 0 5px;background:url("/images/bbs/bbs_total.gif") no-repeat 0 center}
.bbs_total strong{color:#444547}

/* Page */
.bbs_page{text-align:center;padding:25px 0 5px 0}
.bbs_page span{margin:0 2px 7px 2px;display:inline-block;}
.bbs_page a{display:inline-block;padding:10px 0 0 0;border:1px solid #ddd;width:40px;height:30px}
.bbs_page a:hover{text-decoration:underline}
.bbs_page a img{margin:6px 0 0 0}
.bbs_page .on a{font-weight:bold;color:#fff;background:#444547;border:1px solid #444547}

.bbs_btnr{text-align:center;margin:10px 0}
.bbs_btnr a{display:inline-block;margin:0 5px 7px 5px}
.bbs_btnc{text-align:center;margin:10px 0}
.bbs_btnc a{margin:0 2px}

/*List*/
.bbs_list{width:100%;border-top:1px solid #223e99}
.bbs_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em}
.bbs_list li a{display:block;padding:25px 0 15px 0}
.bbs_list li strong{font-weight:600;color:#000;font-size:20px;line-height:1.5em}
.bbs_list li strong img{margin:7px 0 0 5px}
.bbs_list li a>span{display:block;margin:5px 0 12px 0;padding:0 0 20px 0;border-bottom:1px dotted #dedede}
.bbs_list li a:hover, .bbs_list li a:focus{text-decoration:underline}
.bbs_list li em{font-style:normal}
.bbs_list li em span{margin:0 15px;font-size:5px;color:#ddd}
.bbs_list strong em{color:#f26522}

/*Photo*/
.photo_list{border-top:1px solid #223e99;border-bottom:1px solid #cdcdcd;padding:20px 0 0 0}
.photo_list ul{overflow:hidden}
.photo_list li{float:left;width:100%;margin:0 0px 30px 0px;text-align:center}
.photo_list li a{font-size:13px;color:#777}
.photo_list li span{display:block;width:99%;border:solid 1px #e6e6e6;margin:0 auto 10px auto}
.photo_list li span img{width:100%}
.photo_list li strong{display:block;color:#000;font-size:16px;line-height:1.5em}

/* News */
.news_list{width:100%;border-top:1px solid #223e99}
.news_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em}
.news_list li a{display:block;padding:25px 0 15px 0}
.news_list li strong{font-weight:600;color:#000;font-size:20px;line-height:1.5em}
.news_list li strong img{margin:7px 0 0 5px}
.news_list li a>span{display:block;margin:5px 0 20px 0}
.news_list li a:hover, .news_list li a:focus{text-decoration:underline}
.news_list li em{font-style:normal}
.news_list li em span{margin:0 15px;font-size:5px;color:#ddd}
.news_list strong em{color:#f26522}
.news_list .img{display:block;width:100%;margin:0 0 10px 0}

/*View*/
.bbs_view{border-bottom:1px solid #cdcdcd}
.bbs_view .bbs_vtop{border-top:1px solid #223e99;border-bottom:1px solid #cdcdcd;}
.bbs_view h4{color:#000;margin:20px 10px 10px 10px}
.bbs_view .col{margin:0 10px}
.bbs_view .col li{margin:0 0 3px 0;font-size:14px}
.bbs_view .bbs_filedown{border-top:1px dotted #dedede;margin:20px 0 0 0;padding:10px;background:#fff}
.bbs_view .bbs_filedown a{background:url("/images/bbs/ico_file.gif") no-repeat 0 2px;padding:0 0 0 15px;font-size:14px}
.bbs_view .bbs_filedown a:hover{text-decoration:underline;color:#444547}
.bbs_con{padding:20px 10px}

/*Write*/
.bbs_write{border-top:1px solid #223e99;width:100%}
.bbs_write th, .bbs_write td{vertical-align:middle;border-bottom:1px solid #cdcdcd;padding:15px 5px;display:block}
.bbs_write th *, .bbs_write td *{vertical-align:middle;}
.bbs_write th{color:#223e99;background:#f4f4f8}
.bbs_write td{}
.bbs_write td label{margin:0 15px 0 0}
.w_star{color:#ed1c24}

.input_text{border:1px solid #e1e1e3;padding:5px 1px;height:20px;width:100%}
.input_sel{border:1px solid #e1e1e3;padding:5px 1px;margin:0;height:32px;width:100%}

.hide_m{display:none}
.hide_t{display:none}

@media all and (min-width:499px){
.bbs_write th, .bbs_write td{display:table-cell}
}


/* Tablet */
@media all and (min-width:768px){
.bbs_search .form_sel{width:70px}
.bbs_search .form_txt{width:300px}
.bbs_search .form_sm{width:70px}

.bbs_search2{overflow:hidden;padding:25px 20px}
.bbs_search2 .left{float:left;margin:0}
.bbs_search2 .right{float:right;text-align:right}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width:200px}
.bbs_search2 .form_sm{width:70px}

.photo_list li{width:50%}
.photo_list li span{width:80%}

.news_list li a{overflow:hidden}
.news_list .img{float:left;margin:0 20px 0 0;width:auto}

.bbs_view .col li{display:inline;margin:0 15px 0 0}
.bbs_write th, .bbs_write td{padding:15px 10px;}



.input_w50{width:50px}
.input_w60{width:60px}
.input_w100{width:100px}
.input_w150{width:150px}
.input_w170{width:170px}
.input_w200{width:200px}
.input_w250{width:250px}
.input_wf{width:100%}

.bbs_btnr{text-align:right}

.hide_m{display:block;display:table-cell}
.hide_t{display:none}
}


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

.photo_list li{width:25%}
.photo_list li span{width:90%}

.hide_t{display:block;display:table-cell}
}





/************* 통합예약 커스텀 스킨 ************/

/* 박스 */
.res_box{background:url("/images/01_potal/common/box_bg.gif");padding:8px;margin:20px 0 30px 0;position:relative}
.res_box>div{background:#fff;padding:15px}
.res_box li{font-size:14px;}
.res_box li ul{margin:10px 0 0 0}
.res_box li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.res_box li li li{padding:0 0 0 12px;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.res_box dt{color:#e4780b;font-size:24px;margin:0 0 10px 0;font-weight:600}
.res_box dd{font-size:14px;line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/common/li01.png") no-repeat 0 7px}
.res_box dd li ul{margin:10px 0 0 0}
.res_box dd li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.res_box dd li li{padding:0 0 0 12px;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.res_box p{line-height:1.5em}
.res_box .img span{display:block;text-align:center;margin:0 0 15px 0}
@media all and (min-width:768px) {
.res_box>div{padding:30px}
.res_box .img{overflow:hidden}
.res_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}
.res_box .img span img{width:100%}
.res_box .img dl, .res_box .img ul, .res_box .img p{float:left;width:82%}
}



/* 상단검색 */
.search_res{background:#f3f3f3;padding:10px;text-align:center;margin:20px 0;position:relative}
.search_res>label{color:#213f99;font-weight:600;}
.search_res .btn_condition li{display:inline-block;margin:10px 2px;width:31%;}
.search_res .btn_condition li button{color:#fff;background:#666;width:100%;padding:5px;font-size:15px;}
.search_res .btn_condition li.on>button,.search_res .btn_condition li button:hover{background:#213f99}
.search_res select{padding:10px 25px 10px 10px;background: url(/images/04_reservation/sub/select_bg.gif) no-repeat 95% center,#fff;appearance:none;-webkit-appearance:none;font-size:13px;width:40%;border:1px solid #666;color:#213f99;font-weight:600}
.search_res input[type=text]{padding:10px;border:1px solid #666;width:34%}
.search_res input[type=submit]{padding:11px;background:#333;color:#fff;width:30%;cursor:pointer;margin:5px 0 0 0}
.search_res button.sch_reset{padding:11px;background:#333;color:#fff;width:30%;cursor:pointer;margin:5px 0 0 5px}
.search_res select::-ms-expand{display:none}
.search_result{text-align:center;margin:10px 0 }
.search_result li{display:inline-block;font-size:13px;}
.search_result li:after{content:"ㅣ";padding:0 4px 0 4px}
.search_result li.last:after{content:"";display:none;}
.search_result li>span{color:#00aa51}
@media all and (min-width:1023px){
.search_res{padding:15px 0;}
.search_res>label{position:absolute;top:23px;left:60px;font-size:16px;}
.search_res .btn_condition{display:inline-block;margin:0 10px;}
.search_res .btn_condition li{margin:0 1px;width:80px;}
.search_res .btn_condition li button{padding:8px;font-size:15px;}
.search_res select{padding:8px 25px 8px 10px;font-size:16px;width:20%;}
.search_res input[type=text]{padding:10px 0 11px 10px;width:20%}
.search_res input[type=submit]{padding:10px 0 10px 0;width:7%;font-size:15px;margin:0}
.search_res button.sch_reset{padding:10px 0 10px 0;width:7%;font-size:15px;margin:0 0 0 5px}
.search_result{margin:30px 0 35px 0;}
.search_result li{font-size:16px;font-weight:600}
}


/* 상단검색 일정검색형 */
.search_res2{background:#f3f3f3;padding:10px;text-align:center;margin:20px 0;position:relative}
.search_res2>label{color:#213f99;font-weight:600;}
.search_res2 select{padding:10px 25px 10px 10px;background: url(/images/04_reservation/sub/select_bg.gif) no-repeat 95% center,#fff;appearance:none;-webkit-appearance:none;font-size:13px;width:100%;border:1px solid #666;color:#213f99;font-weight:600;margin:0 0 5px 0 }
.search_res2 .calbtn{padding:18px;background:#213f99 url(/images/04_reservation/bbs_skin/ico_cal.gif) no-repeat center;}
.search_res2 input[type=text]{padding:10px;border:1px solid #666;width:22%}
.search_res2 input[type=submit]{padding:11px;background:#333;color:#fff;width:100%;cursor:pointer;margin:5px 0 0 0}
.search_res2 select::-ms-expand{display:none}
@media all and (min-width:400px){
.search_res2 input[type=text]{width:30%}
}
@media all and (min-width:767px){
.search_res2 select{width:49.5%}
}
@media all and (min-width:1023px){
.search_res2{padding:15px 0;}
.search_res2>label{position:absolute;top:23px;left:60px;font-size:16px;}
.search_res2 select{padding:8px 25px 8px 10px;font-size:16px;width:10%;}
.search_res2 input[type=text]{padding:10px 0 11px 10px;width:10%}
.search_res2 input[type=submit]{padding:10px 0 10px 0;width:10%;font-size:15px;margin:0;}
}

/* 목록게시판01 */
.bbs_list01{overflow:hidden}
.bbs_list01>ul>li{margin: 0 0 10px 0;}
.bbs_list01>ul>li:hover{background:#f1f1f1}
.bbs_list01>ul>li>dl{border:1px solid #f3f3f3;border-top:2px solid #ccc;padding:10px}
.bbs_list01>ul>li>dl>dt{color:#000;font-weight:600;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 0 10px 0}
.bbs_list01>ul>li>dl>dd{font-size:13px;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bbs_list01>ul>li>dl>dd>strong{color:#00aa51;display:block}
.bbs_list01>ul>li>p.rec{padding:10px 0;width:100%;text-align:center;color:#fff;}
.bbs_list01>ul>li>p.rec01{background:#19c46a}
.bbs_list01>ul>li>p.rec02{background:#f68428}
.bbs_list01>ul>li>p.rec03{background:#f13e45}
.bbs_list01>ul>li>p.rec04{background:#666666}
.bbs_list01>ul>li>a.possible{display:block;padding:15px 0;text-align:center;color:#fff;}
.bbs_list01>ul>li>a.possible01{background:#00aa51}
.bbs_list01>ul>li>a.possible02{background:#333}

@media all and (min-width:549px){
.bbs_list01>ul>li:after{clear:both;content:"";display:block}
.bbs_list01>ul>li>p.rec{float:left;width:30%;padding:15px 0;}
.bbs_list01>ul>li>a.possible{float:left;width:70%;}
}
@media all and (min-width:767px){
.bbs_list01>ul>li{width:49%;float:left;margin:0 2% 2% 0}
.bbs_list01>ul>li:nth-child(even){margin:0 0 2% 0;}
.bbs_list01>ul>li>p.rec{float:left;width:40%;padding:15px 0;}
.bbs_list01>ul>li>a.possible{float:left;width:60%;}
}

@media all and (min-width:1023px){
.bbs_list01>ul>li{width:100%;float:none;margin:0 0 1% 0}
.bbs_list01>ul>li:nth-child(even){margin:0 0 1% 0;}
.bbs_list01>ul>li>dl{border-top:1px solid #f3f3f3;padding:22px 10px 21px 20px;width:70%;float:left;}
.bbs_list01>ul>li>dl>dt{font-size:20px;padding:0 0 10px 0}
.bbs_list01>ul>li>dl>dd{font-size:14px;display:inline-block;margin:0 10px 0 0;color:#000}
.bbs_list01>ul>li>dl>dd>strong{display:inline;margin-right:5px;}
.bbs_list01>ul>li>p.rec{float:left;width:10%;padding:23px 0;font-weight:bold;line-height:1.5em;font-size:18px}
.bbs_list01>ul>li>p.rec>span{display:block;font-weight:normal;font-size:16px}
.bbs_list01>ul>li>a.possible{float:left;width:17.3%;font-size:18px;font-weight:600;padding:40px 0 39px 0;}
}


/* 목록게시판02 썸네일형 */
.bbs_list02{overflow:hidden}
.bbs_list02>ul>li{margin: 0 0 10px 0;border:1px solid #f3f3f3}
.bbs_list02>ul>li:hover{background:#f1f1f1}
.bbs_list02>ul>li .img{}
.bbs_list02>ul>li .img>img{width:80%;min-height:200px;padding:10%}
.bbs_list02>ul>li>dl{border-top:2px solid #ccc;padding:10px}
.bbs_list02>ul>li>dl>dt{color:#000;font-weight:600;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 0 10px 0}
.bbs_list02>ul>li>dl>dd{font-size:13px;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bbs_list02>ul>li>dl>dd>strong{color:#00aa51;display:block}
.bbs_list02>ul>li>p.rec{padding:10px 0;width:100%;text-align:center;color:#fff;}
.bbs_list02>ul>li>p.rec01{background:#19c46a}
.bbs_list02>ul>li>p.rec02{background:#f68428}
.bbs_list02>ul>li>p.rec03{background:#f13e45}
.bbs_list02>ul>li>p.rec04{background:#666666}
.bbs_list02>ul>li>a.possible{display:block;padding:15px 0;text-align:center;color:#fff;}
.bbs_list02>ul>li>a.possible01{background:#00aa51}
.bbs_list02>ul>li>a.possible02{background:#333}

@media all and (min-width:549px){
.bbs_list02>ul>li:after{clear:both;content:"";display:block}
.bbs_list02>ul>li>p.rec{float:left;width:30%;padding:15px 0;}
.bbs_list02>ul>li>a.possible{float:left;width:70%;}
}
@media all and (min-width:767px){
.bbs_list02>ul>li{width:48.7%;float:left;margin:0 2% 2% 0}
.bbs_list02>ul>li:nth-child(even){margin:0 0 2% 0;}
.bbs_list02>ul>li>p.rec{float:left;width:40%;padding:15px 0;}
.bbs_list02>ul>li>a.possible{float:left;width:60%;}
}

@media all and (min-width:1023px){
.bbs_list02>ul>li{width:48.7%;margin:0 2% 2% 0;position:relative;padding-bottom:70px}
.bbs_list02>ul>li:nth-child(even){margin:0 0 1% 0;}
.bbs_list02>ul>li .img{float:left;width:250px;height:150px}
.bbs_list02>ul>li .img>img{width:100%;padding:0;}
.bbs_list02>ul>li>dl{float:left;border-left:1px solid #f3f3f3;border-top:none;overflow:hidden;width:52%}
.bbs_list02>ul>li>dl>dt{font-size:18px;padding:0 0 10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.bbs_list02>ul>li>dl>dd{font-size:14px;margin:0 10px 0 0;color:#000}
.bbs_list02>ul>li>dl>dd>strong{display:block;margin-right:5px;}
.bbs_list02>ul>li>p.rec{float:none;position:absolute;bottom:0;left:0;width:250px;padding:10px 0;font-weight:bold;line-height:1.5em;font-size:18px}
.bbs_list02>ul>li>p.rec>span{font-weight:normal;font-size:16px;padding:0 10px}
.bbs_list02>ul>li>a.possible{position:absolute;right:0;bottom:0;width:57.2%;font-size:18px;font-weight:600;padding:13px 0;}
}


@keyframes blink {  
  0% { opacity: 0.8; }
  50% { opacity: 0.8; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes blink {
  0% { opacity: 0.8; }
  50% { opacity: 0.8; }
  100% { opacity: 1.0; }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
} 

/* 교육/강좌 View+신청 */
.edu_view01{position:relative}
.edu_view01 h4{margin:20px 0}
.edu_view01 .photo{}
.edu_view01 .photo .img{height: 300px;display: block;text-align:center;background:#f3f3f3 url(/images/04_reservation/bbs_skin/no_img.png) center no-repeat;}
.edu_view01 .photo .img img{min-height:250px;max-height:500px;width:100%;}
.edu_view01 .photo a.img {;height:auto; background: none;width: 100%; display: block; text-align: center;}
.edu_view01 .photo a.img img {min-height:100%;}
.edu_view01 .photo  .btn_apply button{background:#213f99;color:#fff;text-align:center;width:100%;padding:20px 0;font-size:18px;}
.edu_view01 .photo  .btn_back a{display:block;padding:10px 0;margin:10px 0 0 0;background:#333;color:#fff;font-size:16px;text-align:center}
.edu_view01 .photo i{font-size:12px;font-style:normal;margin:5px 0 0 0;display:block}

.edu_view01 .input_w60,.edu_view01 .input_w100,.edu_view01 .input_w170{width:auto;}

.view_table{width:100%;margin:10px 0;border-top:1px solid #223e99;}
.view_table th, .view_table td{text-align:center;padding:10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:14px;line-height:1.5em}
.view_table tbody th,.view_table tbody td{display:block}
.view_table thead th{background:#f4f6fb;color:#223e99}
.view_table tbody th{background:#f4f6fb;color:#0054a6}
.view_table tbody td{color:#000}
.view_table tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/common/li01.png") no-repeat 0 7px;text-align:left}
.view_table tbody td li ul{margin:7px 0}
.view_table tbody td li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.view_table tbody td li li li{padding:0 0 0 12px;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.view_table tbody td table{border-top:1px solid #223e99}
.view_table tbody td .sbtn_go, .view_table tbody td .sbtn_new, .view_table tbody td .sbtn_down{white-space:nowrap}
.view_table tbody td.homepage a{text-decoration:underline;color:#213f99;padding:0 20px 0 0;background:url(/images/04_reservation/bbs_skin/btn_new_b.png) right center no-repeat}
.view_table tbody td.download a{text-decoration:underline;color:#213f99;padding:0 25px 0 5px;background:url(/images/04_reservation/bbs_skin/btn_down_b.png) right center no-repeat}
.view_table .point_bg{background:#f8f7f0}
.view_table .green{color:#00a950;font-weight:600}
.table_left td{text-align:left}

.privacy .pri_btn{text-align:center;padding:25px 0 0 0}
.privacy .pri_btn label{line-height:1em;padding:0 10px 0 5px}
.privacy .pri_btn label span{font-size:12px;color:#999}
.privacy .inner_box{height:200px;overflow-y:scroll;padding:10px;font-size:14px;border:1px solid #f3f3f3}
.certification {text-align:center}
.certification a{display:inline-block;width:40%;font-size:14px;padding:20px 0;color:#fff;background:#666;text-align:center;margin:10px;border-radius:10px;}
.certification.on a{background:#00a950;}
.certification a:first-child{background:#666;}
.certification.on a:first-child{background:#213f99;}
.succes{text-align:center;font-size:20px;color:#213f99;margin:20px 0}


@media all and (min-width:499px){
.view_table tbody th,.view_table tbody td{display:table-cell}
.certification a{width:30%;font-size:18px;}
}
@media all and (min-width:1023px){
.edu_view01 .photo{width:35%;position:absolute;top:5%;left:3%}
.edu_view01 .photo .img, .edu_view01 .photo a.img{height:300px;}
.edu_view01 .photo .img img{width:100%;height:100%;}
.edu_view01 .info{width:50%;padding:3% 5% 5% 45%}
}

/* 캘린더1 WIDE (with_대관대여) */
.res_calender{margin:0 0 30px 0}
.res_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.res_calender .calender p *{vertical-align:middle}
.res_calender .calender p strong{color:#223e99}
.res_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.res_calender .calender p a.prev{background-position:-87px -108px}
.res_calender .calender p a.next{background-position:-116px -108px}
.res_calender table{width:100%;margin:0 0 20px 0}
.res_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.res_calender td{padding:15px 0;border:none;display:block;border-bottom:1px solid #f3f3f3;width:100%;text-align:left;text-align:center;}
.res_calender td>span{color:#333}
.res_calender td ul{padding:25px 0 0 0}
.res_calender td ul>li{display:inline-block;width:15%;}
.res_calender td ul>li>a{width:100%;padding:10px 0;text-align:center;display:block;color:#fff;}
.res_calender td ul>li>a.c_A{background:#FF8000}
.res_calender td ul>li>a.c_B{background:#0099FF}
.res_calender td ul>li>a.c_C{background:#00AA2F}
.res_calender td ul>li>a.c_D{background:#9644ff}
.res_calender td ul>li>a.c_E{background:#213f99}
.res_calender td ul>li>a.c_F{background:#e84f5c}
.res_calender td ul>li>a.c_Z{background:#333}
.res_calender td.tb_show,.res_calender th.tb_show{display:none;}
.res_calender td strong{font-size:14px;}
.res_calender td.sat{color:#29aece}
.res_calender td.sun{color:#e4580b}
.calender_cut{text-align:center;margin:20px 0 10px 0}
.calender_cut>ul>li{display:inline-block;margin:0 0 5px 5px}
.calender_cut>ul>li>strong{display:inline-block;padding:5px 8px;width:8px;height:12px;border-radius:15px;color:#fff;font-size:13px;}
.calender_cut>ul>li>span{font-size:14px;line-height:1.8em;padding:0 0 0 5px}
.calender_cut .cut_A strong{background:#FF8000}
.calender_cut .cut_B strong{background:#0099FF}
.calender_cut .cut_C strong{background:#00AA2F}
.calender_cut .cut_D strong{background:#9644ff;}
.calender_cut .cut_E strong{background:#213f99;}
.calender_cut .cut_F strong{background:#e84f5c;}
.calender_cut .cut_Z strong{background:#333}
@media all and (min-width:768px) {
.res_calender{overflow:hidden}
.res_calender th, .res_calender td{border:1px solid #dedede;width:14%;text-align:center;display:table-cell}
.res_calender td.tb_show,.res_calender th.tb_show{display:table-cell;}
.res_calender td{text-align:inherit;padding:5px;height:60px}
.res_calender td strong{text-align:left}
.res_calender td span{display:none;}
.res_calender td ul>li>a{width:max-content;padding:10px;text-align:center;display:block;color:#fff;min-width: 155px;}
.res_calender .calender{float:left;width:100%;margin:0 5% 0 0}
.res_calender .calender p{font-size:30px}
}

@media all and (min-width:1023px) {
.res_calender td ul>li>a{border-radius:15px;width:20px;height:18px;font-size:12px;padding:6px 3px 0 2px}
}

/* 휴양림예약 */
.step{text-align:center;margin:40px 0 20px 0}
.step>ul>li{display:inline-block;font-size:14px;padding:15px 20px 0 10px}
.step>ul>li:after{content:"";display:inline-block;width:15px;height:15px;background:url(/images/04_reservation/bbs_skin/step_next.gif) no-repeat right center;background-size:50%;}
.step>ul>li:last-child:after{background:none;}
.step>ul>li.on{background:url(/images/04_reservation/bbs_skin/step_on.gif) no-repeat 40% top ;background-size:30%;color:#00ab33}
.step>ul>li.on>strong>i{color:#00ab33}
.step>ul>li:last-child{background:none;}
.step>ul>li>strong>i{font-style:normal;font-weight:bold;font-size:18px;color:#223e99}
.step>ul>li>span{display:none;}
.res_calender2{}
.res_calender2 .cal_txt{font-size:14px;text-align:center;margin:20px 0}
.res_calender2 .cal_txt strong{color:#630460}
.res_calender2 .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.res_calender2 .calender p *{vertical-align:middle}
.res_calender2 .calender p strong{color:#223e99}
.res_calender2 .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.res_calender2 .calender p a.prev{background-position:-87px -108px}
.res_calender2 .calender p a.next{background-position:-116px -108px}
.res_calender2 .calender .cal_info li{background:none;line-height:1em;display:inline-block;font-size:13px;}
.res_calender2 .calender .cal_info li span{display:inline-block;width:10px;height:10px;margin:0 5px 0 0;border:1px solid #ccc}
.res_calender2 .calender .cal_info li.cal01 span{background:#0099ff;}
.res_calender2 .calender .cal_info li.cal02 span{background:#FF8000;}
.res_calender2 .calender .cal_info li.cal03 span{background:#666;}
.res_calender2 table{width:100%;margin:0 0 20px 0}
.res_calender2 th, .res_calender2 td{border:1px solid #dedede;text-align:center}
.res_calender2 th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.res_calender2 td{padding:10px;font-size:14px}
.res_calender2 td a{width:100%;display:block}
.res_calender2 td.sat a{color:#29aece}
.res_calender2 td.sun a{color:#e4580b}
.res_calender2 td.condition1{background:#0099FF}
.res_calender2 td.condition1 a{color:#fff;}
.res_calender2 td.condition2{background:#FF8000}
.res_calender2 td.condition2 a{color:#fff;}
.res_calender2 td.condition3{background:#666}
.res_calender2 td.condition3 a{color:#fff;cursor:help}
.res_calender2 .tab{text-align:center;overflow:hidden;margin-top:25px}
.res_calender2 .tab li{display:inline-block;width:49%;text-align:center;background:none;}
.res_calender2 .tab li a{display:block;border:1px solid #223e99;background:#fff;color:#223e99;padding:10px 0;margin:0 0 0 1px}
.res_calender2 .tab li.on a{background:#223e99;color:#fff}
.res_calender2 .choice{display:none;}
.res_calender2 .choice.on{display:block;}
.res_calender2 .choice div{border-bottom:1px dotted #ccc;padding: 10px 0;width:100%;overflow:hidden}
.res_calender2 .choice div p{float:left;padding:22px 0 0 0}
.res_calender2 .choice div>select{padding:8px 5px;float:left;margin:0 5px 0 0}
.res_calender2 .choice div .guest_table a{width:auto;display:inline-block;border-radius:5px;}
.res_calender2 .choice div .guest_table a.room_info{color:#fff;padding:3px 5px;font-size:13px;background:#41c2e1}
.res_calender2 .choice div .guest_table a.room_chc{color:#fff;padding:3px 5px;font-size:13px;background:#333;cursor:help}
.res_calender2 .choice div .guest_table a.room_chc.on{background:#00a950;cursor:pointer}
.res_calender2 .choice div .guest_table a.room_chc.repair{background:#FFBB00;cursor:help}
.res_calender2 .cal_txt2{display:none;}

.res_calender2 h4{margin:0 0 10px 0;}
.pay_info{text-align:center;font-size:20px}
.pay_info span{color:#00a950;font-weight:600}
.pay_info i{font-size:16px;font-style:normal}

@media all and (min-width:499px) {
.res_calender2 .choice div h5{float:left;padding:0 15px 0 20px;}
.res_calender2 .choice div>select{margin:15px 5px 0 0}
}

@media all and (min-width:768px) {
.step>ul>li{font-size:32px;}
.step>ul>li:after{width:30px;height:30px;background-size:50%;}
.step>ul>li>strong>i{font-size:40px;}

.res_calender2{overflow:hidden}
.res_calender2 .calender{float:left;width:40%;margin:0 5% 0 0}
.res_calender2 .calender p{font-size:30px}
.res_calender2 .info{float:left;width:55%}
.res_calender2 .info div{}
.res_calender2 .tab{margin:47px 0 0 0}
}

@media all and (min-width:1023px) {
.step>ul>li{font-size:38px;padding:25px 80px 10px 60px;position:relative}
.step>ul>li:after{content:"";position:absolute;right:0;top:15px;width:48px;height:48px;background:url(/images/04_reservation/bbs_skin/step_next.gif) no-repeat right center;background-size:80%}
.step>ul>li.on{background:url(/images/04_reservation/bbs_skin/step_on.gif) no-repeat 50% top ;background-size:15%;}
.step>ul>li>strong>i{font-weight:bold;font-size:45px}
.step>ul>li>span{display:block;font-size:14px}

.res_calender2 .calender{margin:80px 5% 0 0;}
.res_calender2 .cal_txt{position:absolute;text-align:left;padding:5px 0 5px 50px;background:url(/images/04_reservation/bbs_skin/cal_txt_bg.gif) left center no-repeat;}
.res_calender2 .cal_txt2{display:block;padding:10px 0 10px 50px !important;background:url(/images/04_reservation/bbs_skin/cal_txt_bg2.gif) left center no-repeat;font-size:14px;float:none;width:auto !important;border:none !important;margin-top:10px;}
.res_calender2 .cal_txt2 p{float:none !important;padding:0 !important;border:none;}

}

/* 예약조회게시판 basic_table 스타일 */
.reslook_table{width:100%;margin:10px 0;border-top:1px solid #223e99}
.reslook_table th,.reslook_table td{text-align:center;padding:15px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:11px;line-height:1.5em}
.reslook_table thead th{background:#f4f6fb;color:#223e99}
.reslook_table tbody th{background:#f4f6fb;color:#444}
.reslook_table tbody td{color:#555}
.reslook_table tbody td table{border-top:1px solid #223e99}
.reslook_table tbody td .sbtn_go, .reslook_table tbody td .sbtn_new, .reslook_table tbody td .sbtn_down{white-space:nowrap}
.reslook_table .apply_A{color:#e4780b}
.reslook_table .apply_B{color:#00a950}
.reslook_table .cancle button{color:#fff;background:#223e99;padding:2px 5px;border-radius:5px;font-size:11px}
.reslook_table .point_bg{background:#f8f7f0}
@media all and (min-width:768px) {
.reslook_table th,.reslook_table td{font-size:14px}
.reslook_table .cancle button{font-size:13px}
}




/* 게시판 박스 css */
@media all and (min-width:1023px) {
.mh_400{min-height:400px;}
.mh_450{min-height:450px;}
}

/* 버튼 css */
.res_btn{text-align:center;margin:20px 0}
.res_btn a.gray{display:inline-block;padding:20px 0;width:20%;background:#666;color:#fff;font-size:18px;border-radius:10px;cursor:pointer;margin:0 10px}
.res_btn a.gray:hover{background:#444;}
.res_btn span{display:block;text-align:center;}
.res_btn input[type=submit]{padding:20px 0;width:20%;background:#213f99;color:#fff;font-size:18px;border-radius:10px;cursor:pointer}
.res_btn input[type=submit]:hover{background:#1b3582}

/*인원설정 css 추가 - 2018.09.11*/
.person_sel .person_select{width:100%;border:solid 1px #e1e1e3;padding:0 5px;height:35px;}
.person_sel .person_open li{position:relative;overflow:hidden;border:solid 1px #e1e1e3;border-top:none;padding:10px 5px;}
.person_sel .person_open li .per_txt{display:block;padding:0 0 10px 0;}
.person_sel .person_open li .per_num .p_minus{width:18px;height:18px;overflow:hidden;padding-top:18px;background:url('/images/04_reservation/contents/person_btn_pm.png') no-repeat left top;}
.person_sel .person_open li .per_num .p_plus{width:18px;height:18px;overflow:hidden;padding-top:18px;background:url('/images/04_reservation/contents/person_btn_pm.png') no-repeat left -20px;}
.person_sel .person_open li .per_num em{display:inline-block;font-style:normal;width:40px;text-align:center;}
.person_sel .person_open li .price{float:right;}
.person_sel .person_open li a.close{position:absolute;top:10px;right:10px;width:11px;height:1px;padding-top:13px;dsplay:block;overflow:hidden;background:url('/images/04_reservation/contents/person_close.png') no-repeat left top;}
.person_sel .total_price{text-align:right;color:#223e99;padding:10px 5px 0 0;font-weight:600;}

@media all and (min-width:768px){
.person_sel .person_open li .per_txt{display:inline-block;width:130px;padding:5px;}
.person_sel .person_open li .price{float:right;padding:5px 40px 0 0}
.person_sel .person_open li a.close{top:18px;right:15px;}
}
/*주말농장*/
.farm_2021{padding:20px;margin:20px 0;background:#edf7d2;box-sizing:border-box}
.farm_2021 div{padding:10px 20px;padding-bottom:83.7164%;border-radius:20px;background:url(/images/04_reservation/sub/farm_bg.png) right bottom no-repeat #fff;background-size:contain}
.farm_2021 h4{margin:10px 0;}
.farm_2021 h4 img{max-width:100%}
.farm_2021 li{line-height:1.6;padding:0 0 10px 70px;position:relative;}
.farm_2021 li.none{padding:0;}
.farm_2021 li.none>strong{position:static;vertical-align:top}
.farm_2021 li>strong{color:#007b3d;}
.farm_2021 li strong{vertical-align:middle;position:absolute;top:-6px;left:0;}
.farm_2021 li strong:before{content:"\00b7";font-size:20px;color:#007b3d;font-weight:600;margin-right:6px;}
.farm_2021 dl{padding:20px;background:#f4f4f8;border-radius:10px;}
.farm_2021 dt{font-weight:600;margin-bottom:10px}
.farm_2021 dd{padding:0 0 10px 70px;position:relative}

.farm_2021 .c01,.farm_2021 .c01 strong,.farm_2021 .c01 strong:before{color:#ff5a00 !important;font-weight:900;}
.farm_2021 .btn{text-align:center;margin:10px 0;}
.farm_2021 .btn a{display:inline-block;padding:14px 20px;background:#ff5a00;color:#fff;border-radius:20px;}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font_jn{font-family: 'yg-jalnan';color:#568d46;font-size:32px;}
.font_jn span{color:#d97849;}
@media all and (min-width:768px){.farm_2021 div{padding-bottom:437px;background-position:center bottom;background-size:auto}}
@media all and (min-width:1024px){
.farm_2021 h4{margin:10px 0 20px;}
.farm_2021 ul{margin-left:20px;}
.farm_2021 div{padding:10px 20px;padding-right:542px;background-position:right bottom;background-size:auto}
}

/*공공체육시설_예약현황*/
/* Mobile */
.edu_view02 h4 {text-align: center; margin: 50px auto 20px;}
.edu_view02 .res_box {margin: 30px 0; background: none; padding: 0;}
.edu_view02 .res_box>div {padding: 20px;margin: 0 20px;}
.edu_view02 .photo .img {border-radius: 5px; overflow: hidden; position: relative;}
.edu_view02 .photo img {width: 100%;}
.edu_view02 .photo .img a.no_img {height: 300px; display: block;  text-align: center;  background: #f3f3f3 url(/images/04_reservation/bbs_skin/no_img.png) center no-repeat;}
.edu_view02 .photo .img button {border: 1px solid #ddd;width: 50px; height: 50px;background: #fff url("/upload_data/board_data/BBS_0000130/172680808403507.png") no-repeat center; font-size: 0; position: absolute;bottom: 0;}
.edu_view02 .photo .img button.prev {border-left: 0;right: 50px; border-radius: 0 0 5px 0; transform: rotate(180deg);}
.edu_view02 .photo .img button.next {right: 0;}
.edu_view02 .res_box .info {border-top: solid 3px #4464ca; border-bottom: dashed 2px #c9d6e9; margin: 0 20px;}

.res_box .img_list {padding: 20px 0;}
.res_box .img_list li {width: 23%; float: left; margin: 0 1%;}
.res_box .img_list li a {transition: .2s ease; display: block; overflow: hidden;  position: relative; border-radius: 3px;max-height: 80px;}
.res_box .img_list li a::before {content: ''; width: 100%; height: 100%;background: rgba(0, 0, 0, .3); z-index: 1; position: absolute; transition: .2s ease-out;}
.res_box .img_list li a:hover::before {display: none;}
.res_box .img_list li a img {width: 100%;}
.res_box .img_list::after {content: ''; display: block; clear: both;}

.edu_view02 .res_calender3 {background: none; margin: 50px 0; border-radius: 10px; margin-top: 0; box-shadow: 0 0 10px #647ed41c;}
.res_calender3 .calender {margin-bottom: 20px; padding: 30px 20px;}
.res_calender3 .calender .month {text-align: center; line-height: 1em; font-size: 25px; margin: 0 0 20px 0; position: relative;font-weight: 600;}
.res_calender3 .calender .month em {font-style: normal;font-weight: 600;}
.res_calender3 .calender p strong {color: #4464ca;}
.res_calender3 .calender p button {background: url("/images/01_potal/common/common_btn.png") no-repeat; width: 29px; height: 0; padding: 29px 0 0 0;overflow: hidden; position: absolute;top: -5px;}
.res_calender3 .calender p button.prev {left: 7%;background-position: -87px -108px;}
.res_calender3 .calender p button.next {right: 7%;background-position: -116px -108px;}
.res_calender3 .calender table {width: 100%; background: #fff;}
.res_calender3 .calender th, .res_calender3 .calender td {padding: 9px 0;display: inline-block; border: 1px solid #e3e6ed; width: 13%;text-align: center;border-right: 0;}
.res_calender3 .calender th {min-height: 21px;font-weight: 800; font-size: 18px;font-weight: normal; border-top: 2px solid #4464ca; background: #fff;color: #4464ca;padding: 10px 0;}
.res_calender3 .calender td {min-height: 19px; background: #f4f4f4; padding: 10px 0;}
.res_calender3 .calender td a {color: #a5a5a5;}
.res_calender3 .calender td.on {background: #fff;}
.res_calender3 .calender td.today {background: #eaf3ff;}
.res_calender3 .calender td.on a, .res_calender3 .calender td.today a {color: #2a2d35;}
.res_calender3 .calender td.active {background: #4464ca;}
.res_calender3 .calender td.active a {color: #fff;}

.res_calender3 .info {background: #ffffff; padding: 30px 20px; margin: 25px 0 0 0; border-radius: 5px;}
.res_calender3 .info h4 {color: #4464ca; font-size: 20px;margin: 0 auto 20px;}
.res_calender3 .info_box1 {padding: 10px;background: none;text-align: right; border: none; border-bottom: 1px dashed #e5e6ef; margin: 0;}
.res_calender3 .info_box1 span {display: inline-block; padding: 5px 10px; font-size: 14px; border-radius: 5px; margin: 0 5px; background: #f4f4f4; color: #a5a5a5; border: solid 1px #d0cece;}
.res_calender3 .info_box1 span.on {background: #fff;color: #363636;border-color: #484747;}
.res_calender3 .info_box1 span.active {background: #4464ca; border-color: #4464ca; color: #fff;}
.res_calender3 .info_list {margin: 30px auto;/* min-height: 250px; */overflow-y: auto;}
.res_calender3 .info_list li {text-align: center; width: 29%;display: inline-block; margin: 1%;border-radius: 5px; background: #f4f4f4; color: #a5a5a5; border: solid 1px #d0cece;}
.res_calender3 .info_list li.on {background: #fff;border-color: #484747;}
.res_calender3 .info_list li.active {background: #4464ca; border-color: #4464ca;}
.res_calender3 .info_list a {display: block; padding: 10px 0;font-size: 14px;}
.res_calender3 .info_list a .res_person {font-style: normal; font-size: 14px; color: #666;}
.res_calender3 .info_list a .res_person strong {vertical-align: baseline; color: #363636; font-size: 16px;}
.res_calender3 .info_list em {margin: -10px 0 5px; font-size: 14px;font-style: normal; text-align: center; display: block;}
.res_calender3 .info_list em strong {vertical-align: bottom;}
.res_calender3 .info_list li.on a {color: #363636;}
.res_calender3 .info_list li.active a {color: #fff;}
.res_calender3 .info .info_box {font-size: 13px; line-height: 1.3rem; word-break: keep-all;}
.res_calender3 .info .info_box input[type="checkbox"] {vertical-align: middle; margin: 0 5px 3px 0;}

/* Tablet */
@media all and (min-width:768px) {
.edu_view02>div.photo {width: 530px; margin: 0 auto 20px auto;}
.edu_view02 .photo .img {width: 100%; background: #f4f4f6; height: 375px;}
.edu_view02 .photo img {height: 375px;}
.edu_view02 .photo .img a.no_img { background-position: center 150px;}
.edu_view02 .photo .img button {width: 60px; height: 60px;}
.edu_view02 .photo .img button.prev {right: 60px;}
.res_box .img_list li a img {height: 80px;}

.res_calender3 .calender th {padding: 15px 0;}
.res_calender3 .calender td {padding: 25px 0;}
.res_calender3 .info_list li {width: 30.7%;}
.res_calender3 .info_list a {padding: 10px 20px; font-size: 16px;}
}

/* Pc */
@media all and (min-width:1023px) {  
.edu_view02 .photo {float: left; margin: 0;}
.edu_view02 .res_box>div { width: 48%;padding: 0 30px;}
.edu_view02 .res_box .info {padding: 20px 20px 0; min-height: 345px;float: right;margin: 0;width: calc(100% - 720px);}
.res_calender3>div {width: 48%;}
.res_calender3>div.calender {float: left; padding: 50px;border-right: 1px solid #e9e9eb; margin: 0;}
.res_calender3>div.info {margin: 0; width: 48%;padding: 0 30px;float: right; width: calc(100% - 737px);}
.edu_view02 .res_box::after, .edu_view02 .res_calender3::after {content: ''; display: block; clear: both;}
.res_calender3 .info h4 {margin: 50px auto 20px;}
.res_calender3 .info_list li {width: 30.3%;}
}                                                                                                                                                
      
/*공공체육시설_예약하기 list*/             
/* Mobile */
ul.res_list {border-top: 2px solid #4464ca; padding-top: 20px;display: flex; flex-wrap: wrap; margin: 50px auto 20px;}
ul.res_list li {width: 100%; padding: 10px; border-bottom: 1px dashed #ccc;margin: 0 0 20px 0;}
ul.res_list p.no_img {height: 200px; display: block; background: #f3f3f3 url(/images/04_reservation/bbs_skin/no_img.png) center no-repeat; border-radius: 5px;}
ul.res_list p.list_img img {width: 100%;height: 200px; border-radius: 5px;}
ul.res_list p.list_con {margin-top: 20px;}
ul.res_list p.list_con strong {display: block; font-size: 18px; margin-bottom: 10px;}
ul.res_list p.list_con span {margin-bottom: 5px; display: block; font-size: 14px;}
ul.res_list p.list_con em {color: #4464ca; font-style: normal; font-weight: 700; margin-right: 7px;}
ul.res_list p.list_con a.res_btn {transition: .2s all; display: block; background: #223e99; padding: 10px; border-radius: 5px; color: #fff; text-align: center; margin: 20px 0;}
ul.res_list p.list_con a.res_btn:hover, ul.res_list p.list_con a.res_btn:active, ul.res_list p.list_con a.res_btn:focus {background: #15296a;}

/* Tablet */
@media all and (min-width:768px) {
ul.res_list {justify-content: space-between;}
ul.res_list li {border-bottom:0;width: 47%;}
ul.res_list p.list_img img {border-radius: 10px;}
ul.res_list p.list_con {margin-top: 25px;}
ul.res_list p.list_con strong {font-size: 20px; margin-bottom: 17px;}
ul.res_list p.list_con span {margin-bottom: 10px;font-size: 16px;}
ul.res_list p.list_con em {margin-right: 10px;vertical-align: baseline;  word-break: keep-all;}
ul.res_list p.list_con a.res_btn {margin: 10px 0 0;padding: 15px;}
}

/* Pc */
@media all and (min-width:1023px) { 
ul.res_list {padding: 30px 0;} 
ul.res_list li {display: flex;justify-content: space-between;width: 45%;border-right: 1px dashed #efefef;padding-right: 50px;margin: 0 0 35px 0;}
ul.res_list li:nth-of-type(2n) {border-right: 0; padding-right: 10px;}
ul.res_list p.list_img { width: 45%;}
ul.res_list p.no_img {width: 45%;height: auto; border-radius: 10px;}
ul.res_list p.list_img img {height: 200px;}
ul.res_list p.list_con {margin-top: 0;width: 50%;}
ul.res_list p.list_con strong {margin-bottom: 10px;}
}  


a.sbtn_map{display:inline-block;margin:2px 0 0 8px;background:#3b3e58;color:#fff;padding:4px 10px 2px 10px;border-radius:4px;}
a.sbtn_map span{font-size: 14px !important;display:inline-block !important;margin:0 !important;padding-right:15px;background:url("/upload_data/board_data/BBS_0000130/174315023287420.png") no-repeat right 1px}
a.sbtn_map:hover,
a.sbtn_map:focus{color:#fff200}