/* 게시판_검색 */
.board_search {width:1200px; overflow: hidden; margin-bottom:20px; background-color:#f7f7f7; padding:20px;}
.board_search p {font-size: 26px; color: #333; font-weight: bold;display: inline-block;}
.board_search .search_set {float:left; text-align:right; width:100%;}
.board_search .search_set input {border: 1px solid #ccc; box-sizing: border-box; height: 36px;color: #999;padding: 10px; width: 30%; max-width:270px;}
.board_search .search_set .search_btn {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box .board_search .date_list{float:left; padding:0 10px 0 0;}
.search_box .date_list button{float:left; width:75px; height:36px; margin:0 0 0 -1px; color:#666; font-size:12px; border:1px solid #ccc; background-color:#fff;}
.search_box .date_list button:hover,
.search_box .date_list button.on{color:#ffffff; background:#666;}
.search_box .date_calendar{position:relative; float:left; width:38%;}
.search_box .date_calendar .cal_icon{width:45%; background:url("../IMAGE/sub/calendar_icon.png") no-repeat 95% center; background-color:#fff;}
.search_box .date_calendar input{padding:0 10px;}
.search_box .date_box2 {margin:0 0 35px 0; padding:20px 20px 20px 30px; border:3px solid #00a7b3;}
.search_box .date_box2 p {font-size:16px; color:#666;}
.search_box .date_box2 p b{font-size:16px; color:#666; font-weight:500}
.search_box .date_box2 p:nth-child(1) {font-weight:500; color:#F33; font-size:18px}


/***** 달력 *****/
.search_area{padding-bottom:30px;}
.search_area.stiky{}
.search_area.stiky .search_box{position:relative; top:0; left:0; margin:0; width:100%; height:100px;}
.search_area.stiky .search_box>div{position:relative; width:1200px; margin:0 auto; padding:18px 0;}
.search_area.stiky .search_box .select_date, .search_area.stiky  .search_box .select_time{line-height:50px;}

.search_area .search_box .date_layer{margin-top:35px; left:349px; z-index: 1;}
.search_area .search_box .date_layer2{margin-top:-1px; left:678px; z-index: 1;}
.search_area .search_box .date_layer3{margin-top:35px; left:290px; z-index: 1;}
.search_area .search_box .date_layer4{margin-top:35px; left:305px; z-index: 1;}

.search_box.v2{width:1160px; background-color:#f7f7f7; padding:20px; height:36px; display:table;}
.search_box.v2>div{height:100%;}
.search_box.v2 .select_date{padding:0 10px; line-height:34px; height:34px; border:1px solid #ccc; background:#fff; font-size:12px; margin:0 59px;}

.search_box.v2 .select_date2{float:right; padding:0 10px; line-height:34px; height:34px; border:1px solid #ccc; background:#fff; font-size:12px; margin:0px;}
.search_box.v2 .date_title{font-size:14px; padding-right:5px; line-height:36px;}

.search_box.v2 .select_date3{float:left; padding:0 10px; line-height:34px; height:34px; border:1px solid #ccc; background:#fff; font-size:12px; margin-left:25px;}
.search_box.v2 .date_title{font-size:14px; padding-right:5px; line-height:36px;}

.search_box.v2 .select_date4{float:left; padding:0 10px; line-height:34px; height:34px; border:1px solid #ccc; background:#fff; font-size:12px; margin-left:10px;}

.search_box.v2 .select_date5_area{float:left;}
.search_box.v2 .select_date5_area .select_date5{float:left; padding:0 10px; line-height:34px; height:34px; border:1px solid #ccc; background:#fff; font-size:12px; margin:0px;}
.search_box.v2 .select_date5_area .date_title{ float:left;font-size:14px; padding-right:10px; line-height:36px;}
.search_box.v2 .select_date5_area .refresh {display:inline-block; height:36px; box-sizing:border-box; margin-left:20px; width:100px; color:#fff; font-size:14px; line-height:36px; cursor:pointer; background:url(../IMAGE/sub/ico_refresh.png) no-repeat 10px center #666; padding-left:35px;}
.search_box.v2 .select_date5_area .exl_down {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:100px; color:#fff; background:#3aa954; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .search_set{float:right;}
.search_box.v2 .search_set input {border: 1px solid #ccc;box-sizing:border-box; height:36px; color:#999; padding:10px; width:300px;}
.search_box.v2 .search_set .search_btn {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .search_set3{float:right;}
.search_box.v2 .search_set3 input {border: 1px solid #ccc;box-sizing:border-box; height:36px; color:#999; padding:10px; width:205px;}
.search_box.v2 .search_set3 .search_btn3 {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .search_set4{}
.search_box.v2 .search_set4 input {border: 1px solid #ccc;box-sizing:border-box; height:36px; color:#999; padding:10px; width:165px;}
.search_box.v2 .search_set4 .search_btn4 {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}
.search_box.v2 .search_set4 .exl_down {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:100px; color:#fff; background:#3aa954; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .search_set5{}
.search_box.v2 .search_set5 input {border: 1px solid #ccc;box-sizing:border-box; height:36px; color:#999; padding:10px; width:165px;}
.search_box.v2 .search_set5 .search_btn5 {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}
.search_box.v2 .search_set5 .exl_down {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:100px; color:#fff; background:#3aa954; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .search_set6{float:left;margin-left:25px;}
.search_box.v2 .search_set6 input {border: 1px solid #ccc;box-sizing:border-box; height:36px; color:#999; padding:10px; width:205px;vertical-align:top}
.search_box.v2 .search_set6 .search_btn3 {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:70px; color:#fff; background:#666; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}
.search_box.v2 .search_set6 .exl_down {display:inline-block; height:36px; box-sizing:border-box; margin:0; width:100px; color:#fff; background:#3aa954; font-size:14px; line-height:36px; cursor: pointer; text-align:center;}

.search_box.v2 .select_date a{position:relative;}
.search_box.v2 .select_date a:after{display:block; content:''; position:absolute; top:50%; right:0; width:20px; height:32px; margin-top:-16px; background:url(../IMAGE/sub/ico_spr.png) no-repeat -344px -31px;}
.search_box.v2 .select_date a span,.search_box.v2 .select_time a span, .search_box.v2 .select_adult a span{font-size: 14px;font-weight:300;}
.search_box.v2 .select_date:after{display:none;}

.search_box.v2 .select_date2 a{position:relative;}
.search_box.v2 .select_date2 a:after{display:block; content:''; position:absolute; top:50%; right:0; width:20px; height:32px; margin-top:-16px; background:url(../IMAGE/sub/ico_spr.png) no-repeat -344px -31px;}
.search_box.v2 .select_date2 a span,.search_box.v2 .select_time a span, .search_box.v2 .select_adult a span{font-size: 14px;font-weight:300;}
.search_box.v2 .select_date2:after{display:none;}

.search_box.v2 .select_date3 a{position:relative;}
.search_box.v2 .select_date3 a:after{display:block; content:''; position:absolute; top:50%; right:0; width:20px; height:32px; margin-top:-16px; background:url(../IMAGE/sub/ico_spr.png) no-repeat -344px -31px;}
.search_box.v2 .select_date3 a span,.search_box.v2 .select_time a span, .search_box.v2 .select_adult a span{font-size: 14px;font-weight:300;}
.search_box.v2 .select_date3:after{display:none;}

.search_box.v2 .select_date4 a{position:relative;}
.search_box.v2 .select_date4 a:after{display:block; content:''; position:absolute; top:50%; right:0; width:20px; height:32px; margin-top:-16px; background:url(../IMAGE/sub/ico_spr.png) no-repeat -344px -31px;}
.search_box.v2 .select_date4 a span,.search_box.v2 .select_time a span, .search_box.v2 .select_adult a span{font-size: 14px;font-weight:300;}
.search_box.v2 .select_date4:after{display:none;}

.search_box.v2 .select_date5 a{position:relative;}
.search_box.v2 .select_date5 a:after{display:block; content:''; position:absolute; top:50%; right:0; width:20px; height:32px; margin-top:-16px; background:url(../IMAGE/sub/ico_spr.png) no-repeat -344px -31px;}
.search_box.v2 .select_date5 a span,.search_box.v2 .select_time a span, .search_box.v2 .select_adult a span{font-size: 14px;font-weight:300;}
.search_box.v2 .select_date5:after{display:none;}

.search_box.v2 .select_time a:after{right:31px;}
.search_box.v2 .select_time a:after{right:31px;}
.search_box.v2 .select_date a span,.search_box.v2 .select_time a span{margin-left:0;}
.search_box.v2 .select_date a span:before,.search_box.v2 .select_time a span:before, .search_box.v2 .select_adult a span:before{display:none;}

.search_box.v2 .select_date2 a span,.search_box.v2 .select_time a span{margin-left:0;}
.search_box.v2 .select_date2 a span:before,.search_box.v2 .select_time a span:before, .search_box.v2 .select_adult a span:before{display:none;}

.search_box.v2 .select_date3 a span,.search_box.v2 .select_time a span{margin-left:0;}
.search_box.v2 .select_date3 a span:before,.search_box.v2 .select_time a span:before, .search_box.v2 .select_adult a span:before{display:none;}

.search_box.v2 .select_date4 a span,.search_box.v2 .select_time a span{margin-left:0;}
.search_box.v2 .select_date4 a span:before,.search_box.v2 .select_time a span:before, .search_box.v2 .select_adult a span:before{display:none;}

.search_box.v2 .select_date5 a span,.search_box.v2 .select_time a span{margin-left:0;}
.search_box.v2 .select_date5 a span:before,.search_box.v2 .select_time a span:before, .search_box.v2 .select_adult a span:before{display:none;}

.search_box.v2.date_layer{top:90px;z-index:1}
.search_box.v2.time_layer{top:90px;left:410px;z-index:1;width:400px;height:250px;}
.search_box.v2.time_layer>ul>li{width:100%;}
.search_box.v2.custom_form label{font-size:26px;font-weight:100;}


/***** 기간선택 *****/
.search_box .date_list{float:left; padding:0px;}
.search_box .date_list button{float:left; width:80px; height:36px; margin:0 0 0 -1px; color:#666; font-size:12px; border:1px solid #ccc; background-color:#fff;}
.search_box .date_list button:hover,
.search_box .date_list button.on{color:#ffffff; background:#666;}
.search_box .date_add{position:relative; float:left; width:375px;}
.search_box .date_add .add_title{font-size:14px; padding-right:5px;}

.search_box .date_memo{position:relative; float:left; width:100%; margin-top:10px}
.search_box .date_memo .memo_title{font-size:14px; padding-right:5px;}

.search_box .date_transit{position:relative; float:left; width:350px; margin:0 90px;}
.search_box .date_transit .transit_title{font-size:14px; padding-right:5px;}

.search_box .date_transit2{position:relative; float:left; width:210px; margin:0 30px;}
.search_box .date_transit2 .transit_title{font-size:14px; padding-right:5px;}

.search_box .date_release{position:relative; float:left; width:207px; margin:0 25px;}
.search_box .date_release .release_title{font-size:14px; padding-right:5px;}

.search_box .date_release2{position:relative; float:left; width:187px; margin:0 10px;}
.search_box .date_release2 .release_title{font-size:14px; padding-right:5px;}

.search_box .date_calendar{position:relative; float:left; width:38%;}
.search_box .date_calendar .cal_icon{width:45%; background:url("../IMAGE/sub/calendar_icon.png") no-repeat 95% center; background-color:#fff;}
.search_box .date_calendar input{padding:0 10px;}
.search_box .date_box2 {margin:0 0 35px 0; padding:20px 20px 20px 30px; border:3px solid #00a7b3;}
.search_box .date_box2 p {font-size:16px; color:#666;}
.search_box .date_box2 p b{font-size:16px; color:#666; font-weight:500}
.search_box .date_box2 p:nth-child(1) {font-weight:500; color:#F33; font-size:18px}

.search_box .select_personnel{position:relative; float:left; width:132px; height:54px; line-height: 53px; padding:0 10px; 
	background:url('../IMAGE/sub/ico_select_arrow.png') right center no-repeat; 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	font-size:18px; font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7; border-left:none;}
.search_box .select_personnel select::-ms-expand {display:none;}
.search_box .select_card{position:relative; float:left; width:200px; height:54px; line-height: 53px; font-size:18px; font-weight:300; background:#fff; text-align:left; border:1px solid #d7d7d7; border-left:none; padding:0 20px 0 10px; }

.search_box .select_date{position:relative; float:left; width:250px; background:#f4f4f6; line-height: 50px; text-align:left; padding:0 45px 0 25px;}
.search_box .select_date2{position:relative; float:right; width:250px; background:#f4f4f6; line-height: 50px; text-align:left; padding:0 45px 0 25px;}
.search_box .select_date3{position:relative; float:right; background:#f4f4f6; line-height: 50px; text-align:left; padding:0 45px 0 25px; width:180px;}
.search_box .select_date4{position:relative; float:right; background:#f4f4f6; line-height: 50px; text-align:left; padding:0 45px 0 25px; width:180px;}
.search_box .select_date5{position:relative; float:right; background:#f4f4f6; line-height: 50px; text-align:left; padding:0 45px 0 25px; width:180px;}

button[name='reservationButton']{display:block; margin-left:15px; float:left; width:146px; line-height:54px; background:#515151; font-size:18px; color:#fff;}
button[name='reservationButton'] a{color:#fff;}
.search_box .select_date:after, .search_box .select_time a:after{position:absolute; right:45px; top:50%; transform:translateY(-50%); display:block; content:''; width:0; height:0; border-style:solid; border-width:12px 8px 0 8px; border-color:#191919 transparent transparent transparent;}
.search_box .select_date a, .search_box .select_time a{display:block;}
.search_box .select_date a span, .search_box .select_time a span{position:relative; display:inline-block; vertical-align:middle; margin-left:42px; font-size:20px;color:#424242;}
.search_box .select_date a span:before, .search_box .select_time a span:before{display:block; position:absolute; content:''; width:2px; height:40px; background:#fff; top:50%; transform:translateY(-50%); left:-20px;}

.search_box .select_date2 a, .search_box .select_time a{display:block;}
.search_box .select_date3 a, .search_box .select_time a{display:block;}
.search_box .select_date4 a, .search_box .select_time a{display:block;}
.search_box .select_date5 a, .search_box .select_time a{display:block;}


.date_layer{position:absolute; left:0; width:500px; height:299px; background:#fff; border:1px solid #666; overflow:hidden; display:none; z-index: 10;}
.date_layer.active{display:block}

.date_layer2{position:absolute; left:0; width:500px; height:299px; background:#fff; border:1px solid #666; overflow:hidden; display:none; z-index: 10;}
.date_layer2.active{display:block}

.date_layer3{position:absolute; left:0; width:500px; height:299px; background:#fff; border:1px solid #666; overflow:hidden; display:none; z-index: 10;}
.date_layer3.active{display:block}

.date_layer4{position:absolute; left:0; width:500px; height:299px; background:#fff; border:1px solid #666; overflow:hidden; display:none; z-index: 10;}
.date_layer4.active{display:block}

.date_layer5{position:absolute; left:598px; width:500px; margin-top:35px; height:299px; background:#fff; border:1px solid #666; overflow:hidden; display:none; z-index: 10;}
.date_layer5.active{display:block}

.calendar_comm{float:left; width:50%; height:247px;}
.calendar_comm:after {position:absolute; content:""; display:inline-block; top:50px; right:0; width:1px; height:326px;}
.calendar_comm .date_calendar {width:220px; margin:0 auto; padding-bottom:15px; text-align:center;}
.calendar_comm .calendar{position:relative; width:220px; margin:20px auto 0}
.txt_calendar {clear:both;float:left;padding:25px 0 0 59px;}
.btn-close  {float:right; padding:20px 20px 0 0;}


.calendar_comm .date_calendar .date_g {font-size:16px; line-height:26px; font-weight:400; letter-spacing:-1px;}
.calendar_comm .tbl_calendar {width:100%; margin:9px auto 0; border-collapse:collapse; border-spacing:0; font-size:12px;}
.calendar_comm .tbl_calendar .col_width {width:22px}
.calendar_comm .tbl_calendar th{background:none; height:30px; line-height:20px; color:#666;}
.calendar_comm .tbl_calendar th .sunday{color:#ee0000;}
.calendar_comm .tbl_calendar td {height:30px; border:1px solid #eaeaea; text-align:center;}
.calendar_comm .tbl_calendar td.on {background:url(../IMAGE/sub/bg_calendar.gif) repeat-x;}
.calendar_comm .link_date {display:block; height:30px; font-size:14px; font-weight:300; color:#424242; line-height:30px;text-decoration:none;}
.calendar_comm .td_sun .link_date {color:#ee0000}
.calendar_comm .td_holiday .link_date {color:#f92d32}
.calendar_comm .td_today .link_date {height:30px; background:#94002d; line-height:30px; font-weight:500; color:#fff;}
.btn_month_prev{position:absolute; left:20px; top:20px; z-index:1; display:block; width:10px; height:26px; background:url(../IMAGE/sub/month_prev.png) 0 center; background-repeat:no-repeat;}
.btn_month_next{position:absolute; right:20px; top:20px; z-index:1; display:block; width:10px; height:26px; background:url(../IMAGE/sub/month_next.png) 0 center; background-repeat:no-repeat;}
.time_layer>ul{overflow:hidden;margin-top: -30px;margin-left: -15px;}
.time_layer>ul>li{/* display: block; */float:left; width:100%; margin-top:20px; padding-left:20px; text-align:left;}
.time_layer>ul>li:first-child{margin-top:30px;}
.time_layer>ul>li>label{font-size:26px; font-weight:100; line-height:27px;}
.time_layer>ul>li>label>input{margin-right:13px;}


.blind {position: absolute; overflow: hidden; margin: -1px; width: 1px; height: 1px; clip: rect(0 0 0 0);}


/* 팝업_테이블 세로형 */
.table_column2{width:640px; margin:0 20px;}
.table_column2 tbody{border-top:2px solid #013354;}
.table_column2 tr{border-bottom:1px solid #ddd;}
.table_column2 th{text-align:left; height:40px; line-height:22px; padding:0 18px; background:#f5f5f5; border-right:1px solid #ddd;}
.table_column2 th.type-require:after {content: ''; display: inline-block; vertical-align: top; width: 14px; height: 24px; margin-left: 8px; background: url('../IMAGE/sub/ico_tick.png') no-repeat 100% 50%;}
.table_column2 th:last-child{border-right:0px solid #ddd;}
.table_column2 td{height:20px; line-height:22px; padding:10px 18px;}
.table_column2 td span{font-size:13px; color:#7c868e; margin-left:0px}
.table_column2 td b{color:#007b7e;}
.table_column2 td.title{text-align:left;}
.table_column2 td.bl_line{border-left:1px solid #ddd;}
.table_column2 td.group{height:40px; line-height:22px; padding:5px 18px; background:#f5f5f5; text-align:center; font-weight:600;}
.table_column2 td.group span{width:200px; line-height:27px; font-size:13px; text-align:center; color:#fff; background:#444; border:0px solid #70abc5; padding:10px 12px; margin-left:10px;}

.paging{clear:both; text-align:center;}
.paging a{display:inline-block; width:30px; line-height:30px; border:1px solid #cdcdcd;}
.paging a:hover{background-color:#eee;}
.paging a.on{background-color:#4f4f4f; color:#fff;}
.paging a img{vertical-align:middle;}
.paging .prev_btn,.paging .next_btn{color:#666; font:13px NanumGothic,"나눔고딕",sans-serif; line-height:25px; border:1px solid #ddd; margin:0;}
.paging strong{display:inline-block; width:25px; font-weight:500;}