@charset "utf-8";

/*게시판 상하단*/
.prog_bord .top_layout{position:relative;padding:25px 0;margin-bottom: 20px;}
.prog_bord.prog_bord_view .top_layout{width: calc(100%);float: left;}
.prog_bord .top_layout:before{display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#00407f;content:'';}
.prog_bord .top_layout .tit_box h2{margin-left:20px;font-size:34px;font-weight:600;color:#222;}

.prog_bord .top_layout .date_box{position:absolute;right: 0;top:25px;}
.prog_bord.prog_bord_list .top_layout .date_box{right: 128px;}
.prog_bord .top_layout .date_box .calendar{display:inline-block;position:relative;width:260px;height:40px;border:1px solid #b8b8b8;}
.prog_bord .top_layout .date_box .calendar .date{width:calc((100% - 10px) / 2);position:absolute;top:0;line-height: 1;}
.prog_bord .top_layout .date_box .calendar .date.date_s{left:0;}
.prog_bord .top_layout .date_box .calendar .date.date_e{right:0;}
.prog_bord .top_layout .date_box .calendar .date input{width:100%;height:38px;padding-left:10px;font-size:14px;background:url(/site/news/img/prog/list_date.png)left calc(100% - 10px) center no-repeat;}
.prog_bord .top_layout .date_box .calendar .date button{display:none;}
.prog_bord .top_layout .date_box .calendar .mid{position:absolute;left:calc(50% - 5px);top:5px;width:10px;text-align:center;}
.prog_bord .top_layout .date_box .calendar input:before{position:absolute;right:0;top:0content: '';}
.prog_bord .top_layout .date_box .search{display:inline-block;float:right;position:relative;padding:0 10px;width:200px;height:40px;border:1px solid #b8b8b8;border-left:none;}
.prog_bord .top_layout .date_box .search input{font-size:14px;height:38px;width:100%;}
.prog_bord .top_layout .date_box .search button{position:absolute;right:12px;top:3px;margin:6px 0 0;font-size:0;width:20px;height:20px;background:url(/site/news/img/prog/search_btn.png)no-repeat;}

.prog_bord .top_layout .btn_box{position: absolute;right: 5px;top: 25px;}
.prog_bord .top_layout .btn_box a{float:left;display:block;padding:6px 10px 7px 10px;border:1px solid #b8b8b8;border-left:0;transition:.3s;-webkit-transition:.3s;}
.prog_bord .top_layout .btn_box a.on{border:none;padding:7px 11px;background-color:#344555;color:#fff;}

.prog_bord .bottom_layout{width:100%;height:4px;margin-bottom:50px;background-color:#00407f;}
.prog_bord.prog_bord_list .bottom_layout{margin-bottom:30px;}
.prog_bord.prog_bord_view .bottom_layout{width:100%;}

@media all and (max-width: 1279px) {
	.prog_bord .wrap{width:100%;padding:0 40px;}
	.prog_bord.prog_bord_view .top_layout{width:100%;}
	.prog_bord .bottom_layout{margin-bottom:30px;}
}
@media all and (max-width: 1024px) {
	.prog_bord .top_layout{height:120px;padding:10px 0;}
	.prog_bord .top_layout .date_box{top:60px;}
	.prog_bord.prog_bord_list .top_layout .date_box{right: 0;}
	.prog_bord .top_layout .btn_box{top:10px;}
	.prog_bord .top_layout .btn_box a:first-child{border-left:1px solid #b8b8b8;}
}
@media all and (max-width: 767px) {
	.prog_bord .wrap{padding:0 20px;}
	.prog_bord .top_layout{overflow:hidden;margin-bottom:30px;}
	.prog_bord .top_layout .tit_box h2{margin:0;font-size:30px;}
}
@media all and (max-width: 500px) {
	.prog_bord .top_layout{height:140px;padding:0;}
	.prog_bord.prog_bord_list .top_layout{height:175px;}
	.prog_bord .top_layout .tit_box h2{font-size:25px;}
	.prog_bord .top_layout .date_box{width:100%;top:40px;}
	.prog_bord .top_layout .date_box .calendar{width:100%;float:left;}
	.prog_bord .top_layout .date_box .search{width:100%;border:1px solid #b8b8b8;border-top:none;}
	.prog_bord .top_layout .btn_box{left:0;right:auto;bottom:10px;top:auto;width:100%;text-align:center;}
	.prog_bord .top_layout .btn_box a{width:50%;}
}


/*보도형 게시판*/
.prog_bord{margin-bottom: 50px;position: relative;}
.prog_bord .wrap{position:relative;overflow: hidden;}
.prog_bord.prog_bord_view .wrap:before{display:inline-block;position:absolute;right:300px;width:1px;height:100%;background-color:#d5d5d5;content:'';display: none;}
.prog_bord .prog_layout{width: calc(100%);float: left;}
.prog_bord .prog_layout .prog_tit{overflow:hidden;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin:20px 0 30px 20px;}
.prog_bord .prog_layout .prog_tit strong{font-size:32px;font-weight:500;color:#222;}
.prog_bord .prog_layout .prog_stit{}
.prog_bord .prog_layout .prog_stit span{font-size:15px;}
.prog_bord .prog_layout .prog_stit span.date{position:relative;margin:0 20px;}
.prog_bord .prog_layout .prog_stit span.date:before{display:inline-block;position:absolute;left:-12px;top:4px;width:1px;height:15px;background-color:#818181; content: '';}
.prog_bord .prog_layout .prog_stit span.date:after{display:inline-block;position:absolute;right:-12px;top:4px;width:1px;height:15px;background-color:#818181; content: '';}
.prog_bord .prog_layout .prog_contents{margin-bottom:50px;}
.prog_bord .prog_layout .prog_contents .txt_box{display:block;margin:30px 0 30px 10px;}
.prog_bord .prog_layout .prog_contents .txt_box p{margin:20px 0;}
.prog_bord .prog_layout .prog_contents .txt_box img{width:auto !important;height:auto !important;}
.prog_bord .prog_layout .prog_contents .img_noline img{display:block;margin:0 auto;}
.prog_bord .prog_layout .prog_contents .img_line{width:100%;height:100%;margin-top:50px;padding:20px;border:1px solid #d5d5d5;text-align:center;}
.prog_bord .prog_layout .prog_tag{position:relative;height:auto;padding:20px;}
.prog_bord .prog_layout .prog_tag:before{display:inline-block;position:absolute;left:0;top:0;width:100%;height:1px;background-color:#d5d5d5;content:'';}
.prog_bord .prog_layout .prog_tag .tag_box{overflow: hidden;}
.prog_bord .prog_layout .prog_tag .tag_box a{position:relative; display:block;float:left;padding:5px 10px 5px 20px;margin:0 5px 5px;border:1px solid #1f8ecd;color:#1155a7;}
.prog_bord .prog_layout .prog_tag .tag_box a:before{display:inline-block;position:absolute;left:10px;top:5px;content:'#';font-size:16px;color:#1155a7;}
.prog_bord .prog_layout .prog_tag .download{position: absolute;right: 0;top:20px;}

.prog_bord .quick_news{width:250px;margin-bottom:50px;float: right;margin-top: -126px;display: none;}
.prog_bord .quick_news .quick_tit{padding:25px 0;border-bottom:4px solid #00407f;}
.prog_bord .quick_news .quick_tit strong{font-size:20px;color:#00407f;}
.prog_bord .quick_news .ui-list__card.ui05 .obj .col{margin:0;}

@media all and (max-width: 1279px) {
	.prog_bord.prog_bord_view .wrap:before{display:none;}
	.prog_bord .prog_layout{width:100%}
	.prog_bord .quick_news{position:static;width:100%;margin-top: 0;}
	.prog_bord .quick_news .quick_tit{border-bottom-width:2px;}
	.prog_bord .quick_news .ui-list__card.ui05 .obj .col a{padding:15px 5px;}
}
@media all and (max-width: 767px) {
	.prog_bord .prog_layout .prog_tit{margin:0px 0 30px 0px;}
	.prog_bord .prog_layout .prog_tit strong{font-size:25px;}
	.prog_bord .prog_layout .prog_tag{height:auto;}
	.prog_bord .prog_layout .prog_tag .tag_box a{border:none;padding:0 5px 0 10px;}
	.prog_bord .prog_layout .prog_tag .tag_box a:before{left:0;top:0;}
	.prog_bord .prog_layout .prog_tag .download{position: static;padding:0px 5px 20px;}
}
@media all and (max-width: 450px) {
	.prog_bord .prog_layout .prog_tit strong{font-size:20px;line-height:1.3;}
	.prog_bord .prog_layout .prog_stit{line-height:1;margin-top:10px;}
	.prog_bord .prog_layout .prog_stit span{display:block;float:left;width:50%;font-size:13px;}
	.prog_bord .prog_layout .prog_stit span.writer{width:100%;}
	.prog_bord .prog_layout .prog_stit span.date{margin:0;}
	.prog_bord .prog_layout .prog_stit span.date:before, .prog_bord .prog_layout .prog_stit span.date:after{display:none;}
	.prog_bord .prog_layout .prog_contents .txt_box{margin:20px 0 30px 0;}
}

/* 포토형 게시판 */
.prog_bord_list .board{padding:0 20px;}
.prog_bord_list .board>ul{}
.prog_bord_list .board>ul:after{content:""; display:block; clear:both;}
.prog_bord_list .board>ul>li{float:left; width:calc((100% - 4em) / 3); margin:0 2em 2em 0;}
.prog_bord_list .board>ul>li:nth-child(3n+3){margin-right:0;}
.prog_bord_list .board>ul>li .lay{display:block; position:relative; padding-bottom:15em; border:1px solid #d6dce3;}
.prog_bord_list .board>ul>li .lay span{display:block;}
.prog_bord_list .board>ul>li .lay .head{position:relative; z-index:0; width:100%;}
.prog_bord_list .board>ul>li .lay .head:before{
	opacity:0; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	transition:opacity 0.2s linear;
	-webkit-transition:opacity 0.2s linear;
}
.prog_bord_list .board>ul>li .lay .photos{overflow:hidden; display:block; position:relative; height:300px; background-image:none !important; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.prog_bord_list .board>ul>li .lay .photos img{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	/* width: 100%; */
	height: 100%;
	max-width: 170%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	max-height: 170%;
}/*보도형 비율*/
.prog_bord_list .board>ul>li .lay .midd{
	position:absolute; left:0; bottom:0; width:100%; height:15em; padding:1.5em 1.5em 3em 1.5em; background-color:#fff;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.prog_bord_list .board>ul>li .lay .midd:after{content:""; display:block; position:absolute; right:2em; bottom:2em; width:calc(100% - 4em); height:0.6em; background-image:url(/site/common/img/layout/btn_arrow_b_long.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
.prog_bord_list .board>ul>li .lay .midd .tis{display:block;height:3em; font-weight:600; font-size:1.1em;line-height: 1.4em; color:#363839;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.prog_bord_list .board>ul>li .lay .midd .tes{overflow:hidden;max-height:6em; margin-top:0.5em; font-size:0.95em;line-height: 1.5em; color:#686a6b;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.prog_bord_list .board>ul>li .lay .midd .date_box{position:absolute;left:1.5em;bottom:1em;color:#838383;}
.prog_bord_list .board>ul>li .lay .midd .date_box span{float:left;}
.prog_bord_list .board>ul>li .lay .midd .date_box span.date{margin-right:10px;padding-left:20px;background:url(/site/news/img/prog/list_date.png)left center no-repeat;line-height: 30px;}
.prog_bord_list .board>ul>li .lay .midd .date_box span.total{line-height: 30px;}
.prog_bord_list .board>ul>li .lay .midd .date_box span.import{display: inline-block;margin-left:10px;padding:3px 10px; border-radius: 5px;color:#fff; background: #1155a7;}

.prog_bord_list .board>ul>li a:hover .head:before{opacity:1;}
.prog_bord_list .board>ul>li a:hover .midd{height:17em; background-color:#2462ae;}
.prog_bord_list .board>ul>li a:hover .midd:after{background-image:url(/site/common/img/layout/btn_arrow_w_long.png);}
.prog_bord_list .board>ul>li a:hover .midd .tis,
.prog_bord_list .board>ul>li a:hover .midd .tes{color:#fff;}
.prog_bord_list .board>ul>li a:hover .midd .tes .list-1st li:before{background-color:#fff !important;}
.prog_bord_list .board>ul>li a:hover .midd .date_box span{color:#fff;}
.prog_bord_list .board>ul>li a:hover .midd .date_box span.date{background:url(/site/news/img/prog/list_date_w.png)left center no-repeat;}
.prog_bord_list .board>ul>li a:hover .midd .date_box span.import{background:#fff;color:#1155a7;}


@media all and (min-width: 1023px) {
	.prog_bord_list .board:not([class*="col_3"])>ul>li{width:calc((100% - 6em) / 4); margin:0 2em 2em 0;}
	.prog_bord_list .board:not([class*="col_3"])>ul>li:nth-child(4n+4){margin-right:0;}
	.prog_bord_list .board:not([class*="col_3"])>ul>li .lay{padding-bottom:12em;}
	.prog_bord_list .board:not([class*="col_3"])>ul>li .lay .midd{height:12em;}
	.prog_bord_list .board:not([class*="col_3"])>ul>li .lay .midd .tes{height: 3.0em;}

	.prog_bord_list .board:not([class*="col_3"])>ul>li a.lay:hover .midd{height:14em;}
	.prog_bord_list .board:not([class*="col_3"])>ul>li a.lay:hover .midd .tes{height:4.6em;}

	.prog_bord_list .board.col_4>ul>li{width:calc((100% - 3em) / 4); margin:0 1em 1em 0;}
	.prog_bord_list .board.col_4>ul>li .lay .photos{height: 220px;}
}
@media all and (max-width: 900px) {
	.prog_bord_list .board>ul>li{width:calc((100% - 2em) / 2);}
	.prog_bord_list .board>ul>li:nth-child(3n+3){margin-right:2em;}
	.prog_bord_list .board>ul>li:nth-child(2n+2){margin-right:0;}
}
@media all and (max-width: 767px) {
	.prog_bord_list .board{padding:0;}
	.prog_bord_list .board>ul>li .lay .midd .tes{word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
}
@media all and (max-width: 500px) {
	.prog_bord_list .board>ul>li{width:100%; margin:0 0 2em 0 !important;}
}
.design-select{display:inline-block;position:relative;text-align:left;cursor:pointer;width: 120px;}
.design-select select {
	display:block;
	min-width: 120px;
	height:40px;
	border-radius:0;
	border: 1px solid #999;
	line-height:40px;
	font-size: 14px;
}
.design-select select::-ms-expand {
	display: none;
}

.reservation_search__Form { border: 1px solid #ddd; width: 100%; position: relative; }
.reservation_search__Form #id_admlink{position: relative;padding:40px;padding-left:350px;padding-right: 135px;}
.reservation_search__Form #id_admlink .reservationBox {margin:0;padding:0;}
.reservation_search__Form #id_admlink .head{position:absolute;top:0;left:0;max-width:300px;background-color: #f6f7f9;padding: 41px;}
.reservation_search__Form #id_admlink .head .title {width: 100%;line-height: 3.5rem;display: block;color: #000;font-weight: 500;font-size: 1.5rem;}
.reservation_search__Form #id_admlink .head p{line-height:1.2;font-size:14px;}
.reservation_search__Form #id_admlink .reservationBox .btnBox {position:absolute;top:40px;right:40px;width: 86px;height: 92px;text-align: center;color: #fff;}
.reservation_search__Form #id_admlink .reservationBox .btnBox .btn { width: 100%; height: 100%; color: #fff;font-size:16px;line-height:1;min-width:auto;padding:1.3em}
.reservation_search__Form #id_admlink .reservationBox .InfoBox { width:100%; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span{display:block;margin-bottom:5px;}
.reservation_search__Form #id_admlink .reservationBox .InfoBox span:after { content: ''; display: block; clear: both; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span label { width:120px; display: inline-block; float: left; padding-left:8px; line-height:40px; font-size:16px; font-weight: 500; color: #333; position: relative; }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span label:before { content: ''; width:4px; height:4px; background-color: #c7c7c7; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.reservation_search__Form #id_admlink .reservationBox .InfoBox span input { width: calc(100% - 120px); margin: 0;  border: 1px solid #ddd; height:40px; background: #f8f8f8;  }
.reservation_search__Form #id_admlink .reservationBox:after { content: ''; display: block; clear: both; }

@media (min-width: 768px) {

	.reservation_search__Form #id_admlink{position: relative;padding:0;padding-left:0;padding-right: 0;}
	.reservation_search__Form #id_admlink .head{position:relative;width:100%;max-width:none;padding:20px}
	.reservation_search__Form #id_admlink .reservationBox .InfoBox { width:100%; padding:20px}
	.reservation_search__Form #id_admlink .reservationBox .btnBox{position:relative;top:0;right:0;width:100%;height:auto;padding: 0 20px 20px;margin-top: -10px;}

}