@charset "utf-8";

.bussiness_panel .tab_menu_v2{width:auto;margin:0 auto}
.bussiness_panel .tab_menu_v2 .tab span{border:none;background:none;padding: 10px 30px}
.bussiness_panel .tab_menu_v2 .tab.active span{border-bottom:1px solid #005923;color:#005923}

.bussiness_panel .sub_title_box .project_title{font-size:26px;color:#333;font-weight:700}
.bussiness_panel .project_img{margin-top:10px}
.bussiness_panel .project_img img{width:100%}
.bussiness_panel .project_img + .btn_wrap{margin-top:20px;}
.bussiness_panel .project_desc{color:#777;font-size:16px;margin-top:10px}

/* Slider */
.bussiness_panel .slider_box .slick-arrow{position:absolute;top:-1040px;bottom:-999px;width:80px;height:80px;margin:auto 0;z-index:1;color:transparent}
.bussiness_panel .slider_box .slick-next{right:0;background:url("/common/img/bussiness/btn_next.png") center center no-repeat}
.bussiness_panel .slider_box .slick-prev{left:0;background:url("/common/img/bussiness/btn_prev.png") center center no-repeat}
.bussiness_panel .slider_desc{font-size:18px;text-align:center;color:#666666;display:block;margin-top:15px}
		
.bussiness_panel.page_public_park .btn_wrap + .slider_box{margin-top:20px}



/* ---------bussiness_list--------- */
.bussiness_panel .bussiness_list tr .table_box{width:100%}
.bussiness_panel .bussiness_list tr .table_td:first-child{width:20%;padding-right:20px}

/* ---------popup--------- */
.page_poup .popup_box{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1000;display:none;visibility:hidden}
.page_poup .popup_position_h{position:relative;z-index:1;padding:0;max-width:1300px;height:100%}
.page_poup .popup_position_v{width:100%;height:100%}
.page_poup .popup_frame{background-color:#fff;box-sizing:border-box;position:relative;z-index:1;padding:0;text-align:left;visibility:visible; border:5px solid #005923}
.page_poup .popup_header{padding:30px; border-bottom:1px solid #d5d5d5; position:relative; text-align: center}
.page_poup .popup_header .popup_trigger_close{display:block;width:80px;height:80px;background:url("/common/img/icon/popup_close.png")center center no-repeat; position:absolute; top:0; right:0;}
.page_poup .popup_header .popup_title{color:#005923; font-size:26px; font-weight:700;text-align:center}
.page_poup .popup_content{padding:0 40px;overflow:auto;height:80vh}
.page_poup .popup_content .sub_title_box:last-child,
.page_poup .popup_content .sub_bot_box{padding-bottom:60px}



/* ---------복지시설--------- */	
.bussiness_panel.page_public_traffic .link { color:#005923;}

/* ---------해양시설--------- */
/* Select */
.bussiness_panel.page_public_oceanic .search_box {margin-bottom:20px}

/* ---------캠핑장--------- */	
.bussiness_panel.page_public_camping .requirement_box .info_bbs{margin:-5px -15px -15px -15px}
.bussiness_panel.page_public_camping .requirement_box .table_v2,
.bussiness_panel.page_public_camping .requirement_box .table_v2 *{border:none;vertical-align:top}
.bussiness_panel.page_public_camping .requirement_box .project_img img{box-sizing:border-box;border:1px solid #e3e3e3}
.bussiness_panel.page_public_camping .requirement_box .desc{font-size:15px;color:#777777;margin-top:10px}

.bussiness_panel.page_public_camping .list_style + .info_bbs,
.bussiness_panel.page_public_camping .map_box + .info_bbs{margin-top:10px}
.bussiness_panel.page_public_camping .map_box{margin-top:10px}

/* ---------종합경기타운--------- */	
.bussiness_panel.page_public_town .table_box.guide_img{width:auto;margin:-10px;margin-top:0}
.bussiness_panel.page_public_town .table_box.guide_img .table_td{padding:10px;box-sizing:border-box;width:50%}

.bussiness_panel.page_public_town .step_box_menu{margin-top:40px}
.bussiness_panel.page_public_town .step_box_menu .btn_wrap{margin-top:0}
.bussiness_panel.page_public_town .sub_title + .btn_wrap {margin-top:10px;}

/* ---------체육시설--------- */
.page_sport tr .table_box{width:100%}
.page_sport tr .table_td:first-child{width:20%;padding-right:20px}	

.page_sport .align_t{vertical-align:top}
.page_sport .info_bbs table.table_v2 th.background_white{background-color:#fff}
.page_sport .info_bbs table.table_v2 .border_r{border-right: 1px solid #d9d9d9}
.page_sport .list_style + .info_bbs{margin-top:10px}

/* Calender */
.bussiness_panel.page_cal .calender_box .navigation{text-align:center;margin-bottom:30px}
.bussiness_panel.page_cal .calender_box .navigation *{display:inline-block;vertical-align:middle}
.bussiness_panel.page_cal .calender_box .navigation .date{color:#666;font-size:20px;font-weight:700}
.bussiness_panel.page_cal .calender_box .navigation .btn_calender{width:30px;height:30px;background-size:auto;background-repeat:no-repeat;background-position:center center;padding:0 50px}
.bussiness_panel.page_cal .calender_box .navigation .btn_next{background-image:url(/common/img/bussiness/btn_nav_next.png)}
.bussiness_panel.page_cal .calender_box .navigation .btn_prev{background-image:url(/common/img/bussiness/btn_nav_prev.png)}

.bussiness_panel.page_cal .calender_box .info_bbs table.table_v2 tr th,
.bussiness_panel.page_cal .calender_box .info_bbs table.table_v2 tr td{border-top: 1px solid #d9d9d9;border-left:1px solid #d9d9d9}
.bussiness_panel.page_cal .calender_box .info_bbs table thead th:last-child, 
.bussiness_panel.page_cal .calender_box .info_bbs table tbody td:last-child{border-right:1px solid #d9d9d9}

.bussiness_panel.page_cal .calender_box .card{padding:0;vertical-align:top;position:relative;line-height:0}
.bussiness_panel.page_cal .calender_box .content{position:relative;z-index:1;height:100%}
.bussiness_panel.page_cal .calender_box .background{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:0}

.bussiness_panel.page_cal .calender_box .btn_date{position:relative;padding-top:100%;box-sizing:border-box;display:inline-block;width:100%}
.bussiness_panel.page_cal .calender_box .btn_date:first-child .area_mask{left:0}
.bussiness_panel.page_cal .calender_box .btn_date:last-child .area_mask{right:0}
.bussiness_panel.page_cal .calender_box .btn_date .ratio{position:absolute;top:0;bottom:0;right:0;left:0;padding:0}

.bussiness_panel.page_cal .calender_box .info{table-layout:auto;line-height:normal;height:25%}
.bussiness_panel.page_cal .calender_box .info .date{line-height:normal;width:100%}
.bussiness_panel.page_cal .calender_box .info .date span{font-size:16px;color:#777;line-height:28px;padding-bottom:2px;white-space:nowrap;display:inline-block;width:30px;border-radius:9999px;text-align:center;margin:5px}
.bussiness_panel.page_cal .calender_box .info .desc{padding:0 15px 0 0;line-height:normal;display:none}
.bussiness_panel.page_cal .calender_box .info .desc span{font-size:12px;color:#777;line-height:normal;white-space:nowrap;display:block}

.bussiness_panel.page_cal .calender_box .list{height:75%;display:none}
.bussiness_panel.page_cal .calender_box .list li{height:25%}
.bussiness_panel.page_cal .calender_box .list li + li{border-top:1px solid #dddddd}
.bussiness_panel.page_cal .calender_box .list li div{padding:0 15px}
.bussiness_panel.page_cal .calender_box .list li span{font-size:14px;color:#777;display:block;box-sizing:border-box;line-height:normal}

.bussiness_panel.page_cal .calender_box th.sun,
.bussiness_panel.page_cal .calender_box .sun .date span{color:#e20000}
.bussiness_panel.page_cal .calender_box th.sat,
.bussiness_panel.page_cal .calender_box .sat .date span{color:#0d58d4}

.bussiness_panel.page_cal .calender_box .today .btn_date .background{border:1px solid #005923;top:-1px;bottom:-1px;right:-1px;left:-1px}
.bussiness_panel.page_cal .calender_box .today .btn_date .info{background-color:#005923!important}
.bussiness_panel.page_cal .calender_box .today .btn_date .info .date span{color:#fff!important;font-weight:700}
.bussiness_panel.page_cal .calender_box .today .btn_date .info .desc{display:table-cell}
.bussiness_panel.page_cal .calender_box .today .btn_date .info .desc span{color:#fff!important}
.bussiness_panel.page_cal .calender_box .today .btn_date .list{display:block}

.bussiness_panel.page_cal .calender_box .scheduled .btn_date .info{background-color:#d5d5d5}
.bussiness_panel.page_cal .calender_box .scheduled .btn_date .info .date span{color:#333;font-weight:700}
.bussiness_panel.page_cal .calender_box .scheduled .btn_date .info .desc{display:table-cell}
.bussiness_panel.page_cal .calender_box .scheduled .btn_date .info .desc span{color:#333}
.bussiness_panel.page_cal .calender_box .scheduled .btn_date .list{display:block}

.bussiness_panel.page_cal .calender_box .selected .info .date span{background-color:#005923;color:#fff}

.bussiness_panel.page_cal .sub_title span + .desc{margin-top:10px}
.bussiness_panel.page_cal .sub_title .desc{display:block}

@media screen and (max-width:1024px){
	/* ---------체육시설--------- */
	.page_sport tr .table_box,
	.page_sport tr .table_td{display:block}
	.page_sport tr .table_td:first-child{width:100%;padding-right:0;margin-bottom:5px}
}

@media screen and (max-width:900px){
	
	/* ---------bussiness_list--------- */
	.bussiness_panel .bussiness_list tr .table_box,
	.bussiness_panel .bussiness_list tr .table_td{display:block}
	.bussiness_panel .bussiness_list tr .table_td:first-child{width:100%;padding-right:0;margin-bottom:5px}
	
	/* ---------popup--------- */	
	.page_poup .popup_wrap{vertical-align:top!important}
	.page_poup .popup_frame {border:0}
	.page_poup .popup_content{position:fixed;top:80px;border-top:1px solid #d5d5d5;bottom:0;left:0;right:0;background-color:#fff;height:auto;padding:0 20px;}
	
	.bussiness_list .btn_wrap.align_r {text-align:left;margin-top:20px; padding-bottom: 20px;}

	/* Calender */
	.bussiness_panel.page_cal .calender_box .navigation{margin-bottom:0px;padding:12px 0;display:table;width:100%;table-layout:fixed;border-top:1px solid #d5d5d5}
	.bussiness_panel.page_cal .calender_box .navigation .date{font-size:13px;display:table-cell}
	.bussiness_panel.page_cal .calender_box .navigation .btn_calender{width:auto;height:auto;padding:0;display:table-cell;vertical-align:middle;background-size:auto 20px;font-size:13px;color:#666}
	.bussiness_panel.page_cal .calender_box .navigation .btn_prev{padding-left:20px;background-position:left center;text-align:left}
	.bussiness_panel.page_cal .calender_box .navigation .btn_next{padding-right:20px;background-position:right center;text-align:right}

	.bussiness_panel.page_cal .calender_box .info_bbs table.table_v2 tr th,
	.bussiness_panel.page_cal .calender_box .info_bbs table.table_v2 tr td,
	.bussiness_panel.page_cal .calender_box .info_bbs table thead th:last-child, 
	.bussiness_panel.page_cal .calender_box .info_bbs table tbody td:last-child{border-right:none;border-left:none}

	.bussiness_panel.page_cal .calender_box .list,
	.bussiness_panel.page_cal .calender_box .btn_date .info .desc{display:none!important}
	.bussiness_panel.page_cal .calender_box .btn_date .background{border-radius:9999px}
	.bussiness_panel.page_cal .calender_box .btn_date .info{background-color:transparent!important;height:100%}
	.bussiness_panel.page_cal .calender_box .btn_date .info .date{text-align:center}
	.bussiness_panel.page_cal .calender_box .btn_date .info .date span{line-height:normal;width:auto;background-color:transparent!important;font-size:10px;margin:0;padding:0}

	.bussiness_panel.page_cal .calender_box .today .btn_date .info{background-color:transparent!important}
	.bussiness_panel.page_cal .calender_box .today .btn_date .info .date span{color:#005923!important}
	.bussiness_panel.page_cal .calender_box .today .background{background:transparent!important}

	.bussiness_panel.page_cal .calender_box .scheduled .btn_date .info .date span{color:#fff}
	.bussiness_panel.page_cal .calender_box .scheduled .background{background-color:#005923}

	.bussiness_panel.page_cal .calender_box .selected .info .date span{background-color:#005923;color:#777}
	.bussiness_panel.page_cal .calender_box .selected .background{top:auto;left:-999px;right:-999px;bottom:3px;margin:0 auto;width:5px;height:5px;background-color:#777}

	.bussiness_panel.page_cal .calender_box .tips{margin-top:15px}
	.bussiness_panel.page_cal .calender_box .tips .bar{display:inline-block;vertical-align:middle}
	.bussiness_panel.page_cal .calender_box .tips .bar + .bar{margin-left:15px}
	.bussiness_panel.page_cal .calender_box .tips .btn_date{width:7px;height:7px;border-radius:999px;box-sizing:border-box;display:inline-block;vertical-align:middle;padding:0;line-height:0}
	.bussiness_panel.page_cal .calender_box .tips .area_mask{position:absolute;top:0;bottom:0;left:0;right:0}
	.bussiness_panel.page_cal .calender_box .tips span{display:inline-block;vertical-align:middle;margin-left:2px;color:#777;font-size:9px}

	.bussiness_panel.page_cal .calender_box .tips .btn_date.today{border:1px solid #005923}
	.bussiness_panel.page_cal .calender_box .tips .btn_date.scheduled{background-color:#005923}
	.bussiness_panel.page_cal .calender_box .tips .btn_date.selected{background-color:#777}

	/* ---------INDIVIDUAL--------- */
	.bussiness_panel.page_cal .info_bbs table.table_v2 th,
	.bussiness_panel.page_cal .info_bbs table.table_v2 td{padding:5px}
	.bussiness_panel.page_cal .info_bbs table.table_v2 th, 
	.bussiness_panel.page_cal .info_bbs table.table_v1 td,
	.bussiness_panel.page_cal .info_bbs table thead th, 
	.bussiness_panel.page_cal .info_bbs table tbody td, 
	.bussiness_panel.page_cal .info_bbs table.table_v1 td:last-child.check .dot, 
	.bussiness_panel.page_cal .info_bbs table.table_v2 td{font-size:10px}

	.bussiness_panel.page_cal .sub_title_box .sub_title{font-size:14px}

	.bussiness_panel.page_cal colgroup col.mobile{display:table-column!important}
}