@charset "utf-8";

html.layer_on, body.layer_on{overflow-y:hidden; height: 100%;}
.layer_on .container{height: 100%;}
.fnb:after,
.lnb:after,
.gnb:after{display: block;content: '';clear: both;}

.head{position:relative;height: 50px;padding:0 20px;}
.head .logo{display: inline-block;margin-top: 4px;}
.head .logo img{height: 40px;}
#hamberger{position:absolute; top:10px;right:14px;width:30px; height:30px; }
#hamberger .btn_total{position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; width:20px; height:2px; background:#000000; transition:all .3s ease; color: transparent;font-size: 0;}
#hamberger .btn_total:before, 
#hamberger .btn_total:after{ content:''; display:block; position:absolute; width:100%; height:100%; background:#000000; transition:all .3s ease;  }
#hamberger .btn_total:before{top:-7px;}
#hamberger .btn_total:after{top:7px;}
#hamberger.show{z-index: 901;}
#hamberger.show .btn_total {background:transparent;}
#hamberger.show .btn_total:before {background: #fff; top:0; transform:rotate(45deg); }
#hamberger.show .btn_total:after {background: #fff; top:0; transform:rotate(-45deg); }

#footer{padding-bottom: 30px;}
.fnb{margin-bottom: 8px;}
.fnb > li{position:relative;float: left;width: 50%;}
.fnb > li > a{display: block;padding: 1.3em 0;color: #999;font-size: 0.8125rem;/*13px*/ text-align: center;}
.fnb > li:after{position:absolute;top:50%;right:0;margin-top:-5px;display: block;content: '';width: 1px;height:10px;background: #ddd;}
.fnb > li:last-child:after{display: none;}
#footer address{color: #999;text-align: center;font-size: 0.75rem;/*12px*/ line-height: 1.5;}

.m_container{position: relative;}
#slide{z-index: 1;}
#slide .swiper-slide > img{width: 100%;}
#slide.swiper-container-horizontal>.swiper-pagination-bullets{top: 130px;left:30px;text-align: left;}
#slide .swiper-pagination-bullet {width: 9px;height: 9px;background: #fff;}
.m_txt{position:absolute;top: 30px;left:30px;font-size: 1.875rem;/*30px*/color: #fff;opacity: 0.9;font-weight: 700;line-height: 1.2;z-index: 2;}
.m_txt > em{color: #ffc488;}

.lnb_w{position: absolute;/*bottom:26px;*/bottom:-20px;padding: 0 20px;width: 100%;z-index: 2;box-sizing: border-box;transition: opacity .6s, bottom .9s;transition-delay: .3s;opacity:0;}
.lnb > li{float: left;width: 50%;}
.lnb > li > a{position:relative;display: block;padding:18px 0 0 10px;height:96px;background: #f2f2f1;color: #333;font-size: 1.2rem;/*20px*/box-sizing: border-box;}
.lnb > li > a:after{position:absolute;bottom:10px;right:10px;display: block;content: '';width: 34px;height:34px;background: url(../images/sp_icn.png) no-repeat 0 0 / 34px auto;}
.lnb > li:nth-child(2) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(3) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(4) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(5) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(6) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(7) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(8) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(9) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(10) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(11) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(12) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(13) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(14) > a:after{background-position: 0 -102px;}
.lnb > li:nth-child(15) > a:after{background-position: 0 -170px;}
.lnb > li:nth-child(16) > a:after{background-position: 0 -34px;}
.lnb > li:nth-child(17) > a:after{background-position: 0 -136px;}

.lnb > li:nth-child(2) > a{background-color: #525252;color: #fff;}
.lnb > li:nth-child(3) > a{background-color: #525252;color: #fff;}
.lnb > li:nth-child(4) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(5) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(6) > a{background-color: #000000;color: #fff;}
.lnb > li:nth-child(7) > a{background-color: #000000;color: #fff;}
.lnb > li:nth-child(8) > a{background-color: #525252;color: #fff;}
.lnb > li:nth-child(9) > a{background-color: #525252;color: #fff;}
.lnb > li:nth-child(10) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(11) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(12) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(13) > a{background-color: #353d46;color: #fff;}
.lnb > li:nth-child(14) > a{background-color: #000000;color: #fff;}
.lnb > li:nth-child(15) > a{background-color: #00426c;color: #fff;}
.lnb > li:nth-child(16) > a{background-color: #121e2a;color: #fff;}
.lnb > li:nth-child(17) > a{background-color: #000000;color: #fff;}


.lnb_w.open{opacity: 1;bottom:10px;}

.total_menu {display:none;position:fixed; left:0px; top:0; z-index:900; width:100%; height:100%;}
.total_menu .dim {display:none;position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background-color: rgba(0,0,0,.6);}
.total_menu .total_nav{position:absolute;top:0;right:-90%;width:90%;height:100%;z-index:11;text-align:left;font-size: 16px;color: #333;overflow-y: auto;background: #fff;}
.total_menu .nav_tit{position:relative;display:table;width:100%;height:50px;background: #000000;}
.total_menu .nav_tit > em{display: table-cell;padding:0 10px;vertical-align: middle;text-align:left;color: #fff;font-size: 1rem;}
/*.total_menu .nav_tit .close{position:absolute;top:0;left:0;display: inline-block;width: 45px;height:100%;background: url(../images/icon_back.png) no-repeat 50% 50% / 13px auto;}*/
.total_nav:before{display: block;content: '';width: 100px;height:100%;background: #f2f2f1;position: absolute;top:0;left:0;}
.total_nav .inner{position: relative;min-height:100%;padding-bottom: 50px;box-sizing: border-box;}
.total_menu .menu{position:relative;}
.nav_list > li a{position:relative;padding: 1.2em 0 1.1em 10px;font-size:0.875rem;/*14px*/border-bottom:1px solid #ddd;box-sizing:border-box;}
.nav_list > li > a{position:relative;display:block;width: 100px;color:#777;background: #f2f2f1;z-index: 2;}
.nav_list > li .sub_depth{display:none;position: absolute;top:0;left:0;padding:0 10px 0 110px;width: 100%;box-sizing:border-box;z-index: 1;}
.nav_list > li.on > a{background: #fff;border-bottom-color: #fff;color: #222;}
.nav_list > li.on > a:before{display: block;content: '';width: 100%;height:1px;background: #fff;position: absolute;top:-1px;left:0;}
.nav_list > li:first-child.on > a:before{display: none;}
.nav_list > li.on .sub_depth{display: block;}
.nav_list > li.on .sub > li > a{display: block;color:#222;transition: color .3s, font-weight .4s;font-weight: 400;}
.nav_list > li.on .sub > li.active > a,
.nav_list > li.on .sub > li:active > a,
.nav_list > li.on .sub > li:hover > a{font-weight: 700;color: #000000;background: url(../images/nav_bul.png) no-repeat right 6px top 50% / 8px auto;}

.gnb{position:absolute;bottom:0;left:0;border-top: 1px solid #ddd;}
.gnb > li{float: left;width: 23%;display: table;table-layout: fixed;}
.gnb > li:nth-child(3){width: 31%}
.gnb > li > a{position:relative;display: table-cell;height:50px;font-size: 0.8125rem;/*13px*/color: #555;text-align: center;vertical-align: middle;background: #fff;}
.gnb > li > a:after{display: block;content: '';width: 1px;height: 10px;background: #ddd;position: absolute;top:50%;right:0;margin-top: -5px;}
.gnb > li:last-child > a:after{display: none;}

/**/
.sub_visual{display: table;width: 100%;table-layout: fixed;}
.subtitle{display:table-cell;height:60px;vertical-align:middle;font-size: 1.125rem;/*18px*/color:#fff;font-weight: 700;padding:0 20px;box-sizing:border-box;padding-top:3px;background:  #000000 url(../images/cont/sub_visual.png) no-repeat 100% 50% / auto 60px;;}

.container{padding: 0 20px;border-bottom: 1px solid #ddd;}
.greeting{padding: 27px 0 160px;line-height:1.45;font-size:0.875rem;/*14px*/ color: #555;background: url(../images/cont/greeting_bg.png) no-repeat right 0 bottom 34px / 308px auto;}
.greeting .point{font-size: 1.125rem;/*18px*/line-height: 1.4;margin-bottom: 12px;}
.greeting > p{margin-bottom: 20px;}
.cr_ochre, 
.cr_yocher{color: #000000 !important;}
.cr_red{color: #ff2e2e !important;}

.directions{padding: 27px 0 20px;}
.map{width:100%;/*height:300px;*/margin-bottom: 21px;}
.map_info > li{position:relative;padding-left:15px;font-size:0.875rem;/*14px*/margin-bottom: 15px;line-height: 1.4;}
.map_info > li:before{position:absolute;top:2px;left:0;display: block;content: '';width: 10px;height:13px;background: url(../images/cont/sp_info.png) no-repeat 0 0 / 10px auto;}
.map_info > li:nth-child(2):before{background-position: 0 -13px;}

.board{padding: 30px 0 40px;}
.board_list{border-top: 2px solid #000000;}
.board_list > li{border-bottom: 1px solid #ddd;}
.board_list > li > a{display: block;padding: 19px 10px 18px;}
.board_list > li .tit{margin-bottom: 5px;font-size: 0.9375rem;/*15px*/color: #222;vertical-align: middle;max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.board_list > li .date{display: block;font-size:0.875rem;/*14px*/color:#777;}

.base_paging{margin-top:20px;width:100%;text-align:center;}
.paging:after{display: block;content: '';clear: both;}
.paging,
.base_paging a,
.base_paging .number,
.base_paging .number .on{display:inline-block;box-sizing: border-box;vertical-align: top;}
.base_paging .number{float:left;vertical-align:middle;margin: 0 10px;}
.base_paging .number .on,
.base_paging .number a{position:relative;float:left;margin-left:-1px;min-width:30px;height:30px;line-height:30px;color:#777;border:1px solid #ddd;font-size: 0.75rem;/*12px*/}
.base_paging .number .on{font-size: 16px;font-weight: 700;color: #000000;}
.base_paging .number .on:after{display: block;content: '';width:99%;height:26px;position: absolute;top:-1px;left:-2px;border: 2px solid #000000;z-index: 2}
.base_paging .go{float:left;width:30px;height:30px;background:url(../images/cont/sp_paging.png) no-repeat 0 0 / auto 30px;}
.base_paging .go.prev{width:29px;background-position: -30px 0;}
.base_paging .go.next{width:29px;background-position: -59px 0;}
.base_paging .go.last{background-position: -88px 0;}

.b_title{padding:18px 10px 16px;border-top: 2px solid #000000;border-bottom: 1px solid #ddd;}
.b_title .tit{color: #222;font-size: 0.9375rem;/*15px*/padding-bottom: 7px;}
.b_title .date{display: block;color: #777;font-size:0.875rem;/*14px*/}
.b_cont{padding: 20px 10px 16px;color: #555;font-size:0.875rem;/*14px*/line-height: 1.45;border-bottom: 1px solid #ddd;}
.b_cont img{width: 100%;height: 100%;}

.btn_right{text-align: right;margin-top: 20px;}
.btns{display: inline-block;min-width:64px;padding: 0 20px; line-height:40px;text-align: center;font-size:0.875rem;/*14px*/color: #fff;background: #999;box-sizing: border-box;}
.btns.yocher{background: #000000;}
.btns.white{padding: 0 11px;background: #fff;color: #222;border: 1px solid #999;line-height:2.3em;}

/* 버튼 추가 */
.btn_active {display: inline-block;min-width:64px;margin-bottom:5px; padding: 0 20px; line-height:40px;text-align: center;font-size:0.875rem;/*14px*/color: #fff;background: #000000;box-sizing: border-box;}
.btn_none {display:inline-block;min-width:64px;margin-bottom:5px;padding: 0 20px; line-height:40px;text-align: center;font-size:0.875rem;/*14px*/color: #fff;background: #999;box-sizing: border-box;}

.tbl_view{width: 100%;table-layout: fixed;border-top: 2px solid #000000;}
.tbl_view th{color: #222;background: #f9f9f9;font-weight: 400;}
.tbl_view th,
.tbl_view td{padding:0 10px;height: 50px;font-size:0.875rem;/*14px*/text-align: left;border-bottom: 1px solid #ddd;}
.tbl_view th .up,
.tbl_view th .down{display: block;background:url(../images/cont/b_up.png) no-repeat 100% 50% / auto 4px;}
.tbl_view th .down{background-image:url(../images/cont/b_down.png);}
.tbl_view td{color: #555;}
.tbl_view.write th,
.tbl_view.write td{padding: 12px 15px;box-sizing: border-box;}
.tbl_view.write th{padding-right: 0;height:59px;}
.tbl_view.write .has_btn{padding-right: 79px;position: relative;}
.tbl_view.write .has_btn .btns{position: absolute;top:0;right:0;}
.tbl_view.write th.v_top{vertical-align: top;padding-top:20px;}

.layer_zone{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6); z-index:10000;display:none;overflow-y: auto;}
.layer_wrap{display:table;width:90%;height:100%;position:absolute;top:0;left:50%;margin-left:-45%;box-sizing:border-box;}
.layer_inwrap {display:table-cell;vertical-align:middle;}
.layer_cont{position:relative;background:#fff;box-sizing:border-box;margin-bottom:20px;/*border: 1px solid #ccc;*/}
.layer_wrap .close{position: absolute;top:15px;right:20px;display: inline-block;padding: 4px;}
.layer_wrap .close > img{width: 16px;height:16px;vertical-align: top}

.layer_zone.type2 .layer_cont{padding:19px 20px 25px;font-size:0.875rem;/*14px*/ color: #555;}
.layer_zone.type2 .layer_cont .layer_tit{display: block;margin-bottom: 15px;font-size: 0.9375rem;/*15px*/font-weight: 400;color: #222;}
.layer_zone.type2 .layer_cont > p{line-height: 1.7;}
.layer_zone.type2 .tbl_view th{padding: 0;text-align: center;height:59px;}

.layer_zone.gd .layer_cont{margin-top: -10px;}
.layer_zone .gallery_detail{padding: 18px 20px 20px;}
.layer_zone .gallery_detail .tit{font-size: 0.9375rem;/*15px*/color: #222;font-weight: 400;margin-bottom: 19px;}
.layer_zone .gallery_detail .img{display: block;text-align: center;}
.layer_zone .gallery_detail .img img{vertical-align: top;border: 1px solid #ddd;width: 100%;}

.int{width:100%;height:34px;border: 1px solid #ccc;box-sizing: border-box;padding: 0 6px;font-size:0.875rem;/*14px*/}
textarea.int{resize: none;height:95px;padding: 6px;vertical-align: top;}

.filter {position: fixed;overflow: hidden;position: relative;width: 100%;height: 100%;}

.file_box:after{display: block;content: '';clear: both;}
.file_box .file_name{float:left;display:inline-block;vertical-align:middle;margin-right: 5px;width:84px;}
.file_box .btn_file{display:inline-block;min-width:74px;line-height:2.3em;text-align:center;vertical-align:middle;cursor: pointer;background: #fff;color: #222;font-size:0.875rem;/*14px*/border: 1px solid #999}
.file_box input[type='file'] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.attached_file{color: #555;font-size:0.875rem;/*14px*/margin-top: 8px;}
.attached_file .del{display: inline-block;width: 18px;height:18px;background:url(../images/cont/close_s.png) no-repeat 50% 50% / 12px 12px;vertical-align: middle;}

.faq_list{border-top: 2px solid #000000;}
.faq_list > li{padding:19px 10px 15px 8px;border-bottom: 1px solid #ddd;}
.faq_list > li .question{display: block;color: #222;}
.faq_list > li .question,
.faq_list > li .answer .inner{padding:0 0 0 20px;font-size: 0.9375rem;/*15px*/background: url(../images/cont/faq_q.png) no-repeat 0 2px / 11px 12px;}
.faq_list > li .answer .inner{margin-top: 9px;background-image: url(../images/cont/faq_a.png)}
.faq_list > li .answer{display: none;color: #555;}

.inquiry_list{border-top: 2px solid #000000;border-bottom: 1px solid #ddd;}
.inquiry_list > li{border-top: 1px solid #ddd;}
.inquiry_list > li:first-child{border-top: 0;}
.inquiry_list > li > a{display: block;padding: 19px 10px 18px;}
.inquiry_list > li .tit{display: inline-block;margin-bottom: 5px;font-size: 0.9375rem;/*15px*/color: #222;vertical-align: middle;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.inquiry_list > li .date{display: block;font-size:0.875rem;/*14px*/color:#777;}
.inquiry_list > li .secret{display: inline-block;margin-left:4px;width: 10px;height:14px;background: url(../images/cont/icn_secret.png) no-repeat 50% 50% / cover;font-size: 0;color: transparent;vertical-align: top;}
.inquiry_list > li.reply{background: #f9f9f9;border-top: 0;}

.complete_w{padding-top:180px;padding-bottom:124px;padding-bottom:calc(100vh - 516px);text-align: center;font-size: 1.125rem;/*18px*/background: url(../images/cont/complete_bg.png) no-repeat 50% 50px / 110px 110px;}
.complete_w .btn_box{padding-top: 20px;}

.title01{font-size: 0.9375rem;/*15px*/color: #000000;font-weight: 700;margin-bottom: 12px;}

.rsv_info{padding: 27px 0 0;}
.login_info{padding: 30px 0 178px;padding-bottom:calc(100vh - 460px);}
.login_box{text-align:center;border: 1px solid #ddd;padding:29px 26px 27px;}
.login_box .inner{padding-right: 85px;position: relative;}
.login_box .int{display: block;margin-bottom:5px;height:40px;}
.login_box .btn_login{position: absolute;top:0;right:0;}
.btn_login{display: inline-block;width: 80px;height:85px;line-height:85px;text-align: center;color: #fff;font-size:0.875rem;/*14px*/background: #000000;}
.login_box .btn_w{margin-top: 18px;}
.login_box .btn_w:after{display: block;content: '';clear: both;}
.login_box .btn_w > a{position:relative;display: block;width: 33.333%;float: left;font-size: 0.8125rem;/*13px*/}
.login_box .btn_w > a:after{display: block;content: '';position:absolute;top:50%;right:0;margin-top:-5px;width: 1px;height:10px;background: #ddd;}
.login_box .btn_w > a:last-child:after{display: none;}

.tbl{width: 100%;table-layout: fixed;border-top: 2px solid #000000;}
.tbl th{color: #222;background: #f9f9f9;vertical-align: middle;}
.tbl th,
.tbl td{height: 59px;padding:18px 0;line-height: 1.4;font-size:0.875rem;/*14px*/text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;}
.tbl thead tr th:last-child,
.tbl td:last-child{border-right: 0}
.tbl td.a_left{padding-left:8px;padding-right: 8px;}

.bold{font-weight: 700;}

.join{padding: 28px 0 40px;}
.join .title01{margin-bottom: 11px;}
.agree_w{margin-bottom: 9px;padding:10px 14px;height:145px;font-size:0.875rem;/*14px*/overflow-y:auto;border: 1px solid #ccc;box-sizing: border-box;}

.check{display:inline-block;}
.check label{display:inline-block;position:relative;padding:2px 0;padding-left:25px;cursor: pointer;font-size:0.875rem;/*14px*/}
.check input[type='checkbox'] + label:before{display:block;position:absolute;top:1px;left:0;content:'';width:20px;height:20px;background: url(../images/cont/check.png) no-repeat 0 0 / 20px auto;}
.check input[type='checkbox']:checked + label:before{background-position: 0 -20px;}
.check input[type='checkbox']{display:none;}
.check.only label{width:20px;height:20px;padding:2px 0;}

.radio{display:inline-block;}
.radio label{display:inline-block;position:relative;padding:2px 0; padding-left:25px;cursor: pointer;font-size:0.875rem;/*14px*/}
.radio input[type='radio'] + label:before{display:block;position:absolute;top:1px;left:0;content:'';width:20px;height:20px;background: url(../images/cont/radio.png) no-repeat 0 0 / 20px auto;}
.radio input[type='radio']:checked + label:before{background-position: 0 -20px;}
.radio input[type='radio']{display:none;}
.radio + .radio{margin-left: 20px;}

.grid_row:after{display: block;content: '';clear: both;}
.grid_row .col{float: left;box-sizing: border-box;}
.grid_row.has_3 .col{width: 33.333%;}
.grid_row.has_3 .col:nth-child(1){padding-right: 4px;}
.grid_row.has_3 .col:nth-child(2){padding:0 2px;}
.grid_row.has_3 .col:nth-child(3){padding-left: 4px;}

.grid_row.has_mail .col:nth-child(1){width: 52%;padding-right: 2px;}
.grid_row.has_mail .col:nth-child(2){width: 48%;padding-left:2px;}

.select_w{display:inline-block;width:100%;position: relative;z-index: 0;vertical-align: middle;border: 1px solid #ccc;box-sizing: border-box;}
.select_w select{padding:0 28px 0 8px;width:100%;height:32px !important;border:none;color:#555;font-size:0.875rem;/*14px*/line-height:1.1;background:url(../images/cont/sel_arrow.png) no-repeat right 9px top 50% / 10px auto;
-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;z-index: 1;box-sizing: border-box;outline: 0;}
.select_w select::-ms-expand {display: none;}

.unregister{padding: 27px 0 40px;font-size:0.875rem;/*14px*/line-height: 1.45;}
.unregister .title01{margin-bottom: 8px;}
.unregister textarea.int{height: 200px;}

.room{padding: 30px 0 40px;}
.dl_info dt:first-of-type{margin-top: 0}
.dl_info dt{margin:24px 0 8px;font-size: 0.9375rem;/*15px*/font-weight: 700;color: #000000;}
.dl_info dd{font-size:0.875rem;/*14px*/color:#555;line-height: 1.45;}

.thumb{display:inline-block;width:100%;height:100%;overflow:hidden;}
.thumb img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;}

#gallery_swiper .swiper-slide{position: relative;padding-top: 94%;}
#gallery_swiper .swiper-slide .thumb{position: absolute;top:0;left:0;}
.append_pager{padding: 5px 0 25px;}
.pager_list{margin-left: -5px;}
.pager_list:after{display: block;content: '';clear: both;}
.pager_list > li{float: left;width: 33.333%;padding-left: 5px;margin-bottom:5px;box-sizing: border-box;}
.pager_list > li > button{position:relative;padding-top:68%;display: block;width: 100%;}
.pager_list > li.on button:after{display:block;content:'';width:100%;height:100%;position: absolute;top:0;left:0;border: 3px solid #000000;box-sizing: border-box;}
.pager_list > li .thumb{position: absolute;top:0;left:0;}

#gallery_swiper .swiper-button-prev,
#gallery_swiper .swiper-button-next{left:0;width: 30px;height:50px;margin-top: -25px;background:url(../images/cont/sp_pn.png) no-repeat 0 0 / 60px 50px;}
#gallery_swiper .swiper-button-next{left:auto;right:0;background-position: -30px 0;}

.gallery{padding: 30px 0 34px;}
.gallery_list{margin: 0 -3px;}
.gallery_list:after{display: block;content: '';clear: both;}
.gallery_list > li{float: left;width: 50%;padding:0 3px;margin-bottom:6px;box-sizing: border-box;}
.gallery_list > li > a{display: block;padding-top: 100%;position: relative;}
.gallery_list > li .thumb{position: absolute;top:0;left:0;}
.gallery_list > li .title{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.35);color: #fff;text-align: center;white-space:nowrap;font:0/0 a;}
.gallery_list > li .title > span{font-size: 1rem;line-height:1.3;display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;}
.gallery_list > li .title:before {display:inline-block;height:100%;content:"";vertical-align:middle;}
/*
.gallery_list > li .title{opacity:0;transition: opacity .2s;position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.35);color: #fff;text-align: center;white-space:nowrap;font:0/0 a;}
.gallery_list > li .title > span{transition: margin-top .35s;margin-top:25px;font-size: 1rem;line-height:1.45;display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;font-family: 'NanumBarunGothic', sans-serif;}
.gallery_list > li .title:before {display:inline-block;height:100%;content:"";vertical-align:middle;}
.gallery_list > li:hover .title{opacity: 1}
.gallery_list > li:hover .title > span{margin-top:0;}
*/

.reserve{padding: 28px 0 36px;}
.calendar_w{padding: 27px 12px 15px;border: 1px solid #ddd;}
.month{text-align: center;margin-bottom: 17px;}
.month > button > img{width:9px;}
.month em{display: inline-block;margin:0 13px;font-size: 1.25rem;/*20px*/color: #222;font-weight: 700;line-height: 1.1;vertical-align: middle;}
.calendar_s{width: 100%;table-layout: fixed}
.calendar_s th,
.calendar_s td{color: #222;text-align: center;height:43px;vertical-align: middle;font-size: 0.9375rem;/*15px*/position: relative;}
.calendar_s th{height: 31px;padding-bottom: 6px;}
.calendar_s td a{display: inline-block;width: 30px;line-height:2em;z-index: 1;position: relative}
.calendar_s .on a{border-radius: 100%;color: #fff;}
.calendar_s .sun{color: #ff2e2e !important;}
.calendar_s .sat{color: #337bff !important;}
.calendar_s .disable{color: #ccc !important;}
.calendar_s td.on:before{display: block;content: '';width: 30px;height:30px;background: #000000;border-radius: 100%;position: absolute;top:50%;left:50%;margin: -18px 0 0 -14px;}

.rsv_notice{padding:15px 15px 18px;border: 1px solid #ddd;border-top: 0;}
.exc_point{display: block;margin-bottom: 7px;padding-left: 20px;line-height: 1.5;font-size: 0.9375rem;/*15px*/color: #000000;font-weight: 700;background:url(../images/cont/icn_point.png) no-repeat 0 50% / 15px 15px;}
.selected_date{display:table;width:100%;table-layout:fixed;background: #f9f9f9;border: 1px solid #ddd;border-top: 0;box-sizing: border-box}
.selected_date dt,
.selected_date dd{display: table-cell;height:58px;vertical-align: middle;}
.selected_date dt{padding-left: 15px;font-size:0.875rem;/*14px*/color:#555}
.selected_date dd{padding-right: 15px;text-align: right;font-size: 1.125rem;/*18px*/color:#000000}
.selected_date dd > strong{font-weight: 700;}

.sq_list > li{margin-bottom: 1px;padding-left: 10px;position: relative;line-height: 1.4;color: #555;font-size:0.875rem;/*14px*/}
.sq_list > li:before{display: block;content: '';width: 3px;height:3px;background: #555;position: absolute;top:7px;left:0;}

.reserve_in{padding: 28px 0 0;font-size:0.875rem;/*14px*/}
.reserve_in .title01{margin-bottom: 10px;}
.reserve_in .tbl td{padding:12px 6px;}
.indent{line-height: 1.45;padding-left: 1em;text-indent: -1em;}

.mail_id{padding-right: 20px;position: relative;margin-bottom: 5px;}
.mail_id .at{position: absolute;top:50%;right:0;margin-top: -9px;display: inline-block}

.payment:after{display: block;content: '';clear: both;}
.payment > li{float: left;margin:4px 19px 4px 0;}

/* 2018-08-28 캘린더 현황판 CSS 추가 */
.calendar{width: 100%;table-layout: fixed }
.calendar th,
.calendar td .date{height:45px;background: #f9f9f9;font-weight: 200;color: #222;}
.calendar th,
.calendar td{text-align: center;border: 1px solid #ddd;}
.calendar .sun{background: #fff2f2 !important;color: #ff2e2e !important;}
.calendar .sat{background: #daf0ff !important;color: #337bff !important;}
.calendar td{vertical-align: top;}
.calendar td .date{display: block;line-height: 30px;height: 30px;border-bottom: 1px solid #ddd;}
.calendar td .inner{text-align: center;font-size: 14px;padding:4px}
.calendar td .tit{display: block;margin-bottom: 14px;}
.calendar td .state_list li{margin-bottom: 6px;}
.calendar td .state_list li:last-child{margin-bottom: 0}