body.fixed, html.fixed {width:100%; overflow:hidden;}

:focus {outline:solid 2px #ffb81c}
.disable,.disable2 {pointer-events:none;}
.select-type01 {display:inline-block; width:124px; height:44px; line-height:44px; border-radius:5px; border:solid 1px rgb(169,169,169); font-size:16px; font-weight:400; padding:0 8px 0 16px; background:#fff url(/img/common/arr_down.png) no-repeat right 8px top 50%; background-size:16px 16px; cursor: pointer; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.reserve-box .select-list .select-type01.togglearr {background:#fff url(/img/common/arr_title_up.png) no-repeat right 12px top 50%; }
.reserve-box .select-list .select-type01 {font-size:16px; color:#767676; width:100%; border:solid 1px #c9ced3; background:#fff url(/img/common/arr_title_down.png) no-repeat right 12px top 50%;}
.reserve-box .select-list .select-type01.active {color:#222}
.reserve-box .select-list li {position:relative;}
.select-ul {width:100%; display:none; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.16); position:absolute; top:76px; z-index:5}
.select-ul li {padding-left:16px; padding-bottom:25px;}
.select-ul li:first-child {padding-top:15px}
.select-ul li:last-child {padding-bottom:15px}
.input-phone-box {position:relative}
.input-phone-box .select-ul {max-width:124px; top:44px}
.search-wrap .search-area .select-box-wrap .select-ul {width:100%; top:44px}

/* skipNavigation */
#skipNav{position:relative;overflow:hidden;width:100%;margin:0 auto; z-index:2000}
#skipNav a{display:block;overflow:hidden;width:0;height:0;margin:0;background:#147ace;font-weight:bold;font-size:1em;line-height:0;text-align:center}
#skipNav a:hover,#skipNav a:active,#skipNav a:focus{width:auto;min-height:30px;padding:8px 0; margin:0;line-height:1;color:#fff;text-decoration:none}

input {width:100%; height:44px; border-radius:5px; border:solid 1px rgb(169,169,169); padding:0 8px 0 16px; appearance:none; -webkit-appearance:none; -moz-appearance:none}
/* form{display:inline-block} */
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
.input-phone-box {display:flex; align-items: center;}
.input-phone-box input{max-width:140px; margin-right:5px}
.input-phone-box input:last-child{margin-left:5px; margin-right:0}
.input-phone-box .select-box {margin-right:10px; flex-shrink: 0; width: 80px; margin-right: 5px;}
.input-checkbox {display:flex; align-items: center;}
.checkbox-wrap .checkbox {position:relative;}
.checkbox-wrap .checkbox:last-child {margin-left:20px;}
.checkbox-wrap .checkbox input {width:20px; height:20px; left:22px; top:3px; }
.input-checkbox ul {display:flex}
.input-checkbox ul li {margin-right:25px; position:relative;}
.input-checkbox label {font-size:15px; font-weight:500; position:relative; padding-left:37px; cursor:pointer}
.input-checkbox input[type="checkbox"] {width:24px; height:24px; opacity:0; position:absolute; left:2px; top:50%; transform:translateY(-50%); background-size:100% 100%; border:0; display:inline-block; background:url(/img/common/icon_checkbox.png) no-repeat left top;}
.input-checkbox input[type="checkbox"] + label::before {content:""; display:inline-block; width:24px; height:24px; position:absolute; left:2px; top:50%; transform:translateY(-50%); background-size:100% 100%; border:0; display:inline-block; background:url(/img/common/icon_checkbox.png) no-repeat left top;}
.input-checkbox input[type="checkbox"]:checked + label::before {background:url(/img/common/icon_check.png) no-repeat left top; background-size:100% 100%;}
.input-checkbox input[type="checkbox"]:focus + label::before {outline:solid 2px #ffb81c} 
.select-box {width:124px; height:44px; border-radius:5px; border:solid 1px rgb(169,169,169); font-size:16px; font-weight:400; padding:0 8px 0 16px; background:#fff url(/img/common/arr_down.png) no-repeat right 8px top 50%; background-size:16px 16px; cursor: pointer; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select-box.active {background:#fff url(/img/common/arr_up.png) no-repeat right 8px top 50%; background-size:16px 16px; color:#222 !important} 
.select-box::-ms-expand {display:none}
/* select option[value="0"] {display:none !IMPORTANT} */
strong {font-weight:700}
strong .red {font-weight:700; font-size:20px;}
strong.sub-tit {display:inline-block; width:100%;}
.link {color:#0066b3 !important; font-weight:500; border-bottom:solid 1px #0066b3}
.red {color:#ef4b4b !important}
.img-area {object-fit:contain; text-align:center;}
.img-area img {width:100% !important}
.text-type-dot {position:relative; margin-left:6px;}
.text-type-dot::before {content:"·";  display:inline-block; position:relative;}
.text-type-star {position:relative; padding-left:6px; line-height:28px}
.text-type-star::before {content:"*"; display:inline-block; position:absolute; left:-2px}
.ul-type-star li {position:relative; padding-left:6px; line-height:28px}
.ul-type-star li::before {content:"*"; display:inline-block; position:absolute; left:-2px}
.ul-type-star.blue li, .ul-type-star.blue li a {color:#0066b3; font-weight:400;}

.btn-wrap {width:calc(100% - 32px); margin:0 auto; display:flex; justify-content: center; margin-top:55px}
.btn-wrap > a {margin-right:1.4%}
.btn-wrap > a:last-child {margin-right:0px}
.btn-type01 {display:inline-block; min-width:153px; padding:0 3.5%; height:44px; line-height:41px; background:#0066b3; border:solid 1px #0066b3; border-radius:5px; text-align:center; font-size:18px; color:#fff}
.btn-type01.white {display:inline-block;  min-width:153px; padding:0 44px; height:44px; line-height:41px; background:#fff; border:solid 1px #7c7d7e; border-radius:5px; text-align:center; font-size:18px; color:#7c7d7e}
.btn-type02 {display:inline-block; width:100%; max-width:124px; height:44px; line-height:41px; background:#0066b3; border:solid 1px #0066b3; border-radius:5px; text-align:center; font-size:16px; color:#fff}
.btn-type03 {display:inline-block; width:100%; max-width:130px; height:44px; line-height:41px; background:#fff; border:solid 1px #7c7d7e; border-radius:5px; text-align:center; font-size:15px; color:#7c7d7e}
.btn-type04 {display:inline-block; width:100%; max-width:135px; height:58px; line-height:56px; background:#fff; border:solid 1px #0066b3; border-radius:5px; text-align:center; font-size:15px; color:#0066b3}
.btn-type04:hover,.btn-type04:focus {background:#0066b3; color:#fff}
.btn-type05 {display:inline-block; padding:10px 40px; background:#0066b3; border:solid 1px #0066b3; border-radius:5px; text-align:center; font-size:18px; color:#fff}

.d-pc {display:block !important}
.d-mb {display:none !important}

.hide, caption {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip-path:polygon(0 0, 0 0, 0 0)
}
.pb0{padding-bottom:0 !important}
.pb10{padding-bottom:10px !important}
.pb140{padding-bottom:140px !important}
.mt0{margin-top:0 !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt100{margin-top:100px !important}
.mb0{margin-bottom:0 !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb140{margin-bottom:140px !important}
.mt0{margin-top:0 !important}

.tit-wrap {display:flex; align-items: center;}
.tit-wrap .main-tit{white-space: nowrap;}
.tit-wrap > .tit-ps {display:inline-block; font-size:15px; font-weight:400; color:#363636; margin-left:20px; margin-bottom:30px;}
.tit-wrap.sub > .tit-ps {display:inline-block; font-size:15px; font-weight:400; color:#7c7d7e; margin-left:20px; margin-bottom:30px;}
.main-tit {position:relative; line-height:1}
.main-tit:after{content:""; display:inline-block; width:330px; height:1px; background:#0066b3; position:absolute; margin-top:-0.5px; top:50%; left:-360px}
.sub-tit .tit-ps {display:inline-block; font-size:15px; font-weight:400; color:#363636; position:relative; left:20px; top:-2px;}
.guide .sub-tit .tit-ps {top:-5px}
.tit-ps .link {font-size:15px}
        
/* 헤더 스타일 */
header {width:100%; height:64px; border-bottom:solid 1px #c9ced3; background:#fff; position:relative; z-index:999}
header.mega-menu::after {content:""; display:inline-block; width:100%; height:322px; background:#fff; position:absolute; top:64px; left:0; border-radius:0 0 5px 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
header.mega-menu .depth-02 {display:block !important; height:auto !important; box-shadow:none; margin-top:30px; background:transparent !important; overflow:visible !important;}
header .header-inner {width:calc(100% - 32px); max-width:1400px; height:100%; margin:0 auto; position:relative;}
header .logo {width:197px; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%)}
header .logo img{width:100%}
header .gnb {position:absolute; left:50%; transform:translateX(-50%); height:100%; z-index:10; display:block; -ms-overflow-style:none}
header .gnb::-webkit-scrollbar {display:none}
header .gnb li {height:100%; margin-right:4.4vw; white-space:nowrap; position:relative; display:flex; align-items: center; float:left}
header .gnb li>a {width:100%; font-size:18px; font-weight:500; color:#222;}
header .gnb li.active>a, header .gnb li>a:hover, header .gnb li .depth-02 li a:hover, header .gnb li .depth-02 li a:focus {font-weight:700; color:#0066b3}
header .gnb li .depth-02 {max-width:200px; height:0; overflow:hidden; z-index:10; position:absolute; top:64px; left:50%; transform:translateX(-50%); background:#fff; border-radius:0 0 5px 5px; }
header .gnb li .depth-02 li {display:inline-block; width:100%; margin-bottom:34px; text-align:center; line-height:1}
header .gnb li .depth-02 li a {display:inline-block; width:100%; height:100%; font-size:16px; font-weight:400; color:#222}
header .gnb li .depth-02 li:last-child{margin-bottom:0}
header .gnb li.active .depth-02 {max-width:200px; height:auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); padding:30px 0; }
header .gnb li:last-child {margin-right:0;}
header .header-btn-wrap {display:flex; align-items: center; position:absolute; top:50%; right:0; transform:translateY(-50%)}
header .header-btn{display:inline-block; margin-right:17px; text-align:center; font-size:14px; font-weight:500; color:#7c7d7e}
header .headermodi-btn{position:relative;display:inline-block;margin-right:17px;padding:5px 10px;background:#f8f8f8;border-radius:5px;text-align:center;font-size:14px;font-weight:500;color:#7c7d7e;border:1px solid #ccc}
/* header .headermodi-btn::after{content:'ㅣ';position:absolute;right:2px} */
header .ham-btn {width:28px; height:16px; background:url('/img/common/icon_menu.png') no-repeat center}
header .x-btn{width:30px; height:30px; display:none; background:url(/img/common/icon_exit30x30.png) no-repeat center}
@media screen and (min-width:1024px) {
	header .ham-btn:hover, header.mega-menu .ham-btn,  header.x-btn {background:url('/img/common/icon_menu_b.png') no-repeat center}
}

header .inapp-header .logo {width:197px; height:20px; position:absolute; left:45%;top:35%;transform:translateY(-50%);right:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
header .inapp-header .header-btn-wrap {display:flex; align-items: center; position:relative; top:50%; left:0;width:100%; transform:translateY(-50%)}
header .inapp-header .header-btn, header .inapp-header .headermodi-btn {position:absolute;right:35px;width:50px;display:inline-block;padding:5px;background:#f8f8f8;border-radius:5px;text-align:center;font-size:10px;font-weight:500;color:#7c7d7e;border:1px solid #ccc;margin-right:0; white-space:normal; word-break: keep-all;}
header .inapp-header .x-btn {width:30px;height:30px;background: url(/img/common/icon_exit30x30.png) no-repeat center}
header .inapp-header .ham-btn {position:absolute; left:0;width:28px; height:16px; background:url('/img/common/icon_menu.png') no-repeat center}
header .inapp-header .x-btn{position:absolute; right:0;width:30px; height:30px; display:block; background:url(/img/common/icon_exit30x30.png) no-repeat center}
@media only screen and (max-width:360px) {
    header .inapp-header .logo {width:150px;left:40%}
}

/* 푸터 스타일 */
footer {display:inline-block; width:100%; background:#f7f7f7; border-top:solid 1px #c9ced3; padding:20px 0 15px; z-index:1 !important; -webkit-transform:translateZ(0); -webkit-backface-visibilitym:hidden;}
footer .footer-inner { width:calc(100% - 32px); max-width:1400px; margin:0 auto; display:flex; justify-content:space-between}
footer .footer-inner .footer-top {width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:solid 1px #c9ced3}
footer .footer-inner .footer-bottom {padding-top:24px;}
footer .footer-inner .footer-bottom strong.title {font-size:14px; font-weight:500; padding-left:10px;}
footer .footer-inner .footer-bottom span, footer .footer-inner .footer-bottom a {font-size:14px; font-weight:400; color:#222}
footer .footer-inner .footer-bottom li strong.title:first-child {display:inline-block; width:80px; padding-left:0;}
footer .footer-inner .footer-bottom li span:first-child {padding-left:0}
footer .footer-inner .footer-bottom .copyright {display:inline-block !important; width:100%; margin-top:24px; padding:0;}
footer .footer-list span,footer .footer-list a {padding:0 10px; position:relative;}
footer span::before {content:""; display:inline-block; width:1px; height:12px; /*background:#7c7d7e;*/ position:absolute; right:-1px; top:50%; transform:translateY(-50%)}
footer span:last-child::before {display:none} 
footer span:first-child {padding-left:0}
footer span:last-child {padding-right:0}

footer .copyright-area{position:relative;padding-right:80px}/*웹접근성마크*/
footer .copyright-area p{position:absolute;right:10px}
footer .copyright-area p a{display:block;width:60px;height:50px;background:url('/images/footer/wa_mark.png') no-repeat 0 0;background-size:contain;font-size:0}
footer .copyright-area strong {font-weight:500; font-size:14px}
footer .copyright-area .adress{display:inline-block; font-size:14px; font-weight:400; color:#222; margin-right:5px; margin-bottom:2px}
footer .copyright-area .ceo {display:inline-block; font-size:14px; font-weight:400; color:#222; margin-right:5px; margin-bottom:2px}
footer .copyright-area .num {display:inline-block; font-size:14px; font-weight:400; color:#222; margin-bottom:2px}
footer .copyright {display:block; font-size:14px; font-weight:400; color:#7c7d7e;}
footer .copyright-area a {font-size:14px; font-weight:400; color:#222; margin-bottom:2px}
footer .family-menu-area {position:relative; z-index:101;}
footer .family-menu-area.active {z-index:200;}
footer .family-menu-area>a {display:inline-block; width:254px; line-height:36px; padding:0 16px; font-size:16px; font-weight:400; background:#fff; border-radius:5px; border:solid 1px rgb(169,169,169);position:relative}
footer .family-menu-area>a::before {content:url(/img/common/arr_footer_up.png); display:inline-block; position:absolute; right:16px;}
footer .family-menu-area.active>a::before {transform:rotate(180deg)}
footer .family-menu-area .family-menu {display:none; width:100%; box-sizing:border-box; padding:16px 16px 52px 16px; z-index:-1; position:absolute; top:-170px; left:0; background:#fff; border-radius:5px; border:solid 1px rgb(169,169,169)}
footer .family-menu-area.active .family-menu {display:block}
footer .family-menu-area .family-menu li{ margin-bottom:14px}
footer .family-menu-area .family-menu li a{display:inline-block; width:100%;height:100%; font-size:14px}
footer .family-menu-area .family-menu li:last-child{margin-bottom:0;}
/*탭영역 스타일 */
.tab-area {width:100%; margin-bottom:26px;}
.tab-area .tab-type01 {width:100%; display:flex;}
.tab-area .tab-type01 li {width:33.33%; line-height:66px; border:solid 1px #c9ced3; text-align:center; border-right:0;}
.tab-area .tab-type01 li:last-child {border-right:solid 1px #c9ced3;}
.tab-area .tab-type01 li.active {border:solid 1px #0066b3;}
.tab-area .tab-type01 li a{display:inline-block; width:100%; height:100%; font-size:20px; font-weight:500; color:#7c7d7e; white-space:nowrap}
.tab-area .tab-type01 li.active a{font-weight:700; color:#0066b3}
.tab-area .mb-tab-type01,.tab02-area .mb-tab-type02 {display:none}
.tab02-area {width:100%;}
.tab-type02 {width:100%; min-height:26px; display:flex; margin:40px 0 12px;}
.tab-type02 li {height:100%; border-right:solid 1px #c9ced3}
.tab-type02 li:last-child {border-right:0;}
.tab-type02 li a {display:inline-block; width:100%; padding:0 1.4vw; font-size:18px; font-weight:400; white-space:nowrap} 
.tab-type02 li.active a {font-weight:700; color:#0066b3} 
.tab-type04 {width:100%; display:flex; flex-wrap:wrap;}
.tab-type04 li{ border-radius:5px; position:relative}
.tab-type04 > li:last-child {padding:0; }
.tab-type04 > li:nth-last-child(2) {margin-right:15px;}
.tab-type04 li a {position:relative; display:inline-block; width:100%; height:100%; font-weight:700; color:#7c7d7e; padding:15px 20px; padding-left:50px;}
.tab-type04 li.active{background:#0066b3;}
.tab-type04 li.active a{color:#fff}
.tab-type04 .hall ul{display:flex}
.tab-type04 .hall li {border-radius:0; border-right:0; background:#fff; border:solid 1px #c9ced3; border-left:0;}
.tab-type04 .hall li.active {background:#0066b3;}
.tab-type04 .hall li:nth-child(2) {border-left:solid 1px #c9ced3; border-radius:5px 0 0 5px;}
.tab-type04 .hall li:last-child {border-radius:0 5px 5px 0;}
.tab-type04 li.mb-title, .tab-type04 .hall li.mb-title {display:none; width:100%; height:46px; justify-content: center; padding:0; background:#eff0f2; border:0; font-weight:700; color:#7c7d7e; pointer-events:none}
.tab-type04 li.mb-title::before, .tab-type04 .hall li.mb-title::before {display:none}
.mb-tab-type04 {display:none; width:100%; padding:13px 20px; padding-left:56px; background:#0066b3; border-radius: 5px 5px 0 0; font-weight:700; color:#fff; cursor:pointer; position:relative}
.mb-tab-type04::before {content:url(/img/common/icon_plus-white.png); margin-top:2px; position:absolute; right:13px; top:50%; transform:translateY(-50%)}
.mb-tab-type04.active::before {content:url(/img/common/icon_mius-white.png);}
.mb-tab-type04 .d-mb {display:none !important}
.mb-tab-type04 a {display:inline-block; width:100%; height:100%; color:#fff; font-weight:700; padding-right:15px;}
.tab-slide {max-width:1200px; width:100vw; position:relative; left:50%; transform:translateX(-50%); overflow:hidden}

.tab-type04 li svg, .mb-tab-type04 svg {display:inline-block; width:24px; height:24px; position:absolute; left:15px; top:50%; transform:translateY(-50%)}
.tab-type04 li.active svg path,.tab-type04 li.active svg rect, .mb-tab-type04 svg path, .mb-tab-type04 svg rect {fill:#fff; stroke-width: 0;}


/* 검색영역 스타일 */
.search-wrap {width:100%; background:#f5f7f8; padding:0 2.9%; box-sizing:border-box}
.search-wrap .search-area{max-width:892px; margin:0 auto; padding:3.4% 0; display:flex; align-items:center;}
.search-wrap .search-area form{display:inline-block}
.search-wrap .search-area .select-box-wrap {position:relative; display:flex}
.search-wrap .search-area .input-text {width:612px; margin:0 2%;}
.search-wrap .search-area .search-botton{width:124px;}
.search-wrap .search-area .search-botton input{width:100%; min-width:50px; padding:0; height:44px; text-align:center; font-weight:500; border-radius:5px; border:0; color:#fff; background:#0066b3; cursor: pointer;}
.search-wrap .search-area label{
    /* display:none; */
    position: absolute;
    left: -99999px;
    text-indent: -9999px;
}
.search-result {width:100%; padding:30px 0 20px; border-top:solid 2px #c9ced3; border-bottom:solid 1px #c9ced3; font-size:20px; font-weight:500;}
.search-result span{font-size:18px}
.search-result strong {display:inline-block; position:relative; padding-left:30px; font-size:20px; font-weight:700; color:#0066b3}
.search-result strong::before {display:inline-block; content:url(/img/common/icon_title.png); position:absolute; top:60%; left:0; transform:translateY(-50%)}

/* 페이지네이션 스타일 */
.pagnation-area {width:100%; margin-top:30px; display:flex; align-items: center; justify-content: center; }
.pagnation-area .pagnation {margin:0 3%; display:flex; justify-content: center;}
.pagnation-area .pagnation li{width:42px; line-height:42px; text-align:center; margin-right:10px;}
.pagnation-area .pagnation li:last-child{margin-right:0px;}
.pagnation-area .pagnation li.active{border:solid 1px #0066b3; background:#fff}
.pagnation-area .pagnation li.active strong {color:#0066b3}
.pagnation-area .prev {display:inline-block; width:42px; height:42px; background:url(/img/common/arr_page_left.png) no-repeat center}
.pagnation-area .next {display:inline-block; width:42px; height:42px; background:url(/img/common/arr_page_left.png) no-repeat center; transform:rotate(180deg)}
.pagnation-area .prev.disable, .pagnation-area .next.disable {cursor:none; opacity:0.5}

/* 셀렉트박스 스타일 */
.select-box-type01 {width:100%;  height:45px; position:relative}
.select-box-type01>a  {white-space:nowrap; display:inline-block; padding:0 32px 0 16px; width:100%; height:100%; line-height:44px; border:solid 1px #c9ced3; border-radius:5px; background:#fff url(/img/common/arr_title_down.png) no-repeat top 50% right 8px; background-size:24px 24px;}
.select-box-type01.active > a {background:#fff url(/img/common/arr_title_up.png) no-repeat top 50% right 8px;}
.select-box-type01 .option {display:none; position:absolute; top:44px; left:0; z-index:1; width:100%; padding:15px 0; border:solid 1px #c9ced3; flex-direction: column; background:#fff; box-shadow: 0 3px 10px rgba(0,0,0,0.16);}
.select-box-type01.active .option {display:block;}
.select-box-type01 .option li{width:100%; padding:0 8px 0 16px; margin-bottom:20px;}
.select-box-type01 .option li a{display:inline-block; width:100%; height:100%;}
.select-box-type01 .option li:last-child{margin-bottom:0}
.select-box option {padding:15px 0; border-radius:5px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.16)}

/* 예약박스 스타일 */
.reserve-box {display:inline-block; width:100%; padding:20px 16px 13px 16px; border-radius:5px; border:solid 1px #c9ced3; margin-bottom:25px}
.rnb-page .reserve-box.type02 {padding-bottom:30px}
.rnb-page .reserve-box.type02 .select-list {flex-wrap:nowrap;}
.rnb-page .reserve-box.type02 .select-list li {width:28%; margin-right:24px;}
.rnb-page .reserve-box.type02 .select-list>li:nth-child(2) {margin-right:24px}
.rnb-page .reserve-box.type02 .select-list li:last-child {width:28%; margin:0}
.rnb-page .reserve-box.type02 .select-box-type-calendar {margin-right:0; margin-top:0; max-width:468px;}
.rnb-page .reserve-box.type02 .select-box-type-calendar {width:100%}
.reserve-box.shadow {box-shadow:0px 3px 20px rgba(0,0,0,0.16);}
.reserve-box .select-tit{display:inline-block; font-size:18px; font-weight:700; color:#0066b3; margin-bottom:5px}
.reserve-box .text-type-dot {margin-top:12px;text-align:right;font-weight:400;font-size:16px;display: inline-block; float: right; min-height: 37px;background: rgba(245, 247, 248,0.5); padding: 0 11px;line-height: 37px;border-radius: 5px;}
.reserve-box .text-type-dot::before {content:""; position:relative; font-size:18px; top:50%; transform:translateY(-50%); font-weight:700;}
.reserve-box .text-type-dot strong {font-size:18px; margin-right:10px}
.reserve-box .text-type-dot span {font-weight:400}
.reserve-box .select-list{display:flex}/*메인에서 예약화면 아이에서 위로 올라감*/
.reserve-box .select-list>li {width:28%; margin-right:24px;}
.reserve-box .select-list>li:last-child {width:40%; margin-right:0}
.reserve-box .select-list .select-box {width:100%; border:solid 1px #c9ced3; background:#fff url(/img/common/arr_title_down.png) no-repeat right 12px top 50%; color:#767676}
.reserve-box .btn-type01 {min-width:auto; width:100%; max-width:124px}

/* 달력 스타일 */
.select-box-type-calendar {width:70%;  height:45px; position:relative}
.select-box-type-calendar.active .calendar-wrap {display:flex}
.select-box-type-calendar>a {color:#767676; white-space:nowrap; display:inline-block; padding:0 32px 0 16px; width:100%; height:100%; line-height:44px; border:solid 1px #c9ced3; border-radius:5px; background:#fff url(/img/common/icon_calendar.png) no-repeat top 50% right 16px;}
.calendar-wrap {display:none; width:808px; height:440px; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.16); position:absolute; top:43px; right:0; z-index:999 !important; box-shadow: 0 3px 10px rgba(0,0,0,0.16); overflow-x:hidden; overflow-y:auto}
.calendar-wrap::-webkit-scrollbar { display:none}
.calendar-wrap {-ms-overflow-style:none; scrollbar-width:none}
.calendar {width:50.5%; height:100%; background:#fff; border:solid 1px #c9ced3;border-right:0; padding:20px 52px 10px; box-sizing: border-box;}
.calendar .calendar-header {width:100%; display:flex; justify-content: space-between; align-items: center;}
.calendar .calendar-header > a{display:inline-block; width:24px; height:24px;}
.calendar .calendar-header .prev {background:url(/img/common/arr_cal_left.png) no-repeat center}
.calendar .calendar-header .next {background:url(/img/common/arr_cal_right.png) no-repeat center}
.calendar .calendar-header .date{font-size:20px; font-weight:700}
.calendar .calendar-table {width:100%;}
.calendar .calendar-table thead th{padding:15px 28px 20px 0; font-size:17px;}
.calendar .calendar-table thead th:last-child{padding-right:0}
.calendar .sun{color:#d32f2f}
.calendar .sat{color:#0091ea}
.calendar .calendar-table tbody td {padding:0px 27px 20px 0; text-align:left; position:relative}
.calendar .calendar-table tbody td:last-child {padding-right:0}
.calendar .calendar-table tbody tr:last-child td {padding-bottom:13px;}
.calendar .calendar-table tbody td a{display:inline-block; width:100%; max-width:18px; text-align:center; height:100%; font-size:17px; font-weight:400; position:relative; z-index:1;}
.calendar .calendar-table tbody td a .day{font-size:17px; font-weight:500;/*color:#0091ea*/color: #0066b3;}

.calendar .calendar-table tbody td.raffle.disable a .day{color:#c9ced3}
.calendar .calendar-table tbody td.raffle a .day{color:#666}
.calendar .calendar-table tbody td.wait a .day{color:#62a362;font-weight:400}
.calendar .calendar-table tbody td .price {position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); font-size:10px;}
.calendar .calendar-table tbody td .dcrt {position:absolute; bottom:-6px; left:150%; transform:translateX(-55%); font-size:10px; color:#ef4b4b; font-weight: 500; }
.calendar .calendar-table tbody td.disable a .day, .calendar .calendar-table tbody td.end a .day {color:#c9ced3; cursor:none;}
.calendar .calendar-table tbody td.disable2 a .day{color:#c9ced3; cursor:none;}
.calendar .calendar-table tbody td.able a .day{color:#222 !important; cursor:pointer !important}
.calendar .calendar-table tbody td.in {position:relative; z-index:1;}
.calendar .calendar-table tbody td.in::after {content:""; display:inline-block; width:52px; height:52px; border-radius:50%; background:#0066b3; position:absolute; top:-11px; left:-17px; z-index:0}
.calendar .calendar-table tbody td.in.complete::before {content:""; display:inline-block; width:30px; height:52px; background:#0066b3; position:absolute; top:-11px; left:7px; z-index:0;}
.calendar .calendar-table tbody td.mid::before  {content: ""; position:absolute;top:-11px; left:-21px; width: 62px; height: 52px; background:#0066b3; display: inline-block;}
.calendar .calendar-table tbody td.mid::before {}
.calendar .calendar-table tbody td.out {position:relative;}
.calendar .calendar-table tbody td.out .price,
.calendar .calendar-table tbody td.out .dcrt {display:none}
.calendar .calendar-table tbody td.out::before {content:""; display:inline-block; width:30px; height:52px; background:#0066b3; position:absolute; top:-11px; left:-18px; z-index:0;}
.calendar .calendar-table tbody td.complete a::before,.calendar .calendar-table tbody td.mid a::before,.calendar .calendar-table tbody td.in a::before,.calendar .calendar-table tbody td.out a::before{background:#0066b3}
.calendar .calendar-table tbody td.out::after {content:""; display:inline-block; width:52px; height:52px; border-radius:50%; background:#0066b3; position:absolute; top:-11px; left:-17px; z-index:0}
.calendar .calendar-table tbody td a::before {content:""; display:inline-block; width:30px; height:30px; border-radius: 50%; background:#ccf1fc; position:absolute; top:-2px; left:50%; transform:translateX(-50%);z-index:-1}
.calendar .calendar-table tbody td.disable a::before,
.calendar .calendar-table tbody td.disable .price,
.calendar .calendar-table tbody td.disable .dcrt,
.calendar .calendar-table tbody td.disable2 a::before,
.calendar .calendar-table tbody td.disable2 .price,
.calendar .calendar-table tbody td.disable2 .dcrt,
.calendar .calendar-table tbody td.end .price,
.calendar .calendar-table tbody td.end .dcrt {display:none}
.calendar .calendar-table tbody td.able a::before,
.calendar .calendar-table tbody td.able .price,
.calendar .calendar-table tbody td.able .dcrt {display:block !important;}


.calendar .calendar-table tbody td.wait a::before{background:url('/images/triangle.png') no-repeat 0 0;background-size:contain;border-radius:0;opacity:0.8}
.calendar .calendar-table tbody td.wait.in a::before,.calendar .calendar-table tbody td.wait.out a::before,.calendar .calendar-table tbody td.wait.mid a::before{background:none} /*오버시 배경삭제*/
/* .calendar .calendar-table tbody td.wait a::before{content:'';position: absolute;top: 1px;left: -9px;width: 36px;height: 36px;background: none;border-radius: 9px;clip-path: polygon(0% 0%, 100% 100%, 100% 0%);transform: rotate(-45deg);border: 2px solid #94cc2b}
.calendar .calendar-table tbody td.wait a::AFTER{content: '';position: absolute;top: 79%;left: -12px;width: 47px;height: 3px;background: #94cc2b;border-radius: 5px;}
 */
.calendar .calendar-table tbody td.wait.disable a::before {display:inline-block !important}
.calendar .calendar-table tbody td.raffle a::before {background:none;top:-1px; /* left:47.5%; */width:23px;height:23px;border-radius:0;border: 2px solid #f08300;/* transform:rotate(45deg) translateX(-50%);  */}
.calendar .calendar-table tbody td.raffle.in a::before,.calendar .calendar-table tbody td.raffle.out a::before,.calendar .calendar-table tbody td.raffle.mid a::before{border:none}
.calendar .calendar-table tbody td.raffle.disable a::before {display:inline-block !important}
.calendar .calendar-table tbody td.end a::before {border:solid 1px #c9c9c9; background:#c9c9c9; width:20px; height:1px; top:11px;border-radius:0;opacity: 0.6}
.calendar .calendar-table tbody td.end.disable a::before {display:inline-block !important}
.calendar .calendar-table tbody td.in a .day,
.calendar .calendar-table tbody td.out a .day,
.calendar .calendar-table tbody td.out a .price,
.calendar .calendar-table tbody td.in a .price,
.calendar .calendar-table tbody td.mid a .price,
.calendar .calendar-table tbody td.out a .dcct,
.calendar .calendar-table tbody td.in a .dcrt,
.calendar .calendar-table tbody td.mid a .dcrt,
.calendar .calendar-table tbody td.mid a .day{color:#fff}
.calendar .calendar-footer {width:100%;}
.calendar .calendar-footer .calendar-info {display:flex;width:236px;margin:0 auto;padding:6px 24px;background:#f5f7f8;;border-radius:30px}
.calendar .calendar-footer .calendar-info li{position:relative;width:calc(100%/3);margin-right:12px;padding-left:14px}
.calendar .calendar-footer .calendar-info li:last-child {margin-right:0px}
.calendar .calendar-footer .calendar-info li::before {content:""; display:inline-block; width:8px; height:8px; background:#0091ea; border-radius:50%; position:absolute; left:0; top:54%; transform:translateY(-50%)}
.calendar .calendar-footer .calendar-info li.wait::before {width:12px;height:12px;background:url('/images/triangle_s.png') no-repeat 0 0;background-size:contain;border-radius:0;}
.calendar .calendar-footer .calendar-info li.raffle::before {background:none;border-radius:0;border:1px solid #f08300; /* transform:rotate(45deg) translateY(-50%); */ left:-2px}
.calendar .calendar-footer .calendar-info li.end::before {width:9px; height:1px; background:#999;border-radius:0;border:solid 1px #999}
.calendar-mobile-bg {display:none}
.calendar-wrap {border:solid 1px #c9ced3; background:#fff; width:100%; max-width:390px; height:auto; min-height:calc(100vh - 172px); padding-bottom:20px; flex-direction: column; z-index:107; position:fixed; right:auto; left:50%; top:50%; transform:translateX(-50%) translateY(-50%)}
.calendar-wrap .calendar {width:100%; height:auto; padding:16px 0; border:0; border-bottom:solid 1px #c9ced3; padding-top:12px}
.calendar-wrap .reserve-info-wrap {width:100%; border:0}
.calendar .calendar-header {max-width:326px; margin:0 auto; padding-bottom:15px}
.calendar .calendar-table table {max-width:326px; position:relative; left:0;}
.calendar .calendar-table table {width:100%; margin:0 auto;}
.calendar .calendar-table thead th, .calendar .calendar-table tbody td {padding:0px 28px 20px 0;}
.calendar .calendar-table thead th:last-child {padding-right:0}
.calendar-wrap .x-btn.d-mb {display:block !important; width:20px; height:20px; background-size:100% 100%; background:url(/img/common/icon_exit20x20.png); position:absolute; right:16px; top:16px;}
.calendar-mobile-bg {width:100%; height:100%; z-index:999 !important; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6)}

.select-box-type-calendar > a.active {background:#fff; color:#222; display:flex; align-items: center; justify-content: center; padding:0}
.select-box-type-calendar > a .arr {display:inline-block; width:46px; height:12px; background:url(/img/common/arr_date.png) no-repeat center; margin:0 15px; flex-shrink: 0;}

/* 예약시스템 */
.reserve-info-wrap {width:49.6%; background:#fff; border:solid 1px #c9ced3;}
.reserve-info-wrap .reserve-date-box {width:100%; padding:25px 16px; position:relative;}
.reserve-info-wrap .reserve-date-box::before {background:url(/img/common/arr_date.png) no-repeat center; content:""; width:46px; height:12px; position:absolute; left:50%; top:59%; transform:translate(-50%)}
.reserve-info-wrap .reserve-date-box .reserve-date {max-width:390px; margin:0 auto; display:flex; justify-content: space-between;}
.reserve-info-wrap .reserve-date-box .reserve-date li > p{color:#7c7d7e}
.reserve-info-wrap .reserve-date-box .reserve-date li > span{font-size:20px; font-weight:bold}
.reserve-info-wrap .term-box {width:100%; height:58px; padding:0 16px; border-top:solid 1px #c9ced3; border-bottom:solid 1px #c9ced3; background:#f5f7f8; display:flex; justify-content:center; align-items:center;}
.reserve-info-wrap .term-box .term-wrap {display:flex; align-items: center;}
.reserve-info-wrap .term-box .text-type-alert{font-size:16px; font-weight:400; color:#7c7d7e; margin-right:16px; white-space: nowrap;}
.reserve-info-wrap .term-box .text-type-alert::before {content:"※"; margin-right:3px; color:#7c7d7e}
.reserve-info-wrap .term-box .minus {background:url(/img/common/icon_minus.png); display:inline-block; width:24px; height:24px; margin-left:13px;}
.reserve-info-wrap .term-box .plus {background:url(/img/common/icon_plus.png); display:inline-block; width:24px; height:24px;}
.reserve-info-wrap .term-box .term {margin:0 14px;}
.reserve-info-wrap .price-info-box {width:100%; padding:0 16px; margin-top:10px}
.reserve-info-wrap .price-info-box .info {}
.reserve-info-wrap .price-info-box .info li {width:100%; margin-bottom:10px; display:flex; justify-content: space-between;}
.reserve-info-wrap .price-info-box .info li:last-child {margin-bottom:20px;}
.reserve-info-wrap .price-info-box .info li > span{font-weight:500; color:#7c7d7e}
.reserve-info-wrap .price-info-box .info li > strong{font-weight:500 !important;}
.reserve-info-wrap .price-box {width:100%; display:flex; justify-content: space-between; margin-bottom:25px;}
.reserve-info-wrap .price-box > span {font-size:18px; font-weight:700}
.reserve-info-wrap .price-box .price {display:inline-block; font-size:24px; color:#0066b3; height:36px;}
.reserve-info-wrap .btn-type01 {width:calc(100% - 32px); height:56px; line-height:56px; font-size:16px; font-weight:500; max-width:none; position:relative; left:50%; transform:translateX(-50%)}

/* 테이블 타입 */
.table-type01 {width:100%; margin-top:15px;}
.table-type01 table {width:100%; border-collapse:collapse; min-width:650px}
.table-type01 th {font-size:15px; color:#73777a; text-align:center; padding:13px 0 ; border:solid 1px #c9c9c9; border-top:solid 1px #363636; background:#f4f5f6}
.table-type01 th:first-child, .table-type01 td:first-child {border-left:0}
.table-type01 th:last-child, .table-type01 td:last-child {border-right:0}
.table-type01 td {font-size:15px; font-weight:500; color:#222; text-align:center; padding:13px 0 ; border:solid 1px #c9c9c9;}
.table-type01 td .link {color:#0066b3; border-bottom:solid 1px #0066b3; font-size:15px; font-weight:500; padding:0}
.table-type01 td .red {font-size:15px; font-weight:500; display:inline-block; width:100%;}
.table-type01 td .small {font-size:14px; font-weight:400; display:inline-block; width:100%;}
.table-type01.no-scroll table {min-width:100%}
.table-tpye01 {width:100%; padding-bottom:40px; position:relative}
.table-tpye01 table{width:100%; border-spacing:0; border-top:solid 1px #363636; border-bottom:solid 1px #363636}
.table-tpye01 thead th{text-align:center; font-size:18px; font-weight:500; color:#7c7d7e; padding:13px 0; background:#eff0f2; height:52px; border-right:solid 1px #c9ced3}
.table-tpye01 thead th:last-child, .table-tpye01 tbody td:last-child {border-right:0}
.table-tpye01 tbody td {padding:12px 0; text-align:center; font-size:16px; font-weight:400; background:#fff; border-right:solid 1px #c9ced3; word-break:break-word;}
.table-tpye01 tbody td .select-box {width:150px; margin:7px 0}
.table-tpye01 tbody td.bt {border-top:solid 1px #c9ced3 !important}
.table-type02 {width:100%; overflow:auto;}
.table-type02 table{width:100%; min-width:768px; border-spacing:0; border-top:solid 1px #363636;}
.table-type02 thead th{text-align:left; font-size:18px; font-weight:500; color:#7c7d7e; background:#eff0f2; height:52px;}
.table-type02 thead th:first-child {padding-left:4%}
.table-type02 thead th:last-child {padding-right:4%; text-align:right}
.table-type02 thead th .price {font-size:24px; font-weight:700; color:#0066b3}
.table-type02 tbody td {padding:20px 4% 0; font-size:15px; font-weight:400; color:#7c7d7e; background:#fff;}
.table-type02 tbody td .select-box {width:150px; margin:7px 0}
.table-type03 {width:100%}
.table-type03 table {width:100%; border-spacing:0; border-top:solid 1px #363636; border-bottom:solid 1px #363636;}
.table-type03 table th {width:25%; font-size:18px; font-weight:500; color:#7c7d7e; text-align:center; border-bottom:solid 1px #c9ced3; background:#f4f5f6; padding:15px 0}
.table-type03 table td {width:25%; font-size:16px; font-weight:400; text-align:left; padding-left:2.3%; border-bottom:solid 1px #c9ced3;}
.table-icon-wrap {opacity:0; transition:0.3s; width:40px; height:40px; position:absolute; top:6px; right:4px}
.table-icon-inner {width:100%; height: 100%; position:relative}
.table-icon-inner .line {width:40px; height:40px; background:url(/img/sub/swipe_line.png) no-repeat center; position:absolute; top:0; left:0}
.table-icon-inner .hand {width:40px; height:40px; background:url(/img/sub/swipe_hand.png) no-repeat center; position:absolute; top:0; left:0;
    animation-name:swipe;
    animation-duration: 2s;
    animation-duration:ease;
    animation-iteration-count: infinite;
    -ms-animation-name:swipe;
    -ms-animation-duration: 4s;
    -ms-animation-duration: ease;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-name:swipe;
    -webkit-animation-duration: 2s;
    -webkit-animation-duration:ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-name:swipe;
    -moz-animation-duration: 2s;
    -moz-animation-duration: ease;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-name:swipe;
    -o-animation-duration: 2s;
    -o-animation-duration:ease;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
}

@-ms-keyframes swipe {

    0% {
        left:-7px
    }
    50% {
        left:14px
    }
    100% {
        left:-7px
    }
}
@-webkit-keyframes swipe {

    0% {
        left:-7px
    }
    100% {
        left:14px
    }
}
@-moz-keyframes swipe {

    0% {
        left:-7px
    }
    100% {
        left:14px
    }
}



/* 팝업 스타일 */
.popup-bg {display:none; width:100%; height:100%; background:#000; position:fixed; top:0; left:0; opacity:0.3; z-index:9999;}
.popup-wrap {display:none; width:calc(100% - 32px); max-width:1200px; padding:40px 30px; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.16); position:fixed; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:9999; overflow-x:hidden; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none}
.popup-wrap::-webkit-scrollbar {display:none}
.popup-header {padding-top:40px; padding-bottom:20px; position:relative;}
.popup-header .popup-tit{font-size:32px; text-align:center}
.popup-header::before{content:url(/img/common/logo.png); position:absolute; left:0; top:0;}
.popup-header .x-btn{width:18px; height:18px; background:url(/img/common/icon_exit_18.png); position:absolute; right:-10px; top:-20px;}
.popup-body {width:100%; max-width:1064px; margin:0 auto;}
.popup-body .con-box {margin-bottom:25px;}
.popup-body .con-box:last-child {margin-bottom:0px;}
.popup-footer {width:100%; padding:30px 38px 0 38px; display:flex; align-items: flex-end; justify-content: space-between;}
.popup-footer .btn-type01 {height:50px; line-height:47px;}

@media (max-width:1024px) {
	
	footer .footer-inner .footer-top {flex-direction:column; text-align:center;}
	footer .copyright-area {width:100% !important; margin-bottom:24px;}
	footer .footer-inner .footer-bottom li {margin-bottom:10px;}
	footer .footer-inner .footer-bottom li {line-height:24px; display:flex; flex-wrap:wrap; justify-content:center}
	footer .footer-inner .footer-bottom li strong.title:first-child {text-align:center; width:100%; font-size:16px;}
	footer .family-menu-area {width:100%; max-width:500px;}
	footer .family-menu-area > a {width:100%;}
	footer .footer-inner .footer-bottom .copyright {text-align:center;}
}

@media (max-width:768px) {
	footer .copyright-area span::before {display:none}
	footer .copyright-area strong {font-size:12px;}
	footer .footer-inner .footer-bottom span,footer .footer-inner .footer-bottom a, footer .footer-inner .footer-bottom strong.title {font-size:12px;}
}