:root {
--primary-color:#084591 ;
--primary-color-hover:#033471 ;
--secondary-color:#4493f6;
--secondary-color-hover:#3284ea;
--orange-color:#fd8637;
--orange-color-hover:#ec7627;
--red-color:#f64d4d;
--red-color-hover:#e53e3e;
--green-color:#44b254;
--blue-color:#2973d0;
--blue-color-hover:#1a63c0;
--blue2-color:#0653b3;
--disabled-color:#b0b0b0;


}


.inner{margin:0 auto; width:1400px;}
.inner.small{width:1200px;}/* 1140 */
.inner.small2{width:1000px;}

.header{position:fixed; top:0; width:100%; background-color:#fff; z-index:999; border-bottom:1px solid #ddd;}

.header .top{background-color:#f0f0f0; }
.header .top ul li{display:inline-block;}
.header .top ul li a{padding:9px 10px; font-size:.875rem; color:#666; font-weight:500}
.header .top ul li a:hover{color:#333;}

.header .header-menu{display:flex; justify-content:space-between; align-items:center; padding:6px 0 0;}
.header .logo a{padding-left:60px; background:url(/assets/img/logo.png) no-repeat left center / 47px; font-size:1.438rem; font-weight:600; line-height:1.1; letter-spacing:-1px;}
.header .logo a span{display:block; font-size:.938rem; color:#888; font-weight:500}

.header .nav ul li{display:inline-block}
.header .nav ul li a{padding:15px 30px; font-size:1.188rem; font-weight:600; color:#333;}
.header .nav ul li a:hover{color:#084591}

.header .right-info{display:flex; gap:0 15px; align-items:center;}
.header .right-info .nice-select .list{width:120px; height:300px; overflow-y:auto}
.header .right-info .kakao{width:50px; height:50px; margin-right:-5px}
.header .right-info .kakao img{max-width:50px}
.header .right-info .cs{font-size:.875rem; font-weight:500; line-height:1.15}
.header .right-info .cs span{display:inline-block; margin-top:-2px; font-size:1.375rem; font-weight:700;}
.header .right-info .cs .tel{display:block; width:50px; height:50px; background:var(--primary-color) url(/assets/img/icon-call.png) no-repeat center / 20px; border-radius:100px;}

.header .other-cruise-pop-btn{padding:7px 14px; background:none; border:1px solid #ddd; font-size:.938rem}
.header .other-cruise-pop-btn img{max-width:10px; margin-left:5px;}



body.modal-open {overflow: hidden; position:fixed; width:100%; top:0; left:0; touch-action: none; /* 모바일 대응 */}

.other-cruise-pop{display:none; position:fixed; top:0; right:0; width:400px; height:100vh; background-color:#fff; z-index:999999}
.other-cruise-pop .close{position:absolute; top:25px; left:-65px; width:50px; height:50px; background:none; border:none; }
.other-cruise-pop .close:before,.other-cruise-pop .close:after{content:''; position:absolute; top:0; right:0; width:25px; height:1.5px; transform:rotate(45deg); border-radius:100px; background-color:#fff}
.other-cruise-pop .close:after{transform:rotate(-45deg);}

.other-cruise-pop .search,.other-cruise-pop .search input{position:relative; }
.other-cruise-pop .search .clear-input{position: absolute; right: 30px; margin-top:-1px; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 1.813rem; color:#666; cursor: pointer; display: none; z-index:9;}
.other-cruise-pop .search input{padding:15px 20px; font-size:1rem; width:100%; border:none; z-index:9}
.other-cruise-pop .search:after{content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:url(/assets/img/booking/icon-search.png) no-repeat center right 10px / 15px; opacity:.3; z-index:10}

.other-cruise-pop .top-tab-item-list .other-go a{position:relative; display:flex; align-items:center; height:105px; padding:0 25px; background-repeat:no-repeat; background-size:cover; background-position:center; color:#fff; font-size:1.188rem; z-index:9; transition:all .3s}
.other-cruise-pop .top-tab-item-list .other-go .badge img{max-width:20px; border-radius:100px}
.other-cruise-pop .top-tab-item-list .other-go a:hover{border:7px solid var(--primary-color);}
.other-cruise-pop .top-tab-item-list .other-go a:hover:after{background:rgba(0,0,0,.3); transition:all .3s}
.other-cruise-pop .top-tab-item-list .other-go a:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1}
.other-cruise-pop .top-tab-item-list .other-go-01 a{background-image:url(https://www.baetongryeong.com/assets/img/main_banner2.jpg);} /* 배통령 */
.other-cruise-pop .top-tab-item-list .other-go-02 a{background-image:url(https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227165202_64_th.jpg);} /* 외도보타니아 */
.other-cruise-pop .top-tab-item-list .other-go-03 a{background-image:url(https://www.cruisetaja.com/item/thumb/202302/thumb0_20230228164540_91_th.jpg);} /* 거제 해금강 */
.other-cruise-pop .top-tab-item-list .other-go-04 a{background-image:url(https://www.cruisetaja.com/item/thumb/202408/thumb0_20240823132442_68_th.jpg);} /* 거제 장사도 */
.other-cruise-pop .top-tab-item-list .other-go-05 a{background-image:url(https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227170444_20_th.jpg);} /* 군산 선유도 */
.other-cruise-pop .top-tab-item-list .other-go-06 a{background-image:url(https://www.cruisetaja.com//upload/image/202502/basic_20250216102316_46.jpg);} /*남해대교*/
.other-cruise-pop .top-tab-item-list .other-go-07 a{background-image:url(https://www.cruisetaja.com/item/thumb/202403/thumb0_20240304151627_86_th.jpg);} /* 연대도만지도 */
.other-cruise-pop .top-tab-item-list .other-go-08 a{background-image:url(https://www.cruisetaja.com/item/thumb/202309/thumb0_20230904095019_34_th.jpg);} /* 매물도 */
.other-cruise-pop .top-tab-item-list .other-go-09 a{background-image:url(https://www.cruisetaja.com/item/thumb/202210/thumb0_20221018105819_45_th.jpg);} /* 비진도 */
.other-cruise-pop .top-tab-item-list .other-go-10 a{background-image:url(https://www.cruisetaja.com/item/thumb/202309/thumb0_20230918152410_38_th.jpg);} /* 욕지도 */
.other-cruise-pop .top-tab-item-list .other-go-11 a{background-image:url(https://www.cruisetaja.com/item/thumb/202302/thumb0_20230227165447_50_th.jpg);} /* 연화도 */
.other-cruise-pop .top-tab-item-list .other-go-12 a{background-image:url(https://www.cruisetaja.com/item/thumb/202404/thumb0_20240417100501_31_th.jpg);} /* 한산도 */
.other-cruise-pop .top-tab-item-list .other-go-13 a{background-image:url(https://www.cruisetaja.com/item/thumb/202407/thumb0_20240713142147_98_th.jpg);} /* 울릉도 */
.other-cruise-pop .top-tab-item-list .other-go-14 a{background-image:url(https://www.cruisetaja.com/item/thumb/202502/thumb0_20250214100823_31_th.jpg);} /* 백도 */
.other-cruise-pop .top-tab-item-list .other-go-15 a{background-image:url(https://www.cruisetaja.com/item/thumb/202502/thumb0_20250214091436_13_th.jpg);} /* 금오도 */
.other-cruise-pop .top-tab-item-list .other-go-16 a{background-image:url(https://www.cruisetaja.com/item/thumb/202410/thumb0_20241016170549_49_th.jpg);} /* 흑산도 */
.other-cruise-pop .top-tab-item-list .other-go-17 a{background-image:url(https://www.cruisetaja.com/item/thumb/202503/thumb0_20250310092150_12_th.jpg);} /* 대마도 */
.other-cruise-pop .top-tab-item-list .other-go-18 a{background-image:url(https://www.cruisetaja.com/item/thumb/202505/thumb0_20250529094100_56_th.jpg);} /* 청풍호 */
.other-cruise-pop .top-tab-item-list .other-go-19 a{background-image:url(https://www.cruisetaja.com/item/thumb/202505/thumb0_20250528155830_30_th.jpg);} /* 충주호 */
.other-cruise-pop .top-tab-item-list .other-go-20 a{background-image:url(https://www.cruisetaja.com/item/thumb/202505/thumb0_20250527163125_9_th.jpg);} /* 청풍랜드 */
.other-cruise-pop .top-tab-item-list .other-go-21 a{background-image:url(https://www.cruisetaja.com/item/thumb/202505/thumb0_20250514152933_94_th.JPG);} /* 완도타워 */
.other-cruise-pop .top-tab-item-list.naver .other-go a{display:flex; align-items:center; justify-content:space-between;}

@media only screen and (min-width:561px){
	.display-560{display:none;}
}
@media only screen and (max-width:560px){
	.other-cruise-pop{width:80vw;}
	.header .other-cruise-pop-btn{color:#fff; margin-right:35px}
	.header .other-cruise-pop-btn img{filter: invert(1);}
	#header .nav ul.gnb li.other-cruise-li{text-align:right}

	.other-cruise-pop .top-tab-item-list .other-go a{height:85px;}

}



/* 네비 */
#header .gnb{text-align: right;}
#header .nav .logo{display:flex;width:200px;flex-wrap:wrap;justify-content: center;align-items: center;text-transform:uppercase;cursor:pointer;}
#header .menu_btn{position:absolute;right:calc(4% + 7px);top:20px;display:none;}
#header .menu_btn div { width: 25px;height: 2px;background-color:#000;margin: 6px 0px;position: relative;transition:all .8s ease;}
#header .menu_btn.lijo div{position:absolute;transition:all .8s ease;}
#header .menu_btn.lijo div:nth-child(1){transform: rotate(45deg);top: 0;right: 0px;}
#header .menu_btn.lijo div:nth-child(2){width:0px;top: 0;right: 0px;}
#header .menu_btn.lijo div:nth-child(3){transform: rotate(-45deg);top: 0; right: 0px;}
#header .nav ul.gnb{margin-bottom:0px;padding-left:0px;display: flex;}
#header .nav ul.gnb li{margin-bottom:0px;color:#000;text-align: center;position: relative;}
#header .nav ul.gnb li a {box-sizing: border-box;display:block;transition:.8s ease;text-transform:uppercase;}
#header .nav ul.gnb > li > a {padding: 30px 35px;}
#header .nav ul.gnb li ul.sub{position:absolute;padding-left:0px;opacity:0;visibility: hidden;padding-top:10px;z-index: 3;width: 100%}
#header .nav ul.gnb li ul.sub li {display: block;position: relative;}
#header .nav ul.gnb li ul.sub li a{padding: 8px; font-size: 1rem; font-weight: 400; color:rgba(255,255,255,.8); }
#header .nav ul.gnb li ul.sub li a:hover{color:rgba(255,255,255,1); }


@media(min-width:1401px){
    #header .nav ul.gnb:hover li ul.sub{visibility:visible;opacity:1;transform:translateY(0px);} 
    #header .nav ul.gnb li:hover{display:inline-block;margin-bottom:0px;}
    #header.open .hd_bg{position: absolute;width: 100%;background: rgba(30,30,30,.85); z-index: 1;transition: all .3s;border-top: 1px solid #dcdcdc}
    #header .nav ul.gnb li ul.sub li a{text-align: center}
    #header .nav .active  {position: relative}
    /*#header .nav .active:hover:after{content: '';display: block;width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom: 0}*/
    #header .nav ul.gnb li ul.sub{display: block !important}
}
   
@media(max-width:1400px){
   #header{}
   #header .menu_btn{display:block; width:25px; height:25px; top:65px;}
   #header .menu_btn.lijo{top: 73px; z-index:999999}
   #header .nav ul.gnb{position: absolute; padding:15px 0; top: 121px;transform: translateX(100%);right: 0; left:auto; transition:.8s ease;width:400px; height: calc(100vh - 65px);background: #fff;overflow-y: auto;display: block; background: rgba(30,30,30,.85);}
   #header .nav ul.gnb li{display:block;}
   #header .nav ul.gnb li a{text-align: left}
   #header .nav ul.gnb > li > a{padding: 15px 35px; color:#fff;}
   #header .nav ul.gnb.surya {transform: translateX(0%);}
   #header .nav ul.gnb li ul.sub{opacity: 1;visibility: visible;display:none;position:relative;padding-top:0px;width:100%;transition:0s;transform: translateY(0px);padding: 9px 50px; background-color:rgba(0,0,0,.7)}
   #header .nav ul.gnb li ul.sub:after{display:none;}
   #header .nav ul.gnb li ul.sub li a{padding:6px 0; font-size:1.063rem}
   #header .nav ul.gnb li ul.sub li a,#header .nav ul.gnb li ul.sub li a:hover{color:rgba(255,255,255,.8)}
   .hd_bg{display: none !important}

}

@media only screen and (max-width:1100px){
	.header .logo a{font-size:1.313rem;}
	.header .right-info .cs p{line-height:1.3}
	.header .right-info .cs span{font-size:1.25rem}
	#header .menu_btn{top:62px;}
    #header .menu_btn.lijo{top: 70px;}
}

@media only screen and (max-width:1024px){
	#header .menu_btn{top:59px}
	#header .menu_btn.lijo{top:67px;}
	#header .nav ul.gnb{top:112px;}
}
@media only screen and (max-width:768px){
	#header .nav ul.gnb{top:104px;}
	#header .menu_btn{top:55px}
	#header .menu_btn.lijo{top:63px;}
}
@media only screen and (min-width:561px){
	.header .nav .gnb > li:first-child{display:none;}
}
@media only screen and (max-width:560px){
	
	.header .nav .gnb > li:first-child{ left:25px; height:50px;}
	.header .nav .nice-select{width:calc(100% - 50px);}
	.header .nav .nice-select .list{width:100%;}
	.header .nav .nice-select .list li{text-align:left!important;}
	#header .nav ul.gnb{top:100px; width:80vw;}
	#header .menu_btn{top:52px; right:4%}
	#header .menu_btn.lijo{top:60px;}

	#header .nav ul.gnb{padding:18px 0;}
	#header .nav ul.gnb > li > a{padding:15px 25px;}
	#header .nav ul.gnb li ul.sub{padding:9px 40px;}
}



.visual{position:relative; display:flex; margin-top:130px; justify-content:center; align-items:center; height:80vh}
.visual:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1);}
.visual .video-wrap{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden;}
.visual iframe{width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.visual .txt{position:relative; z-index:99; text-align:center; color:#fff; font-size:1.375rem; font-weight:600}
.visual .txt h2{padding-top:15px; font-size:3.5rem; line-height:1.15}



.quick,.main-event{padding:48px 0;}
.quick{display:flex; justify-content:space-between; border-bottom:1px solid #ddd;}
.quick .img{display:flex; align-items:center; background:url(/assets/img/quick-img.png) no-repeat left 25px center / auto 100%;}
.quick .img p{padding:22px 0 0 225px; font-size:2.125rem; font-weight:600; color:#363a3d; line-height:1.35}
.quick ul.btn{margin-top:25px; padding:0; color:#333; display:grid; grid-template-columns: repeat(2, minmax(auto, 340px)); gap:10px; background:none;}
.quick ul.btn li a{position:relative; display:block; padding:30px 35px 30px 75px; background-color:#f3f3f3; border-radius:10px; background-repeat:no-repeat; background-size:31px; background-position:left 30px center; font-size:1.25rem; font-weight:500}
.quick ul.btn li a:hover{background-color:#e5e5e5;}
.quick ul.btn li a:after{content:''; position:absolute; width:12px; height:12px; border-left:1px solid #333; border-bottom:1px solid #333; top:50%; transform:translateY(-50%) rotate(-135deg); right:30px}
.quick ul.btn li.booking a{background-color:var(--orange-color); background-image:url(/assets/img/quick-01-on.png); color:#fff;}
.quick ul.btn li.booking a:hover{background-color:var(--orange-color-hover)}
.quick ul.btn li.booking a:after{border-color:#fff;}
.quick ul.btn li.confirm a{background-image:url(/assets/img/quick-02.png);}
.quick ul.btn li.fare a{background-image:url(/assets/img/quick-03.png);}
.quick ul.btn li.location a{background-image:url(/assets/img/quick-04.png);}

.quick.activity .img{background:url(/assets/img/activity-quick-img.png) no-repeat left center / auto 100%;}

.main-event{position:relative; }
.main-event .swiper-slide img{max-width:100%;}
.main-event .swiper-button-next,.main-event .swiper-button-prev{position:absolute; width:100px; height:60px; color:#7f7f7f}
.main-event .swiper-button-next{right:-100px;}
.main-event .swiper-button-prev{left:-100px}
.main-event .swiper-button-next:hover,.main-event .swiper-button-prev:hover{color:var(--primary-color)}
.main-event .swiper-button-next.swiper-button-disabled,.main-event .swiper-button-prev.swiper-button-disabled{color:#7f7f7f}
.main-event .swiper-button-next:after,.main-event .swiper-button-prev:after{font-size:26px}


.main-schedule{position:relative; }
.main-schedule .swiper-wrapper .swiper-slide{height:830px}
.main-schedule .swiper-wrapper .swiper-slide:nth-child(1){background:url(/assets/img/main-schedule-01.jpg) no-repeat center / cover;}
.main-schedule .swiper-wrapper .swiper-slide:nth-child(2){background:url(/assets/img/main-schedule-02.jpg) no-repeat center / cover;}

.main-schedule .cont{position:absolute; top:0; left:50%; transform:translateX(-50%); padding:65px 0; z-index:2; text-align:center;}

.main-schedule .main-schedule-con{display:flex; justify-content:center; gap:0 100px; margin-top:80px;}
.main-schedule .main-schedule-con .txt{width:520px; color:var(--primary-color); text-align:left;}
.main-schedule .main-schedule-con .txt span{font-size:1.25rem; font-weight:600}
.main-schedule .main-schedule-con .txt :where(span, h2){font-family: "Noto Serif KR", serif; }
.main-schedule .main-schedule-con .txt h2{padding-top:20px; font-size:4.25rem; font-weight:700; line-height:1.15}
.main-schedule .main-schedule-con .txt p{margin-top:40px; padding-top:20px; border-top:1px solid rgba(25,72,124,.5); font-size:1.25rem;}

.main-schedule .main-schedule-con .list{padding:45px 20px 20px; width:480px; background-color:rgba(255,255,255,.5); border-radius:25px;}
.main-schedule .main-schedule-con .list h3{font-size:1.75rem; color:#333; }
.main-schedule .main-schedule-con .list small{font-size:1.125rem; font-weight:500}
.main-schedule .main-schedule-con .list > p{padding-top:3px; font-size:1.063rem}
.main-schedule .main-schedule-con .list ul.nodate{display:flex; align-items:center; justify-content:center; background-color:rgba(255,255,255,.8); border-radius:15px;}
.main-schedule .main-schedule-con .list ul.nodate li{flex-direction:column; justify-content:center; padding:0; background:none; box-shadow:none}
.main-schedule .main-schedule-con .list ul.nodate li img{max-height:110px }
.main-schedule .main-schedule-con .list ul.nodate p{margin-top:15px; color:var(--primary-color); font-size:1.125rem; line-height:1.3; font-weight:500}
.main-schedule .main-schedule-con .list ul{margin-top:25px; padding:9px; height:415px; overflow-y:auto;}
.main-schedule .main-schedule-con .list ul li{display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:20px 20px 20px 60px; border-radius:15px; background:#fff url(/assets/img/icon-time-color.png) no-repeat left 28px center / 22px; box-shadow:0 0 12px rgba(0,0,0,.15)}
.main-schedule .main-schedule-con .list ul li:first-child{margin-top:0}
.main-schedule .main-schedule-con .list ul li .info-wrap{display:flex; align-items:center; gap:0 11px}
.main-schedule .main-schedule-con .list ul li .info-wrap > p{font-size:1.188rem; font-weight:700; color:var(--primary-color);}
.main-schedule .main-schedule-con .list ul li .info-wrap .remain{font-size:.938rem; color:#666; text-align:left;}
.main-schedule .main-schedule-con .list ul li a{padding:6px 11px; background:var(--primary-color); color:#fff; border-radius:5px; font-size:.875rem}
.main-schedule .main-schedule-con .list ul li a:hover{background:var(--primary-color-hover)}
.main-schedule .main-schedule-con .list ul li.disabled{background:#fff url(/assets/img/icon-time-gray.png) no-repeat left 28px center / 22px;}
.main-schedule .main-schedule-con .list ul li.disabled .info-wrap > p{color:var(--disabled-color); text-decoration:line-through}
.main-schedule .main-schedule-con .list ul li.disabled .info-wrap .remain{color:var(--red-color)}
.main-schedule .main-schedule-con .list ul li.disabled a{background-color:var(--disabled-color); cursor:default}

.main-schedule .main-schedule-con .list ul.one-btn{height:323px;}
.main-schedule .main-schedule-con .list ul.one-btn li{display:block}
.main-schedule .main-schedule-con .list ul.one-btn li .info-wrap{}
.main-schedule .main-schedule-con .list ul.one-btn + .btn-wrap{margin:0; padding:0 18px 0 9px}
.main-schedule .main-schedule-con .list ul.one-btn + .btn-wrap a{display:block; width:100%;}



.main-shot{display:flex; justify-content:space-between; align-items:center; margin-top:90px; padding:40px 35px; border:4px solid #555; border-radius:25px;}
.main-shot .vertical_banner,.main-shot .vertical_banner2 { overflow: hidden; width: 100%; height:670px; max-width: 350px; margin:0; border-radius:20px; } 
.main-shot .vertical_banner .list > li,.main-shot .vertical_banner2 .list > li { position:relative; height:213px; cursor:pointer; overflow: hidden; margin:15px 0; font-size: 18px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; } 
.main-shot .list img{max-width:100%; border-radius:20px;}
.main-shot .txt{text-align:center;}
.main-shot .txt h2{padding-top:25px; font-size:3rem; color:#333; letter-spacing:-.4px}
.main-shot .txt p{padding-top:7px; font-size:1.125rem; color:#333;}
.main-shot .txt a{margin-top:35px; padding:8px 20px; border:1px solid #333; border-radius:100px; font-weight:600}
.main-shot .txt a:hover{background-color:#333; color:#fff;}
.main-shot .txt .camera{margin-right:-28px;}
.main-shot .swiper{margin:0; width:350px; height:670px;}
.main-shot .swiper-wrapper{transition-timing-function: linear!important}
.main-shot .swiper-slide img{max-width:100%; border-radius:20px}
.main-shot .swiper-slide{position:relative; height:auto!important}
.main-shot .swiper-slide a{width:100%; height:210px; background:url(/assets/img/main-shot-01.jpg) no-repeat center / cover; border-radius:20px;}
.main-shot .swiper-slide:nth-child(2) a{background:url(/assets/img/main-shot-02.jpg) no-repeat center / cover;}
.main-shot .swiper-slide:nth-child(3) a{background:url(/assets/img/main-shot-03.jpg) no-repeat center / cover;}
.main-shot .swiper-slide:nth-child(4) a{background:url(/assets/img/main-shot-04.jpg) no-repeat center / cover;}
.main-shot .swiper-slide:nth-child(5) a{background:url(/assets/img/main-shot-05.jpg) no-repeat center / cover;}
.main-shot .swiper-slide:nth-child(6) a{background:url(/assets/img/main-shot-06.jpg) no-repeat center / cover;}
.main-shot .swiper-slide a:hover:before{content:attr(data-lable); position:absolute; width:100%; height:calc(100% - 6px); display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.35); color:#fff; border-radius:20px; font-size:1.625rem; font-weight:500; }
.main-shot li > a{position:absolute; width:100%; height:30%; left:0; top:0; transition:all .3s;}
.main-shot li > a:hover:before{content:attr(data-lable); position:absolute; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.35); color:#fff; border-radius:20px; font-size:1.625rem; font-weight:500; }

.main-bc-recom{display:flex; padding:70px 0; gap:35px}
.main-bc-recom .con{width:50%; padding-left:290px; background-repeat:no-repeat; background-position:left center;}
.main-bc-recom .con a{display:block; }
.main-bc-recom .con a:hover .btn-circle-arrow{background:var(--primary-color-hover)}
.main-bc-recom .con.course{background-image:url(/assets/img/bc-01.png); border-right:1px solid #ddd;}
.main-bc-recom .con.tip{background-image:url(/assets/img/bc-02.png);}
.main-bc-recom .con .sub-tit{padding-top:35px; font-size:1.375rem; color:var(--primary-color); font-weight:600}
.main-bc-recom .con h2{padding-top:6px; font-size:2.375rem;}
.main-bc-recom .con span.txt{padding-top:15px; font-size:1.125rem; display:inline-block; }

.btn-circle-arrow{position:relative; display:block; margin-top:25px; width:55px; height:55px; border-radius:100px; background-color:var(--primary-color); }
.btn-circle-arrow:before,.btn-circle-arrow:after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.btn-circle-arrow:before{content:''; width:20px; height:2px; background-color:#fff;}
.btn-circle-arrow:after{content:''; margin:-6px 0 0 -2px; width:12px; height:12px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg)}
.btn-circle-arrow.hover:hover{background:var(--primary-color-hover)}
.btn-circle-arrow.hover.gray{background-color:#333;}
.btn-circle-arrow.hover.gray:hover{background-color:#111;}

.main-faq{position:relative; padding:100px 0; text-align:center;}
.main-faq:before{content:''; position:absolute; top:0; left:0; width:100%; height:610px; background-color:#eaf1f7; z-index:-1}
.main-faq h2{font-size:5.5rem}
.main-faq .sub-tit{padding-top:13px; font-size:1.375rem; font-weight:600}
.main-faq a{margin-top:30px; padding:10px 30px; font-size:1.25rem; font-weight:600; border:1px solid #333; border-radius:100px;}
.main-faq a:hover{background-color:#333; color:#fff;}
.main-faq .con{display:grid; gap:0 28px; grid-template-columns:repeat(3, 1fr); margin-top:64px; }
.main-faq .con dl{position:relative; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); border-radius:20px; z-index:1}
.main-faq .con dl:before{content:'Q'; position:absolute; right:30px; bottom:-15px; font-size:10rem; color:#f5f5f5; font-weight:700; z-index:-1}
.main-faq .con dl dt{height:230px; background-repeat:no-repeat; background-position:center bottom; background-size:cover; border-radius:20px 20px 0 0}
.main-faq .con dl.license dt{background-image:url(/assets/img/main-faq-01.jpg); }
.main-faq .con dl.pet dt{background-image:url(/assets/img/main-faq-02.jpg); }
.main-faq .con dl.rain dt{background-image:url(/assets/img/main-faq-03.jpg); }
.main-faq .con dl dd{padding:50px 55px; text-align:left; }
.main-faq .con dl dd h3{font-size:1.625rem; line-height:1.2; font-weight:600}
.main-faq .con dl dd p{padding-top:17px; font-size:1rem; color:#666;}

.main-notice{display:flex; gap:0 125px}
.main-notice h2{font-size:3.375rem; font-weight:600}
.main-notice .sub-tit{padding-top:18px; font-size:1.25rem; font-weight:500}
.main-notice .arrow-circle-arrow{margin-top:50px;}
.main-notice .list{flex-grow:1}
.main-notice .list li:first-child a{padding-top:0}
.main-notice .list a{display:block; padding:25px 0; border-bottom:1px solid #ddd; font-size:1.188rem;}
.main-notice .list a:hover{font-weight:500; text-decoration:underline;}
.main-notice .list a .badge{display:inline-block; margin-right:10px; padding:4.5px 13px; background-color:var(--green-color); color:#fff; border-radius:100px; font-size:.938rem}
.main-notice .list a .badge.info{background-color:var(--primary-color)}

.main-qna{display:flex; align-items:center; gap: 0 25px; margin-top:55px; padding:13px 50px; background:var(--primary-color); color:#fff; border-radius:15px;}
.main-qna .swiper{flex-grow:1}
.main-qna .swiper-slide{display:flex; justify-content:space-between; align-items:center; height:60px!important; text-align:left;}
.main-qna .swiper-slide .subj{font-size:1.375rem}
.main-qna .swiper-slide .info{font-size:1.188rem;}
.main-qna .swiper-slide .info .state{padding-right:17px; color:#eedd4a}
.main-qna .swiper-slide .info .date{}


.footer{padding-top:120px;}
.footer .cs-center{text-align:center;}
.footer .cs-center h2{font-size:3.375rem; font-weight:700; color:var(--primary-color); letter-spacing:-.5px}
.footer .cs-center .info,.footer .cs-center .info > div{display:flex; justify-content:center; align-items:center;}
.footer .cs-center .info{gap:0 25px;}
.footer .cs-center .info .badge{display:inline-block; padding:2.5px 7px; font-weight:600; border:1px solid #333; border-radius:100px; font-size:.75rem}
.footer .cs-center .info .num{padding-left:9px; font-size:1.25rem; font-weight:600}
.footer .cs-center .txt{margin-top:50px; padding-top:30px; border-top:1px solid #ddd; color:#666;}
.footer .cs-center .txt span{color:var(--orange-color)}
.footer .cs-center .txt a{font-weight:600; color:#333;}
.footer .cs-center .txt a:hover{color:#111; text-decoration:underline}

.footer .address{margin-top:50px; padding:45px 0; background-color:#474a4c; font-style:normal}
.footer .address .inner{display:flex; gap:0 45px;}
.footer .address .f-logo{display:flex; align-items:start; gap:0 15px; min-width:330px; flex-shrink:0;}
.footer .address .f-logo .img{width:50px; height:47px; background:url(/assets/img/logo.png) no-repeat left center / 47px; filter:grayscale(100%) brightness(1.1);}
.footer .address .f-logo .txt{font-size:1.375rem; color:#ababab; line-height:1.2}
.footer .address .f-logo .txt span{display:block; font-size:.938rem; color:#888;}
.footer .address .f-info .link li{position:relative; display:inline-block;}
.footer .address .f-info .link li:first-child a{padding-right:24px;}
.footer .address .f-info .link li:first-child:before{content:''; position:absolute; top:50%; right:12px; transform:translateY(-50%); width:1px; height:10px; background-color:#aaa;}
.footer .address .f-info .link li a{color:#e3e5e9;}
.footer .address .f-info .txt{display:flex; gap:0 15px; flex-wrap:wrap; margin-top:15px; color:#ababab; font-size:.875rem; line-height:1.6}
.footer .address .f-info .txt li{display:inline-block; white-space:nowrap}
.footer .address .f-info .txt li:first-child{display:block; width:100%;}
.footer .address .f-info .txt li.copyright{display:block; margin-top:5px; width:100%; color:#999; font-size:.813rem}


/* 세로 움직이는 배너 */
@keyframes verticalRolling { 
	0% { transform: translateY(0); } 
	100% { transform: translateY(-100%); } 
}

@keyframes verticalRolling2 { 
	0% { transform: translateY(-100%); } 
	100% { transform: translateY(0); } 
}

@media (max-width: 1200px){
	.main-shot{display:block; padding:25px}
	.main-shot .txt{padding:35px 0;}
	.main-shot .vertical_banner .list > li { padding: 12px; font-size: 16px; } 
	.main-shot .vertical_banner, .main-shot .vertical_banner2{width:100%; max-width:100%; height:121px;}
	.main-shot .vertical_banner .list > li,.main-shot .vertical_banner2 .list > li{display:inline-block; margin:0 5px; width:200px; height:121px}

	@keyframes verticalRolling { 
		0% { transform: translateX(0); } 
		100% { transform: translateX(-100%); } 
	}

	@keyframes verticalRolling2 { 
		0% { transform: translateX(-100%); } 
		100% { transform: translateX(0); } 
	}
}

@media (max-width: 768px){
	.main-shot .vertical_banner { } 
	
	.main-shot .vertical_banner .list,.main-shot .vertical_banner2 .list{height:120px;}
	.main-shot .vertical_banner .list > li { padding: 8px; font-size: 14px; } 
}







@media only screen and (min-width:1401px){
	.m-arrow{display:none}
	.header .nav ul li.m-tit{display:none}
}
@media only screen and (max-width:1400px){
	.inner{width:92%}
	.m-arrow{position:relative; width:24px; height:22px; border:none; border-top:2px solid #333; border-bottom:2px solid #333; background:none; }
	.m-arrow:before{content:''; position:absolute; right:0; top:8px; width:18px; height:2px; background-color:#333;}
	.header .right-info{margin:0 50px 0 auto; gap:0 20px;}
	.header .right-info .nice-select{order:3}
	.header .nav{order:3}
	/*.header .nav ul{position:absolute; width:100%; top:0; left:0; text-align:center; background-color:#fff; z-index:999}
	.header .nav ul li.m-tit{display:block; font-size:5.25rem; font-weight:600;}
	.header .nav .m-arrow{margin-left:25px; transition:all .3s;}
	.header .nav .m-arrow.close{z-index:9999; border-bottom:0; transform:rotate(45deg)}
	.header .nav .m-arrow.close:before{width:24px; top:-2px; transform:rotate(-90deg)}*/
	.header .header-menu{padding:15px 0;}

	.visual{margin-top:110px;}
	
	.quick ul.btn{grid-template-columns:repeat(2, minmax(auto, 260px))}

	.main-event .swiper-button-next, .main-event .swiper-button-prev{display:none;}
}

@media only screen and (max-width:1200px){
	.inner.small{width:92%;}
	.main-shot{display:flex; justify-content:space-between;}
	.main-shot .swiper{width:250px; height:520px;}
	.main-shot .txt h2{font-size:2.5rem}
	.main-shot .swiper-slide a{height:160px}
}

@media only screen and (max-width:1099px){
	.quick .img p{padding:22px 0 0 185px; font-size:1.75rem}
	.quick ul.btn{grid-template-columns:repeat(2, minmax(auto, 230px))}
	.quick ul.btn li a{padding:20px 25px 20px 60px; font-size:1.063rem; background-size:25px; background-position:left 25px center;}
	.quick ul.btn li a:after{width:10px; height:10px; right:25px;}
}

@media only screen and (max-width:1024px){
	.inner.small2{width:92%;}
	.header .header-menu{padding:13px 0;}
	.visual{margin-top:105px; height:60vh}

	.main-bc-recom{gap:20px;}
	.main-bc-recom .con{padding-left:22%; background-size:40%;}
	.main-bc-recom .con span.txt{padding-top:12px;}
	.main-bc-recom .con .arrow-circle-arrow{width:50px; height:50px;}
	.main-schedule .main-schedule-con{margin-top:50px; gap:0 55px}
	.main-schedule .swiper-wrapper .swiper-slide{height:700px}
	.main-schedule .main-schedule-con .list ul{margin-top:20px; height:330px;}
	.main-schedule .main-schedule-con .list ul.one-btn{height:250px}
	.main-schedule .main-schedule-con .list ul li{padding:18px 20px 18px 60px}
	.main-schedule .main-schedule-con .txt h2{font-size:3.5rem}
	.main-schedule .main-schedule-con .txt p{margin-top:35px;}


	
	.main-faq{padding:60px 0}	
	.main-faq h2{font-size:4rem}
	.main-faq a{margin-top:20px;}
	.main-faq .con{display:block; margin-top:30px}
	.main-faq .tit-wrap{display:flex; justify-content:space-between; text-align:left; align-items:end}
	.main-faq .con dl{display:flex; margin:17px 0;}
	.main-faq .con dl dt{width:200px; flex-shrink:0; border-radius:20px 0 0 20px; height:auto;}
	.main-faq .con dl.license dt{}
	.main-faq .con dl dd{padding:40px 45px}

	.main-shot .swiper{width:180px; height:530px;}
	.main-shot .txt h2{font-size:2.438rem}
	.main-shot .swiper-slide a{height:120px}

	.main-notice{gap:0 90px}

	.footer{padding-top:100px;}
	.footer .cs-center h2{font-size:3rem}
	.footer .cs-center .info{gap:0 20px; }
	.footer .cs-center .info .num{font-size:1.125rem}
	.footer .cs-center .txt{margin-top:25px; padding-top:20px;}

	.footer .address{margin-top:30px; padding:35px 30px;}
	.footer .address .inner{display:block}
	.footer .address .inner .f-info{padding-top:15px; }
	.footer .address .f-info .txt{margin-top:4px}
}

@media only screen and (max-width:960px){
	.main-schedule .main-schedule-con .txt{width:400px;}
}
@media only screen and (max-width:768px){
	.quick, .main-event{padding:33px 0;}
	.quick .img{height:auto; width:35%;}
	.quick .img p{display:none;}
	.quick ul.btn{margin:0;}
	.quick ul.btn li a:after{display:none;}
	
	.main-schedule .main-schedule-con{gap:0 50px; display:block;}
	.main-schedule .main-schedule-con .txt{width:400px; width:auto; text-align:center;}
	.main-schedule .main-schedule-con .txt h2{padding-top:10px; font-size:3.25rem; line-height:1.1}
	.main-schedule .main-schedule-con .txt h2 br{display:none;}
	.main-schedule .main-schedule-con .txt p{font-size:1.125rem; line-height:1.45}
	.main-schedule .main-schedule-con .list{padding:30px 15px 15px;}
	.main-schedule .main-schedule-con .list ul{margin-top:10px; height:310px;}
	.main-schedule .main-schedule-con .list ul.one-btn{height:260px; display:flex; flex-wrap:wrap; gap:0 10px}
	.main-schedule .main-schedule-con .list ul.one-btn li{display:flex; width:calc(50% - 5px); border-radius:10px;}
	.main-schedule .main-schedule-con .list ul.one-btn li:first-child{margin-top:10px;}
	.main-schedule .main-schedule-con .list ul li,.main-schedule .main-schedule-con .list ul li.disabled{padding:15px 15px 15px 45px; background-position:left 20px center; background-size:20px;}

	
	.header .right-info{gap:0 10px}

	.header .right-info .kakao,.header .right-info .kakao img,.header .right-info .cs .tel{width:40px; height:40px;}
	.header .right-info .cs .tel{background-size:16px}
	
	.main-schedule .cont{padding:45px 0;}
	.main-schedule .swiper-wrapper .swiper-slide{height:700px}	
	.main-schedule .main-schedule-con{margin-top:25px;}

	.main-schedule .main-schedule-con .txt p{margin-top:0; padding-top:10px; text-align:center; border:0;}
	.main-schedule .main-schedule-con .txt span{display:none;}
	.main-schedule .main-schedule-con .list{width:100%; margin-top:30px; }

	.main-faq .con dl dd p{padding-top:13px}

	.main-shot{display:block;}
	.main-shot .swiper{width:100%; height:auto}
	.main-shot .txt{padding:50px 0;}
	.main-shot .txt .camera{max-width:85px;}
	.main-shot .txt h2{padding-top:15px; font-size:2.375rem}
	.main-shot .txt a{margin-top:25px}
	.main-shot .swiper-slide a:hover:before{font-size:1.375rem}

	.main-bc-recom{display:block; padding:50px 0}
	.main-bc-recom .con{width:100%; padding-left:150px; background-size:contain; background-position:left center;}
	.main-bc-recom .con h2{font-size:2rem}
	.main-bc-recom .con .sub-tit{padding-top:5px;}
	.main-bc-recom .con a{display:flex; justify-content:space-between;}
	.main-bc-recom .con.course{border:none; }
	.main-bc-recom .mobile-line{margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; }

	.main-notice{display:block;}
	.main-notice h2{font-size:3rem}
	.main-notice .sub-tit{font-size:1.125rem; padding-top:13px;}
	.main-notice .tit{display:flex; justify-content:space-between; align-items:end;}
	.main-notice .list{padding-top:25px;}
	.main-notice .list li:first-child a{padding-top:20px; border-top:1px solid #ddd;}
	.main-notice .list li a{padding:20px 0;}

	.footer .cs-center .txt{padding:15px 20px 0;}

	.main-qna{margin-top:40px; padding:13px 40px; gap:0 20px;}
	.main-qna .cha img{max-width:65px;}

}
@media only screen and (max-width:650px){
	.main-schedule .main-schedule-con .list ul.one-btn{display:block;}
	.main-schedule .main-schedule-con .list ul.one-btn li{display:block; width:100%;}
	.main-schedule .main-schedule-con .list ul.one-btn li:first-child{margin-top:0;}
}
@media only screen and (min-width:561px){
	.header .nav .nice-select{display:none}
}
@media only screen and (max-width:560px){
	.header .header-menu{padding:12px 0;}
	.header .logo a{padding:2px 0 0 46px; background-size:36px; }
	.header .logo a span{padding-top:1px; font-size:.813rem}
	.header .right-info{gap:0 10px; margin:0 35px 0 auto;}
	.header .top ul li a{padding:8px;}
	.visual{margin-top:99px; height:55vh;}
	.visual .txt h2{padding-top:12px; font-size:2.25rem}
	.quick .img{display:none;}
	.quick ul.btn{grid-template-columns:repeat(2,1fr); gap:7px; width:100%;}

	.main-notice .list a .badge{margin-right:5px; padding:4.5px 10px; font-size:.875rem}

	.quick, .main-event{padding:20px 0;}

	.main-qna{margin-top:30px; padding:5px 20px; gap:0 10px; border-radius:10px;}
	.main-qna .cha img{max-width:55 px;}
	.main-qna .swiper-slide .subj{font-size:1.125rem}
	.main-qna .swiper-slide .info .state{padding-right:0;}
	.main-qna .swiper-slide .info .state,.main-qna .swiper-slide .info .date{display:block; font-size:.938rem; text-align:center;}



	.main-faq:before{height:388px}
	.main-faq h2{font-size:2.75rem;}
	.main-faq .sub-tit{padding-top:10px; font-size:1.125rem;}
	.main-faq a{padding:7px 20px; font-size:1rem}
	.main-faq .con dl{display:block; }
	.main-faq .con dl dt,.main-faq .con dl.license dt{width:100%; height:200px; border-radius:20px 20px 0 0}	
	.main-faq .con dl dd{padding:30px;}
	.main-faq .con dl dd h3{font-size:1.438rem; line-height:1.3;}
	.main-faq .con dl dd h3 br{display:none;}
	.main-faq .con dl dd p{padding-top:8px; font-size:.938rem}

	.main-schedule .cont{padding:45px 0 25px}
	.main-schedule .swiper-wrapper .swiper-slide{height:650px}
	.main-schedule .main-schedule-con .txt h2{font-size:2.125rem; letter-spacing:-.2px}
	.main-schedule .main-schedule-con .txt p{padding-top:7px; font-size:1rem}
	.main-schedule .main-schedule-con .list{padding:30px 10px 10px}
	.main-schedule .main-schedule-con .list h3{font-size:1.5rem}
	.main-schedule .main-schedule-con .list > p{padding-top:0}
	.main-schedule .main-schedule-con .list ul li, .main-schedule .main-schedule-con .list ul li.disabled{padding:11px 15px 11px 43px; background-position:left 20px top 17px; background-size:16px; border-radius:10px}
	.main-schedule .main-schedule-con .list ul li .info-wrap .remain{margin-top:-1px;}
	.main-schedule .main-schedule-con .list ul li .info-wrap > p{text-align:left;}
	.main-schedule .main-schedule-con .list ul li .info-wrap{display:block; }
	.main-schedule .main-schedule-con .list ul.one-btn li, .main-schedule .main-schedule-con .list ul.one-btn li.disabled{padding:13px 15px 13px 43px;}
	.main-schedule .main-schedule-con .list ul.one-btn li{margin-top:8px}
	.main-schedule .main-schedule-con .list ul.one-btn li .info-wrap{display:flex; justify-content:space-between;}


	.main-shot{margin-top:60px; padding:18px;}
	.main-shot .txt{padding:40px 0}
	.main-shot .txt .camera{display:none;}
	.main-shot .txt h2{padding-top:15px; font-size:1.875rem}
	.main-shot .txt p{padding-top:7px; font-size:1.063rem}
	.main-shot .txt a{margin-top:15px; padding:7px 16px;}
	.main-shot .swiper-slide img{border-radius:15px}
	
	.main-bc-recom .con{padding-left:120px; padding-right:10px;}
	.main-bc-recom .con .sub-tit{padding-top:10px; font-size:1.125rem}
	.main-bc-recom .con h2{padding-top:3px; font-size:1.625rem}
	.main-bc-recom .con span.txt{padding-bottom:10px; font-size:1rem}

	.main-faq{padding:50px 0 45px;}
	.main-faq .con{margin-top:25px;}

	.main-notice h2{font-size:2.125rem}
	.main-notice .tit{align-items:center;}
	.main-notice .sub-tit{display:none; padding-top:10px; font-size:1rem}
	.main-notice .list{padding-top:15px;}
	.main-notice .list li:first-child a{padding-top:12px;}
	.main-notice .list li a{padding:12px 0; font-size:.938rem}
	.main-notice .btn-circle-arrow{margin-top:0;}

	.arrow-circle-arrow:before{width:18px}
	.arrow-circle-arrow:after{margin:-5px 0 0 -1px; width:10px; height:10px;}

	.footer{padding-top:55px;}
	.footer .address{padding:30px 22px}
	.footer .address .inner{width:100%}
	.footer .cs-center h2{padding-bottom:3px; font-size:2.25rem;}
	.footer .cs-center .info .num{padding-left:5px;}
	.footer .cs-center .info .badge{padding:2px 7px 1px}
	.footer .cs-center .info{gap:0 12px;}
	.footer .cs-center .txt{padding:15px 15px 0; font-size:.875rem; line-height:1.3}
	.footer .address .f-logo .img{width:40px; height:37px; background-size:40px;}


	.quick ul.btn li a{padding:17px 25px 17px 55px; background-size:22px; font-size:1.125rem}
	.quick ul.btn li a .hidden{display:none;}
	
	.btn-circle-arrow{width:45px; height:45px; }
	.btn-circle-arrow:before{width:16px;}
	.btn-circle-arrow:after{margin:-4px 0 0 ; width:8px; height:8px;}	
}
@media only screen and (max-width:479px){
	.main-shot .swiper-slide a{height:100px;}	
}


/* 탭 */
.tab-link{margin:3px 2px; padding:11px 25px; display:inline-block;cursor:pointer; background-color:rgba(51,51,51,.25); color:#fff; border-radius:100px; font-size:1.188rem}
.tab-link:hover{background-color:rgba(51,51,51,.45);}
.tab.small .tab-link{padding:7px 32px;}
.tab.small2 .tab-link{padding:10px 23px; font-size:1.063rem}
.tab-link.on{background:var(--orange-color);}
.tab-content {display:none}
.tab-content.on {display:block;}


.tab-link2,.tab-link3{margin:0 2px; padding:12px 32px; display:inline-block;cursor:pointer; background-color:rgba(51,51,51,.25); color:#fff; border-radius:100px; font-size:1.375rem}
.tab-link2:hover,.tab-link3:hover{background-color:rgba(51,51,51,.45);}
.tab-link2.on,.tab-link3.on{background:var(--orange-color);}
.tab-content2,.tab-content3 {display:none}
.tab-content2.on,.tab-content3.on {display:block;}


.tab-link-ship{margin:0 2px; padding:12px 32px; display:inline-block;cursor:pointer; background-color:rgba(51,51,51,.25); color:#fff; border-radius:100px; font-size:1.375rem}
.tab-link-ship:hover{background-color:rgba(51,51,51,.45);}
.tab-link-ship.on{background:var(--orange-color);}
.tab-content-ship{display:none}
.tab-content-ship.on{display:block;}



.tab-top-other{height:65px; display:flex; align-items:center; justify-content:center; float:left; width:50%; cursor:pointer; background-color:rgba(51,51,51,.25); color:#fff; font-size:1.125rem; text-align:center; background-color:#aaa; color:rgba(255,255,255,.85);}
.tab-top-other:hover{}
.tab-top-other.on{background:#fff; color:#111; font-weight:600; }
.tab-top-other-content{display:none; clear:both; overflow-y:auto; height:calc(100dvh - 65px); -webkit-overflow-scrolling: touch;}
.tab-top-other-content.on{display:block}




.tab-link3{font-size:1.188rem}

@media only screen and (max-width:768px){
	.tab-link,.tab-link2,.tab-link3{padding:10px 26px;}
}
@media only screen and (max-width:560px){
	.tab-link,.tab-link2,.tab-link3{padding:8px 20px; font-size:1.063rem}
	.tab-top-other{height:60px}
	.tab-top-other-content{height:calc(100dvh - 60px)}
}



/* 서브 */
.table-responsive{overflow-x:auto}
table{width:100%; border-collapse: separate;}
table.top-line{ border-top:2px solid #333;}
table.th-bg th{background-color:#f9faff}
table.th-top-line th{border-top:2px solid #333;}
table th, td{padding:15px 20px; border-bottom:1px solid #ddd; text-align:center;}
table td.left{text-align:left;}
table.small td{padding:13px 20px;}


/* 버튼 */
.btn-wrap{margin-top:100px; display:flex; justify-content:center; align-items:center; gap:0 15px;}
.btn{padding:22px 60px; background:var(--primary-color); color:#fff; font-size:1.375rem; border:none; border-radius:12px; }
.btn.line{background:none; border:1px solid var(--primary-color); color:var(--primary-color)}
.btn.line:hover{background:var(--primary-color); color:#fff; }
.btn.medium{padding:15px 60px; font-size:1.188rem; border-radius:10px;}
.btn.medium2{padding:12px 50px; font-size:1.188rem; border-radius:10px;}
.btn.small{padding:5px 15px; font-size:.875rem; border-radius:6px;}
.btn.small2{padding:6px 15px; font-size:1rem; border-radius:6px;}
.btn:hover{background:var(--primary-color-hover)}
.btn.long{padding:22px 150px;}

@media only screen and (max-width:768px){
	table th, td{padding:12px 15px;}
	.btn-wrap{margin-top:70px;}
	.btn{padding:15px 50px}
	.btn.long{padding:15px 80px}
}
@media only screen and (max-width:560px){
	.btn-wrap{margin-top:60px;}
	.btn{padding:13px 50px}
	.btn.long{padding:13px 80px}
	.btn{font-size:1.25rem}
	table.small td{padding:11px 15px;}
}



.sub-wrap{margin-top:130px;}
.sub-wrap h2{padding-top:140px; font-size:3.75rem; font-weight:600; text-align:center;}
.sub-wrap .tab-wrap{padding-top:50px; }
.sub-wrap .tab-wrap .tab-select-outer{display: none;}
.sub-wrap .tab-wrap .tabs .tab-button-outer ul{text-align:center;}
.sub-wrap .tab-wrap .tabs .tab-button-outer ul li{margin:0 12px; display:inline-block; }
.sub-wrap .tab-wrap .tabs .tab-button-outer ul li a,.sub-wrap .tab-wrap .tabs .tab-button-outer ul li.no-active.is-active a{padding:3px; font-size:1.188rem; color:#888; border-bottom:2px solid #fff; font-weight:400}
.sub-wrap .tab-wrap .tabs .tab-button-outer ul li.is-active a{color:var(--primary-color); font-weight:600; border-bottom:2px solid var(--primary-color)}
.sub-wrap .sub-con{margin-top:130px;}
.sub-wrap .sub-con.small,.sub-wrap .sub-con.small2{margin-top:90px;}

.sub-wrap .sub-con.use-process ul li{display:flex; align-items:start; gap:100px; padding:100px 0; justify-content:center; border-bottom:5px dashed #ccc}
.sub-wrap .sub-con.use-process ul li:last-child{border:none;}
.sub-wrap .sub-con.use-process ul li:nth-child(even) .panel{order:2}
.sub-wrap .sub-con.use-process ul li .panel{position:relative; border:3px solid #0d0c15; min-width:470px; border-radius:12px; z-index:1}
.sub-wrap .sub-con.use-process ul li .panel:before{content:''; position:absolute; width:calc(100% + 5px); height:calc(100% + 5px); top:4px; left:4px; background-color:#0d0c15; z-index:-1; border-radius:15px;}
.sub-wrap .sub-con.use-process ul li .panel .tit{display:flex; justify-content:space-between; align-items:center; padding:8px 20px; background-color:#61cff9; border-radius:9px 9px 0 0; border-bottom:3px solid #0d0c15;}
.sub-wrap .sub-con.use-process ul li .panel .tit .step{font-size:1.25rem; font-weight:700; color:#111;}
.sub-wrap .sub-con.use-process ul li .panel .tit .x{position:relative; width:27px; height:27px; border-radius:100px; border:2px solid #0d0c15; background-color:#fff;}
.sub-wrap .sub-con.use-process ul li .panel .tit .x:before,.sub-wrap .sub-con.use-process ul li .panel .tit .x:after{content:''; position:absolute; top:11px; left:5px; width:13px; height:2px; background-color:#0d0c15; transform:rotate(45deg);}
.sub-wrap .sub-con.use-process ul li .panel .tit .x:after{transform:rotate(-45deg)}
.sub-wrap .sub-con.use-process ul li .panel .con{padding:55px 20px 60px; background-color:#fff; border-radius:0 0 12px 12px; text-align:center; color:#111;}
.sub-wrap .sub-con.use-process ul li .panel .con .sub-tit{font-size:1.25rem; font-weight:600}
.sub-wrap .sub-con.use-process ul li .panel .con h3{padding-top:4px; font-size:2.375rem}
.sub-wrap .sub-con.use-process ul li .panel .con .txt{padding-top:18px; font-size:1.125rem; color:#63717c; font-weight:500}
.sub-wrap .sub-con.use-process ul li .panel .con .txt span{font-weight:600; color:#1180d5}
.sub-wrap .sub-con.use-process ul li img{opacity:.9; max-width:50%}
.sub-wrap .sub-con.use-process ul li .wait-img{position:relative;}
.sub-wrap .sub-con.use-process ul li .wait-img img{max-width:100%}
.sub-wrap .sub-con.use-process ul li .wait-txt{display:block; position:absolute; top:19.1%; left:26.7%; font-size:215%; color:#555; background-color:#fff; line-height:1.2}

@media only screen and (max-width:1400px){
	.sub-wrap .sub-con.use-process ul li .wait-txt{top:19.25%; left:26.8%; font-size:2.25vw}
}
@media only screen and (max-width:1100px){
	.sub-wrap .sub-con.use-process ul li .wait-txt{font-size:2.35vw}
}
@media only screen and (max-width:1024px){
	.sub-wrap .sub-con.use-process ul li .wait-txt{font-size:2.4vw}
}
@media only screen and (max-width:860px){
	.sub-wrap .sub-con.use-process ul li .wait-txt{font-size:2.55vw}
}
@media only screen and (max-width:768px){
	.sub-wrap .sub-con.use-process ul li .wait-txt{top:19.2%; font-size:4.05vw}
}


.sub-wrap .sub-con.refund{text-align:center;}
.sub-wrap .sub-con.refund .cha{display:grid; grid-template-columns:repeat(2, 1fr);}
.sub-wrap .sub-con.refund .cha > div:nth-child(1){padding-right:70px; border-right:3px dashed #ddd;}
.sub-wrap .sub-con.refund .cha > div:nth-child(2){padding-left:70px;}
.sub-wrap .sub-con.refund .cha img{margin-right:-50px;}
.sub-wrap .sub-con.refund .panel{position:relative; margin-top:-12px; border:3px solid #0d0c15; min-width:470px; border-radius:12px; z-index:1}
.sub-wrap .sub-con.refund .panel:before{content:''; position:absolute; width:calc(100% + 5px); height:calc(100% + 5px); top:4px; left:4px; background-color:#0d0c15; z-index:-1; border-radius:15px;}
.sub-wrap .sub-con.refund .panel .tit{display:flex; justify-content:center; align-items:center; padding:8px 20px; background-color:#61cff9; border-radius:9px 9px 0 0; border-bottom:3px solid #0d0c15;}
.sub-wrap .sub-con.refund .cha > div:nth-child(1) .panel .tit{background-color:#dcf6f0}
.sub-wrap .sub-con.refund .cha > div h3{padding-bottom:27px; font-size:2.375rem}
.sub-wrap .sub-con.refund .cha > div:nth-child(1) :where(h3,h4){color:#00b34c}
.sub-wrap .sub-con.refund .cha > div:nth-child(2) .panel .tit{background-color:#fce7e7}
.sub-wrap .sub-con.refund .cha > div:nth-child(2) :where(h3,h4){color:#e4493a}
.sub-wrap .sub-con.refund .panel .tit .step{font-size:1.063rem; font-weight:600; color:#202020;}
.sub-wrap .sub-con.refund .panel .tit .x{position:absolute; right:15px; width:27px; height:27px; border-radius:100px; border:2px solid #0d0c15; background-color:#fff;}
.sub-wrap .sub-con.refund .panel .tit .x:before,.sub-wrap .sub-con.refund .panel .tit .x:after{content:''; position:absolute; top:50%; left:5px; width:13px; height:2px; background-color:#0d0c15; transform:rotate(45deg);}
.sub-wrap .sub-con.refund .panel .tit .x:after{transform:rotate(-45deg)}
.sub-wrap .sub-con.refund .panel .con{padding:45px 35px 55px; background-color:#fff; border-radius:0 0 12px 12px; text-align:center; color:#111;}
.sub-wrap .sub-con.refund .panel .con .sub-tit{font-size:1.25rem; font-weight:600}
.sub-wrap .sub-con.refund .panel .con h4{padding-bottom:20px; font-size:1.5rem; border-bottom:2px dotted #ddd;}
.sub-wrap .sub-con.refund .panel .con ul{margin-top:26px;}
.sub-wrap .sub-con.refund .panel .con ul li{position:relative; padding-left:15px; text-align:left;}
.sub-wrap .sub-con.refund .panel .con ul li:before{content:''; position:absolute; top:10px; left:0; width:6px; height:2px; background-color:#aaa; }
.sub-wrap .sub-con.refund .panel .con .txt{padding-top:18px; font-size:1.125rem; color:#63717c; font-weight:500}
.sub-wrap .sub-con.refund .panel .con .txt span{font-weight:600; color:#1180d5}




.sub-wrap .sub-con.refund.part .cha{display:block}
.sub-wrap .sub-con.refund.part .cha > div{display:flex; align-items:center; padding:50px 0; border:0; border-bottom:3px dashed #ddd; }
.sub-wrap .sub-con.refund.part .cha > div h3{padding-bottom:20px;}
.sub-wrap .sub-con.refund.part .cha > div.last{padding-bottom:0; border-bottom:0}
.sub-wrap .sub-con.refund.part .cha > div.part img{margin-right:0}
.sub-wrap .sub-con.refund.part .cha .cha-wrap{display:none; min-width:400px; text-align:center;}
.sub-wrap .sub-con.refund.part  .panel{flex-grow:1; margin-top:0; width:100%;}

.sub-wrap .sub-con.refund.part .cha > div:nth-child(2) .panel .tit{background-color:#fde7d7}
.sub-wrap .sub-con.refund.part .cha > div:nth-child(2) :where(h3,h4){color:var(--orange-color)}
.sub-wrap .sub-con.refund.part .cha > div:nth-child(3) .panel .tit{background-color:#fce7e7}
.sub-wrap .sub-con.refund.part .panel .con h4{font-size:1.625rem}
.sub-wrap .sub-con.refund.part .cha > div:nth-child(3) :where(h3,h4){color:#e4493a}



.sub-wrap .sub-con.refund .notice{margin-top:100px; padding-top:38px; border-top:2px solid #333;}
.sub-wrap .sub-con.refund .notice li{position:relative; padding:6px 0 0 23px; text-align:left; color:#666;}
.sub-wrap .sub-con.refund .notice li:before{content:''; position:absolute; top:15px; left:7px; width:4px; height:4px; background-color:#a3a9b0; border-radius:10px;}
.sub-wrap .sub-con.refund .notice li.tit{display:flex; padding:0 0 3px 0; align-items:center; font-size:1.188rem; font-weight:500; color:#333;}
.sub-wrap .sub-con.refund .notice li.tit:before{display:none}
.sub-wrap .sub-con.refund .notice li.tit img{margin-right:8px; max-width:20px;}


.sub-wrap .sub-con.refund.basic .refund-list{margin-top:55px;}
.sub-wrap .sub-con.refund.basic h4{padding-bottom:15px; text-align:left; font-size:1.625rem; font-weight:600}
.sub-wrap .sub-con.refund.basic h4 span{color:var(--blue-color)}
.sub-wrap .sub-con.refund.basic .notice{margin-top:17px; padding-top:0; border:none;}
.sub-wrap .sub-con.refund.basic .notice ul li{padding-top:5px;}

@media only screen and (max-width:560px){
	.sub-wrap .sub-con.refund.basic .refund-list{margin-top:45px;}
	.sub-wrap .sub-con.refund.basic h4{padding-bottom:11px; font-size:1.375rem}
	.sub-wrap .sub-con.refund.basic .notice{margin-top:10px;}
	.sub-wrap .sub-con.refund.basic .notice ul li{padding:3px 0 0 20px; font-size:.875rem}
	.sub-wrap .sub-con.refund.basic .notice li:before{top:10.5px}
}




.why{text-align:center;}
.why img{max-width:60%;}


@media only screen and (max-width:1400px){
	.sub-wrap{margin-top:110px;}
	.sub-wrap .sub-con{margin-top:70px; padding:80px 0;}
	.sub-wrap .sub-con.small,.sub-wrap .sub-con.small2{margin-top:40px; padding: 50px 0;}
	.sub-wrap h2{padding-top:120px; font-size:3.125rem}
}
@media only screen and (max-width:1400px){
	.sub-wrap .sub-con.use-process ul li{gap:50px}
	.sub-wrap .sub-con.use-process ul li .panel{min-width:auto; width:50%;}
	.sub-wrap .sub-con.use-process ul li .panel .con{padding:35px 20px}
	.sub-wrap .sub-con.use-process ul li .panel .con h3{font-size:2rem}
}
@media only screen and (max-width:1200px){
	.sub-wrap .sub-con.refund .panel{margin-top:-10px; min-width:auto;}
	.sub-wrap .sub-con.refund .panel .con{padding:40px 30px 50px; height:250px;}
	.sub-wrap .sub-con.refund .cha img{max-height:180px; margin-right:-30px}
	.sub-wrap .sub-con.refund .cha > div:nth-child(1){padding-right:50px; border-width:2px;}
	.sub-wrap .sub-con.refund .cha > div:nth-child(2){padding-left:50px;}
	.sub-wrap .sub-con.refund.part .cha > div{padding:40px 0;}
	.sub-wrap .sub-con.refund .cha > div h3{padding-bottom:20px; font-size:2.125rem;}

	.sub-wrap .sub-con{padding:70px 0;}
	.sub-wrap h2{padding-top:90px; font-size:3rem}
}
@media only screen and (max-width:1024px){
	.sub-wrap{margin-top:105px;}
	.sub-wrap .sub-con{padding:30px 0}
	.sub-wrap .sub-con.refund .panel .tit .x{top:5px;}
}

@media only screen and (max-width:768px){
	.sub-wrap .sub-con.small,.sub-wrap .sub-con.small2{margin-top:40px;}

	.sub-wrap{margin-top:105px;}	
	.sub-wrap h2{padding-top:80px; font-size:2.75rem;}
	.sub-wrap .tab-wrap{padding-top:25px;}
	.sub-wrap .tab-wrap .tab-button-outer {display: none;}
    .sub-wrap .tab-wrap .tab-select-outer {display: block;}
	.sub-wrap .tab-wrap .nice-select,.sub-wrap .tab-wrap .nice-select .list{width:100%;}
	.sub-wrap .tab-wrap .nice-select .current{font-size:1.125rem}
	.sub-wrap .sub-con.use-process ul li{display:block; padding:50px 0; text-align:center; border-width:3px;}
	.sub-wrap .sub-con.use-process ul li:first-child{padding-top:0;}
	.sub-wrap .sub-con.use-process ul li .panel{margin-bottom:60px; width:100%;}
	.sub-wrap .sub-con.use-process ul li img{max-width:60%}
	.sub-wrap .sub-con.use-process ul li .panel .con{padding:30px 20px}

	.sub-wrap .sub-con.refund .cha > div h3{font-size:2rem}
	.sub-wrap .sub-con.refund .cha img{margin-right:-30px; max-height:160px}
	.sub-wrap .sub-con.refund .panel .con{padding:35px 25px 40px;}
	.sub-wrap .sub-con.refund .panel .con ul{margin-top:20px;}
	.sub-wrap .sub-con.refund .panel .con h4{font-size:1.25rem}

	.why img{max-width:100%;}
}

@media only screen and (max-width:650px){
	.sub-wrap .sub-con.refund .cha{grid-template-columns:repeat(1, 1fr)}
	.sub-wrap .sub-con.refund .cha > div:nth-child(1){padding:0; border:none}
	.sub-wrap .sub-con.refund .cha > div:nth-child(2){padding:50px 0 0}
	.sub-wrap .sub-con.refund .panel .con{height:auto;}
	.sub-wrap .sub-con.refund .cha > div h3{padding-bottom:10px;}
	.sub-wrap .sub-con.refund .notice{margin-top:50px; padding-top:0; border:none;}
	.sub-wrap .sub-con.refund.part .cha > div{padding:32px 0 0;}
	.sub-wrap .sub-con.refund.part .cha > div table :where(th,td){padding:10px 5px; font-size:.938rem}
	.sub-wrap .sub-con.refund.part .cha > div table td{line-height:1.3}
}
@media only screen and (max-width:560px){
	.sub-wrap{margin-top:104px;}
	.sub-wrap h2{padding-top:60px; font-size:2.375rem}
	.sub-wrap .tab-wrap{padding-top:25px;}
	.sub-wrap .sub-con{}
	.sub-wrap .sub-con.small,.sub-wrap .sub-con.small2{margin-top:30px;}
	.sub-wrap .sub-con.use-process ul li{padding:40px 0;}
	.sub-wrap .sub-con.use-process ul li .panel .tit{padding:6px 17px;}
	.sub-wrap .sub-con.use-process ul li .panel .tit .step{font-size:1.125rem}
	.sub-wrap .sub-con.use-process ul li .panel .tit .x{width:25px; height:25px;}
	.sub-wrap .sub-con.use-process ul li .panel .tit .x:before, .sub-wrap .sub-con.use-process ul li .panel .tit .x:after{top:10px; width:11px}
	.sub-wrap .sub-con.use-process ul li .panel .con .sub-tit{font-size:1.125rem}

	.sub-wrap .sub-con.refund .cha img{margin-right:-20px; max-height:140px}
	.sub-wrap .sub-con.refund .notice li{padding:5px 0 0 22px;font-size:.938rem}
	.sub-wrap .sub-con.refund .notice li.tit{padding:0 0 5px 0;}
	.sub-wrap .sub-con.refund .cha > div h3{font-size:1.875rem; padding:5px 0 12px;}
	.sub-wrap .sub-con.refund .panel .con h4{padding-bottom:15px;}
	.sub-wrap .sub-con.refund .panel .con ul{margin-top:15px;}
	.sub-wrap .sub-con.refund .panel .con ul li{font-size:.875rem}
	.sub-wrap .sub-con.refund .panel:before{top:2px; left:0;}

	.sub-wrap .sub-con.refund.part .panel .con h4{font-size:1.25rem}

	.sub-wrap .sub-con.use-process ul li .panel .con .txt{font-size:.938rem; line-height:1.4}

	
}

/* 운항안내 */
.course .tab-link.on{background:var(--primary-color);}
.course .c-box{position:relative; margin-top:135px; padding:100px 100px 55px; background-color:#ebf2fc; border-radius:15px;}
.course .c-box .sub-tit{padding-top:12px; color:rgba(0,0,0,.7); letter-spacing:-.2px;}
.course .c-box:before{content:''; position:absolute; top:-62px; left:50%; width:100%; height:102px; transform:translateX(-50%); background: url(/assets/img/info/c-island.png) no-repeat top center; }
.course .c-box h3{font-size:2.188rem}
.course .c-box .load{padding-top:40px;}
.course .c-box .load ul{position:relative; display:grid; /*grid-template-columns:repeat(7, calc(100% / 7))*/ grid-template-columns:repeat(auto-fit, minmax(14.28%, auto))}
/*.course .c-box .load ul:before{content:''; position:absolute; width:100%; height:28px; background-color:#fff; border-radius:100px; }*/
.course .c-box .load ul li{position:relative; font-size:1.063rem; color:var(--primary-color); font-weight:600; z-index:1}
.course .c-box .load ul li span{position:relative; display:block; width:20px; height:20px; left:50%; transform:translateX(-50%); z-index:1}
.course .c-box .load ul li span:before{content:''; position:absolute; top:10px; left:50%; transform:translateX(-50%); width:9px; height:9px; background-color:var(--primary-color); border-radius:100px; z-index:1; opacity:.9}
.course .c-box .load ul li.big span:before{top:4px; width:20px; height:20px; background-color:#fff; border:5px solid var(--primary-color); opacity:1}
.course .c-box .load ul li:before{content:''; position:absolute; width:calc(100% + 15px); left:50%; top:1px; height:28px; background:url(/assets/img/info/dot.png) repeat-x center; z-index:1}
.course .c-box .load ul li:after{content:''; position:absolute; top:0; background-color:#fff; width:calc(100% + 5px); height:28px; z-index:0; opacity:1}

.course .c-box .load ul li:first-child:after{width:calc(100% + 15px); left:calc(50% - 15px); border-radius:20px 0 0 20px}
.course .c-box .load ul li:last-child:after{width:25px; left:calc(50% - 10px); border-radius:0 20px 20px 0;}
.course .c-box .load ul li:last-child:before{display:none;}
.course .c-box .load ul li p{padding-top:20px;}

.course .c-box .load ul li.next-none:before,.course .c-box .load ul li.goal:before{filter:grayscale(100%); opacity:.6}
.course .c-box .load ul li.next-none span:before{background-color:#bbc0c6}
.course .c-box .load ul li.next-none p{color:#93989e}

.course .time-table{display:grid; grid-template-columns:repeat(2,1fr); gap:35px 55px; text-align:left;}
.course .time-table .con p{font-size:1.375rem; font-weight:600}
.course .time-table .con table{margin-top:17px; }
.course .time-table .con table td:first-child,.course .time-table .con table th:first-child{border-right:1px solid #ddd; width:50%;}

.course .booking-btn{position:sticky; bottom:5px; display:block; margin-top:50px; padding:20px; border-radius:15px; background-color:var(--blue-color); color:#fff; text-align:center; font-size:1.75rem; font-weight:600; z-index:99}

.course .img-max{max-width:100%;}


.sub-space{margin-top:70px;}
.sub-space.big{margin-top:120px;}
.sub-space.sm{margin-top:90px;}
.sub-space.xs{margin-top:60px;}
.sub-space.xs2{margin-top:45px;}
.sub-space.mini{margin-top:30px;}
.sub-space.mini2{margin-top:20px;}

@media only screen and (min-width:769px){
	.course .c-box .load ul li{margin-bottom:20px;}
	.course .c-box .load ul li:nth-child(7n):before{left:calc(50% - 15px); width:30px}
	.course .c-box .load ul li:nth-child(7n):after{left:calc(50% - 15px); width:30px;}
	.course .c-box .load ul li:nth-child(7n+8):before{left:calc(50% - 15px); width:calc(100% + 15px);}
	.course .c-box .load ul li:nth-child(7n+8):after{width:calc(100% + 15px); left:calc(50% - 15px);}
}
@media only screen and (min-width:561px) and (max-width:768px){
	.course .c-box .sub-tit{text-align:left; max-width:200px;}
}
@media only screen and (max-width:560px){
	.sub-space.mini{margin-top:25px;}
 	.sub-space.mini2{margin-top:15px;}
	.course .c-box .sub-tit{padding-top:7px; font-size:.875rem}
}

.calendar .tit{display:flex; justify-content:center; align-items:center; gap:0 28px;}
.calendar .tit button{width:47px; height:47px; border-radius:100px; background:none; background:url(/assets/img/icon-arrow.png) no-repeat center / 17px; border:1px solid #666;}
.calendar .tit button:hover{opacity:.7}
.calendar .tit button.prev{transform:rotate(-180deg)}
.calendar .tit h3{font-size:1.75rem; font-weight:700}

.calendar table{display:table; margin-top:35px; width:100%; border-collapse:collapse;}
.calendar table thead th{padding:8px 0; color:#797979; font-weight:600; font-size:1.063rem; border-bottom:2px solid #333;}
.calendar table tbody tr{min-height:150px;}
.calendar table tbody tr td:first-child{border-left:0;}
.calendar table tbody tr td:last-child{border-right:0;}
.calendar table tbody tr td .num{font-size:1rem; color:#333; font-weight:600}
.calendar table tbody tr td .num.sat{color:var(--blue-color);}
.calendar table tbody tr td .num.sun{color:var(--red-color);}
.calendar table tbody tr td .num.hol{color:var(--red-color);}
.calendar table tbody tr td .num span{color:#333; font-size:.813rem; padding-left:5px;}
.calendar table tbody td{padding:15px 10px; border:1px solid #eee; text-align:left; vertical-align:top; width:14.28%}
.calendar table tbody td .schedule{margin-top:7px;}
.calendar table tbody td .schedule ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:5px;}
.calendar table tbody td .schedule ul li{padding:2px; background-color:#f4f9ff; border:1px solid #d8e1ee; border-radius:5px; text-align:center; color:#5f758f; font-size:.875rem; font-weight:500}



.price-info h3{font-size:2.5rem; font-weight:600; text-align:left;}
.price-info-wrap{margin-top:75px; display:grid; grid-template-columns:repeat(auto-fit, minmax(40%, auto)); gap:0 30px}
.price-info-wrap .con{padding:55px 35px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.25); border-radius:17px;}
.price-info-wrap .con h4{font-size:1.438rem}
.price-info-wrap .con .tab{margin-top:17px;}
.price-info-wrap .con .tab-link,.price-info-wrap .con .tab-link2{padding:6px 15px 5px; font-size:1.063rem; background:#edf0f3; color:#91959b;}
.price-info-wrap .con .tab-link.on,.price-info-wrap .con .tab-link2.on{background-color:var(--primary-color); color:#fff; font-weight:500}
.price-info-wrap .con :where(.tab-content,.tab-content2){ margin-top:30px; height:300px; overflow-y:auto;}
.price-info-wrap .con table{}
.price-info-wrap .con table th{position:sticky; top:0; font-size:1rem; font-weight:600}
.price-info-wrap .con table tbody td:first-child{text-align:left; font-size:1.125rem; font-weight:600; color:#666;}
.price-info-wrap .con table td{color:#696969;}
.price-info-wrap .con table td.online{font-weight:600; color:var(--primary-color)}
.price-info-wrap .con table td.online span{display:inline-block; width:50px; margin-left:8px; padding:4px 19px 3px 7px; background:#ddedfe url(/assets/img/info/icon-arrow-down.png) no-repeat center right 5px / 10px; color:#2973d0; border-radius:5px; font-size:.813rem; font-weight:600}


.price-info .tab-ship-tab-wrap{text-align:left; padding:43px 55px; background-color:#ebf2fc; border-radius:15px; display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, auto)); gap:12px;}
.price-info .tab-ship-tab-wrap .tab-link-ship{position:relative; display:inline-flex; flex-direction:column; justify-content:space-between; border:3px solid #fff; height:165px; padding:38px 33px 26px; background-color:#fff; border-radius:20px; color:#666; text-align:left; font-weight:500; font-size:1.5rem; line-height:1.4}
.price-info .tab-ship-tab-wrap .tab-link-ship:before{content:''; position:absolute; top:15px; right:15px; width:32px; height:32px; border-radius:100px; background:#cad5e4; }
.price-info .tab-ship-tab-wrap .tab-link-ship:after{content:''; position:absolute; top:23px; right:22px; width:16px; height:16px; background:url(/assets/img/info/icon-check.png) no-repeat center /100%;}
.price-info .tab-ship-tab-wrap .tab-link-ship span{font-size:1rem; font-weight:400}

.price-info .tab-ship-tab-wrap .tab-link-ship.on{border-color:var(--blue-color); color:var(--blue-color); font-weight:600;}
.price-info .tab-ship-tab-wrap .tab-link-ship.on:before{background:var(--blue-color); }
.price-info .tab-ship-tab-wrap .tab-link-ship.on:after{background:url(/assets/img/info/icon-check.png) no-repeat center /100%;}
.price-info .tab-ship-tab-wrap .tab-link-ship.on span{font-weight:600}

.price-info .fare-notice{margin-top:10px; letter-spacing:0; color:#777; font-size:.938rem}
.price-info .fare-notice span{color:var(--blue-color)}


.price-info .calendar .price-cate-wrap{padding-top:5px;}
.price-info .calendar .price-cate-wrap span{position:relative; font-size:.813rem; color:#5f758f; padding:0 0 0 10px;}
.price-info .calendar .price-cate-wrap span:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; border-radius:10px; background-color:#cccccc;}
.price-info .calendar .price-cate-wrap dl{position:relative; display:flex; justify-content:space-between; margin:2px 0; padding:0 0 0 10px; font-size:.813rem; color:#5f758f;}
.price-info .calendar .price-cate-wrap dl:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; border-radius:10px; background-color:#2061e6;}
.price-info .calendar .price-cate-wrap dl:nth-child(2):before{background-color:#cb662e}
.price-info .calendar .price-cate-wrap dl:nth-child(3):before{background-color:#2fb714}
.price-info .calendar .price-cate-wrap dl:nth-child(4):before{background-color:#e331bf}
.price-info .calendar .price-cate-wrap dl:nth-child(5):before{background-color:#f5a01b}
.price-info .calendar .price-cate-wrap dl:nth-child(6):before{background-color:#45b2cd}
.price-info .calendar .price-cate-wrap dl:nth-child(7):before{background-color:#9863ff}
.price-info .calendar .price-cate-wrap dl dt{font-weight:500; color:#384453}
.price-info .calendar .price-cate-wrap dl dd{color:#5f758f}
.price-info .calendar .price-cate-wrap.mo span{padding:10px 15px 10px 25px; background-color:#fff; border:1px solid rgba(0,0,0,.07); font-size:1rem; border-radius:7px; grid-column : span 2; color:#384453}
.price-info .calendar .price-cate-wrap.mo span:before{display:none;}

.include-info h3{padding-bottom:25px; font-size:1.75rem; border-bottom:2px solid #333;}
.include-info ul{padding:40px 0; margin-bottom:50px; display:grid; grid-template-columns:repeat(auto-fit, minmax(0,1fr)); border-top:2px solid #333; border-bottom:1px solid #ddd;}
.include-info ul li{position:relative; text-align:left;}
.include-info ul li:first-child{padding-right:45px}
.include-info ul li:not(:first-child){padding-left:45px;}
.include-info ul li:not(:first-child):before{content:''; position:absolute; width:1px; height:100%; top:0; left:0; border-left:1px dotted #ddd;}
.include-info ul li h4{display:flex; gap:0 7px; align-items:center; padding-bottom:13px; font-size:1.5rem; font-weight:600;}
.include-info ul li h4 img{max-width:17px;}
.include-info ul li h4.y{color:#009c75}
.include-info ul li h4.n{color:var(--red-color)}
.include-info ul li .txt p{line-height:1.6}
.include-info ul li .inner-tit{font-size:1.125rem; padding:25px 0 10px; font-weight:600}
.include-info ul li .inner-tit.first{padding-top:10px}
.include-info ul li .para{padding-top:15px;}
.include-info table th{border-top:1px solid #aaa; border-bottom:1px solid #eee;}

@media only screen and (max-width:1024px){
	.price-info-wrap{grid-template-columns:repeat(1,1fr); gap:30px 0; margin-top:60px;}
	.price-info .tab-ship-tab-wrap{padding:25px 30px; grid-template-columns:repeat(auto-fill, minmax(200px, auto)); gap:8px}
	.price-info .tab-ship-tab-wrap .tab-link-ship{padding:25px 25px 20px; height:140px;}

	.include-info ul{padding:0; margin-bottom:40px; grid-template-columns:1fr;}	
	.include-info ul li h4{padding-bottom:10px}
	.include-info ul li:first-child{padding-right:0}
	.include-info ul li:not(:first-child){padding-left:0}
	.include-info ul li{padding:22px 0;}
	.include-info ul li:not(:first-child){border-top:1px dotted #ddd;}
	.include-info ul li:not(:first-child):before{display:none;}
}
@media only screen and (max-width:860px){
	.price-info .calendar .price-cate-wrap dl{margin:1px 0; padding:0 0 0 8px; font-size:.75rem}
	.price-info .calendar .price-cate-wrap dl:before{width:5px; height:5px;}
}
@media only screen and (min-width:769px){
	.price-info .calendar table tbody tr td .num .mo{display:none;}
	.price-info .today-fare{display:none;}
}
@media only screen and (max-width:768px){
	.price-info.sub-con.small{margin-top:30px}
	.price-info h3{font-size:2rem}
	.price-info-wrap{margin-top:55px; gap:20px;}
	.price-info-wrap .con{padding:40px 30px;}
	.price-info-wrap .con :where(.tab-content,.tab-content2){margin-top:25px; height:250px;}
	.price-info .calendar table tbody tr td .num .mo{display:block; margin-top:-2px; padding-bottom:15px; font-size:.818rem; color:var(--blue-color); }

	.price-info .calendar .price-cate-wrap{display:none;}
	.price-info .calendar .price-cate-wrap.mo{display:block}
	.price-info .calendar table tbody td{padding:10px; cursor:pointer;}
	.price-info .calendar table tbody td.active{background-color:var(--blue-color); color:#fff;}
	.price-info .calendar table tbody td.active .num .mo{padding:2px 0 5px;}
	.price-info .calendar table tbody td.active .num,.price-info .calendar table tbody td.active .num .mo{ color:#fff;}
	
	.price-info .today-fare{display:flex; flex-wrap:wrap; flex-direction:column; margin-top:15px; padding:20px; background-color:#eef5fc; border-radius:10px;}
	.price-info .today-fare .date{padding:5px 0; font-size:1.25rem; font-weight:600; text-align:center;}
	.price-info .calendar .price-cate-wrap.mo{display:grid; grid-template-columns:repeat(2,1fr); gap:4px;}
	.price-info .calendar .price-cate-wrap.mo dl{display:flex; justify-content:space-between; padding:10px 15px 10px 25px; background-color:#fff; border:1px solid rgba(0,0,0,.07); font-size:1rem; border-radius:7px;}
	.price-info .calendar .price-cate-wrap.mo dl:before{left:15px;width:6px; height:6px;}

	
	.price-info .tab-ship-tab-wrap{gap:8px; grid-template-columns:repeat(auto-fill, minmax(32%, auto)); gap:8px}
	.price-info .tab-ship-tab-wrap .tab-link-ship{font-size:1.438rem; border-radius:15px;}
	.price-info .tab-ship-tab-wrap .tab-link-ship:before{width:30px; height:30px;}
	.price-info .tab-ship-tab-wrap .tab-link-ship:after{top:22px;}

}
@media only screen and (max-width:768px){
	.price-info h3{font-size:2rem}
	.price-info-wrap .con{padding:40px 30px;}
	.price-info-wrap .con :where(.tab-content,.tab-content2){margin-top:25px; height:240px;}
}
@media only screen and (max-width:560px){
	.sub-space.xs2{margin-top:30px;}
	
	.price-info-wrap{gap:23px; margin-top:27px;}
	.price-info-wrap .con{padding:35px 20px;}
	.price-info-wrap .con :where(.tab-content,.tab-content2){margin-top:20px;}
	.price-info-wrap .con table tbody td:first-child{font-size:1rem}
	.price-info-wrap .con table td{font-size:1rem}
	.price-info-wrap .con table td.online span{width:45px; margin-left:6px; padding:3px 13px 2px 5px; background-size:8px;}

	.price-info h3{font-size:1.75rem}
	.price-info .calendar table tbody td{padding:8px;}
	.price-info .calendar table tbody tr td .num .mo{padding-bottom:12px;font-size:.75rem}
	.price-info .calendar table{margin-top:18px;}
	.price-info .today-fare .date{font-size:1.25rem}
	.calendar table tbody tr td .num{font-size:.938rem}

	.price-info .tab-ship-tab-wrap{padding:25px 15px; grid-template-columns:repeat(auto-fill, minmax(45%, auto)); gap:8px 4px;}
	.price-info .tab-ship-tab-wrap{padding:25px 15px; grid-template-columns:repeat(2, 1fr); gap:8px 4px;}
	.price-info .tab-ship-tab-wrap .tab-link-ship{height:auto; padding:14px 18px; font-size:1.25rem; border-radius:12px;}
	.price-info .tab-ship-tab-wrap .tab-link-ship:before{width:25px; height:25px; top:12px; right:12px; top:50%; transform:translateY(-50%);}
	.price-info .tab-ship-tab-wrap .tab-link-ship:after{top:19px; right:18.5px; width:12px; height:12px; top:50%; transform:translateY(-50%);}
	.price-info .tab-ship-tab-wrap .tab-link-ship span{display:none;}

	.price-info h3{padding-bottom:15px; font-size:1.25rem}
	.include-info ul li h4{padding-bottom:7px; gap:0 6px; font-size:1.188rem;}
	.include-info ul li h4 img{max-width:15px;}
	.include-info ul li .txt{font-size:.875rem}
	.include-info ul li .inner-tit{font-size:.938rem; padding:20px 0 8px;}
	
}




/*
.calendar .fc-toolbar h2{display:inline-block; padding-top:0; font-size:1.75rem; font-weight:700}
.calendar .fc-toolbar button{margin-left:.75em}
.calendar .fc-toolbar .fc-center,.calendar .fc .fc-toolbar>*>*{display:flex; justify-content:center; align-items:center; gap:0 15px}
.calendar .fc-toolbar .fc-center button{width:47px; height:47px; border-radius:100px; background:none; background:url(/assets/img/icon-arrow.png) no-repeat center / 17px; border:1px solid #666;}
.calendar .fc-toolbar .fc-center button.fc-prev-button{transform:rotate(-180deg)}

.calendar .fc-row:first-child table,.calendar .fc-row:first-child table td,.calendar .fc-head,.calendar .fc table td.fc-widget-header{border:none;}
.calendar .fc-row:first-child table td{border-left:1px solid #ddd;}
.calendar .fc-row:first-child table td:first-child{border-left:0}
.calendar .fc table th{padding:10px 0; border:0; border-bottom:2px solid #333; color:#797979; font-weight:600; font-size:1.063rem}
.calendar .fc .fc-content-skeleton table td{padding:8px;}
.calendar .fc table td:first-child{border-left:0;}
.calendar .fc table td:last-child{border-right:0;}
.calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:left; font-size:1.063rem; color:#333; font-weight:500}
.calendar .fc-view-container{padding-top:28px;}
.calendar tr td.fc-day-grid-event{display:inline-block;}
.calendar .fc-day-grid-event{margin:1px 5px 0}
.calendar .fc .fc-content-skeleton table td.fc-event-container{padding:2px;}
.calendar .fc .fc-content-skeleton table td.fc-event-container a{padding:4px 7px; background-color:#f4f9ff; color:#5f758f; border:1px solid #d8e1ee; font-weight:500}
*/

@media only screen and (max-width:1024px){
	.course .c-box{margin-top:120px; padding:90px 30px 30px;}
	.course .c-box .load{padding-top:30px;}
	.course .c-box h3{font-size:2rem;} 
	.course .c-box .load ul li p{padding:20px; line-height:1.4}
	.sub-space{margin-top:60px;}
	.sub-space.xs{margin-top:50px;}
}
@media only screen and (max-width:768px){
	.course .c-box{display:flex; gap:0 20px; padding:70px 40px 35px;}
	.course .c-box:before{background-size:65%}
	.course .c-box h3{padding-top:5px; width:40%; flex-shrink:1; text-align:left; line-height:1.3; font-size:1.75rem}
	.course .c-box .load{flex-grow:1; margin-top:5px; padding-top:0;}
	.course .c-box .load ul{display:block; padding:20px 35px; height:250px; overflow-y:auto; background-color:#fff; border-radius:15px; }
	.course .c-box .load ul li{display:flex; height:50px;}
	.course .c-box .load ul li:before{top:5px; left:-1px; width:2px; height:100%; background-repeat:repeat-y}
	.course .c-box .load ul li:after{top:0; left:-14px; width:28px; height:100%; background-color:#fff}
	.course .c-box .load ul li:first-child:after{top:-5px; left:-14px; width:28px; height:calc(100% + 5px); border-radius:20px 20px 0 0}
	.course .c-box .load ul li span{left:0;}
	.course .c-box .load ul li span:before{top:4.5px;}
	.course .c-box .load ul li.big span:before{top:0}	
	.course .c-box .load ul li:last-child:after{width:28px; height:25px; left:-14px; border-radius:0 0 20px 20px}
	.course .c-box .load ul li:last-child{height:25px;}
	.course .c-box .load ul li p{padding:0 0 0 5px}
	.course .time-table{gap:25px 40px}

	.sub-space.sm{margin-top:60px;}
	.sub-space{margin-top:45px;}
	.sub-space.xs{margin-top:25px;}


	.calendar table tbody td .schedule{height:150px; overflow-y:auto}
	.calendar table tbody td .schedule ul{grid-template-columns:repeat(1, 1fr); gap:5px;}

	.course .booking-btn{margin-top:35px; padding:15px; font-size:1.5rem; border-radius:10px}


	/*
	.calendar{margin-top:100px;}
	.calendar .fc-toolbar.fc-header-toolbar{margin-bottom:0}
	*/
}
@media only screen and (max-width:560px){	
	.course .tab{padding-top:20px;}
	.course .c-box{display:block; margin-top:60px; padding:50px 25px 30px; font-size:}
	.course .c-box:before{top:-30px}
	.course .c-box h3{width:100%; text-align:center; font-size:1.5rem}
	.course .c-box .load ul{height:200px;}
	.course .c-box .load ul li{height:45px;}
	.course .c-box .load ul li p{padding-top:1px; font-size:1.063rem}
	.course .c-box:before{background-size:62%;}	
	.course .c-box .load{margin-top:17px}
	.course .time-table{gap:25px}
	.course .time-table .con table{margin-top:12px;}
	.course .time-table .con p{font-size:1.188rem}

	.sub-space{margin-top:30px;}
	.sub-space.sm{margin-top:40px;}
	.sub-space.big{margin-top:75px}
	.calendar table{margin-top:20px;}
	.calendar .tit{gap:0 23px}
	.calendar .tit h3{font-size:1.5rem}
	.calendar .tit button{width:40px; height:40px; background-size:40%}
	.calendar table tbody td{padding:10px 6px}
	.calendar table tbody td .schedule{height:74px;}
	.calendar table tbody td .schedule ul li{padding:1px; font-size:.75rem}
	.calendar table tbody td .schedule.scroll::-webkit-scrollbar {width: 8px; }

	.course .booking-btn{margin-top:35px; padding:13px; font-size:1.313rem; border-radius:10px}
}




.cruise-info .tit h3{font-size:2.75rem; font-weight:600}
.cruise-info .tit p{padding-top:22px; font-size:1.125rem; color:#666; font-weight:500}
.cruise-info .img{position:relative; padding:80px 0;}
.cruise-info .img:before{content:''; position:absolute; top:0; left:0; width:100%; height:520px; background:url(/assets/img/info/cruise-bg.jpg) no-repeat; background-size:cover;}
.cruise-info .img img{max-width:100%; border-radius:23px;}
.cruise-info .img .inner{position:relative;}
.cruise-info .img .inner :where(.swiper-button-prev,.swiper-button-next){color:#333;}
.cruise-info .img .inner .swiper-button-prev{left:-65px;}
.cruise-info .img .inner .swiper-button-next{right:-65px;}

.cruise-info .num-info ul{display:grid; grid-template-columns:repeat(auto-fit, minmax(30%, auto))}
.cruise-info .num-info ul li:not(:last-child){border-right:1px solid #ddd}
.cruise-info .num-info ul li p.name{padding-top:10px; font-size:1.25rem; font-weight:600}
.cruise-info .num-info ul li p.num{padding-top:35px; font-size:3.75rem; font-weight:600}
.cruise-info .num-info ul li p.num span{padding-left:2px; font-size:1.875rem}

.cruise-info .inner-swiper .swiper-pagination{bottom:23px;}
.cruise-info .inner-swiper .swiper-pagination-bullet{background-color:#fff; width:12px; height:12px; margin:0 5px!important}
.cruise-info .inner-swiper .swiper-scrollbar{width:90%; left:5%; bottom:15px; background-color:rgba(255,255,255,.1);}
.cruise-info .inner-swiper .swiper-scrollbar-drag{background-color:#fff;}

@media only screen and (max-width:1200px){
	.cruise-info .tit p{padding-top:20px;}
	.cruise-info .img{padding:60px 0;}
	.cruise-info .img img{max-width:87%}
	.cruise-info .img .inner .swiper-button-prev{left:0;}
	.cruise-info .img .inner .swiper-button-next{right:0;}
	.cruise-info .img:before{height:350px;}
	.cruise-info .num-info ul li p.name{padding-top:7px;}
	.cruise-info .num-info ul li p.num{padding-top:22px; font-size:3rem}
	.cruise-info .num-info ul li p.num span{font-size:1.625rem}
}
@media only screen and (max-width:768px){
	.cruise-info .tit h3{font-size:2.125rem}
	.cruise-info .tit p{padding-top:15px}
	.cruise-info .img{padding:40px 0 35px;}
	.cruise-info .img:before{height:230px;}
	.cruise-info .num-info ul li img{max-height:29px}
	.cruise-info .num-info ul li p.name{padding-top:4px; font-size:1.125rem}
	.cruise-info .num-info ul li p.num{padding-top:15px; font-size:2.5rem}
	.cruise-info .img .inner .swiper-button-prev:after,.cruise-info .img .inner .swiper-button-next:after{font-size:30px}
}
@media only screen and (max-width:560px){
	.cruise-info .tit h3{font-size:1.875rem;}
	.cruise-info .tit p{padding-top:10px;}
	.cruise-info .img{padding:30px 0 10px;}
	.cruise-info .img:before{height:180px;}
	.cruise-info .img img{border-radius:15px; max-width:100%;}
	.cruise-info .num-info ul{grid-template-columns:repeat(1,1fr)}
	.cruise-info .num-info ul li{display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-right:0!important; border-bottom:1px solid #ddd;}
	.cruise-info .num-info ul li > div{display:flex; align-items:center;}
	.cruise-info .num-info ul li img{max-height:auto; max-width:30px; }
	.cruise-info .num-info ul li p.name{padding-left:12px; }
	.cruise-info .num-info ul li p.num{padding-top:0; font-size:1.75rem}
	.cruise-info .num-info ul li p.num span{font-size:1rem}
	.cruise-info .img .inner :where(.swiper-button-prev,.swiper-button-next){display:none;}
}


.location h3{font-size:2.5rem; font-weight:600}
.location .map .map-info{position:relative; z-index:1}
.location .map .map-info ul{display:inline-flex; gap:0 50px; padding:20px 100px; background-color:#084591; border-radius:15px; color:#fff;}
.location .map .map-info ul li{display:flex; align-items:center; gap: 0 10px; }
.location .map .map-info ul li span{display:inline-block; width:35px; height:35px; flex-shrink:0; border-radius:100px; background:#fff url(/assets/img/info/icon-location.png) no-repeat center /14px;}
.location .map .map-info ul li.tel span{background:#fff url(/assets/img/info/icon-tel.png) no-repeat center /15px;}
.location .map .map-area{margin-top:-40px; border-top:2px solid var(--primary-color); background:url(/assets/img/info/map.jpg) no-repeat center; background-size:cover; height:600px;}
.location .parking h3{font-size:2.5rem; font-weight:600}
.location .parking .sub-tit{padding-top:15px; font-size:1.125rem; color:#666;}
.location .parking .photo{padding-top:40px;}
.location .parking .photo img{border-radius:17px; max-width:100%;}
.location .parking .price{margin-top:50px; display:flex; gap:0 40px}
.location .parking .price .icon{padding:25px 40px; border:2px solid #333; border-radius:25px;}
.location .parking .price .icon p{font-size:1.25rem; font-weight:600}
.location .parking table :where(th,td){padding:22px 20px;}

@media only screen and (max-width:1024px){
	.location .map .map-info ul{width:92%; padding:20px 40px;}
}
@media only screen and (max-width:860px){
	.location .map .map-info ul{display:block; margin:0 auto; padding:15px 30px; border-radius:13px;}
	.location .map .map-info ul li span{width:25px; height:25px; background-size:11px}
	.location .map .map-info ul li.tel{margin-top:5px;}
	.location .map .map-info ul li.tel span{background-size:12px;}
	.location .map .map-info ul li p{text-align:left;}
}
@media only screen and (max-width:768px){
	.location h3{font-size:2.125rem}
	.location .map .map-area{height:400px}
	.location .parking .photo{padding-top:30px}
	.location .parking .price{margin-top:35px; gap:0 30px}
	.location .parking .price .icon{display:flex; justify-content:center; align-items:center; flex-direction:column; gap:6px 0; padding:15px 30px; border-radius:17px;}
	.location .parking .price .icon img{max-width:70%;}
	.location .parking .price .icon p{font-size:1.125rem}
	.location .parking table :where(th,td){padding:15px;}	
}
@media only screen and (max-width:560px){
	.location .map .map-info ul{padding:15px 20px;}
	.location .map .map-info ul li{align-items:start;}
	.location .map .map-info ul li p{padding-top:3px; }
}
@media only screen and (max-width:479px){
	.location h3{font-size:2rem}
	.location .parking h3{font-size:2rem}
	.location .parking .sub-tit{padding-top:7px; font-size:1.125rem}
	.location .parking .price{margin-top:25px;}
	.location .parking .price .icon{display:none;}
	.location .parking .price .icon img{max-width:60%;}
}




/* 여행정보 */

.sub-course .top-img{text-align:center;}
.sub-course .top-img img{max-width:100%;}
.sub-course .sub-course-box{position:relative; display:flex; margin:50px auto 0; align-items:start; width:1200px; background-color:#0060c2; border-radius:20px;}
.sub-course .sub-course-box,.sub-course .swiper{height:840px;}
.sub-course .sub-course-box:before{content:''; position:absolute; bottom:-55px; left:-110px; width:219px; height:277px; background:url(/assets/img/tour/course-bc.png) no-repeat center / 100%;}
.sub-course .sub-course-box .attr{position:absolute; left:20px; top:35px; writing-mode:vertical-lr; font-family:"Noto Serif KR", serif; color:#3fe11f; font-size:3.125rem; font-weight:700;}
.sub-course .sub-course-box .attr:after{content:'Recommned place'; position:absolute; margin:15px 0 0 15px; white-space:nowrap; font-size:1.25rem; color:#fff; font-weight:300; letter-spacing:0}
.sub-course .swiper{margin:0; padding:0 35px 0 200px;}
.sub-course .swiper .con-wrap{padding:35px 0}
.sub-course .swiper .con-wrap .img-wrap{height:540px; background:url(/assets/img/tour/course-photo.jpg) no-repeat center / cover; border-radius:20px;}
.sub-course .swiper .con-wrap .txt-wrap .top{display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.sub-course .swiper .con-wrap .txt-wrap .top h2{padding:0; font-size:2.5rem; font-family:"Noto Serif KR", serif; color:#fff; letter-spacing:-.8px; font-weight:600}
.sub-course .swiper .con-wrap .txt-wrap .top .btn-group{height:36px;}
.sub-course .swiper .con-wrap .txt-wrap .top .btn-group a{width:36px; height:36px;}
.sub-course .swiper .con-wrap .txt-wrap .top .btn-group a img{max-width:100%; border-radius:5px;}
.sub-course .swiper .con-wrap .txt-wrap .txt{margin-top:12px; color:#fff;}
.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{opacity:.9; max-height:100px; overflow-y:auto; color:#fff; font-weight:300; letter-spacing:-.2px}
.sub-course .swiper .con-wrap .txt-wrap .txt .time-info{color:#3fe11f; line-height:1.2}
.sub-course .sub-couser-pa{padding:70px 35px; width:250px; height:100%; flex-shrink:0;}
.sub-course .sub-couser-pa:before{content:''; position:absolute; width:250px; height:100%; top:0; right:0; background-color:#e6f0fa; border-radius:0 18px 18px 0}
.sub-course .sub-couser-pa h3{position:relative; padding-bottom:12px; z-index:1; font-size:1.75rem; font-weight:700; color:var(--blue-color)}
.sub-course .swiper-pagination{position:relative; top:0!important; transform:none!important; height:680px; overflow-y:auto; right:auto!important; left:0!important}
.sub-course .swiper-pagination span{display:block; padding:8px 0;}
.sub-course .swiper-pagination span.swiper-pagination-bullet:last-child:after{display:none;}
.sub-course .swiper-pagination .swiper-pagination-bullet{position:relative; opacity:1; width:100%; height:auto; padding:10px 0 10px 25px; background:none; text-align:left; color:#88a1bb;}
.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--blue-color); font-weight:700}
.sub-course .swiper-pagination .swiper-pagination-bullet:before{content:''; position:absolute; left:4px; top:calc(50% - 2px); transform:translateY(-50%); width:7px; height:7px; background-color:#7ea3ca; border-radius:100px; z-index:2}
.sub-course .swiper-pagination .swiper-pagination-bullet:after{content:''; position:absolute; width:3px; height:100%; left:6px; top:25px; background:url(/assets/img/tour/course-dot.png) repeat-y;}
.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{left:0; width:15px; height:15px; background-color:#fff; border:4px solid #255ad1;}

@media only screen and (max-width:1400px){
	.sub-course .sub-course-box{width:95%; margin-left:5%}
	.sub-course .sub-course-box:before{width:150px; height:190px; bottom:-50px; left:-50px}
}
@media only screen and (max-width:1100px){
	.sub-course .sub-course-box .attr{font-size:2.25rem}
	.sub-course .sub-course-box .attr:after{margin:12px 0 0 10px; font-size:1.125rem}
	.sub-course .swiper{padding:0 35px 0 150px}
	.sub-course .swiper .con-wrap .img-wrap{height:400px}	
	.sub-course .swiper .con-wrap .txt-wrap .top{margin-top:30px;}
	.sub-course .swiper .con-wrap .txt-wrap .top h2{font-size:1.875rem;}
	.sub-course .swiper .con-wrap .txt-wrap .txt{margin-top:10px;}
	.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{font-size:.938rem; max-height:90px;}
	.sub-course .sub-course-box,.sub-course .swiper{height:690px;}
	.sub-course .swiper-pagination{height:530px;}
	.sub-course .sub-couser-pa,.sub-course .sub-couser-pa:before{width:210px}
}
@media only screen and (max-width:1024px){
	.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{max-height:100px}
}
@media only screen and (max-width:860px){
	.sub-course .swiper{padding:0 30px 0 120px}
	.sub-course .swiper .con-wrap .img-wrap{height:350px}
	.sub-course .sub-course-box,.sub-course .swiper{height:620px;}
	.sub-course .swiper-pagination{height:480px;}
	.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{max-height:80px;}
	.sub-course .swiper-pagination .swiper-pagination-bullet{padding:7px 0 7px 22px; word-break:break-all}
	.sub-course .swiper-pagination .swiper-pagination-bullet:before{top:calc(50% - 1px)}
	.sub-course .swiper-pagination .swiper-pagination-bullet:after{top:20px}
	.sub-course .sub-couser-pa,.sub-course .sub-couser-pa:before{padding:60px 30px; width:190px}
	.sub-course .sub-couser-pa h3{padding-bottom:10px;}
}
@media only screen and (max-width:768px){
	.sub-course .swiper{padding:0 25px;}
	.sub-course .swiper .con-wrap{padding:25px 0}
	.sub-course .sub-course-box{width:100%; margin-left:0}
	.sub-course .sub-course-box .attr{display:none;}
	.sub-course .sub-course-box:before{display:none;}

	.sub-course .sub-course-box,.sub-course .swiper{height:600px;}
	.sub-course .swiper-pagination{height:460px;}

	.sub-course .swiper-pagination .swiper-pagination-bullet{line-height:1.2; margin:0!important; padding:15px 0 15px 22px; }
	.sub-course .swiper-pagination .swiper-pagination-bullet:before{transform:none; top:20px;}
	.sub-course .swiper-pagination .swiper-pagination-bullet:after{top:20px;}
	.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{top:15px}
	.sub-course .sub-couser-pa,.sub-course .sub-couser-pa:before{padding:55px 15px 55px 25px; width:170px}
	.sub-course .sub-couser-pa h3{padding-bottom:13px; font-size:1.625rem}
}
@media only screen and (max-width:650px){
	.sub-course .swiper{padding:0 20px}
	.sub-course .swiper .con-wrap .img-wrap{height:300px; border-radius:15px;}
	.sub-course .swiper .con-wrap .txt-wrap .top{display:block; margin-top:25px;}
	.sub-course .swiper .con-wrap .txt-wrap .top h2{width:100%; text-align:left; word-break:break-all; line-height:1.2}
	.sub-course .swiper .con-wrap .txt-wrap .txt{margin-top:15px;}
	.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{max-height:140px}
	.sub-course .swiper .con-wrap .txt-wrap .top .btn-group{white-space:nowrap; height:30px; position:absolute; top:35px; right:9px;}
	.sub-course .swiper .con-wrap .txt-wrap .top .btn-group a{width:30px; height:30px;}
	.sub-course .swiper-pagination .swiper-pagination-bullet{padding:12px 0 12px 20px}
	.sub-course .swiper-pagination .swiper-pagination-bullet:before{top:15px;}
	.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{top:12px}
	.sub-course .sub-couser-pa, .sub-course .sub-couser-pa:before{padding:50px 10px 50px 16px; width:150px}
}
@media only screen and (max-width:479px){
	.sub-course .sub-course-box{margin:30px auto 0;}
	.sub-course .sub-course-box,.sub-course .swiper{height:460px;}
	.sub-course .swiper{padding:0 15px}
	.sub-course .swiper-pagination{height:370px; counter-reset: number 0;}
	.sub-course .swiper .con-wrap{padding:15px 0}	
	.sub-course .swiper .con-wrap .txt-wrap .top .btn-group{top:24px; right:9px;}
	.sub-course .swiper .con-wrap .txt-wrap .top h2{font-size:1.5rem;}	
	.sub-course .swiper .con-wrap .txt-wrap .txt{margin-top:7px;}
	.sub-course .swiper .con-wrap .txt-wrap .txt .txt-con{max-height:120px}
	.sub-course .swiper .con-wrap .img-wrap{height:200px;}
	.sub-course .sub-couser-pa h3{padding-bottom:12px; font-size:1.25rem}
	.sub-course .sub-couser-pa, .sub-course .sub-couser-pa:before{padding:35px 10px 35px 16px; width:120px}
	.sub-course .swiper-pagination .swiper-pagination-bullet{padding:6px 0 6px 12px; font-size:.875rem; text-overflow:ellipsis; overflow-x:hidden; white-space:nowrap;}
	.sub-course .swiper-pagination .swiper-pagination-bullet:after{display:none;}
	.sub-course .swiper-pagination .swiper-pagination-bullet:before{content:counter(number) '.'; top:4px; left:0; width:4px; height:4px; counter-increment: number 1; background:transparent;}
	.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{top:5px; border:none; background:transparent;}
	/*.sub-course .swiper-pagination .swiper-pagination-bullet:before{top:13px; width:5px; height:5px; }
	.sub-course .swiper-pagination .swiper-pagination-bullet:after{top:14px; left:5px; opacity:.7}
	.sub-course .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:13px; height:13px; top:9px}
	*/

}



.sub-shot{display:grid; grid-template-columns:repeat(3,1fr); gap:0 20px}
.sub-shot ul{display:flex; flex-direction:column; gap:20px 0}
.sub-shot .grid .grid-item{position:relative;}
.sub-shot .grid .grid-item .img-wrap{position:relative; }
.sub-shot .grid .grid-item .img-wrap img{display:block; width:100%; border-radius:5px;}
.sub-shot .grid .grid-item .source{position:absolute; bottom:7px; right:10px; display:flex; align-items:center; gap:0 5px; margin-top:15px; color:#fff; z-index:10}
.sub-shot .grid .grid-item .source img{max-width:25px;}
.sub-shot .grid .grid-item img{display:block; width:100%}
.sub-shot .grid .grid-item:hover .txt-wrap{display:block;}
.sub-shot .grid .grid-item .txt-wrap{display:none; position:absolute; top:50%; transform:translateY(-50%); color:#fff; padding:18px 0 0; width:100%; height:100%; background:rgba(0,0,0,.5); text-align:center; border-radius:5px;}
.sub-shot .grid .grid-item .txt-wrap .txt{position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; }
.sub-shot .grid .grid-item .txt-wrap .txt .btn{display:inline-block; margin:15px auto 0; width:80px; background-color:var(--blue-color)}
.sub-shot .grid .grid-item .txt-wrap .txt .btn:hover{background-color:var(--blue-color-hover)}
.sub-shot .grid .grid-item .txt-wrap .txt h3{padding-bottom:5px; font-size:2.063rem}



/* clearfix */
.grid:after {content: ''; display: block; clear: both;}

/* ---- grid-item ---- */
.grid-item{width: calc(33.33% - 24px); height: auto; float: left; border-radius: 5px; margin:12px;}
.grid-item img{max-width:100%;}



.map-pop{display:none; width:750px;}
.map-pop .map-wrap{padding-top:10px}
.map-pop .map-wrap img{width:100%;}
.map-pop h3{padding-bottom:5px; font-size:1.5rem}



@media only screen and (max-width:1400px){
	.sub-wrap .sub-con.sub-shot{margin-top:80px;}
}
@media only screen and (max-width:1024px){
	.sub-shot .grid .grid-item .txt-wrap .txt h3{font-size:1.75rem}
	.grid-item{width: calc(50% - 18px); margin:9px}
}
@media only screen and (max-width:768px){	
	.sub-shot .grid .grid-item{margin:5px 9px;}
	.sub-shot .grid .grid-item .txt-wrap{display:block; position:relative; padding:15px 0 0; margin-bottom:10px; top:0; transform:none; background:none;}
	.sub-shot .grid .grid-item .txt-wrap .txt{position:relative; top:0; transform:none; color:#333; display:block; text-align:left; width:auto; height:auto;}
	.sub-shot .grid .grid-item .txt-wrap .txt h3{padding-bottom:3px; font-size:1.5rem}
	.sub-shot .grid .grid-item .txt-wrap .txt .btn{margin:10px auto 0}
	.sub-shot .grid .grid-item .img-wrap img{border-radius:15px;}

	.sub-wrap .sub-con.sub-shot{margin-top:60px;}
}
@media only screen and (max-width:479px){
	.sub-wrap .sub-con.sub-shot{margin-top:45px;}
	.sub-shot .grid .grid-item{width:100%; margin:10px 0 0}
	.map-pop.layer-pop{padding:35px 25px 20px;}
	.map-pop h3{font-size:1.75rem}

}






.sub-event .sub-event-wrap ul{display:grid; grid-template-columns:repeat(3,1fr); gap:70px 22px;}
.sub-event .sub-event-wrap ul li img{width:100%; border-radius:15px; transition:all .3s}
.sub-event .sub-event-wrap ul li .tit{padding-top:15px; font-size:1.438rem; font-weight:500; line-height:1.3; letter-spacing:-.3px}
.sub-event .sub-event-wrap ul li .date{padding-top:4px; color:#aaa;}
.sub-event .sub-event-wrap ul li a{display:block;}
.sub-event .sub-event-wrap ul li a:hover img{opacity:.8}
.sub-event .sub-event-wrap ul li a:hover .tit{color:var(--primary-color)}
.sub-event .sub-event-wrap ul li.over a img{filter:grayscale(100%); opacity:.8}
.sub-event .sub-event-wrap ul li.over a:hover{cursor:default;}
.sub-event .sub-event-wrap ul li.over .tit,.sub-event .sub-event-wrap ul li.over a:hover .tit{color:#999;}

@media only screen and (max-width:768px){
	.sub-event .sub-event-wrap ul{gap:45px 20px;}
	.sub-event .sub-event-wrap ul li .tit{font-size:1.25rem}
	.sub-event .sub-event-wrap ul li .date{padding-top:2px;}
}
@media only screen and (max-width:560px){
	.sub-event .sub-event-wrap ul{grid-template-columns:repeat(2,1fr)}            
	.sub-event .sub-event-wrap ul li .tit{padding-top:13px;}
}
@media only screen and (max-width:479px){
	.sub-event .sub-event-wrap ul{grid-template-columns:repeat(1,1fr); gap:30px 0}
	.sub-event .sub-event-wrap ul li .tit{padding-top:13px; font-size:1.438rem;}
	.sub-shot .grid .grid-item .txt-wrap .txt{padding-bottom:15px;}
	.sub-shot .grid .grid-item .txt-wrap .txt h3{padding-top:3px; }
	.sub-shot .grid .grid-item .txt-wrap .txt p{font-size:1.125rem}
	.sub-shot .grid .grid-item .txt-wrap .txt .btn{font-size:1.063rem}
}










.around{padding:110px 0; background:url(/assets/img/tour/around-bg.jpg) no-repeat center / cover; text-align:center;}
.around .swiper-slide{margin:0 100px; width:1080px!important; cursor:pointer}
.around .tit-wrap{display:flex; gap:0 25px; justify-content:center; align-items:center; }
.around .tit-wrap span{display:block; width:90px; height:148px; background:url(/assets/img/tour/around-bc.png) no-repeat center ;}
.around .tit-wrap .tit{text-align:left; }
.around .tit-wrap .tit h3{font-size:2.625rem; font-weight:600}
.around .tit-wrap .tit p{padding-top:13px; font-size:1.125rem; color:#666}
.around .around-con-wrap{position:relative; }
.around .around-con{margin:45px 40px 40px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.25); border-radius:20px;}
.around .around-con .tit{padding:15px 0; background-color:var(--primary-color); color:#fff; border-radius:20px 20px 0 0; font-size:1.5rem; font-weight:500; letter-spacing:0}
.around .around-con .con{display:flex; gap:0 50px; padding:55px;}
.around .around-con .con .img{width:450px; height:450px; flex-shrink:0; background:url(/assets/img/tour/around-img.jpg) no-repeat center / cover; border-radius:20px;}
.around .around-con .con .txt-wrap{display:flex; flex-direction:column; justify-content:space-between; text-align:left;}
.around .around-con .con .txt{margin-top:5px; padding-bottom:15px; font-size:1rem; color:#666; height:380px; overflow-y:auto; line-height:1.6}
.around .around-con .con .address{margin-top:15px; border-top:1px dashed #ccc; padding:13px 0 0 22px; font-size:.938rem; color:var(--primary-color); font-weight:500; background:url(/assets/img/info/icon-location.png) no-repeat top 14px left / 15px; }

.around-con-wrap :where(.swiper-button-prev,.swiper-button-next){width:70px!important; height:70px!important; border-radius:100px; background-color:#8f9ea9; transition:all .3s}
.around-con-wrap .swiper-button-prev{left:50%; margin-left:-635px}
.around-con-wrap .swiper-button-next{right:50%; margin-right:-635px}
.around-con-wrap .swiper-button-next:after,.around-con-wrap .swiper-button-prev:after{content:''; position:absolute; left:35px; background:url(/assets/img/tour/around-arrow.png) no-repeat; width:51px; height:21px; transition:all .3s}
.around-con-wrap .swiper-button-next:after{left:-18px; transform:rotate(180deg)}
.around-con-wrap .swiper-button-next:hover:after{left:0}
.around-con-wrap .swiper-button-prev:hover:after{left:19px}

.around-con-wrap .swiper-pagination{bottom:-20px!important}
.around-con-wrap .swiper-pagination .swiper-pagination-bullet{width:13px; height:13px;}


@media only screen and (max-width:1400px){
	.around{padding:85px 0;}
	.around .swiper-slide{margin:0 60px; width:900px!important}
	.around .around-con{margin:35px 30px 30px;}
	.around .around-con .tit{padding:13px 0; font-size:1.438rem}
	.around .tit-wrap .tit{margin-left:-10px}
	.around .around-con .con{padding:45px;}
	.around .around-con .con .img{width:300px; height:300px;}
	.around .around-con .con .txt{height:350px;}
	.around-con-wrap .swiper-button-prev{margin-left:-550px}
	.around-con-wrap .swiper-button-next{margin-right:-550px;}
}

@media only screen and (max-width:1100px){
	.around-con-wrap :where(.swiper-button-prev,.swiper-button-next){display:none!important;}
	.around .swiper-slide{margin:0 10px; width:95%!important}
}
@media only screen and (max-width:1024px){
	.around{padding:70px 0;}
	.around .tit-wrap span{width:70px; height:115px; background-size:100%;}
	.around .tit-wrap .tit{margin-left:-10px;}
	.around .tit-wrap .tit p{padding-top:10px;}
	.around .around-con{margin:25px;}
	.around .around-con .tit{padding:13px 0; font-size:1.375rem}
	.around .around-con .con{padding:40px; gap:35px;}
	.around .around-con .con .txt{height:245px; }
}
@media only screen and (max-width:768px){
	.around .tit-wrap .tit h3{font-size:2.25rem}
	.around .tit-wrap .tit p{padding-top:5px; }
	.around .around-con .con
	.around .around-con .con .img{width:250px; height:250px;}
}
@media only screen and (max-width:650px){
	.around .around-con .con{flex-direction:column; gap:25px;}
	.around .around-con .con .img{width:100%; height:350px;}
}
@media only screen and (max-width:560px){
	.around{padding:50px 0;}
	.around .swiper-slide{width:100%!important}
	.around .around-con .con{padding:25px; gap:15px}
	.around .around-con .con .img{width:100%; height:250px; margin:0 auto}
	.around .around-con .con .txt{height:210px;}
	.around .around-con .tit{padding:12px 0; font-size:1.25rem; letter-spacing:0; }
	.around .tit-wrap .tit{margin-left:0; text-align:center;}
	.around .tit-wrap .tit h3{padding-top:15px; font-size:2rem;}
	.around .tit-wrap{display:block; text-align:center;}
	.around .tit-wrap span{margin:0 auto; display:none;}
}


.honey-tip ul.list{display:grid; grid-template-columns:repeat(3,1fr); gap:80px 40px;}
.honey-tip ul.list li a{display:block}
.honey-tip ul.list li a:hover .tit{color:#000;}
.honey-tip ul.list li a:hover .img{opacity:.8}
.honey-tip ul.list li a .img{height:420px; background:url(/assets/img/tour/poster-img.jpg) no-repeat top center / cover; border-radius:20px; transition:all .3s}
.honey-tip ul.list li a .tit{padding-top:25px; font-size:1.375rem; font-weight:600; line-height:1.4}
.honey-tip ul.list li a .date{padding-top:10px; font-size:1rem; color:#888;}

.honey-tip-view .con{display:flex; gap:0 65px;}
.honey-tip-view .con :where(.swiper,.swiper-pagination){width:580px!important;}
.honey-tip-view .con .swiper img{max-width:100%; max-height:100%;}
.honey-tip-view .con .swiper-pagination{bottom:-45px!important}
.honey-tip-view .con .img{position:relative;}
.honey-tip-view .con .swiper-pagination .swiper-pagination-bullet{width:15px; height:15px;}
.honey-tip-view .con .txt-wrap h3{font-size:2rem;}
.honey-tip-view .con .txt-wrap .date{padding-top:12px; font-size:1.063rem; color:#888}
.honey-tip-view .con .txt-wrap .txt{margin-top:35px; padding-top:35px; border-top:1px solid #333; font-size:1.063rem; color:#666; line-height:1.8rem}


@media only screen and (max-width:1200px){
	.honey-tip-view .con :where(.swiper,.swiper-pagination){width:400px!important}
}
@media only screen and (max-width:1024px){
	.honey-tip ul.list li a .img{height:360px;}
	.honey-tip-view .con{gap:0 50px}
	.honey-tip-view .con :where(.swiper,.swiper-pagination){width:380px!important}
}
@media only screen and (max-width:960px){
	.honey-tip ul.list{gap:70px 30px}
	.honey-tip ul.list li a .img{height:300px;}
	.honey-tip-view .con :where(.swiper,.swiper-pagination){width:350px!important}
}
@media only screen and (max-width:768px){
	.honey-tip ul.list{gap:50px 20px; grid-template-columns:repeat(2,1fr);}
	.honey-tip ul.list li a .img{height:380px;}
	.honey-tip ul.list li a .tit{padding-top:20px; font-size:1.188rem;}
	.honey-tip ul.list li a .date{padding-top:5px;}

	.honey-tip-view .con{flex-direction:column;}
	.honey-tip-view .con .swiper{width:50%!important;}
	.honey-tip-view .con .swiper-pagination{width:100%!important; bottom:-35px!important}

	.honey-tip-view .con .txt-wrap{padding-top:80px; }
	.honey-tip-view .con .txt-wrap :where(h3,p.date){text-align:center;}
	.honey-tip-view .con .txt-wrap .date{padding-top:10px;}
	.honey-tip-view .con .txt-wrap .txt{margin-top:20px; padding-top:20px;}

}
@media only screen and (max-width:600px){
	.honey-tip ul.list li a .img{height:320px;}
}
@media only screen and (max-width:479px){
	.honey-tip ul.list{gap:35px 15px;}
	.honey-tip ul.list li a .tit{padding-top:13px; font-size:.938rem; line-height:1.3}
	.honey-tip ul.list li a .date{padding-top:3px; font-size:.813rem}
	.honey-tip ul.list li a .img{height:240px; border-radius:15px;}
}






.sub-wrap .sub-con.booking-sub{margin-top:100px; }
.booking-sub{padding:80px 0; background:var(--primary-color); overflow:visible;;}
.booking-sub .con{background-color:#fff; border-radius:30px;}
.booking-sub .con .tab-wrap{position:relative; padding:20px 50px; background-color:#2973d0; border-radius:30px 30px 0 0 ; justify-content:end;}
.booking-sub .con .tab-wrap .bc{position:absolute; top:-35px; left:65px; width:125px; height:164px; background:url(/assets/img/booking/booking-bc.png) no-repeat; }
.booking-sub .con .tab-wrap{display:flex; gap:0 50px; font-size:1.25rem; font-weight:500; color:#f3e05b; cursor:pointer;} /*ffdf43*/
.booking-sub .con .tab-wrap .photo-wrap{position:relative; width:330px; height:300px; flex-shrink:0; border-radius:20px; background:url(/assets/img/booking/booking-top-photo.jpg) no-repeat center / cover; }
.booking-sub .con .tab-wrap .photo-wrap .other{position:absolute; z-index:99; padding:11px 20px 9px 32px; left:0; bottom:-20px; background-color:#f2cf43; border-radius:0 100px 100px 0; border:none; box-shadow:0 0 10px rgba(0,0,0,.5); cursor:pointer;}
.booking-sub .con .tab-wrap .photo-wrap .other:hover{background-color:#e5c233}
.booking-sub .con .tab-wrap .photo-wrap .icon-bc{position:absolute; width:50px; height:85px; left:-25px; top:-20px; background:url(/assets/img/booking/booking-bc-02.png) no-repeat center / 100%; z-index:999999}
.booking-sub .con .tab-wrap .photo-wrap .txt{display:block; color:#333; font-size:1rem; font-weight:600; line-height:1.15}
.booking-sub .con .tab-wrap .txt-wrap{display:flex; flex-direction:column; align-items:start; justify-content:space-between; padding:10px 0; text-align:left;}
.booking-sub .con .tab-wrap .txt-wrap .cate{font-size:1.125rem; color:#77d6fd; font-weight:600}
.booking-sub .con .tab-wrap .txt-wrap h2{padding-top:25px; font-size:2rem; color:#fff; text-align:left; line-height:1.2; word-break:break-all;}
.booking-sub .con .tab-wrap .txt-wrap .desc{padding-top:11px; font-size:1.063rem; color:rgba(255,255,255,.7); line-height:1.4}
.booking-sub .con .tab-wrap .txt-wrap button{padding:10px 19px 8px; background-color:#fff; border:none; border-radius:5px; font-size:1.063rem; color:var(--blue-color); font-weight:600}
.booking-sub .con .tab-wrap .txt-wrap button:hover{background-color:rgba(255,255,255,.8)}
.booking-sub .con .tab-wrap .txt-wrap button .icon-zoom{position:relative; display:inline-block; margin-right:7px; width:15px; height:15px; border-radius:50%; border:2px solid var(--blue-color)}
.booking-sub .con .tab-wrap .txt-wrap button .icon-zoom:before{content:''; position:absolute; top:9px; left:11px; width:2px; height:6px; background-color:var(--blue-color); border-radius:50%; transform:rotate(-45deg);}
/*.booking-sub .con .tab-wrap .swiper{padding-left:200px;}
.booking-sub .con .tab-wrap .swiper .swiper-wrapper{align-items:center; }*/
.booking-sub .con .tab-wrap .swiper-slide{width:auto; cursor:pointer; }
.booking-sub .con .tab-wrap .swiper-slide.on{font-size:2rem; color:#40f562; font-weight:600}
.booking-sub .con .route{padding:70px 0 60px;}


.booking-sub .con .route.multi .tit{display:block; margin-bottom:25px;}
.booking-sub .con .route.multi .tit h3{text-align:center; font-size:2rem; font-weight:700}
.booking-sub .con .route.multi .con-wrap{padding:0 100px;}
.booking-sub .con .route.multi .con-wrap:not(:has(.cruise)){padding:0 70px 0 100px}
.booking-sub .con .route.multi .con-line{position:relative; display:flex; align-items:center; margin-top:12px; }
.booking-sub .con .route.multi .con-line :where(.way,.date-wrap){ background-color:#f2f6f9; border-radius:10px; text-align:left;}
.booking-sub .con .route.multi .con-line .box-wrap{display:flex; flex-grow:1; align-items:center;}
.booking-sub .con .route.multi .con-line .way-wrap{display:flex; align-items:center; gap:0 12px; flex-grow:1}
.booking-sub .con .route.multi .con-line .info-wrap{display:flex; align-items:center; gap:0 12px; flex-grow:1}
.booking-sub .con .route.multi .con-line .way{position:relative; display:flex; align-items:center; padding:18px 27px; flex-grow:1; width:100px; background:#f2f6f9 url(/assets/img/booking/icon-pin.png) no-repeat center right 20px / 20px; font-size:1.125rem; font-weight:500; border:2px solid #f2f6f9; cursor:pointer; flex-grow:1}
.booking-sub .con .route.multi .con-line .way.active{border-color:var(--blue-color)}
.booking-sub .con .route.multi .con-line .way .thumb-img{flex-shrink:0; display:inline-block; margin-right:20px; width:95px; height:90px; background:url(/assets/img/booking/booking-top-photo.jpg) no-repeat center / cover; border-radius:12px;}
.booking-sub .con .route.multi .con-line .way .thumb-img.before{background:url(/assets/img/booking/booking-before-photo.jpg) no-repeat center / cover;}
.booking-sub .con .route.multi .con-line .way :where(.tit-txt,.sub-txt){padding-right:15px;}
.booking-sub .con .route.multi .con-line .way .tit-txt{font-size:1.25rem}
.booking-sub .con .route.multi .con-line .way .sub-txt{padding-top:3px; font-size:.938rem; color:#939697; font-weight:400}
.booking-sub .con .route.multi .con-line .way ul{display:none; position:absolute; top:calc(100% + 12px); left:0; z-index:999; padding:10px 0; width:100%; max-height:250px; overflow-y:auto; background-color:#fff; box-shadow:0 5px 25px rgba(0,0,0,.2); border-radius:10px;}
.booking-sub .con .route.multi .con-line .way ul li{display:flex; padding-right:15px; justify-content:space-between; align-items:center; font-size:1rem;}
.booking-sub .con .route.multi .con-line .way ul li span.loca{flex-grow:1; padding:12px 0 12px 23px;}

.booking-sub .con .route.multi .con-line .way ul li.current{background-color:#f2f6f9}
.booking-sub .con .route.multi .con-line .way ul li:hover{background-color:#f2f6f9; cursor:pointer}

.booking-sub .con .route.multi .con-line .way .detail{position:relative; padding:4px 9px; font-size:.938rem; color:#fff; border-radius:100px; background-color:var(--orange-color); }
.booking-sub .con .route.multi .con-line .way .detail:hover{background-color:var(--orange-color-hover); color:#fff; }

.booking-sub .con .route.multi .con-line .date-wrap{display:flex; justify-content:center; flex-direction:column; align-self:stretch; padding:13px 20px; flex-grow:0; flex-shrink:0; width:180px; background:#f2f6f9 url(/assets/img/booking/icon-cal.png) no-repeat center right 20px / 26px; cursor:pointer}
.booking-sub .con .route.multi .con-line .date-wrap .date{font-size:1.063rem; font-weight:600; line-height:1.35}
.booking-sub .con .route.multi .con-line .date-wrap .date span.small{margin-left:2px; font-size:90%;}
.booking-sub .con .route.multi .con-line .date-wrap .time{font-size:.813rem; color:#99a0a8; line-height:1.35}
.booking-sub .con .route.multi .con-line .connect{margin:0 12px; height:38px; width:60px; border-bottom:3px dotted #d8dde6; background:url(/assets/img/booking/icon-cruise.png) no-repeat center / 36px;}
.booking-sub .con .route.multi .con-line .connect.first{display:flex; justify-content:center; align-items:center; background-image:none; border:none}
.booking-sub .con .route.multi .con-line .connect.first span{position:relative; z-index:99; display:flex; justify-content:center; align-items:center; width:48px; height:48px; background:#fff url(/assets/img/booking/icon-arrow.png) no-repeat center center / 65%; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,.15); cursor:pointer; transition:all .3s}
.booking-sub .con .route.multi .con-line .connect.first span:hover{box-shadow:0 0 15px rgba(0,0,0,.3);}
.booking-sub .con .route.multi .con-line .btn-area{display:flex; align-items:center; margin-left:0; width:30px;}
.booking-sub .con .route.multi .con-line .btn-area button{position:relative; background:none; border:none; width:30px; height:30px; }
.booking-sub .con .route.multi .con-line .btn-area button:before,.booking-sub .con .route.multi .con-line .btn-area button:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:20px; height:1px; background-color:#6d7179; transform:rotate(45deg)}
.booking-sub .con .route.multi .con-line .btn-area button:after{transform:rotate(-45deg)}
.booking-sub .con .route.multi .con-line .btn-area button:hover:before,.booking-sub .con .route.multi .con-line .btn-area button:hover:after{background-color:#666}
.booking-sub .con .route.multi .con-line.before :where(.way,.date-wrap) > p{color:#a8aeb3}
.booking-sub .con .route.multi .con-line.before .date-wrap{display:flex; align-self:stretch; font-size:1.125rem}
.booking-sub .con .route.multi .con-line.before .date-wrap .disable{cursor:default;}
.booking-sub .con .route.multi .con-line .tooltip{position:absolute; top:calc(50% + 40px); right:-17px; transform:translateY(-50%); padding:8px 18px; background-color:rgba(10,10,10,.7); color:#fff; border-radius:5px; font-size:.938rem; letter-spacing:0; z-index:99}
.booking-sub .con .route.multi .con-line .tooltip:before{content:''; position:absolute; top:-6px; right:15px; border-bottom:7px solid rgba(10,10,10,.7); border-right:6px solid transparent; border-left:6px solid transparent;}
.booking-sub .con .route.multi .con-line .tooltip span{padding:0 4px; color:#ffef86; text-decoration:underline; cursor:pointer;}

.booking-sub .con .route.multi .con-line.cruise{gap:0}
.booking-sub .con .route.multi .con-line.cruise .way{align-items:start; background:#f2f6f9 url(/assets/img/icon-arrow-03.png) no-repeat top 37px right 22px / 17px; font-size:1.125rem; }
.booking-sub .con .route.multi .con-line.cruise .way:hover{background:#e9eff3 url(/assets/img/icon-arrow-03.png) no-repeat top 37px right 22px / 17px;}
.booking-sub .con .route.multi .con-line.cruise .way > div{padding-top:10px;}
.booking-sub .con .route.multi .con-line.cruise .date-wrap{position:relative; margin-left:12px; padding:23px 20px; align-self:stretch; justify-content:start; background-position:right 20px bottom 20px}
.booking-sub .con .route.multi .con-line.cruise .date-wrap .date{font-size:1.188rem}
.booking-sub .con .route.multi .con-line.cruise .date-wrap .time{font-size:1rem}
.booking-sub .con .route.multi .con-line.cruise .date-wrap .icon{display:none; opacity:.8}
.booking-sub .con .route.multi .con-line.cruise .way ul{max-height:300px}
.booking-sub .con .route.multi .con-line.cruise .way ul li{padding:12px 15px; justify-content:start;}
.booking-sub .con .route.multi .con-line.cruise .way ul li .thumb-img{margin-right:10px; width:55px; height:50px; border-radius:8px}
.booking-sub .con .route.multi .con-line.cruise .way ul li > div{flex-grow:1; display:flex; align-items:center; justify-content:space-between;}
.booking-sub .con .route.multi .con-line.cruise .way ul li span.loca{padding:2px 0}
.booking-sub .con .route.multi .con-line.cruise .way ul li span.loca .sub-txt{display:block; margin-top:-1px; font-size:.875rem; line-height:1; font-weight:300}

.booking-sub .con .route.multi .con-line .date-wrap:has(.active){background-color:var(--blue-color); }
.booking-sub .con .route.multi .con-line .date-wrap:has(.active) > p{color:#fff;}


.booking-sub .con .route.multi .con-wrap .add-btn-wrap{position:relative; text-align:center; display:inline-block}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn{position:relative; display:inline-flex; justify-content:center; margin-top:28px; padding:12px 100px; font-size:1.25rem; color:var(--blue-color); border:1px solid var(--blue-color); border-radius:8px; cursor:pointer; transition:all .3s; background-color:#fff;}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn:hover{border-color:var(--blue-color-hover); color:var(--blue-color-hover)}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn:hover .plus:before,.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn:hover .plus:after{background-color:var(--blue-color-hover)}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus{position:relative; padding-left:22px; width:16px;}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus:before,.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus:after{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:15px; height:1px; background-color:var(--blue-color);}
.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus:after{transform:rotate(-90deg)}


@media only screen and (max-width:1200px){
	.booking-sub .con .route.multi .con-wrap{padding:0 50px;}
	.booking-sub .con .route.multi .con-wrap:not(:has(.cruise)){padding:0 20px 0 50px}
	.booking-sub .con .route.multi .con-line .date-wrap{width:170px;}
	.booking-sub .con .route.multi .con-line .tooltip{right:-9px}
}
@media only screen and (min-width:651px) and (max-width:1200px){
	.booking-sub .con .route.multi .con-line .btn-area button:before, .booking-sub .con .route.multi .con-line .btn-area button:after{left:8px}
}
@media only screen and (max-width:1024px){
	.booking-sub .con .route.multi .con-wrap{padding:0 35px;}
	.booking-sub .con .route.multi .con-wrap:not(:has(.cruise)){padding:0 5px 0 35px}
	.booking-sub .con .route.multi .con-line .way{padding:15px 20px; }
	.booking-sub .con .route.multi .con-line .date-wrap{padding:11px 20px}

	.booking-sub .con .route.multi .con-line.cruise .way{background-position:top 30px right 22px}
}
@media only screen and (max-width:960px){
	.booking-sub .con .route.multi .con-line{margin-top:10px;}
	.booking-sub .con .route.multi .con-line .way-wrap{gap:0 8px}
	.booking-sub .con .route.multi .con-line .way{background-size:17px; background-position:center right 11px}
	.booking-sub .con .route.multi .con-line .date-wrap{width:150px; background-size:22px; background-position:center right 11px}
	.booking-sub .con .route.multi .con-line .connect{flex-shrink:0; width:32px; height:36px; background-size:30px}
	.booking-sub .con .route.multi .con-line .connect.first{margin:0 10px; }
	.booking-sub .con .route.multi .con-line .connect.first span{width:34px; height:34px; background-size:70%}

	.booking-sub .con .route.multi .con-line.cruise .way{background-size:15px}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap{margin-left:8px;}
}
@media only screen and (max-width:860px){
	.booking-sub .con .route.multi .con-line .date-wrap{width:140px}
}
@media only screen and (min-width:769px){
	.booking-sub .con .route.multi .con-line.cruise .m-way-txt{display:none;}
}
@media only screen and (max-width:768px){
	.booking-sub .con .route.multi{padding:45px 0}
	.booking-sub .con .route.multi .tit{margin-bottom:10px;}
	.booking-sub .con .route.multi .con-wrap{padding:0 30px}
	.booking-sub .con .route.multi .con-line .box-wrap{align-items:center; padding:5px 15px 0; background-color:#f2f6f9; border-radius:5px;}
	.booking-sub .con .route.multi .con-line{position:relative; border-radius:0; text-align:center; border-radius:10px; align-items:start; margin-top:13px;}
	.booking-sub .con .route.multi .con-line .way-wrap{display:block;}
	.booking-sub .con .route.multi .con-line .way{padding:15px 20px; background-position:center right 15px; background-size:15px; justify-content:center; background-image:none; width:100%;}
	.booking-sub .con .route.multi .con-line .date-wrap{width:100%}
	.booking-sub .con .route.multi .con-line .date-wrap,.booking-sub .con .route.multi .con-line.cruise .date-wrap{display:block; margin:0; padding:8px 2px 10px; background-color:#fff; border-radius:8px; text-align:center;  background-image:none;}	
	.booking-sub .con .route.multi .con-line .date-wrap.before,.booking-sub .con .route.multi .con-line.cruise .date-wrap.before{margin:7px 0 15px; background-color:var(--blue-color); }
	.booking-sub .con .route.multi .con-line .date-wrap .time{font-size:1rem}
	.booking-sub .con .route.multi .con-line .date-wrap :where(.date,.time){display:inline-block}
	.booking-sub .con .route.multi .con-line .way .thumb-img{width:80px; height:75px; margin-right:15px;}
	.booking-sub .con .route.multi .con-line .way .tit-txt{line-height:1.4}
	.booking-sub .con .route.multi .con-line .way .sub-txt{line-height:1.35}
	.booking-sub .con .route.multi .con-line .connect{margin:0 8px; width:45px;}
	.booking-sub .con .route.multi .con-line .connect.first{margin:-7px 8px 0}
	.booking-sub .con .route.multi .con-line .connect.first span{width:45px; height:45px; background-size:60%}

	.booking-sub .con .route.multi .con-line .tooltip{transform:none; top:45px; right:11px}

	.booking-sub .con .route.multi .con-line.cruise{display:block; border:1px solid #ddd; padding:13px 20px 0; }
	.booking-sub .con .route.multi .con-wrap{counter-reset:number 0;}
	.booking-sub .con .route.multi .con-line.cruise .m-way-txt{margin:3px 0 7px; text-align:left; font-size:1.125rem; }
	.booking-sub .con .route.multi .con-line.cruise .m-way-txt p:after{content:counter(number); counter-increment:number 1}
	.booking-sub .con .route.multi .con-line.cruise .way{background-position:top 20px right 20px; background-size:13px; justify-content:start; width:100%;}
	.booking-sub .con .route.multi .con-line.cruise .way > div{padding-top:0;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap{display:flex; justify-content:center; flex-direction:row; align-items:center; padding:12px 2px 14px; gap:0 5px; }
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .date{display:inherit; align-items:center;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .date .icon{display:block; margin-right:5px; max-width:20px;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .time{font-size:1.188rem}

	.booking-sub .con .route.multi .con-line.cruise .btn-area{position:absolute; top:10px; right:20px;}

}
@media only screen and (max-width:650px){
	

	.booking-sub .con .route.multi .tit h3{font-size:1.75rem;}
	.booking-sub .con .route.multi .con-wrap{padding:0 25px}
	.booking-sub .con .route.multi .con-wrap:not(:has(.cruise)){padding:0 25px}
	.booking-sub .con .route.multi .con-line .way-wrap{gap:0 7px}
	.booking-sub .con .route.multi .con-line .way{padding:20px 15px; justify-content:center; font-size:1.188rem; font-weight:600; color:#222;}
	.booking-sub .con .route.multi .con-line .way .tit-txt{line-height:1.3; font-size:1.125rem}
	.booking-sub .con .route.multi .con-line .way .thumb-img{width:60px; height:55px; border-radius:10px;}
	.booking-sub .con .route.multi .con-line .info-wrap{display:block;}
	.booking-sub .con .route.multi .con-line .connect{flex-shrink:0; width:50px; height:34px; background-size:32px; border-color:#c9cfd9}
	.booking-sub .con .route.multi .con-line .date-wrap .time{font-size:1rem; font-weight:500; }
	
	.booking-sub .con .route.multi .con-line .date-wrap p{display:inline-block; font-size:1rem}
	.booking-sub .con .route.multi .con-line .date-wrap .date,.booking-sub .con .route.multi .con-line.cruise .date-wrap .date{font-size:1rem; font-weight:500}
	.booking-sub .con .route.multi .con-line .date-wrap .date,.booking-sub .con .route.multi .con-line .date-wrap .time{color:#666;}
	.booking-sub .con .route.multi .con-line .tooltip{right:7px;}
	
	.booking-sub .con .route.multi .con-wrap .add-btn-wrap{display:block}
	.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn{width:100%; margin-top:15px; padding:9px 0; font-size:1.063rem}	
	.booking-sub .con .route.multi .con-line .btn-area button{width:26px; height:30px; margin-right:-13px}
	.booking-sub .con .route.multi .con-line .btn-area button:before, .booking-sub .con .route.multi .con-line .btn-area button:after{width:18px;}

	.booking-sub .con .route.multi .con-line.cruise{padding:10px 13px 0; }	
	.booking-sub .con .route.multi .con-line.cruise .date-wrap{padding:12px 2px;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .date{font-size:1.188rem}

}
@media only screen and (max-width:560px){
	.booking-sub .con .route.multi{padding:45px 0 40px;}
	.booking-sub .con .route.multi .con-wrap{padding:0 15px;}
	.booking-sub .con .route.multi .con-wrap:not(:has(.cruise)){padding:0 15px;}
	.booking-sub .con .route.multi .con-line{margin-top:10px;}
	.booking-sub .con .route.multi .con-line .box-wrap{padding:11px 10px 0; }
	.booking-sub .con .route.multi .con-line .way{background-position:center right 7px; background-size:13px; border-radius:5px}
	.booking-sub .con .route.multi .con-line .way ul{top:calc(100% + 10px); max-height:210px}
	.booking-sub .con .route.multi .con-line .way ul li{padding-right:5px;}
	.booking-sub .con .route.multi .con-line .way ul li .detail{padding:3px 9px; font-size:.875rem}
	.booking-sub .con .route.multi .con-line .way ul li span.loca{padding:10px 0 10px 15px; font-size:.938rem}
	.booking-sub .con .route.multi .con-line .btn-area{margin-top:12px; width:22px;}
	.booking-sub .con .route.multi .con-line .btn-area button:before, .booking-sub .con .route.multi .con-line .btn-area button:after{margin-left:-5px}	
	.booking-sub .con .route.multi .con-line .connect{margin:0 6px; width:40px; border-bottom-width:2px; background-size:29px;}
	.booking-sub .con .route.multi .con-line .connect.first{margin:-11px 6px 0}
	.booking-sub .con .route.multi .con-line .connect.first span{width:40px; height:40px; background-size:60%}
	.booking-sub .con .route.multi .con-line .tooltip{top:42px; right:2px;}
	.booking-sub .con .route.multi .con-line:last-of-type .date-wrap{border-bottom:0;}
	.booking-sub .con .route.multi .con-line .date-wrap .hidden{display:none;}
	.booking-sub .con .route.multi .con-line .date-wrap, .booking-sub .con .route.multi .con-line.cruise .date-wrap{margin:0; padding:6px 2px; border-radius:5px; }
	.booking-sub .con .route.multi .con-line .date-wrap.before, .booking-sub .con .route.multi .con-line.cruise .date-wrap.before{margin-bottom:13px;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap{padding:10px 0;}
	.booking-sub .con .route.multi .con-line .date-wrap .date,.booking-sub .con .route.multi .con-line .date-wrap .time{}
	.booking-sub .con .route.multi .con-line.cruise .way ul li span.loca .sub-txt{line-height:1.3; font-size:.813rem}
	.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus{padding-left:18px;}
	.booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus:before, .booking-sub .con .route.multi .con-wrap .add-btn-wrap .add-btn .plus:after{margin-top:-1px; width:13px;}
	.booking-sub .con .route.multi .con-line .btn-area button:before, .booking-sub .con .route.multi .con-line .btn-area button:after{top:10px; width:16px; margin-left:-8px;}

	.booking-sub .con .route.multi .con-line.cruise .way{background-position:top 27px right 18px; background-size:12px}
	.booking-sub .con .route.multi .con-line .way :where(.tit-txt,.sub-txt){padding-right:20px;}
	.booking-sub .con .route.multi .con-line .way .tit-txt{line-height:1.35}
	.booking-sub .con .route.multi .con-line .way .sub-txt{padding-top:4px; line-height:1.4; font-size:.875rem}

	.booking-sub .con .route.multi .con-line.cruise .m-way-txt{font-size:1rem}
	.booking-sub .con .route.multi .con-line.cruise .btn-area{top:2px; right:14px}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .date,.booking-sub .con .route.multi .con-line.cruise .date-wrap .time{font-size:1rem;}
	.booking-sub .con .route.multi .con-line.cruise .date-wrap .date img{margin-right:2px;}

	
}





.booking-sub .tab_swiper{margin-left:220px; overflow:hidden;}
.booking-sub .menu {display: flex;align-items: center;}
.booking-sub .menu > li:last-child {padding-right: 0;}
.booking-sub .menu > li a {display: flex;align-items: center;position: relative; padding: 0 20px;font-size: 1.313rem; font-weight: 400; letter-spacing:-0.025em; color: rgba(255,255,255,.75);text-decoration: none;}
.booking-sub .menu > li.active a {color: #40f562; font-size:2rem; font-weight:600}
.booking-sub .menu > li.active a:after {content:'';position: absolute; left:2px; top:50%; transform:translateY(-50%); width: 9px;height: 9px; border-radius:100px; background: #40f562; }

.booking-sub .route-select{display:flex; justify-content:center; align-items:start; gap:0 35px; padding-top:60px;}
.booking-sub .route-select .place{width:295px;}
.booking-sub .route-select .place h3{display:flex; align-items:center; justify-content:center;  padding-bottom:10px; font-size:2.25rem; border-bottom:2px solid #333; font-weight:600}
.booking-sub .route-select .place h3 span{display:inline-block; margin-left:7px; padding:3px 7px; border-radius:5px; background:var(--blue-color); color:#fff; font-size:.938rem; font-weight:400; cursor:pointer}
.booking-sub .route-select .place h3 span:hover{background:var(--blue-color-hover)}
.booking-sub .route-select .place .sub-tit{padding-top:10px; font-size:1.125rem; color:#85888d;}
.booking-sub .route-select .place button{margin-top:20px; padding:28px 25px 22px; display:block; width:100%; background:#ebf2fc; border-radius:10px; border:none; }
.booking-sub .route-select .place button img{max-width:35px;}
.booking-sub .route-select .place button:hover{background-color:#dfe9f7}
.booking-sub .route-select .place button p{padding-top:2px; color:#084591; font-size:.938rem; font-weight:500}
.booking-sub .route-select .change-btn button{width:58px; height:58px; border-radius:100px; border:1px solid #999; background:#fff url(/assets/img/booking/icon-arrow.png) no-repeat center;}
.booking-sub .route-select .change-btn button:hover{background-color:#eee;}
.booking-sub .route-select .change-btn p{font-size:1.125rem; color:var(--primary-color); font-weight:500}
.booking-sub .route-select .place.complete button.after .date{font-size:1.25rem; font-weight:600; color:var(--primary-color)}
.booking-sub .route-select .place.complete button.after .time{display:inline-block; margin:7px 0 4px; padding:2.5px 12px 2.5px 30px; background:#728fb9 url(/assets/img/booking/icon-time-white.png) no-repeat left 10px center / 16px; color:#fff; font-size:.875rem; border-radius:5px; letter-spacing:0}


.booking-sub .route-select .place.cruise{width:600px}


.booking-sub .person,.booking-sub .car,.booking-sub .price{ padding:70px 100px 40px;}
.booking-sub .person,.booking-sub .car,.booking-sub .price,.booking-sub .agree{ background:#f5f9fd; }

.booking-sub .person{position:relative; border-top:4px dotted #dcdee1; counter-reset: number;}
.booking-sub .person:before,.booking-sub .person:after{content:''; position:absolute; top:-24px; left:-21px; width:42px; height:42px; border-radius:100px; background:var(--primary-color);}
.booking-sub .person:after{right:-21px; left:auto;}

.booking-sub .person .tit .wrap{display:flex; gap:0 10px; align-items:center;}

.booking-sub .tit{display:flex; align-items:center; gap:0 10px;}
.booking-sub .person > .tit{margin:50px 0 18px; display:flex; align-items:center; gap:0 10px;}
.booking-sub .person > .tit:first-of-type{margin-top:0;}
.booking-sub .tit h3{font-size:1.375rem; font-weight:600}
.booking-sub .tit h3 span{padding-left:5px; color:var(--blue-color)}
.booking-sub .tit img{max-height:24px;}
.booking-sub .tit p{font-size:.938rem; color:#666;}
.booking-sub .tit p strong{color:var(--secondary-color); }
.booking-sub .tit.personnel:before {counter-increment: number; content: "이용자"counter(number);}
.booking-sub .txt-tit-wrap{}
.booking-sub .txt-tit-wrap .inner-tit{font-size:1.125rem; text-align:left; font-weight:500}
.booking-sub .txt-tit-wrap .inner-txt{text-align:left;}

@media only screen and (max-width:560px){
	.booking-sub .tit h3{font-size:1.25rem}
}

.booking-sub .person .con{display:flex; margin-bottom:17px; padding:35px; background-color:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,.15)}
.booking-sub .person .con .tit{display:block; margin:6px 45px 0 0; font-size:1.188rem; font-weight:600; color:#666;}
.booking-sub .person .con .tit span{display:block; margin-top:-3px; font-size:.938rem; color:var(--blue-color); letter-spacing:0}
.booking-sub .person .con.represent{border:2px solid var(--secondary-color);}
.booking-sub .person .con.represent .tit{color:var(--secondary-color);}
.booking-sub .person .con.represent .input-wrap{grid-template-columns:repeat(2,1fr);}
.booking-sub .person .con .input-group{flex-grow:1; display:flex; flex-direction:column; gap:8px;}
.booking-sub .person .con .input-wrap{display:grid; grid-template-columns:repeat(auto-fit, minmax(13%, auto)); gap:8px;}

.booking-sub .person .con .input-wrap .nice-select{display:flex; align-items:center; height:auto; font-size:1rem;}
.booking-sub .person .con .input-wrap .nice-select.open .list{width:100%;}
.booking-sub .person .con .input-wrap .nice-select .option{padding-left:12px; }
.booking-sub .person .con .input-wrap .radio{padding-left:15px; display:flex; align-items:center;}
.booking-sub .person .con .close{position:relative; width:45px; height:45px; background:none; border:none; }
.booking-sub .person .con .close:before,.booking-sub .person .con .close:after{content:''; position:absolute; top:0; right:0; width:20px; height:1.5px; transform:rotate(45deg); border-radius:100px; background-color:#000}
.booking-sub .person .con .close:after{transform:rotate(-45deg);}


.booking-sub .person button.add{display:flex; align-items:center; justify-content:center; margin:30px auto 0; gap:0 11px; background:none; border:none; font-size:1.5rem; font-weight:500; color:var(--secondary-color); font-weight:600}
.booking-sub .person button.add .icon{position:relative; display:inline-block; width:50px; height:50px; background-color:var(--secondary-color); border-radius:50%;}
.booking-sub .person button.add .icon:before,.booking-sub .person button.add .icon:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:20px; height:3px; background-color:#fff; border-radius:100px;}
.booking-sub .person button.add .icon:after{transform:rotate(90deg); margin:-1px 0 0 -10px;}
.booking-sub .person button.add:hover{color:var(--secondary-color-hover);}
.booking-sub .person button.add:hover .icon{background-color:var(--secondary-color-hover);}

.booking-sub .person .notice{margin-top:40px; padding:35px 50px; background-color:#e5ecf3; border-radius:15px; text-align:left;}
.booking-sub .person .notice .tit{padding-left:27px; background:url(/assets/img/booking/icon-info-gray.png) no-repeat left top 3px / 20px; font-size:1.188rem; font-weight:600}
.booking-sub .person .notice ul{display:flex; flex-direction:column; padding-top:12px; gap:8px 0;}
.booking-sub .person .notice ul li{position:relative; padding:0 0 0 11px; font-size:.938rem; color:#666;}
.booking-sub .person .notice ul li:before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background-color:#a3a9b0;}


.booking-sub .person .counter{display:grid; grid-template-columns:repeat(4,1fr); gap:35px 30px; padding-top:30px;}
.booking-sub .person .counter .con-wrap .cate{padding-bottom:12px; font-size:1.125rem; text-align:left; font-weight:500}
.booking-sub .person .counter .con-wrap .cate span{padding-left:4px; font-size:.938rem; color:#666; font-weight:400}
.booking-sub .person .counter .con-wrap .box{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:5px; background-color:#fff;}
.booking-sub .person .counter .con-wrap .box input{padding:5px 10px; width:60px; text-align:center; font-size:1.5rem; font-weight:600; background:transparent; border:none;}
.booking-sub .person .counter .con-wrap .box button{font-size:1.625rem; color:#666; font-weight:400; background:none; border:none; }
.booking-sub .person .counter .con-wrap .box button:hover{background:#eee; border-radius:5px;}



.booking-sub .car .tit{padding-bottom:20px; border-bottom:1px solid #ddd;}
.booking-sub .car .tit .wrap{display:flex; gap:0 10px; align-items:center;}
.booking-sub .car .con{position:relative; display:flex; justify-content:center; align-items:center; gap:0 25px; margin:35px auto 0; padding:50px; width:calc(100% - 140px); background-color:var(--blue-color); color:#fff; border-radius:15px;}
.booking-sub .car .con.before:hover{background:var(--secondary-color-hover); cursor:pointer}
.booking-sub .car .con .txt-wrap{text-align:left;}
.booking-sub .car .con .txt-wrap h4{font-size:1.625rem; font-weight:500;}
.booking-sub .car .con .txt-wrap p{padding-top:8px; font-size:1.063rem; font-weight:300}
.booking-sub .car .con .txt-wrap .input-wrap{display:flex; gap:0 7px; margin-top:20px;}
.booking-sub .car .con .txt-wrap .input-wrap input{width:400px;}
.booking-sub .car .con .txt-wrap .input-wrap button{font-size:1rem;}
.booking-sub .car .con.after{align-items:start;}
.booking-sub .car .con.after img{margin-top:-10px}
.booking-sub .car .con.after button.modify{position:absolute; top:20px; right:20px; padding:5px 10px 5px 30px; background:var(--secondary-color) url(/assets/img/booking/icon-change.png) no-repeat left 10px center / 15px; border:none; color:#fff; font-size:.938rem; border-radius:5px;}
.booking-sub .car .con.after button.modify:hover{background-color:var(--secondary-color-hover)}


.booking-sub .price{}
.booking-sub .price .con{display:grid; grid-template-columns:repeat(auto-fit, minmax(40%, auto)); gap:50px; margin-top:25px; padding:50px 60px; background-color:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,.15)}
.booking-sub .price .con .list{}
.booking-sub .price .con .list h4{display:flex; align-items:start; gap:0 9px; font-size:1.25rem; font-weight:600}
.booking-sub .price .con .list h4 img{display:block; margin-top:5px; max-width:15px;}
.booking-sub .price .con .list h4 > p{text-align:left;}
.booking-sub .price .con .list h4 > p span{display:inline-block; padding-left:8px; font-size:1rem; color:var(--blue-color);}
.booking-sub .price .con .list ul{margin-top:15px; flex-grow:1; }
.booking-sub .price .con .list ul li{padding:12px 0; display:flex; justify-content:space-between; text-align:left; border-top:1px solid #ddd;}
.booking-sub .price .con .list ul li:last-child{grid-column:auto / span 2}

.booking-sub .price .con .list ul li p{font-weight:500; color:#444;}
.booking-sub .price .con .list ul li .price-txt{color:#333;}
.booking-sub .price .con .list ul li .price-txt.discount{color:var(--orange-color)}
.booking-sub .price .con .list ul li:last-child{padding-bottom:0; border-color:#333;}
.booking-sub .total-price{position:sticky; bottom:0; width:calc(100% + 1px); right:0; display:flex; gap:0 15px; align-items:center; justify-content:center; padding:10px 0; font-size:1.188rem; font-weight:500; background-color:#233b59; color:#fff;}
.booking-sub .total-price span{color:#fff; font-size:2.125rem; font-weight:700; letter-spacing:-.3px}
.booking-sub .total-price span small{font-size:1.375rem; font-weight:500}



.booking-sub .agree{padding:50px 100px 80px; /*border-top:9px solid #dbe3eb;*/ border-radius:0 0 20px 20px}
.booking-sub .agree .con{padding:22px 45px; border:1px solid #ddd; border-radius:15px}
.booking-sub .agree .con .list{padding:8px 0; display:flex; justify-content:space-between;}
.booking-sub .agree .con .more{font-size:.875rem; cursor:pointer;}
.booking-sub .agree .con .agree-txt-con{display:none; margin-left:30px; height:200px; padding:20px; overflow-y:auto; background-color:#f2f3f4; border-radius:10px; text-align:left; color:#777; font-weight:400; font-size:.938rem}
.booking-sub .agree .all{padding-top:20px;}


.booking-sub .agree .booking-pay{padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #ddd;}


.booking-sub .pay-btn{display:flex; align-items:center; justify-content:center; gap:0 12px; margin-top:20px; padding:20px 30px; background:var(--orange-color); color:#fff; font-size:1.625rem; border:none; border-radius:15px; font-weight:500}
.booking-sub .pay-btn img{max-width:40px;}



.booking-pay,.booking-pay .con{position:relative; }
.booking-pay .t-top{padding:15px 0; background-color:var(--blue-color); border-radius:20px 20px 0 0; color:#fff; font-size:1.75rem; font-weight:500}

.booking-pay .btn-modify{position:absolute; top:90px; right:20px; display:inline-flex; align-items:center; gap:5px; padding:7px 15px; background-color:var(--blue-color); color:#fff; font-size:.938rem; border-radius:5px; vertical-align:middle; cursor:pointer; z-index:99}
.booking-pay .btn-modify:hover{background-color:var(--blue-color-hover)}
.booking-pay .btn-modify img{max-width:14px;}

.booking-pay .t-con{position:relative; padding:85px 100px 50px}
.booking-pay .t-con:after{content:''; position:absolute; bottom:0; right:0; width:100%; height:100%; background:url(/assets/img/booking/t-logo.png) no-repeat right -50px bottom -70px; opacity:.05}
.booking-pay .t-con .t-place{display:flex; justify-content:center; gap:20px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.booking-pay .t-con .t-place .name{font-size:2.125rem; font-weight:700}
.booking-pay .t-con .t-place .mid{margin-top:-21px}
.booking-pay .t-con .t-place .mid .badge{display:inline-block; margin-bottom:14px; padding:2px 13px; border-radius:100px; background-color:var(--primary-color); color:#fff; font-size:1rem; }
.booking-pay .t-con .t-place .mid .arrow{position:relative; display:block; width:85px; height:9px; border-top:2px solid #3d3d3d; border-bottom:2px solid #3d3d3d;}
.booking-pay .t-con .t-place .mid .arrow:before{content:''; position:absolute; top:-6px; right:0; width:10px; height:2px; background-color:#3d3d3d; transform:rotate(45deg)}
.booking-pay .t-con .t-place .mid .arrow:after{content:''; position:absolute; bottom:-6px; left:0; width:10px; height:2px; background-color:#3d3d3d; transform:rotate(45deg)}

.booking-pay .t-con .t-place .mid .arrow.one-way{border-top:0; margin-top:5px; height:2px;}
.booking-pay .t-con .t-place .mid .arrow.one-way:before{top:-4px}
.booking-pay .t-con .t-place .mid .arrow.one-way:after{display:none}

.booking-pay .t-con ul.course{padding-top:30px; text-align:left;}
.booking-pay .t-con ul.course li{display:flex; gap:10px; align-items:center; padding:4px; font-size:1.125rem; font-weight:600; color:var(--blue2-color)}
.booking-pay .t-con ul.course li span{padding-left:7px; font-size:1rem; color:var(--primary-color)}
.booking-pay .t-con ul.course li.car-info{color:var(--green-color)}
.booking-pay .t-con ul.course li.car-info span{color:var(--green-color)}
.booking-pay .t-con ul.course li .pin{max-width:16px}
.booking-pay .t-con ul.course li .car-icon{max-width:18px}
 
.booking-pay .person .list .info-txt{margin-top:18px; padding:12px 20px; background-color:#f8e9e7; border:1px solid #ffc6b5; border-radius:7px; color:#e35b51; font-weight:500; text-align:left; letter-spacing:-.1px}
.booking-pay .person .list .box{margin-top:23px; padding:35px 30px 25px; border:2px solid var(--blue-color); border-radius:20px;}
.booking-pay .person .list .box .exponent{display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; background-color:#d8ebf8; border-radius:10px; }
.booking-pay .person .list .box .exponent h4{display:inline-block; padding-right:7px; font-size:1.188rem; color:var(--blue-color)}
.booking-pay .person .list .box .exponent span{font-weight:500;}
.booking-pay .person .list .box dl{display:flex; gap:0 25px; padding:15px; text-align:left;}
.booking-pay .person .list .box dl:not(:nth-last-of-type(1)){border-bottom:1px dashed #ddd;}
.booking-pay .person .list .box dl:nth-last-of-type(1){padding-bottom:0}
.booking-pay .person .list .box dl dt{font-size:1.188rem; color:var(--blue-color); font-weight:600}
.booking-pay .person .list .box dl dd ul li{padding:3px 0; line-height:1}
.booking-pay .person .list .box dl dd ul li span.name{padding-right:10px; font-size:1rem; color:#333; font-weight:600}
.booking-pay .person .list .box dl dd ul li span{font-size:.938rem; color:#777; letter-spacing:0}
.booking-pay .person .list .box dl dd ul li span.dis{color:var(--orange-color)}



.booking-sub.booking-pay .price{padding-top:30px;}
.booking-sub.booking-pay .price-final{padding-bottom:80px; border-radius:20px}
.booking-pay .pay-select .select-wrap{padding-top:25px; text-align:left;}
.booking-pay .pay-select input[type="radio"]{
        display: none;
      }
.booking-pay .pay-select input[type="radio"] + label{
        display: inline-block;
		padding:20px 0;
		margin:0 3px;
        width: 160px;
        height: 100px;
        border:1px solid #ddd;
        position: relative;
		border-radius:15px;
		color:#999;
		font-weight:500;
		background-color:#fff;
		cursor:pointer;
		transition:all .3s;
		text-align:center;
      }
.booking-pay .pay-select input[type="radio"]:checked + label{
        content:'';
		background-color:var(--blue-color);
		border-color:var(--blue-color);
		color:#fff;
      }

.booking-pay .pay-select input[type="radio"] + label .icon{height:43px;}
.booking-pay .pay-select input[type="radio"] + label.credit .icon{background:url(/assets/img/booking/icon-payment-01.png) no-repeat center / 40px;}
.booking-pay .pay-select input[type="radio"] + label.account .icon{background:url(/assets/img/booking/icon-payment-02.png) no-repeat center / 34px;}
.booking-pay .pay-select input[type="radio"] + label.n-pay .icon{background:url(/assets/img/booking/icon-payment-03.png) no-repeat center / 65px;}
.booking-pay .pay-select input[type="radio"] + label.v-account .icon{background:url(/assets/img/booking/icon-payment-04.png) no-repeat calc(50% - 3px) center / 43px;}

.booking-pay .pay-select input[type="radio"]:checked + label.credit .icon{background:url(/assets/img/booking/icon-payment-01-on.png) no-repeat center / 40px;}
.booking-pay .pay-select input[type="radio"]:checked + label.account .icon{background:url(/assets/img/booking/icon-payment-02-on.png) no-repeat center / 34px;}
.booking-pay .pay-select input[type="radio"]:checked + label.n-pay .icon{background:url(/assets/img/booking/icon-payment-03-on.png) no-repeat center / 65px;}
.booking-pay .pay-select input[type="radio"]:checked + label.v-account .icon{background:url(/assets/img/booking/icon-payment-04-on.png) no-repeat calc(50% - 3px) center / 43px;}

.booking-pay .pay-select .select-item{margin-top:25px; padding:15px 0; width:160px; height:100px;  border:1px solid #ddd; position: relative; border-radius:15px; color:#999; font-weight:500; background-color:var(--blue-color); border-color:var(--blue-color); color:#fff;}
.booking-pay .pay-select .select-item .icon{height:43px; background:url(/assets/img/booking/icon-payment-01-on.png) no-repeat center / 40px;}

.booking-pay .pay-select .select-item.credit .icon{background:url(/assets/img/booking/icon-payment-01-on.png) no-repeat center / 40px;}
.booking-pay .pay-select .select-item.account .icon{background:url(/assets/img/booking/icon-payment-02-on.png) no-repeat center / 34px;}
.booking-pay .pay-select .select-item.n-pay .icon{background:url(/assets/img/booking/icon-payment-03-on.png) no-repeat center / 65px;}

.booking-pay .price-final .box{margin-top:20px; padding:30px 45px; box-shadow:0 0 10px rgba(0,0,0,.15); background-color:#fff; border-radius:15px;}
.booking-pay .price-final ul li{display:flex; justify-content:space-between; align-items:center; padding:3px 0;}
.booking-pay .price-final ul li h4{font-size:1.063rem; color:#999; font-weight:500}
.booking-pay .price-final ul li p{font-size:1.25rem; color:#333; font-weight:600}
.booking-pay .price-final ul li p span{padding-left:2px; font-weight:500; font-size:1rem; color:#666;}
.booking-pay .price-final ul li:last-child{margin-top:10px; padding:10px 0 0; border-top:1px solid #ddd; }
.booking-pay .price-final ul li:last-child :where(h4,p,p span){color:var(--blue-color)}
.booking-pay .price-final ul li:last-child p{font-size:1.75rem}


.complete-pop{display:none; width:680px; text-align:center; overflow-y:visible!important}
.complete-pop .icon{max-width:250px; margin-top:-120px}
.complete-pop h2{padding-top:25px; font-size:2.125rem; font-weight:600}
.complete-pop p{padding-top:12px; font-size:1.063rem; color:#666; font-weight:500}
.complete-pop p span{color:var(--blue-color); }
.complete-pop .link{padding:42px 0 20px;}
.complete-pop .link a{padding:15px 37px; background-color:#ebedef; font-size:1.25rem; border-radius:100px; font-weight:400}
.complete-pop .link a.color{margin-left:5px; background:var(--blue-color); color:#fff;}
.complete-pop .link a.color:hover{background:var(--blue-color-hover);}





@media only screen and (max-width:1400px){
	.sub-wrap .sub-con.booking-sub{margin-top:60px; padding:60px 0;}
}

@media only screen and (max-width:1200px){
	.sub-wrap .sub-con.booking-sub{padding:60px 0;}
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:60px 80px 25px;}
	.booking-sub .person{padding-top:70px;}
	.booking-sub .person .counter{gap:35px 20px}
	.booking-sub .person .con{gap:0 ;}
	.booking-sub .person .con .tit{margin-right:0}
	.booking-sub .person .con .input-wrap{padding-left:40px;}
	.booking-sub .person .con .input-wrap .name{width:90px;}
	.booking-sub .person .con .input-wrap input{padding:9px 12px; width:100%; font-size:.875rem;}
	.booking-sub .agree{padding:50px 80px 80px;}
	.booking-sub .person .con .input-wrap .nice-select{padding-left:12px; padding-right:25px; font-size:.875rem;}
}
@media only screen and (max-width:1024px){	
	.sub-wrap .sub-con.booking-sub{margin-top:40px; padding:45px 0}
	.booking-sub .person .counter{gap:30px 15px;}
	.booking-sub .con .tab-wrap{padding:45px 60px 60px;}
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:60px 60px 25px;}
	.booking-sub .price .con .list h4{gap:0 7px}
	.booking-sub .price .con .list h4 img{margin-top:3px;}
	.booking-sub .person .con .input-wrap input,.booking-sub .person .con .input-wrap .nice-select{font-size:.875rem}
}
@media only screen and (max-width:990px){
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:40px 50px 25px;}

	.booking-sub .con .route{padding:60px 0 45px}
	.booking-sub .tab_swiper{margin-left:170px;}
	.booking-sub .con .tab-wrap{padding:23px 45px 23px; border-radius:20px 20px 0 0}
	.booking-sub .con .tab-wrap .bc{left:40px; width:100px; height:131px; background-size:100%;}
	.booking-sub .con .tab-wrap .photo-wrap{width:250px; height:225px;}
	.booking-sub .con .tab-wrap .txt-wrap h2{padding-top:12px; font-size:1.75rem;}
	.booking-sub .con .tab-wrap .txt-wrap .desc{padding-top:8px; font-size:1rem}
	.booking-sub .con .tab-wrap .txt-wrap button{padding:8px 15px 6px;}
	.booking-sub .menu > li a{padding:0 15px; font-size:1.25rem}


	.booking-sub .route-select{padding-top:40px;}
	.booking-sub .route-select .place{width:250px}
	.booking-sub .route-select .place h3{font-size:2rem}
	.booking-sub .route-select .place .sub-tit{padding-top:7px;}
	.booking-sub .route-select .place.complete button.after .time{margin-top:5px;}
	.booking-sub .route-select .change-btn button{width:50px; height:50px; background-size:70%;}	

	
	.booking-sub .agree{padding:50px;}
	.booking-sub .person .con{padding:25px;}
	.booking-sub .person .con .tit{padding-top:5px; align-self:start;}
	.booking-sub .person .con .input-wrap .radio{padding:5px 0 0}
	.booking-sub .person .con .close{margin:-10px -10px 0 0}
	.booking-sub .person .con .close:before, .booking-sub .person .con .close:after{top:15px; right:10px;}	


	.booking-sub .car .con{width:100%;}
}

@media only screen and (max-width:860px){
	.booking-sub .person .con .input-wrap{padding-left:35px;}
	.booking-sub .person .con .input-wrap{grid-template-columns:repeat(auto-fit, minmax(18%, auto))}
	.booking-sub .person .con .input-wrap .name{width:100%}
	.booking-sub .person .con .input-wrap .nice-select{padding-top:9px; padding-bottom:9px}
	.booking-sub .person .con .input-wrap .nice-select .option{padding-left:12px; padding-right:25px;}

	.booking-pay .pay-select input[type="radio"] + label{width:23%}
}

@media only screen and (max-width:768px){
	
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:30px 40px 20px;}

	.sub-wrap .sub-con.booking-sub{margin-top:30px; padding:50px 0}
	.booking-sub{padding:80px 0;}
	.booking-sub .menu > li a{font-weight:300; letter-spacing:0; font-size:1.125rem}
	.booking-sub .menu > li.active a{font-size:1.625rem}
	.booking-sub .menu > li.active a:after{width:7px; height:7px;}
	.booking-sub .tab.small .tab-link{padding:6px 25px; font-size:1.25rem}

	.booking-sub .con .tab-wrap{padding:22px 40px; gap:0 40px;}
	.booking-sub .con .tab-wrap .photo-wrap{width:250px; height:250px;}

	.booking-sub .route-select .place button{margin-top:15px; padding:25px 10px;}

	.booking-sub .con .route{padding:55px 0 25px;}
	.booking-sub .route-select{padding:35px 50px; gap:0 25px;}
	.booking-sub .route-select .place{width:calc(50% - 37.5px);}
	.booking-sub .route-select .place h3{font-size:1.875rem; color:#111;}
	.booking-sub .route-select .place .sub-tit{padding-top:5px; }
	.booking-sub .route-select .place.start button img{max-width:26px;}
	.booking-sub .route-select .place button p{padding-top:5px}
	.booking-sub .route-select .place.complete button.after .date{font-size:1.125rem}
	.booking-sub .route-select .place.complete button.after .time{margin-top:3px; padding:2px 10px 2px 26px; font-size:.875rem; background-size:13px; background-position:left 10px top 4.5px;}

	.booking-sub .agree{padding:50px 40px}
	.booking-sub .person{padding-top:65px;}
	.booking-sub .person .con{border-radius:10px;}
	.booking-sub .person .tit.repre{display:block; }
	.booking-sub .person .tit.repre p{padding:3px 0 0 42px}
	.booking-sub .person .notice{margin-top:25px; border-radius:10px; padding:35px;}

	.booking-sub .person button.add{gap:0 7px; margin-top:20px;}
	.booking-sub .person .con .close{margin:-15px -18px 0 0}

	.booking-sub .person .counter{padding-top:20px; gap:25px 15px; grid-template-columns:repeat(3,1fr)}
	.booking-sub .person .counter .con-wrap .box input{font-size:1.375rem}
	.booking-sub .person .counter .con-wrap .box button{font-size:1.438rem}

	.booking-sub .person .con .input-wrap{padding-left:22px;}
	.booking-sub .person .con .input-group .input-wrap .nice-select.gender{}

	.booking-sub .person .con .input-group.discount .input-wrap .nice-select.gender{grid-row:2; grid-column:1 / span 1}
	.booking-sub .person .con .input-group.discount .input-wrap .nice-select.discount{grid-column:span 2}

	.booking-sub .person .con .input-group .input-wrap{grid-template-columns:repeat(auto-fit, minmax(33%, auto))}
	.booking-sub .person .con .input-group .input-wrap.passport,.booking-sub .person .con .input-group.discount .input-wrap{grid-template-columns:repeat(3, 1fr)}

	.booking-sub .car .tit{display:block}
	.booking-sub .car .con .txt-wrap .input-wrap input{width:300px;}
	.booking-sub .tit p{padding:3px 0 0 47px; text-align:left;}

	.booking-sub.booking-pay .price-final{padding-bottom:60px;}
	.booking-pay .t-top{padding:13px 0; font-size:1.5rem}
	.booking-pay .t-con{padding:80px 60px 50px}

	.booking-sub .price .con{padding:45px 50px; gap:40px 35px}
}

@media only screen and (max-width:650px){
	.booking-sub .person .con{display:block; position:relative; padding:20px 25px;}
	.booking-sub .person .con .tit{padding:0 0 11px;}
	.booking-sub .person .con .tit span{display:inline-block; padding-left:2px;}
	.booking-sub .person .con .input-wrap{padding:0}
	.booking-sub .person .con .close{position:absolute; top:15px; right:15px; margin:0;}
	.booking-sub .person .con .close:before,.booking-sub .person .con .close:after{height:1px; width:18px;}
	.booking-sub .person .con.represent{margin-top:15px;}

	.booking-sub .con .tab-wrap{display:block; padding:30px; text-align:right}
	.booking-sub .con .tab-wrap .photo-wrap{width:100%;}
	.booking-sub .con .tab-wrap .photo-wrap button.other{padding:9px 18px 8px 32px; left:auto; right:-10px; }
	.booking-sub .con .tab-wrap .txt-wrap .cate{padding-top:15px;}
	.booking-sub .con .tab-wrap .txt-wrap button{margin-top:25px;}


	.booking-sub .car .con{display:block; padding:35px 45px 45px;}
	.booking-sub .car .con .txt-wrap{padding-top:20px; text-align:center;}
	.booking-sub .car .con .txt-wrap p{padding-top:5px;}
	.booking-sub .car .con .txt-wrap .input-wrap input{width:100%;}

	.booking-sub .price .con{padding:50px 45px; gap:32px 0; grid-template-columns:repeat(1,1fr)}
	.booking-sub .price .con .list ul{margin-top:10px;}


	.booking-sub .agree{padding:40px;}
	
	.booking-pay .t-top{padding:10px 0; font-size:1.25rem}
	.booking-pay .t-con{padding:85px 30px 40px;}
	.booking-pay .t-con .t-place{gap:16px; padding-bottom:20px; }
	.booking-pay .t-con .t-place .name{font-size:1.75rem}
	.booking-pay .t-con .t-place .mid{margin-top:-25px;}
	.booking-pay .t-con .t-place .mid .badge{margin-bottom:13px; padding:2px 10px; font-size:.938rem}
	.booking-pay .t-con .t-place .mid .arrow{width:63px; height:8px}
	.booking-pay .t-con ul.course{padding-top:20px;}
	.booking-pay .t-con ul.course li{align-items:center; gap:8px; padding:3px; }
	.booking-pay .t-con ul.course li img{}
	.booking-pay .t-con ul.course li span{padding-left:5px; display:inline-block; font-weight:400; font-size:.938rem}
	.booking-pay .t-con ul.course li .pin{max-width:13px;}
	.booking-pay .t-con ul.course li .car-icon{max-width:15px;}

	.booking-pay .person .list .box{margin-top:17px; padding:20px;}

	.booking-pay .person .list .box dl{padding:15px 5px; gap:0 20px}
	.booking-pay .person .list .box dl dt{padding-bottom:3px;}
	.booking-pay .person .list .box dl dd ul li{display:flex; gap:0 7px; padding:4px 0; }
	.booking-pay .person .list .box dl dd ul li span.name{flex-shrink:0; flex-grow:1; font-size:.938rem; padding-right:0;}
	.booking-pay .person .list .box dl dd ul li span{font-size:.875rem; line-height:1.3}

	.booking-pay .pay-select .select-wrap{padding-top:17px;}

	.booking-pay .pay-select input[type="radio"] + label{margin:4px 2px; padding:17px 0 20px; width:30%;}
	.booking-pay .pay-select input[type="radio"] + label.credit .icon{background-size:35px;}
	.booking-pay .pay-select input[type="radio"] + label.account .icon{background-size:30px;}
	.booking-pay .pay-select input[type="radio"] + label.n-pay .icon{background-size:60px;}

	.booking-pay .price-final .box{padding:25px;}
	.booking-pay .price-final ul li p{font-size:1.125rem}
	.booking-pay .price-final ul li:last-child{margin-top:8px; padding:8px 0 0}
	.booking-pay .price-final ul li:last-child p{font-size:1.625rem}
	.booking-sub.booking-pay .price-final{padding-bottom:50px;}

	.complete-pop .icon{max-width:200px;}
	.complete-pop h2{padding-top:25px; font-size:1.75rem; }
	.complete-pop .link{padding:35px 0 10px;}
	.complete-pop .link a{padding:15px 30px; font-size:1.125rem;}
	.complete-pop .link a.color{margin-left:3px;}

	.booking-pay .btn-modify{top:60px; right:15px;}

	.booking-pay .t-con:after{background-size:50%; opacity:.07}

	.booking-pay .pay-select .select-item{margin-top:15px;}

	.booking-pay .tit h3 span.per-num{font-size:1.25rem;}
}

@media only screen and (max-width:560px){
	.booking-sub{padding:60px 0}
	.booking-sub .con{border-radius:20px}
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:40px 20px 25px;}
	.booking-sub .agree{padding:35px 20px;}
	.booking-sub .agree .con{padding:22px}
	.booking-sub .con .tab-wrap .bc{display:none;}

	.sub-wrap .sub-con.booking-sub{padding:25px 0}
	.booking-sub .con .tab-wrap{padding:13px 22px}
	.booking-sub .con .tab-wrap .txt-wrap{padding-left:5px;}
	.booking-sub .con .tab-wrap .txt-wrap h2{font-size:1.5rem; line-height:1.3}
	.booking-sub .con .tab-wrap .txt-wrap .desc{padding-top:5px; }
	.booking-sub .con .tab-wrap .photo-wrap .icon-bc{top:-15px; left:-20px; width:45px; height:75px; }

	.booking-sub .person .con .tit{display:flex; align-items:center; justify-content:center; gap:0 3px;}
	.booking-sub .person .con .tit span{display:inline-block; margin:0;}

	.booking-sub .tab_swiper{margin-left:25px}
	.booking-sub .menu > li a{padding:0 12px}
	.booking-sub .con .route{padding:45px 0 28px;}	
	.booking-sub .route-select{padding:30px; gap:0 15px}
	.booking-sub .route-select .place .sub-tit{padding-top:7px; font-size:1rem}
	.booking-sub .route-select .place h3{font-size:1.375rem}
	.booking-sub .route-select .place h3 span{font-size:.875rem;}	
	.booking-sub .route-select .place h3{font-size:1.625rem}
	.booking-sub .route-select .place button{padding:25px 10px}
	.booking-sub .route-select .place.complete button.after .date{font-size:1rem}
	.booking-sub .route-select .place.complete button.after .time{padding:1.5px 7px 1.5px 22px; background-position:left 6px top 4.5px; font-size:.813rem}
	.booking-sub .route-select .change-btn button{width:40px; height:40px;}
	.booking-sub .route-select .change-btn p{padding-top:3px; line-height:1.15; font-size:.938rem;}
	.booking-sub .route-select .change-btn p span{display:block;}

	.booking-sub .person .con .input-wrap input{padding:7px 10px; min-width:50%}
	.booking-sub .person .con .input-wrap .nice-select{padding-left:10px; padding-right:20px;}

	.booking-sub .price .con{margin-top:21px; padding:35px;}
	/*.booking-sub .price .con .list:nth-of-type(n+2){padding-top:35px;}*/
	.booking-sub .price .con .list ul li{padding:9px 0}

	.booking-sub .con .tab-wrap .txt-wrap button{font-size:1.063rem}
	.booking-sub .con .tab-wrap .txt-wrap button .icon-zoom{width:13px; height:13px;}
	.booking-sub .con .tab-wrap .txt-wrap button .icon-zoom:before{height:5px; top:8px; left:9px;}
	

	.booking-pay .price-final ul li h4{font-size:1rem}

	
}

@media only screen and (max-width:479px){	
	.sub-wrap .sub-con.booking-sub{margin-top:25px; }
	.booking-sub{padding:40px 0;}
	.booking-sub .con.inner.small{width:94%}
	.booking-sub .tab.small .tab-link{padding:5px 18px; font-size:1.125rem}
	.booking-sub .person, .booking-sub .car, .booking-sub .price{padding:37px 20px 15px;}
	.booking-sub .person{padding-top:50px; border-top:3px dotted #dcdee1}
	.booking-sub .person:before, .booking-sub .person:after{width:35px; height:35px; top:-19px}
	.booking-sub .tit{gap:0 7px;}
	.booking-sub .tit h3{font-size:1.375rem}
	.booking-sub .tit img{max-height:20px;}
	.booking-sub .tit p{padding:7px 0 0 41px;}
	.booking-sub .route-select .place h3{font-size:1.625rem}
	.booking-sub .route-select .place h3 span{margin-left:4px; padding:1px 7px;}
	.booking-sub .route-select .place .sub-tit{font-size:.938rem}
	.booking-sub .route-select .place.start button p{margin-top:-3px;}
	.booking-sub .route-select .place button{margin-top:11px; padding:20px 5px;}
	.booking-sub .route-select .place.complete button.after .date{font-size:.938rem}
	.booking-sub .route-select .place.complete button.after .time{padding:2.5px 6px; background-image:none;}
	.booking-sub .route-select .change-btn button{width:35px; height:35px; background-size:60%}
	.booking-sub .route-select .change-btn p{padding-top:2px;}
	.booking-sub .route-select{padding:35px 17px 20px; gap:0 10px;}

	.booking-sub .person .con{padding:15px 20px}
	.booking-sub .person .con{margin-bottom:13px;}
	.booking-sub .person .con .input-wrap{padding:0}
	.booking-sub .person .con .tit{font-size:1.125rem}
	.booking-sub .person .con .close{top:10px; right:10px; width:40px; height:40px;}
	.booking-sub .person > .tit{margin:40px 0 15px;}
	.booking-sub .person .tit.repre p{padding:6px 0 0 35px}
	
	.booking-sub .person button.add .icon{width:40px; height:40px;}
	.booking-sub .person button.add .icon:before, .booking-sub .person button.add .icon:after{width:15px;}
	.booking-sub .person button.add .icon:after{margin:-1px 0 0 -7.5px}
	.booking-sub .person button.add{margin:20px auto 0; font-size:1.25rem}

	.booking-sub .person .notice{margin-top:30px; padding:20px 15px;}
	.booking-sub .person .notice .tit{padding-left:23px; font-size:1.125rem; background-position:left top 2px; background-size:18px;}
	.booking-sub .person .notice ul{padding-top:10px; gap:6px;}
	.booking-sub .person .con .input-group{gap:6px}
	.booking-sub .person .con .input-group .input-wrap{gap:6px 5px;}
	.booking-sub .person .con .input-wrap .radio{padding:5px 0 0 10px}
	.booking-sub .person .con .input-wrap .radio .radio_box{margin-right:10px;}

	.booking-sub .person .counter{grid-template-columns:repeat(2,1fr); gap:15px 11px;}
	.booking-sub .person .counter .con-wrap .cate{font-size:1.063rem; padding-bottom:7px;}
	.booking-sub .person .counter .con-wrap .box input{font-size:1.25rem}

	.booking-sub .car .con{margin-top:20px; padding:40px 20px 25px;}
	.booking-sub .car .con .txt-wrap h4{font-size:1.313rem}
	.booking-sub .car .con .txt-wrap p{font-size:.938rem}
	.booking-sub .car .tit{padding-bottom:0; border-bottom:0;}

	.booking-sub .price .total-price{margin-top:17px; font-size:1.125rem}
	.booking-sub .price .total-price span{font-size:1.875rem}
	.booking-sub .price .total-price span small{font-size:1.25rem}



	.booking-sub .agree .con{padding:15px 18px;}
	.booking-sub .agree .con .agree-txt-con{margin-left:25px; padding:15px; height:150px; font-size:.938rem}
	.booking-sub .agree .checkbox_text{margin-left:-4px;}
	.booking-sub .agree .all{padding-top:15px;}

	.booking-sub .pay-btn{margin-top:15px; padding:15px 0; border-radius:10px; gap:0 8px; font-size:1.375rem}
	.booking-sub .pay-btn img{max-width:30px;}
	
}


/* 레이어팝업 */
.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9999}
.dim2{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:9999}
.dim3{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999999}
.layer-pop{position:fixed; max-height:95vh; overflow-y:auto; padding:35px; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:10px; z-index:99999;}
.layer-pop .close{position:absolute; top:12px; right:12px; width:45px; height:45px; background:none; border:none;}
.layer-pop .close:before,.layer-pop .close:after{content:''; position:absolute; top:20px; right:11px; width:20px; height:1.5px; transform:rotate(45deg); border-radius:100px; background-color:#000}
.layer-pop .close:after{transform:rotate(-45deg);}



.booking-pop{display:none; width:860px;}
.booking-pop .road{font-size:1.375rem; font-weight:600; color:var(--secondary-color); text-align:center;}
.booking-pop .road span{color:var(--disabled-color); font-weight:400}
.booking-pop .con{display:flex; padding-top:20px; gap:0 25px;}
.booking-pop .con .calendar{width:300px; }
.booking-pop .con .calendar .tit{}
.booking-pop .con .calendar .tit h3{font-size:1.375rem}
.booking-pop .con .calendar .tit button{width:35px; height:35px; background-size:12px; border:1px solid #888; opacity:.8}
.booking-pop .con .calendar .tit button:hover{opacity:1}
.booking-pop .con .calendar table{margin-top:15px;}
.booking-pop .con .calendar table :where(th,td){padding:8px 4px; border:none; text-align:center; font-size:.938rem; font-weight:500}
.booking-pop .con .calendar table td{cursor:pointer}
.booking-pop .con .calendar table td p{display:flex; align-items:center; justify-content:center; font-weight:600; width:35px; height:35px; color:#333;}
.booking-pop .con .calendar table td.today p{position:relative;}
.booking-pop .con .calendar table td.today p:before{content:''; position:absolute; top:2px; right:2px; width:6px; height:6px; border-radius:100px; background-color:var(--orange-color);}
.booking-pop .con .calendar table td.today.select p:before{top:-2px; right:-2px;}
.booking-pop .con .calendar table td.select p{background:var(--orange-color); color:#fff; border-radius:100px;}
.booking-pop .con .calendar table td.disabled p{color:var(--disabled-color)}
.booking-pop .con .detail{flex-grow:1; padding-left:35px; text-align:center; border-left:1px solid #ddd;}
.booking-pop .con .detail .scroll{height:250px; overflow-y:auto; overflow-x:hidden;}
.booking-pop .con .detail h4{padding:10px 0 0; font-size:1.25rem; font-weight:600}
.booking-pop .con .detail p.sub-tit{display:inline-flex; align-items:center; justify-content:center; gap:0 5px; margin:8px 0 15px; font-size:.938rem}
.booking-pop .con .detail p.sub-tit img{max-width:18px;}
.booking-pop .con .detail p.notice{margin-bottom:10px; padding:6px 10px; text-align:left; color:#666; font-size:.813rem; line-height:1.35; letter-spacing:-.2px; background-color:#fef8f2; border:1px solid #f1b77f; border-radius:5px;}
.booking-pop .con .detail p.notice span{color:var(--orange-color); font-weight:600;}
.booking-pop .con .detail p.notice a{display:inline-flex; margin-left:5px; padding:1px 5px 0; background:var(--orange-color); color:#fff; border-radius:5px; font-size:.813rem}
.booking-pop .con .detail p.notice a:hover{background:var(--orange-color-hover)}
.booking-pop .con .detail p.notice a span{transform:rotate(-45deg); color:#fff;}
.booking-pop .con .detail ul{position:relative; display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; align-items:center; padding:10px 0; border-bottom:1px solid #ddd; z-index:99}
.booking-pop .con .detail ul > li{}
.booking-pop .con .detail ul:first-child{}
/*.booking-pop .con .detail ul:hover{background-color:#f7fbfd; cursor:pointer;}*/
.booking-pop .con .detail ul li{padding:0; text-align:center; flex-shrink:0; text-align:center; letter-spacing:0}
.booking-pop .con .detail ul.in-out li.take{text-align:left;}
.booking-pop .con .detail ul li.time{flex-grow:1; font-size:.913rem; font-weight:500; color:#333; letter-spacing:0; text-align:left}
.booking-pop .con .detail ul.in-out li.time,.booking-pop .con .detail ul.in-out li.take span{/*width:75px;*/ font-weight:500; color:var(--primary-color); letter-spacing:0; font-size:.875rem; }
.booking-pop .con .detail ul li.take{margin-top:-1px; font-size:.913rem; color:#333; font-weight:500; text-align:left;}
.booking-pop .con .detail ul li.take span{display:inline-block; font-size:.813rem; font-weight:300; color:#666; letter-spacing:0;}

.booking-pop .con .detail ul li.take,.booking-pop .con .detail ul li.remain{}



.booking-pop .con .detail ul li:nth-child(1){grid-column:1; grid-row:1}
.booking-pop .con .detail ul li:nth-child(2){grid-column:1; grid-row:2; }
.booking-pop .con .detail ul li:nth-child(3){grid-column:1; grid-row:3;}
.booking-pop .con .detail ul li:nth-child(4){grid-column:2; grid-row: 1 / 4; }
.booking-pop .con .detail ul li.time,.booking-pop .con .detail ul li.remain{padding:0 5px 0 0; width:auto}
.booking-pop .con .detail ul li.remain{display:flex; align-items:center; gap:0 4px; margin-top:3px; text-align:left; font-weight:400; color:#666; font-size:.875rem; }
.booking-pop .con .detail ul li.remain span{padding:2px 5px; background-color:#eff3f5; color:#777; display:inline-block; border-radius:3px; font-size:.813rem; letter-spacing:0} /*background-color:#e8f3fb; color:#4976b3; */
.booking-pop .con .detail ul li.remain .fare{padding:6px 5px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer}
.booking-pop .con .detail ul li.remain .fare:hover{background-color:var(--orange-color);}
.booking-pop .con .detail ul li.remain .fare:hover img{filter:brightness(0) invert(1)}
.booking-pop .con .detail ul li.remain .fare img{max-width:13px; opacity:.65}
.booking-pop .con .detail ul li.book-btn{display:flex; align-items:center; gap:0 3px; margin-left:auto; flex-shrink:0; color:var(--blue-color); font-size:.938rem}
.booking-pop .con .detail ul li.book-btn .price{display:inline-block; font-size:.938rem; margin-right:4px; text-align:right; font-weight:500}
.booking-pop .con .detail ul li.book-btn .price small{display:block; margin-top:-1px; font-size:.688rem; font-weight:400; color:#999;}
.booking-pop .con .detail ul li.book-btn button{font-size:.938rem; line-height:1.25; padding:7px 10px; background-color:var(--blue-color); border:1px solid var(--blue-color)}
.booking-pop .con .detail ul li.book-btn button.line{background:none; color:var(--blue-color);}
.booking-pop .con .detail ul li.book-btn button.line:hover{background-color:var(--blue-color-hover); color:#fff;}
.booking-pop .con .detail ul li.book-btn button:hover{background-color:var(--blue-color-hover)}
.booking-pop .con .detail ul li.time .des{color:#333; margin-left:5px; font-size:.813rem; font-weight:400}
.booking-pop .con .detail ul li.time .info-pop-btn{cursor:pointer; letter-spacing:0}
.booking-pop .con .detail ul li.time .info-pop-btn .icon{content:''; position:absolute; top:16px; left:55px; width:17px; height:17px; background:url(/assets/img/booking/icon-info.png) no-repeat center / 100%; border:none; z-index:9999}
.booking-pop .con .detail ul.th li{text-align:center; font-size:.938rem; color:#555; font-weight:500}
.booking-pop .con .detail ul:before{content:attr(data-label); top:45px; position:absolute; max-width:200px; background-color:rgba(0,0,0,.5); color:#fff; font-size:.938rem; font-weight:500}
.booking-pop .con .detail.no-data{display:flex; flex-direction:column; justify-content:center; align-items:center;}
.booking-pop .con .detail.no-data img{display:block; margin-top:-10px; max-width:50px; opacity:.85}
.booking-pop .con .detail.no-data p{padding-top:10px; font-size:1.188rem; color:#b6c4d1; font-weight:500;}
.booking-pop .con .info-pop{display:inline-block; font-size:.913rem; font-weight:500; text-align:left; color:#222; letter-spacing:0; line-height:1.4; }


.other-location-pop-btn .blank{display:none;}
.other-location-pop{display:none; padding:60px 0 0; width:1200px; overflow:hidden; border-radius:30px; background-color:#e4eef9; }
.other-location-pop h2{display:flex; justify-content:center; align-items:center; padding-top:0; gap:0 10px; color:#0f0f0f}
.other-location-pop h2 img{max-width:34px;}
.other-location-pop h2 p{font-size:2.25rem}
.other-location-pop h2 p span{color:var(--blue-color)}
.other-location-pop .sub-tit{font-size:1.125rem; color:#555; text-align:center; line-height:1.4}
.other-location-pop .sub-tit strong{color:var(--blue-color)}
.other-location-pop .thumb-con{padding:40px 60px; max-height:50vh; overflow-y:auto;}
.other-location-pop .thumb-con .con{margin:0 11px; width:290px; background-color:#fff; border-radius:20px; cursor:pointer;}
.other-location-pop .thumb-con .con .photo-wrap{display:flex; justify-content:center; align-items:center; border-radius:20px 20px 0 0; width:100%; height:185px; background:url(/assets/img/booking/booking-layer-photo.jpg) no-repeat center / cover;}
.other-location-pop .thumb-con .con .photo-wrap .circle{display:none;}
.other-location-pop .thumb-con .con .txt-wrap{padding:25px 30px; height:140px; overflow-y:auto;}
.other-location-pop .thumb-con .con .txt-wrap p{font-size:1.188rem; font-weight:500; color:#333; line-height:1.4; opacity:.6; word-break:break-all;}
.other-location-pop .thumb-con .swiper-slide.active .con .photo-wrap{opacity:1}
.other-location-pop .thumb-con .swiper-slide.active .con .photo-wrap .circle{display:flex; flex-direction:column; align-items:center; justify-content:center; width:95px; height:95px; background-color:var(--orange-color); border-radius:50%; font-size:1.063rem; color:#fff;}
.other-location-pop .thumb-con .swiper-slide.active .con .photo-wrap .circle img{margin:11px 0 2px; display:block; max-width:30px;}
.other-location-pop .thumb-con .swiper-slide.active .con .txt-wrap p{opacity:1}
.other-location-pop .thumb-con ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:25px;}
.other-location-pop .thumb-con ul li .con{margin:0; width:auto;}
.other-location-pop .thumb-con ul li .con .txt-wrap p{opacity:1}
.other-location-pop .thumb-con ul li .con.active{opacity:1; box-shadow:0 0 15px rgba(0,0,0,.25); transition:all .3s}
.other-location-pop .thumb-con ul li .con.active .circle{display:flex; flex-direction:column; align-items:center; justify-content:center; width:95px; height:95px; background-color:var(--orange-color); border-radius:50%; font-size:1.063rem; color:#fff;}
.other-location-pop .thumb-con ul li .con.active .circle img{margin:11px 0 2px; display:block; max-width:30px;}
.other-location-pop .thumb-con ul li .con.active .txt-wrap p{font-weight:600}
.other-location-pop .confirm{padding:15px 0; width:100%; background-color:var(--blue-color); color:#fff; font-size:1.5rem; font-weight:500; border:none;}
.other-location-pop .confirm:hover{background-color:var(--blue-color-hover)}



.booking-sub .con .tab-wrap .photo-wrap .other.other-location-pop{position:fixed; top:50%; left:50%; padding:60px 0 0; overflow:hidden; border-radius:30px; background-color:#e4eef9; }
.booking-sub .con .tab-wrap .photo-wrap .other.other-location-pop .icon-bc{display:none;}
.booking-sub .con .tab-wrap .photo-wrap .other.other-location-pop > .txt{display:none}
.booking-sub .con .tab-wrap .photo-wrap .other.other-location-pop .blank{display:block}


.ticket-type-pop{display:none; width:600px; z-index:9999999}
.ticket-type-pop .info{padding:7px 0 15px; }
.ticket-type-pop .info span{color:var(--blue-color); font-weight:500}
.ticket-type-pop table{border-top:2px solid #333;}
.ticket-type-pop table thead th{background-color:#e8f0f7}
.ticket-type-pop table :where(th,td){padding:10px 15px;}
.ticket-type-pop table tbody th{border-right:1px solid #ddd;}




@media only screen and (max-width:1024px){
	.other-location-pop .thumb-con{padding:35px 50px 45px;}
	.other-location-pop .thumb-con ul{gap:20px;}
	.other-location-pop .thumb-con .con .txt-wrap{padding:20px 25px; height:120px; }

	.booking-pop .con .detail ul.in-out li.time,.booking-pop .con .detail ul.in-out li.take span{font-size:.938rem; }
	.booking-pop .con .detail ul li.time .des{font-size:.875rem}
}
@media only screen and (max-width:768px){
	.other-location-pop .thumb-con{padding:35px 35px 40px;}
	.other-location-pop .thumb-con ul li .con .txt-wrap p{font-size:1.063rem;}
	.other-location-pop .thumb-con .con .txt-wrap{padding:20px}
	.other-location-pop .thumb-con ul li .con.active .circle{width:90px; height:90px;}
}
@media only screen and (max-width:700px){
	.other-location-pop .thumb-con ul{grid-template-columns:repeat(2,1fr)}
	.ticket-type-pop{width:92%; padding:35px 25px;}
}
@media only screen and (max-width:560px){
	.other-location-pop{padding:45px 0 0; border-radius:25px;}
	.other-location-pop h2 p{font-size:1.938rem;}
	.other-location-pop h2 img{margin-top:2px; max-width:30px; margin-left:-15px;}
	.other-location-pop .sub-tit{margin:-2px 15px 0 15px; margin-left:15px; line-height:1.3}
	.other-location-pop .thumb-con .con .photo-wrap{height:120px;}
	.other-location-pop .thumb-con{padding:28px 20px 30px;}
	.other-location-pop .thumb-con ul{gap:10px; grid-template-columns:repeat(1,1fr)}
	.other-location-pop .thumb-con ul li .con{display:flex;}
	.other-location-pop .thumb-con .con .photo-wrap{width:100px; border-radius:20px 0 0 20px;}
	.other-location-pop .thumb-con ul li .con.active .circle{width:70px; height:70px; font-size:1rem}
	.other-location-pop .thumb-con ul li .con.active .circle img{margin:8px 0 1px; max-width:23px;}
	.other-location-pop .thumb-con .con .photo-wrap.other-location-pop .thumb-con ul li .con{display:flex;}
	.other-location-pop .confirm{padding:13px 0; font-size:1.25rem}
}




.layer-pop.car-pop{display:none; width:900px; padding:40px 45px}
.car-pop .search-wrap{display:flex; margin-top:15px; padding:0 5px; border:2px solid #333; border-radius:10px;}
.car-pop .search-wrap input{width:100%; border:none; border-radius:10px; flex-grow:1; font-size:1.25rem; font-weight:600}
.car-pop .search-wrap input::placeholder{font-weight:400; font-size:1.125rem}
.car-pop .search-wrap button{flex-shrink:0; width:45px; background:url(/assets/img/booking/icon-search.png) no-repeat center / 20px; border:none;  }
.car-pop .notice{margin-top:17px;}
.car-pop .notice ul li{position:relative; margin:1px 0; padding-left:13px; color:#666; font-size:.938rem; letter-spacing:0; word-break:break-all}
.car-pop .notice ul li:before{content:''; position:absolute; top:9px; left:0; width:6px; height:1px; background-color:#666;}
.car-pop .list{margin-top:25px; height:260px; overflow-y:auto;}
.car-pop .list li{display:flex; justify-content:space-between; align-items:center; gap:0 17px; padding:11px; border-bottom:1px solid #ddd; font-size:1rem}
.car-pop .list li:hover{background-color:#edf2f7;}
.car-pop .list li .txt-wrap{display:flex; gap:0 15px; justify-content:space-between; flex-grow:1; align-items:center;}
.car-pop .list li .txt-wrap .name{margin-right:auto; color:#333; font-weight:500; line-height:1.4}
.car-pop .list li .txt-wrap .name small{display:block; font-size:.813rem; color:var(--blue-color); font-weight:400}
.car-pop .list li .txt-wrap .car-price{color:#333; font-size:.938rem; font-weight:500}
.car-pop .list li .txt-wrap .cate{color:#777; font-size:.938rem}
.car-pop .list li .select-wrap{display:flex; gap:0 6px;}
.car-pop .list li .select-wrap button{padding:5px 13px 4px; border-radius:5px; border:1px solid var(--blue-color); color:var(--blue-color); background:none; font-weight:500}
.car-pop .list li .select-wrap button:hover{background:var(--blue-color); color:#fff;}


.refund-pop{display:none; width:800px; padding:40px; text-align:center; max-height:70vh; overflow-y:auto}
.refund-pop .notice{padding-bottom:10px; text-align:left; font-weight:500}
.refund-pop h2{padding-top:15px; font-size:1.625rem; color:var(--red-color)}
.refund-pop img{max-width:150px}
.refund-pop .sub-tit{margin-top:10px; padding:10px; background-color:#fdf4f0; border-radius:5px; color:var(--red-color)}
.refund-pop ul{margin-top:25px;}
.refund-pop ul li{position:relative; padding:3px 0 0 21px; text-align:left; color:#666; font-size:.938rem}
.refund-pop ul li:before{content:''; position:absolute; top:11px; left:7px; width:4px; height:4px; background-color:#a3a9b0; border-radius:10px;}
.refund-pop button.confirm{margin-top:30px; background:var(--red-color)}
.refund-pop button.confirm:hover{background:var(--red-color-hover)}
.refund-pop ul.table{display:grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); border-top:2px solid #333; border-left:1px solid #ddd;}
.refund-pop ul.table li {padding:0;}
.refund-pop ul.table li > *{padding:10px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.refund-pop ul.table li:before{display:none; }
.refund-pop ul.table li .tit{background-color:#f9faff; font-weight:500; color:#333;}


@media only screen and (max-width:900px){
	.layer-pop,.layer-pop.car-pop{width:92%;}
	.layer-pop.booking-pop{padding:30px;}
	.booking-pop .con{gap:0 20px;}
	.booking-pop .con .detail{padding-left:25px}
	.booking-pop .con .detail ul li.time{/*width:60px*/}
	.booking-pop .con .detail ul li.time .info-pop-btn .icon{left:50px;}
	.booking-pop .con .detail ul li.take{/*width:70px*/}
	.booking-pop .con .calendar{width:auto}

	.refund-pop{width:92%}
}
@media only screen and (max-width:860px){
	.layer-pop.booking-pop{padding:30px 20px;}
	.booking-pop .con .calendar table :where(th,td){padding:10px 4px;}
	.booking-pop .con .detail ul{text-align:left;}
	.booking-pop .con .detail ul li{display:block; text-align:left; }
	.booking-pop .con .detail ul li.take{max-width:100%; text-align:left;}
	.booking-pop .con .detail ul li.take br {display:none;}
	.booking-pop .con .detail ul li.book-btn{/*position:absolute; top:50%; right:0; transform:translateY(-50%)*/text-align:right;}
	.booking-pop .con .detail ul li.time .info-pop-btn .icon{top:50%; left:auto; right:72px; transform:translateY(-50%)}
	.booking-pop .con .detail p.sub-tit{margin:7px 0 15px;}
	.booking-pop .con .detail ul li.remain span{}
	.booking-pop .con .detail ul li.remain span:first-child{margin-left:0}
	.booking-pop .con .info-pop{margin:0; bottom:-20px; right:60px; display:inline-block; font-size:.875rem}
	.booking-pop .con .info-pop:before{left:auto; right:16px;}	
	.booking-pop .con .calendar table td p{font-size:.938rem; width:30px; height:30px;}
	.booking-pop .con .calendar .tit button{width:30px; height:30px;}
}
@media only screen and (max-width:768px){
	.layer-pop.car-pop{padding:40px;}
	.car-pop .list li{padding:11px 11px 11px 5px}	
	/*.car-pop .list li .txt-wrap .name{width:calc(100% - 35px); flex-shrink:0}*/
	.car-pop .list li .txt-wrap .name{word-break:break-all;}



	.layer-pop.booking-pop{max-height:95vh;}
	.booking-pop .con{display:block; padding-top:10px}
	.booking-pop .con .calendar .tit{justify-content:space-around;}
	.booking-pop .con .calendar .tit h3{font-size:1.25rem}
	.booking-pop .con .detail{margin-top:15px; padding:20px 0 0; border-left:0; border-top:1px solid #333;}
	.booking-pop .con .detail.no-data{padding:45px 0 35px;}
	.booking-pop .con .detail.no-data img{margin:0; max-width:40px;}
	.booking-pop .con .detail.no-data p{padding-top:6px; font-size:1.063rem;}
	.booking-pop .con .calendar table td p{margin:0 auto}
	.booking-pop .con .calendar table :where(th,td){padding:2px;}
}
@media only screen and (max-width:670px){
	.booking-pop .con .calendar table :where(th,td){padding:4px;}
}
@media only screen and (max-width:650px){
	


	.car-pop .list{margin-top:20px;}
	.car-pop .notice{margin-top:15px;}

	.refund-pop{max-height:80vh;}
	.refund-pop img{max-width:120px;}
	.refund-pop h2{font-size:1.5rem; line-height:1.3}
	.refund-pop ul{margin-top:20px;}
}
@media only screen and (max-width:560px){
	.car-pop .search-wrap button{width:40px;}
}
@media only screen and (max-width:479px){
	.layer-pop.car-pop{padding:30px 25px}
	.car-pop .search-wrap{margin-top:20px;}
	.car-pop .list li{gap:0 10px; padding:11px 5px;}
	.car-pop .list li .select-wrap{gap:0 3px;}
	.car-pop .list li .select-wrap button{padding:4px 10px 3px; font-size:.938rem}

	
	.refund-pop .notice{display:none;}
	.refund-pop img{max-width:100px;}
	.refund-pop .sub-tit{line-height:1.35; font-size:.938rem}
	.refund-pop h2{padding-top:5px;}
	.refund-pop{padding:30px 20px;}
	.car-pop .list li .txt-wrap .name{font-size:.938rem}
	.car-pop .list li .txt-wrap .car-price{font-size:.875rem}
	.refund-pop ul{margin-top:15px;}
	.refund-pop button.confirm{width:100%;}
	.refund-pop ul.table li > *{padding:8px 3px; font-size:.813rem}



}




.detail-img-pop{display:none; width:1000px; top:0; margin:5vh 0 0 -500px; transform:none; padding:0; max-height:90vh; overflow-y:auto; background-color:#ffffff;}
.detail-img-pop .close{position:fixed; top:calc(5vh + 10px); left:calc(50% - 20px); width:1000px; transform:translateX(-50%);}
.detail-img-pop img{max-width:100%; display:block;}
.detail-img-pop .btn-reser{position:sticky; bottom:-1px; padding:15px 20px; width:100%; display:block; background-color:var(--orange-color); color:#fff; border:none; font-size:1.75rem; font-weight:600; letter-spacing:-.2px}
.detail-img-pop .btn-reser:hover{background-color:var(--orange-color-hover)}

@media only screen and (max-width:1000px){
	.detail-img-pop{width:96%; left:2%; margin-left:0;}
	.detail-img-pop .close{left:auto; right:calc(2% + 20px); transform:none;}
}

@media only screen and (max-width:560px){
	.detail-img-pop .btn-reser{font-size:1.375rem}
}




/* 게시판 */

.board-list .top-banner{display:flex; gap:0 30px; padding:45px 100px; background-color:#e2ebfb; border-radius:20px}
.board-list .top-banner img{max-width:160px;}
.board-list .top-banner .tit{font-size:1.5rem; color:var(--primary-color); font-weight:600}
.board-list .top-banner .sub-tit{padding-top:3px; color:#576a8c; font-weight:500}
.board-list .top-banner button{margin-top:20px;}
.board-list .table-wrap{margin-top:40px; }
.board-list .table-wrap table tr.top-td{background-color:#f9faff}
.board-list .table-wrap table tr.top-td span.badge{display:inline-block; margin-right:8px; padding:1px 7px; font-size:.875rem; border:1px solid var(--primary-color); border-radius:5px; color:var(--primary-color); font-weight:500; background:transparent;}
.board-list .table-wrap table td .badge{display:inline-block; margin-right:8px; padding:1px 7px; font-size:.875rem; background-color:#777; border-radius:5px; color:#fff; font-weight:500}
.board-list .table-wrap table td{padding:0 15px; font-weight:500}
.board-list .table-wrap table td a{display:block; padding:23px 15px;}
.board-list .table-wrap table td.date{color:#888;}
.board-list .pagination{margin-top:70px;}

.board-view .con-wrap{text-align:left}
.board-view .con-wrap .con-header{padding:28px 0 28px 10px; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.board-view .con-wrap .con-header h2{padding:0; font-size:1.375rem; text-align:left}
.board-view .con-wrap .con-header .date{padding-top:10px; color:#888; letter-spacing:0}
.board-view .con-wrap .con-header .date span{margin-right:15px;}
.board-view .con-wrap .con{padding:60px 0; line-height:1.8; font-size:1.063rem; border-bottom:1px solid #ddd;}
.board-view .con-wrap .con img{max-width:100%; display:block}
.board-view .con-wrap .con.reply{padding:60px; background-color:#f5f5f5; color:#666;}
.board-view .con-wrap .con .date{margin-top:15px; color:#888; font-size:1rem; letter-spacing:0}
.board-view .con-wrap .btn-wrap{margin-top:70px;}



.board-write input{width:100%;}
.board-write td:first-child{width:150px;}
.board-write td .required{position:relative; }
.board-write td .required:after{content:''; position:absolute; top:50%; right:-12px; width:5px; height:5px; transform:translateY(-50%); border-radius:50%; background-color:var(--red-color)}
.board-write .btn-wrap{margin-top:35px;}


.sub-faq .search-con{display:flex; align-items:center; justify-content:center; gap:0 50px; padding:55px; background:linear-gradient(#3871db,#3a82ed); color:#fff; border-radius:20px;}
.sub-faq .search-con img{max-width:230px}
.sub-faq .search-con .tit{font-size:2rem; font-weight:500}
.sub-faq .search-con .search-input-wrap{display:flex; align-items:center; width:500px; margin-top:15px; background-color:#fff; border-radius:10px;}
.sub-faq .search-con .search-input-wrap input{padding:15px 20px; flex-grow:1; background:transparent; border:none; font-size:1.125rem; font-weight:500;}
.sub-faq .search-con .search-input-wrap input::placeholder{font-weight:400}
.sub-faq .search-con .search-input-wrap button{position:relative; margin-right:10px; width:40px; height:40px; background:none; border:none;}
.sub-faq .search-con .search-input-wrap button:before{content:''; position:absolute; top:9px; left:10px; width:17px; height:17px; background-color:#fff; border:2px solid var(--primary-color); border-radius:50%;}
.sub-faq .search-con .search-input-wrap button:after{content:''; position:absolute; top:24px; left:23px; width:7px; height:2px; background:var(--primary-color); border-radius:10px; transform:rotate(45deg)}

.sub-faq .faq-con{margin-top:75px;}
.sub-faq .faq-con .tab-control-wrap{display:grid; grid-template-columns:repeat(6,1fr); align-items:center; text-align:center;}
.sub-faq .faq-con .tab-control-wrap .tab-link{opacity:.25; padding-top:48px; background:none; color:#000; font-size:1.063rem; background-repeat:no-repeat; background-size:auto 40px; background-position:top center; font-weight:500}
.sub-faq .faq-con .tab-control-wrap .tab-link.on{opacity:1; color:#333;}
.sub-faq .faq-con .tab-control-wrap .tab-link.one{background-image:url(/assets/img/board/faq-icon-01.png);}
.sub-faq .faq-con .tab-control-wrap .tab-link.two{background-image:url(/assets/img/board/faq-icon-02.png); background-size:auto 35px}
.sub-faq .faq-con .tab-control-wrap .tab-link.three{background-image:url(/assets/img/board/faq-icon-03.png); background-size:auto 37px}
.sub-faq .faq-con .tab-control-wrap .tab-link.four{background-image:url(/assets/img/board/faq-icon-04.png);}
.sub-faq .faq-con .tab-control-wrap .tab-link.five{background-image:url(/assets/img/board/faq-icon-05.png);}
.sub-faq .faq-con .tab-control-wrap .tab-link.six{background-image:url(/assets/img/board/faq-icon-06.png);}
.sub-faq .faq-con .tab-content{margin-top:15px; padding-top:15px; border-top:2px solid #333;}
.sub-faq .faq-con .tab-content .con{display:flex; justify-content:space-between; margin-top:15px; padding:25px 35px; gap:0 10px; border:1px solid #ddd; border-radius:15px; cursor:pointer; transition:all .3s;}
.sub-faq .faq-con .tab-content .con .tit-wrap{display:flex; align-items:start; gap:0 10px;}
.sub-faq .faq-con .tab-content .con .tit-wrap .q{font-size:1.875rem; font-weight:600; color:#ddd}
.sub-faq .faq-con .tab-content .con .tit-wrap .tit{padding-top:10px; font-size:1.125rem; font-weight:500; color:#333;}
.sub-faq .faq-con .tab-content .con .pm{position:relative; margin-top:22px; width:16px; height:2px; background-color:#333; flex-shrink:0;}
.sub-faq .faq-con .tab-content .con .pm:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2px; height:16px; background-color:#333;}
.sub-faq .faq-con .tab-content .con .txt{display:none; padding-left:34px; color:#777; line-height:1.6}
.sub-faq .faq-con .tab-content .con.on .tit-wrap .q{color:var(--primary-color)}
.sub-faq .faq-con .tab-content .con.on .tit-wrap .tit{color:var(--primary-color)}
.sub-faq .faq-con .tab-content .con.on .pm:before{display:none;}


.password-pop{width:400px; display:none; text-align:center}
.password-pop img{max-width:150px;}
.password-pop input{display:block; width:100%; border:0; border-bottom:2px solid #333; border-radius:0; text-align:center; font-size:1.5rem}
.password-pop input::placeholder{font-size:1.063rem}
.password-pop button{display:block; margin-top:15px; width:100%;}

@media only screen and (max-width:1024px){
	.sub-faq .search-con{padding:40px; gap:0 25px;}
	.sub-faq .search-con img{max-width:170px;}
	.sub-faq .search-con .tit{font-size:1.75rem}
	.sub-faq .search-con .search-input-wrap{margin-top:10px; width:100%;}
	.sub-faq .search-con .search-input-wrap input{padding:13px 20px;}
}
@media only screen and (max-width:768px){
	.board-list .top-banner{padding:35px 60px; gap:0 25px; align-items:start;}
	.board-list .top-banner .tit{font-size:1.375rem}
	.board-list .top-banner img{max-width:115px; }
	.board-list .table-wrap{margin-top:35px;}
	.board-list .table-wrap table td a{padding:20px 10px;}
	.board-list .pagination{margin-top:40px;}

	.board-view .con-wrap .con-header{padding:25px 0 25px 10px;}
	.board-view .con-wrap .con{padding:50px 0}
	.board-view .con-wrap .con.reply{padding:50px;}

	.sub-faq .faq-con .tab-content .con{margin-top:12px; padding:17px 30px;}
	.sub-faq .faq-con .tab-content .con .pm{width:12px;}
	.sub-faq .faq-con .tab-content .con .pm:before{height:12px}
	.sub-faq .faq-con .tab-content .con .txt{padding-left:30px;}
}
@media only screen and (max-width:650px){
	.board-list .top-banner{padding:35px 30px; justify-content:center;}	
	.board-list .pagination{margin-top:30px;}
	.board-view .con-wrap .btn-wrap{margin-top:35px;}

	
	.sub-faq .faq-con{margin-top:30px;}
	.sub-faq .search-con{display:block; padding:30px; text-align:center;}
	.sub-faq .search-con .tit{display:none;}
	.sub-faq .search-con img{max-width:150px}
	.sub-faq .search-con .search-input-wrap input{width:calc(100% - 45px)}
	.sub-faq .faq-con .tab-control-wrap{display:grid; grid-template-columns:repeat(3,1fr); gap:5px 0;}
	.sub-faq .faq-con .tab-control-wrap .tab-link{padding-top:35px; background-size:auto 30px;}
	.sub-faq .faq-con .tab-control-wrap .tab-link.two{background-size:auto 28px;}
	.sub-faq .faq-con .tab-control-wrap .tab-link.three{background-size:auto 28px;}
	.sub-faq .faq-con .tab-content{margin-top:5px;}
	
}
@media only screen and (max-width:560px){
	.sub-wrap .sub-con.board-view{margin-top:75px}
	.board-list .table-wrap{margin-top:30px;}
}
@media only screen and (max-width:479px){
	.board-list .top-banner{padding:30px; border-radius:15px;}
	.board-list .top-banner img{max-width:90px;}
	.board-list .top-banner .tit{font-size:1.25rem; line-height:1.4}
	.board-list .top-banner .sub-tit{display:none;}
	.board-list .top-banner button{margin-top:10px;}
	.board-list .num{display:none;}
	.board-list .table-wrap table td a{padding:15px 0; font-size:1.063rem}
	.board-list .table-wrap table td:has(.date){padding:0 10px}
	.board-list .table-wrap table td.date{font-size:.938rem}
	.board-list .table-wrap table tr.top-td span.badge{margin-right:7px; padding:1px 6px 0}

	.board-view .con-wrap .con{padding:40px 0; line-height:1.6; font-size:1rem; color:#666;}
	.board-view .con-wrap .con.reply{padding:35px;}
	.board-view .con-wrap .con-header{padding:20px 0 17px 5px}
	.board-view .con-wrap .con-header h2{font-size:1.25rem}
	.board-view .con-wrap .con-header .date{padding-top:5px;}
	.board-view .con-wrap .con .date{margin-top:10px;}

	.board-write td{padding:10px;}
	.board-write td:first-child{width:100px}

	.sub-faq .search-con{padding:25px 15px 15px;}
	.sub-faq .search-con img{max-width:130px}
	.sub-faq .search-con .search-input-wrap input{padding:10px 17px;}
	.sub-faq .search-con .search-input-wrap button{margin-right:5px;}
	.sub-faq .search-con .search-input-wrap button:before{top:11px;}
	.sub-faq .search-con .search-input-wrap button:after{top:26px}
	.sub-faq .faq-con .tab-control-wrap{gap:7px 0;}
	.sub-faq .faq-con .tab-control-wrap .tab-link{padding-top:30px; background-size:auto 25px; font-size:1rem}
	.sub-faq .faq-con .tab-control-wrap .tab-link.two{background-size:auto 24px;}
	.sub-faq .faq-con .tab-control-wrap .tab-link.three{background-size:auto 24px;}
	.sub-faq .faq-con .tab-content{padding-top:10px;}
	.sub-faq .faq-con .tab-content .con{margin-top:10px; padding:10px 20px; border-radius:10px}
	.sub-faq .faq-con .tab-content .con .tit-wrap .tit{font-size:1.063rem}


	.password-pop{width:92%;}
	.password-pop img{max-width:120px}
}





/* 마이페이지 */
.mypage .mypage-top{background:url(/assets/img/member/mypage-top-bg.jpg) no-repeat center /cover; height:500px;}
.mypage .mypage-top .top-wrap{padding-left:50px; background:url(/assets/img/member/bird.png) no-repeat right center;}
.mypage .mypage-top h2{padding-top:85px; text-align:left; font-size:2.813rem; line-height:1.3}
.mypage .mypage-top p{padding-top:20px; font-size:1.25rem}
.mypage .top-info{display:flex; justify-content:space-between; margin-top:-100px; gap:0 35px; background-color:#fff; border-radius:60px 15px 15px 15px; box-shadow:0px 0px 20px rgba(0,0,0,.15)}
.mypage .top-info .info-wrap{position:relative; display:flex; gap:0 35px; padding:50px 60px 40px;}
.mypage .top-info .info-wrap .modify{position:absolute; top:35px; right:0; padding:2px 7px; border:1px solid #ddd; font-size:.875rem; border-radius:5px; color:#888;}
.mypage .top-info .info-wrap .modify:hover{background-color:#f5f5f5;}
.mypage .top-info .info-wrap .bc{max-width:160px;}
.mypage .top-info .info-wrap .info{padding-top:40px;}
.mypage .top-info .info-wrap .info .name{font-size:1.5rem; font-weight:600}
.mypage .top-info .info-wrap .info ul{margin-top:12px;}
.mypage .top-info .info-wrap .info ul li{padding:4px 0 0 25px; background-image:url(/assets/img/member/mypage-info-icon-01.png); background-repeat:no-repeat; background-position:left center; background-size:17px; color:#444;}
.mypage .top-info .info-wrap .info ul li:nth-child(2){background-image:url(/assets/img/member/mypage-info-icon-02.png)}

.mypage .top-info .info-con-wrap{display:flex; align-items:start; gap:0 18px; margin:-70px -30px 0 0}
.mypage .top-info .info-con{padding:40px 20px; width:300px; background-color:var(--blue2-color); color:#fff; text-align:center; border-radius:15px 60px 15px 15px;}
.mypage .top-info .info-con .tit{font-size:1.625rem; font-weight:500}
.mypage .top-info .info-con .sub-tit{font-size:1.063rem; font-weight:300; letter-spacing:0;}
.mypage .top-info .info-con .num{padding-top:35px; font-size:4.75rem; font-weight:600; line-height:1.1}
.mypage .top-info .info-con .num small{font-size:1.5rem}
.mypage .top-info .info-con.mp-q{background-color:var(--green-color)}

.mypage h3{font-size:2rem; font-weight:600}

.booking-list{padding-top:90px;}
.booking-list .list .list-tit{display:flex; margin-top:30px; justify-content:space-between; align-items:center;}
.booking-list .list .list-tit :where(.left,.right){display:flex; align-items:center; gap:5px;}
.booking-list .list .list-tit .date{font-size:1.375rem; font-weight:600}
.booking-list .list .list-tit .num{padding-left:5px; color:#888;}
.booking-list .list .list-tit .price{padding-right:7px; font-size:1.375rem; font-weight:600; color:var(--primary-color)}
.booking-list .list .list-tit .btn.line{padding:3px 10px; background:none; border:1px solid var(--primary-color); color:var(--primary-color); font-weight:500; border-radius:5px}
.booking-list .list .list-tit .btn.line.gray{border:1px solid #ddd; color:#888;}
.booking-list .list .list-con{margin-top:15px; border:1px solid #ddd; border-radius:10px;}
.booking-list .list .list-con dl dt{padding:14px 30px 12px 55px; color:var(--blue2-color); border-radius:10px 10px 0 0; font-weight:600; background:#f1f3f8 url(/assets/img/member/icon-pin.png) no-repeat left 30px center / 15px; }
.booking-list .list .list-con dl dd{padding:20px 55px}
.booking-list .list .list-con dl dd ul li{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #eee; font-size:.938rem}
.booking-list .list .list-con dl dd ul li:last-child{border:none;}
.booking-list .list .list-con dl dd ul li .user{color:#666; font-weight:500}
.booking-list .list .list-con dl dd ul li.cancel .done{color:var(--red-color)}
.booking-list .list .list-con dl dd ul li.cancel :where(.user,.price){color:#bbb; text-decoration:line-through}
.booking-list .list .list-con .state{display:flex; gap:0 15px; font-weight:500; font-size:.938rem; color:#5e5e5e}
.booking-list .list .list-con .state .done{width:50px; flex-shrink:0; text-align:center;}
.booking-list .list .list-con dl.car dt{display:flex; justify-content:space-between; color:var(--green-color); background:#f1f3f8 url(/assets/img/member/icon-car.png) no-repeat left 30px center / 16px;}
.booking-list .list .list-con dl.car dt .state{margin-right:25px;}

.booking-list .list .list-con dl.center dt{border-radius:0}
.booking-list .list .list-con dl.last dt{border-radius:0 0 10px 10px;}


.my-qna{margin-top:100px;}
.my-qna dl{border-bottom:1px solid #ddd; cursor:pointer;}
.my-qna dl:nth-of-type(1){border-top:1px solid #333; margin-top:30px;}
.my-qna dl dt .tit-wrap{display:flex; justify-content:space-between; align-items:center; gap:0 20px;}
.my-qna dl dt .tit-wrap > div{flex-shrink:0;}
.my-qna dl dt .tit-wrap .tit{padding:25px 0; font-size:1.125rem; font-weight:600}
.my-qna dl dt .tit-wrap .date{color:#888;}
.my-qna dl dt .tit-wrap .state{padding-left:15px; color:var(--primary-color); font-weight:600}
.my-qna dl dt .tit-wrap .state.wait{color:var(--green-color)}
.my-qna dd{display:none;}
.my-qna dd .txt{font-size:1rem; color:#666;}
.my-qna dd .answer{display:flex; align-items:start; gap:0 18px; margin:20px 0;  padding:35px 40px; background-color:#f1f3f8; border-radius:10px;}
.my-qna dd .answer .a{display:flex; justify-content:center; align-items:center; flex-shrink:0; width:42px; height:42px; background-color:var(--primary-color); color:#fff; border-radius:50%; font-size:1.5rem; font-weight:600}
.my-qna dd .answer .txt-wrap .txt{font-weight:600; color:var(--primary-color)}
.my-qna dd .answer .txt-wrap .date{padding-top:5px; font-size:.938rem; color:#888; letter-spacing:0; font-weight:400}



@media only screen and (max-width:1200px){
	.mypage .mypage-top h2{padding-top:90px; font-size:2.5rem}
	.mypage .mypage-top p{padding-top:15px; font-size:1.125rem}
	.mypage .top-info{margin-top:-150px}
	.mypage .top-info .info-wrap{gap:0 30px}
	.mypage .top-info .info-wrap .bc{max-width:140px;}
	.mypage .top-info .info-wrap .info{padding-top:25px;}
	.mypage .top-info .info-con{width:250px}
	.mypage .top-info .info-con .tit{font-size:1.5rem}
	.mypage .top-info .info-con .num{font-size:4rem}
	.mypage .top-info .info-con .num small{font-size:1.25rem}
}
@media only screen and (max-width:1024px){
	.mypage .mypage-top{height:400px}
	.mypage .mypage-top h2{padding-top:70px;}
	.mypage .mypage-top p{padding-top:10px;}
	.mypage .top-info{gap:0 30px; margin-top:-120px}
	.mypage .top-info .info-wrap{padding:30px 40px; gap:0 20px}
	.mypage .top-info .info-wrap .modify{top:20px; right:-10px;}
	.mypage .top-info .info-wrap .bc{max-width:110px}
	.mypage .top-info .info-wrap .info .name{font-size:1.375rem}
	.mypage .top-info .info-con{padding:30px 20px; width:200px}
	.mypage .top-info .info-con-wrap{margin:-60px 20px 0 0; gap:0 13px}
	.mypage .top-info .info-con .num{font-size:3.5rem}
}
@media only screen and (max-width:860px){
	.mypage .top-info .info-con{width:150px;}
	.mypage .top-info{gap:0 15px;}
}
@media only screen and (max-width:768px){
	.mypage h3{font-size:1.875rem}

	.mypage .top-info{display:block;}
	.mypage .top-info .info-con-wrap{display:grid; grid-template-columns:repeat(2,1fr); gap:0 8px; margin:0; padding:0 40px 30px;}
	.mypage .top-info .info-wrap .modify{top:20px; right:20px;}
	.mypage .top-info .info-con{display:flex; justify-content:space-between; align-items:center; padding:12px 20px; width:auto; border-radius:12px;}
	.mypage .top-info .info-con .tit{font-size:1.25rem}
	.mypage .top-info .info-con .num{padding-top:0; font-size:2.25rem}
	.mypage .top-info .info-con .num small{padding-left:3px; font-size:1.125rem}
	.mypage .top-info .info-con .sub-tit{display:none;}

	.my-qna dd .answer{margin:20px 0 0; padding:30px 35px}
}
@media only screen and (max-width:650px){	

	.booking-list{padding-top:80px;}
	.booking-list .list .list-con dl dd{padding:15px 30px;}
	.booking-list .list .list-con dl dd ul li{padding:9px 0}

	.my-qna dl dt .tit-wrap .tit{padding:20px 0}
}
@media only screen and (max-width:560px){
	.mypage h3{font-size:1.75rem}

	.mypage .mypage-top{height:350px;}
	.mypage .mypage-top .top-wrap{padding-left:25px; background-size:100px}
	.mypage .mypage-top p{padding-top:7px; font-size:1rem}
	.mypage .mypage-top h2{padding-top:60px; font-size:2rem}
	.mypage .top-info{margin-top:-100px}
	.mypage .top-info .info-wrap{padding:30px 30px 25px;}
	.mypage .top-info .info-wrap .bc{max-width:100px}
	.mypage .top-info .info-wrap .info{padding-top:20px;}
	.mypage .top-info .info-wrap .info .name{font-size:1.25rem}
	.mypage .top-info .info-wrap .info ul{margin-top:8px;}
	.mypage .top-info .info-wrap .info ul li{padding:2px 0 2px 23px; background-size:15px;}
	.mypage .top-info .info-con{padding:10px 20px; border-radius:10px;}
	.mypage .top-info .info-con .tit{font-size:1.125rem}
	.mypage .top-info .info-con .num{font-size:1.5rem}
	.mypage .top-info .info-con .num small{font-size:.938rem}
	.mypage .top-info .info-con-wrap{padding:0 20px 20px}
	.mypage .top-info .info-wrap .modify{top:15px; right:15px;}

	.booking-list{padding-top:60px;}
	.booking-list .list .list-con{margin-top:10px;}
	.booking-list .list .list-tit{margin-top:20px;}
	.booking-list .list .list-tit .btn.line{padding:3px 5px;}
	.booking-list .list .list-tit .date{font-size:1.188rem}
	.booking-list .list .list-tit .num{padding-left:3px; font-size:.813rem;}
	.booking-list .list .list-tit .price{padding-right:5px; font-size:1.063rem;}
	.booking-list .list .list-con dl dt{padding:12px 12px 12px 45px; background-position:left 25px top 14px; background-size:13px;}
	.booking-list .list .list-con dl dt .due{display:block; margin-top:-2px;}
	.booking-list .list .list-con dl dd{padding:13px 25px;}
	.booking-list .list .list-con dl dd ul li{padding:8px 0; font-size:.875rem}
	.booking-list .list .list-con dl.car dt .state{margin-right:13px;}
	.booking-list .list .list-con dl.car dt{padding:12px 12px 12px 55px}	
	.booking-list .list .list-con .state{gap:0 5px; font-size:.875rem}

	.my-qna{margin-top:75px;}
	.my-qna dl:nth-of-type(1){margin-top:18px}
	.my-qna dd .answer{padding:20px 30px; gap:0 12px}
	.my-qna dd .answer .a{width:32px; height:32px; font-size:1.25rem}
	.my-qna dl dt .tit-wrap .date{letter-spacing:0; font-size:.938rem}
	.my-qna dl dt .tit-wrap .state{padding-left:7px;}
	.my-qna dl dt .tit-wrap .tit{padding:15px 0; font-size:1.063rem; font-weight:500}
}



/* 회원가입 */
.join{position:relative;}
.join .bc{position:absolute; bottom:0; right:-110px; /*animation:move 10s 0s infinite ease-in-out alternate backwards; z-index:0*/}
.join .sub-tit{padding-top:20px; font-size:1.125rem; text-align:center;}
.join .box{position:relative; z-index:1; margin:65px auto 0; padding:45px 45px 40px; width:600px; background-color:#fff; border-radius:20px; box-shadow:0 0 15px rgba(0,0,0,.15)}
.join .box ul li{padding:10px 0;}
.join .box .align{display:flex; align-items:center; gap:0 10px;}
.join .box label{position:relative; display:inline-block; margin-bottom:6px; font-size:1.063rem; font-weight:500}
.join .box label.required:after{content:''; position:absolute; top:50%; right:-12px; width:5px; height:5px; transform:translateY(-50%); border-radius:50%; background-color:var(--red-color)}
.join .box input{padding:12px 18px; width:100%; background-color:#f2f2f2; border:none;}
.join .box input::placeholder{color:#aaa}
.join .box .inner-btn{padding:10px 15px; border-radius:5px; border:1px solid #333; background:none; font-size:1rem}
.join .box .inner-btn:hover{border-color:var(--primary-color); color:var(--primary-color)}
.join .box .checkbox-wrap .checkbox_label{display:flex;}
/*.join .box .checkbox_label.color .checkbox_icon{background-color:#eee;}*/
.join .box .checkbox_label.color .checkbox_text{font-size:1rem; font-weight:400}
.join .box ul li.agree{padding:20px 0;}
.join .box .join-btn{margin-top:30px;}


.join.modify .bc{display:none;}
.join .withdraw{display:block; margin:25px auto 0; text-align:center; text-decoration:underline; color:#888;}

.withdraw .con-wrap{animation:srr 2s 0s linear forwards; padding:200px 0 50px; text-align:center; background:url(/assets/img/member/withdraw-bc.png) no-repeat center left -122px  / 122px 302px;}
.withdraw h2{padding:0; font-size:2.75rem; font-weight:600}
.withdraw h2 span{color:var(--blue-color)}
.withdraw p{padding-top:5px; font-size:1.125rem; color:#666;}
.withdraw.join .box{margin:50px auto 0;}
.withdraw .btn-wrap{margin-top:10px; gap:0 7px}
.withdraw .btn-wrap .btn.cancel{background-color:#eee;}
.withdraw.login .box button{margin:0; padding:12px 30px; border-radius:7px; font-size:1.125rem}

@keyframes srr{
	0%{background-position:center left -122px}
	100%{background-position:center left 0}
}


@media only screen and (max-width:1024px){
	.withdraw .con-wrap{padding:150px 0 30px; background-size:100px 245px;}
	.withdraw.join .box{margin:35px auto 0; padding:35px; width:500px;}


	@keyframes srr{
		0%{background-position:top 70px left -100px}
		100%{background-position:top 70px left 0}
	}
}



@media only screen and (max-width:650px){
	.withdraw .con-wrap{background-size:80px 196px;}
	.withdraw h2{font-size:2.5rem}
	.withdraw p{padding-top:3px; font-size:1rem; line-height:1.4}
	.withdraw.join .box{padding:30px;}
	.withdraw .btn-wrap{margin-top:5px;}


	@keyframes srr{
		0%{background-position:top 30px left -80px}
		100%{background-position:top 30px left 0}
	}
}

@media only screen and (max-width:560px){
	.withdraw .con-wrap{background-size:60px 147px;}
	.withdraw h2{font-size:2rem}
	.withdraw :where(h2,p){width:90%; margin:0 auto;}
	.withdraw .con-wrap{margin:0 auto; padding:120px 0 30px;}
	.withdraw.join .box{margin:20px auto 0; padding:0; width:90%}
	.withdraw.login .box button{width:50%; padding:10px 0; }
	.withdraw.login .box input{padding:10px 15px;}
	.withdraw .btn-wrap{margin-top:0;}

	@keyframes srr{
		0%{background-position:top 5px left -60px}
		100%{background-position:top 5px left 0}
	}
}




.agree-view{display:block; margin-top:-5px; padding:0 0 0 35px; background:none; border:none; font-size:1.125rem; text-decoration:underline; color:#888; font-size:.875rem}
.agree-pop{display:none; width:750px;}
.agree-pop .box{margin-top:10px; padding:15px; border:1px solid #ddd; border-radius:10px; height:150px; font-size:.875rem; overflow-y:auto; color:#666;}
.agree-pop h3.space{padding-top:20px;}



.login .box input{margin-bottom:10px; padding:0 30px; height:62px; border-radius:12px; font-size:1.25rem}
.login .box input::placeholder{font-size:1.063rem}
.login .box button{margin-top:15px; padding:16px 30px; font-size:1.25rem; }
.login .box .link{display:flex; margin-top:25px; gap:0 30px; justify-content:center;}
.login .box .link a{position:relative; padding:5px; font-size:1.063rem; font-weight:500;}
.login .box .link a:hover{text-decoration:underline}
.login .box .link a:after{content:''; position:absolute; top:50%; right:-16px; transform:translateY(-50%); width:1px; height:15px; background-color:#ccc;}
.login .box .link a:last-child:after{display:none;}


.find-pop{display:none; padding:50px 40px 40px; width:600px;}
.find-pop .id-find{padding-top:35px; text-align:left;}
.find-pop .id-find table{margin-top:18px;}
.find-pop .id-find button{margin-top:15px; padding: ; font-size:1.063rem}
.find-pop .id-find h2{font-size:1.375rem; font-weight:600}
.find-pop .result{margin-top:25px; border-radius:10px; text-align:center;}
.find-pop .result img{position:relative; display:block; margin:0 auto; max-width:85px; z-index:1}
.find-pop .result .id{display:inline-block; margin-top:-45px;  padding:50px 50px 20px; border:3px solid #333; border-radius:10px; font-size:1.625rem; font-weight:600}
.find-pop .result .id .txt{padding-top:5px; font-size:1rem; color:#666; line-height:1.1; font-weight:400}

@keyframes move{
	0{left:0px}
	20%{ transform:rotateY(180deg)}
	40%{ transform:rotateY(360deg)}
	60%{ transform:rotateY(180deg)}
	80%{ transform:rotateY(360deg)}
	100%{left:100%;}
}

@media only screen and (max-width:768px){
	.join .sub-tit{padding-top:12px}
	.join .box{margin-top:35px; padding:40px; width:85%;}
	.join .box label{margin-bottom:5px;}
	.join .bc{right:-50px;}
	.join .bc img{max-width:170px;}
	.join .box ul li.agree{padding:20px 0}

	.agree-pop{width:92%; padding:25px 20px;}
}
@media only screen and (max-width:650px){
	.find-pop{width:92%; padding:35px 30px;}
}
@media only screen and (max-width:560px){
	.join .bc{display:none;}
	.join .box{margin-top:25px; padding:10px 0; width:90%; background:none; box-shadow:none; }
	.join .box ul li{padding:8px 0;}
	.join .box .inner-btn{padding:8px 10px}
	.join .box .align{gap:0 7px;}
	.join .box input{padding:10px 15px;}
	.join .box ul li.agree{padding:10px 0;}
	.join .box .join-btn{margin-top:15px; padding:13px 0;}


	.login .box input{margin-bottom:9px; padding:0px 20px; height:54px; border-radius:8px;}
	.login .box button{margin-top:5px; padding:14px 30px; font-size:1.25rem; border-radius:8px;}
	.login .box .link{margin-top:17px;}

	.find-pop{padding:30px 25px;}
	.find-pop .id-find h2{font-size:1.25rem}
	.find-pop .id-find table{margin-top:15px;}
	.find-pop .result .id{width:100%; padding:50px 20px 20px;}
	.find-pop .result img{max-width:70px;}


}




/* 약관 */

.terms h3{font-size:1.5rem}
.terms h3:not(.first){padding-top:50px}
.terms :where(p,ul){padding-top:10px;}
.terms ul.space-0{padding-top:0;}
.terms .para{padding-left:20px;}
.terms ul li{display:flex;}
.terms .space-top{padding-top:20px;}
.terms ul.bg{margin-bottom:5px; padding:10px 15px; background-color:#f5f5f5; border-radius:10px;}
.terms ul.bg li .num div{font-size:.875rem}
.terms ul li .num{width:20px; flex-shrink:0; font-size:1.125rem}
.terms ul li .num.small{width:15px;}
.terms ul li .num.font-sm{font-size:.875rem}
.terms ul li .num.font-sm+div{margin-top:0}
.terms ul li div:not(.num){margin-top:3px;}
.terms table{margin-top:12px; }
.terms thead th{background-color:#f1f1f1; border-right:1px solid #ddd}
.terms thead th:last-child{border:none;}
.terms tbody td{border-right:1px solid #ddd}
.terms tbody td.border-n{border-right:0}





/* 라디오버튼 */
.radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; margin-right: 15px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight:500}

/* 기본 라디오 버튼 숨기기 */
.radio_box input[type="radio"] { display: none; }

/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.radio_box .on { width: 20px; height: 20px; border:1px solid #ddd; border-radius: 50%; position: absolute; top: 1px; left: 0; }

/* 선택된 라디오 버튼 스타일 꾸미기 */
.radio_box input[type="radio"]:checked + .on {border:1px solid var(--secondary-color); background: var(--secondary-color); }
.radio_box .on:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on:after { display: block; }
.radio_box .on:after { width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; }
.radio_box .txt{padding-left:2px;}



/* 체크박스 */
/* input 초기화 */
input[type='checkbox']{display: none;}
/* (체크박스, 텍스트) 정렬 맞추기 */
.checkbox_label{display: flex; align-items: center; cursor:pointer;}

/* 체크박스 디자인 */
.checkbox_icon{margin-top:-1px; width:28px; height:25px; cursor:pointer;}
.checkbox_icon::before,.checkbox_icon::after{content:''; display: block; margin-right: 5px; display: inline-block; width: 6px; height: 3px; transform:rotate(45deg); background-color:#cfcfcf; box-sizing:border-box; position: relative; cursor: pointer;}
.checkbox_icon::after{width:12px; top:-1px; left:-8px; transform:rotate(-45deg)}

/* checked */
.checkbox_label input:checked + .checkbox_icon::before,.checkbox_label input:checked + .checkbox_icon::after{/* transition: all 0.15s ease; */background-color:var(--primary-color)}



.checkbox_label.color .checkbox_icon{position:relative; display:inline-block; width:25px; height:25px; background-color:#dbe3eb; border-radius:5px; }
.checkbox_label.color .checkbox_icon:before,.checkbox_label.color .checkbox_icon:after{position:absolute; top:calc(50% + 1px); left:9px; transform:translate(-50%, -50%) rotate(45deg); background-color:#fff;}
.checkbox_label.color .checkbox_icon:after{margin-top:-2px; transform:rotate(-45deg); background-color:#fff;}
.checkbox_label.color .checkbox_text{padding-left:10px; font-weight:500}
.checkbox_label.color input:checked + .checkbox_icon{background:var(--primary-color)}
.checkbox_label.color input:checked + .checkbox_icon::before,.checkbox_label.color input:checked + .checkbox_icon::after{background-color:#fff;}





/* 페이징 */
.pagination{margin-top:100px;}
.pagination.small{margin-top:50px}
.pagination ul{display:flex; justify-content:center; align-items:center; gap:0 10px; }
.pagination ul li a{display:flex; justify-content:center; align-items:center; padding:10px 5px; width:42px; height:42px;}
.pagination ul li a:hover{background-color:#eee; border-radius:100px;}
.pagination ul li.btn-arrow a img{max-width:17px;}
.pagination ul li.btn-arrow.next a img{transform:rotate(-180deg)}
.pagination ul li.btn-arrow a{padding:0 20px;}
.pagination ul li.btn-arrow.prev a{margin-right:10px; width:auto}
.pagination ul li.btn-arrow.next a{margin-left:10px; width:auto}
.pagination ul li.current a{background-color:var(--primary-color); color:#fff; border-radius:100px;}

@media only screen and (max-width:768px){
	.pagination{margin-top:80px;}
	.pagination.small{margin-top:40px}
}
@media only screen and (max-width:560px){
	.pagination{margin-top:70px;}
	.pagination.small{margin-top:30px}
	.pagination ul{display:grid; grid-template-columns:repeat(auto-fit, minmax(20px, 1fr))}
	.pagination ul li{margin:0 auto;}
	.pagination ul li.btn-arrow.prev a,.pagination ul li.btn-arrow.next a{margin:0}
}



/* 위로이동 */
.move-up{position:fixed; z-index:99999; bottom:30px; right:30px; width:60px; height:60px; border-radius:100px; transform:rotate(-90deg); background:rgba(0,0,0,.8) url(/assets/img/icon-arrow-02.png) no-repeat center / 25px; cursor:pointer}
@media only screen and (max-width:768px){
	.move-up{bottom:15px; right:15px;}
}
@media only screen and (max-width:479px){
	.move-up{bottom:10px; right:10px; width:43px; height:43px; background-size:18px;}
}

/* 인플루언서폼 */
.influ{position:relative; padding:100px; background-color:#b8b3ff;}
.influ .top h3{margin-top:60px; font-size:3.75rem; color:#423e75; font-family:'GmarketSansBold', sans-serif;}
.influ .top h3 span{display:block; margin-top:-10px; font-size:5rem; letter-spacing:-3px; color:#423e75}
.influ .top p{padding-top:23px; color:#525167; font-size:1.313rem}
.influ .top span{display:block; font-size:1.125rem; opacity:.9}
.influ .survey{position:relative; margin-top:55px; padding:29px 20px; background-color:#6d61e3; border-radius:40px; z-index:0}
.influ .survey .con-wrap{position:relative; padding:97px 60px 60px;  border-radius:inherit; background-color:#fff; text-align:center;}
.influ .survey .con-wrap:before{content:''; width:100%; height:90px; position:absolute; top:-20px; left:50%; transform:translateX(-50%); background:url(/assets/img/board/influ-file.png) no-repeat top center / 300px;}
.influ .top .notice{position:relative; display:block; width:80%; margin:0 auto; font-family:'Cafe24Shiningstar'; font-size:2.125rem; color:#f15f89; z-index:1}
.influ .top .notice:before{content:''; position:absolute; top:5%; left:-5%; width:110%; height:85%; background-color:rgba(255,233,230,.9); z-index:-1}

.influ :where(input[type="checkbox"],input[type="radio"]){display: none;}
.influ :where(input[type="checkbox"],input[type="radio"]) + label{position: relative; display: inline-block; margin:0 1px; background-color:#f2f3f4; color:#75757c; border-radius:30px; cursor:pointer;}
.influ :where(input[type="checkbox"]:checked,input[type="radio"]:checked) + label{background-color:#f15f89; color:#fff;}

.influ :where(input[type="checkbox"],input[type="radio"]) + label,.influ .survey .con-wrap .question dd input.write{padding:11px 22px; }



.influ input.new-chk[type="checkbox"] + label{position: relative; display: inline-block; padding:0; margin:0 1px; background:#fff; color:#75757c; border-radius:30px; cursor:pointer;}
.influ input.new-chk[type="checkbox"] + label span{padding-left:35px;}
.influ input.new-chk[type="checkbox"] + label span:before{content:''; position:absolute; top:-2px; left:0; width:28px; height:28px; border-radius:100px; background-color:#efefef;}
.influ input.new-chk[type="checkbox"]:checked + label span{color:#f15f89; font-weight:500}
.influ input.new-chk[type="checkbox"]:checked + label span:before{background-color:#f15f89;}
.influ input.new-chk[type="checkbox"]:checked + label span:after{content:''; position:absolute; top:7px; left:10px; width:9px; height:7px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg)}

.influ .survey .con-wrap .question{margin-top:20px; text-align:left;}
.influ .survey .con-wrap .question dt{margin-top:60px; font-size:1.313rem; color:#64627f; font-weight:600}
.influ .survey .con-wrap .question dd{margin:15px 0 0 12px;}
.influ .survey .con-wrap .question dd .write{border:none; border-radius:30px; width:100%; border:1px solid #ddd;}
.influ .survey .con-wrap .question dd .write::placeholder{color:#a7a8af}
.influ .survey .con-wrap .question dd .select .select-btn{position:relative; padding:12px 25px; background-color:#f15f89; color:#fff; border-radius:100px; cursor:pointer}
.influ .survey .con-wrap .question dd .select :where(.select-btn,.option){width:180px;}
.influ .survey .con-wrap .question dd .select .select-btn:before,.influ .survey .con-wrap .question dd .select .select-btn:after{content:''; position:absolute; top:50%; right:25px; transform:translateY(-50%) rotate(45deg); width:6px; height:1px; background-color:#fff; cursor:pointer}
.influ .survey .con-wrap .question dd .select .select-btn:after{right:21px; transform: rotate(-45deg);}
.influ .survey .con-wrap .question dd .select .option{margin-top:9px; padding:12px 0; background-color:#f2f3f4; border-radius:15px; height:260px; overflow-y:auto; }
.influ .survey .con-wrap .question dd .select .option li{padding:11px 25px; color:#37373b; cursor:pointer;}
.influ .survey .con-wrap .question dd .select .option li.active{font-weight:600}
.influ .survey .con-wrap .question dd .select .option li:hover{background-color:#dcdce0; color:#000}
.influ .survey .con-wrap .question dd.place{display:flex; gap:0 10px; align-items:start}
.influ .survey .con-wrap .question dd.place .date-con{display:flex; gap:0 3px; align-items:center; padding:3px 25px; background-color:#edebfc; border-radius:100px}
.influ .survey .con-wrap .question dd.place .date-con img{max-width:25px;}
.influ .survey .con-wrap .question dd.place .date-con input{padding:10px 5px; background:none; border:none; width:110px; font-size:1.063rem; color:#64627f;}
.influ .survey .con-wrap .question dd.place .date-con .ui-datepicker-trigger{display:none!important; }
.influ .survey .con-wrap .question dd.terms ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:0 20px;}
.influ .survey .con-wrap .question dd.terms ul li{display:block;}
.influ .survey .con-wrap .question dd.terms ul li .terms-box{margin-top:13px; padding:20px 10px 20px 20px; height:250px; overflow-y:auto; font-size:.813rem; color:#666; line-height:1.4rem; border:1px solid #ddd; border-radius:15px; }
.influ .survey .con-wrap .question dd textarea.write{padding:25px; border-radius:20px; font-size:1rem; min-height:200px}
.influ .survey .con-wrap .btn{margin-top:60px; padding:15px 100px; background-color:#6d61e3; color:#fff; border-radius:100px; font-size:1.563rem; font-weight:600; letter-spacing:0}
.influ .survey .con-wrap .btn:hover{background-color:#5e52d7}
.ui-datepicker .ui-datepicker-title select{border:none; background:none; }
.ui-widget-header{background:none!important; border:none!important}
.ui-widget-content{padding:15px!important; border-radius:10px!important}
.ui-state-default, .ui-widget-content .ui-state-default{border:none!important; background:none!important}
.influ-complete-pop{display:none; width:500px; text-align:center;}
.influ-complete-pop h1{padding-top:20px; color:#424242}
.influ-complete-pop p{padding-top:8px; color:#525167}
.influ-complete-pop a{margin-top:20px; padding:6px 20px; border:1px solid #424242; font-size:1.063rem; border-radius:100px;}
.influ-complete-pop a:hover{background-color:#424242; color:#fff;}
.influ-complete-pop .top-img{margin:0 auto; width:170px; height:170px; border-radius:100px; background:#b8b3ff url(/assets/img/board/influ-top.png) no-repeat center center / 70%;}

@media only screen and (max-width:1024px){
	.influ{padding:100px 40px}
	.influ .top-img{max-width:400px!important}
	.influ .top h3{font-size:3.25rem}
	.influ .top h3 span{font-size:4.375rem}
	.influ .survey .con-wrap{padding:97px 40px 40px;}
	.influ .survey .con-wrap .question dt{margin-top:50px; letter-spacing:0}
}
@media only screen and (max-width:768px){
	.influ{padding:100px 25px;}
	.influ .top-img{max-width:350px!important}
	.influ .top h3{margin-top:45px; font-size:2.875rem}
	.influ .top p{padding-top:12px; font-size:1.125rem}
	.influ .top span{font-size:1.063rem}
	.influ .survey{margin-top:50px; padding:25px 15px; border-radius:30px}
	.influ .survey .con-wrap{padding:75px 35px 30px; border-radius:20px;}
	.influ .survey .con-wrap:before{top:-16px; background-size:220px}
	.influ .survey .con-wrap .question dt{margin-top:45px; font-size:1.25rem}

	.influ :where(input[type="checkbox"],input[type="radio"]) + label{padding:8px 15px;}
	.influ .survey .con-wrap .question dd{margin:13px 0 0 0}
	.influ .survey .con-wrap .question dd.terms ul{gap:0 13px}
	.influ .survey .con-wrap .question dd.terms ul li .terms-box{height:200px;}

}

@media only screen and (max-width:650px){
	.influ{padding:75px 8px;}
	.influ .top-img{max-width:250px!important}
	.influ .top h3{margin-top:30px; font-size:2.125rem}
	.influ .top h3 span{font-size:3.125rem}
	.influ .top p{padding:10px 15px 0; font-size:.875rem}
	.influ .top p br{display:none;}
	.influ .top span{padding-top:3px; font-size:.875rem}
	.influ .survey{margin-top:30px; padding:20px 10px;}
	.influ .survey .con-wrap{padding:60px 20px 25px;}
	.influ .survey .con-wrap:before{top:-11px; background-size:180px}
	.influ .top .notice{font-size:1.5rem}
	.influ .survey .con-wrap .question dt{margin-top:32px; font-size:1rem; word-break:break-all}
	.influ .survey .con-wrap .question dd{margin:6px 0 0 0}
	.influ :where(input[type="checkbox"],input[type="radio"]) + label{margin:3px 0; padding:7px 13px; font-size:.938rem}
	.influ .survey .con-wrap .question dd.place .date-con img{display:none;}
	.influ .survey .con-wrap .question dd .select :where(.select-btn,.option){width:auto;}
	.influ .survey .con-wrap .question dd.place{display:grid; grid-template-columns:1fr 120px; gap:0 7px;}
	.influ .survey .con-wrap .question dd.place .date-con input{width:100%; font-size:1rem}
	.influ .survey .con-wrap .question dd.place .date-con{padding:1px 17px;}
	.influ .survey .con-wrap .question dd .select .select-btn{padding:10px 20px; font-size:.938rem}
	.influ .survey .con-wrap .question dd .select .select-btn:before, .influ .survey .con-wrap .question dd .select .select-btn:after{width:5px; right:20px}
	.influ .survey .con-wrap .question dd .select .select-btn:after{right:17px;}
	.influ .survey .con-wrap .question dd .select .option{padding:10px 0; height:220px;}
	.influ .survey .con-wrap .question dd .select .option li{padding:9px 20px; font-size:.938rem; opacity:.9}
	.influ .survey .con-wrap .question dd.place.write-con{grid-template-columns:45% 55%}
	.influ .survey .con-wrap .question dd.terms ul{grid-template-columns:repeat(1,1fr); gap:25px 0}
	.influ .survey .con-wrap .question dd textarea.write{padding:20px; font-size:.938rem}
	.influ .survey .con-wrap .btn{margin-top:35px; padding:14px 0; width:100%; font-size:1.25rem}

	.influ-complete-pop{width:92%}
	.influ-complete-pop h1{font-size:1.875rem}
	.influ-complete-pop p{padding-top:9px; font-size:1.125rem; line-height:1.45}

	.influ input.new-chk[type="checkbox"] + label span:before{top:-5px}
	.influ input.new-chk[type="checkbox"]:checked + label span:after{top:5px;}
}



/* 플로팅배너 */
.float-banner{position:fixed; right:-125px; bottom:105px; display:flex; align-items:end; z-index:99}
.float-banner > img{max-width:96px; cursor:pointer; padding-bottom:25px;}
.float-banner ul{transform-origin:top; height:0; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.15); padding:15px 12px; width:125px; border-radius:15px 0 0 15px; background-color:#fff;}
.float-banner ul li{margin:2px 0; }
.float-banner ul li:hover{background-color:#f5f5f5;}
.float-banner ul li a{display:flex; align-items:center; gap:0 6px; padding:3px 5px; font-size:.875rem; border-radius:5px;}
.float-banner ul li.line{margin:13px 0; border-top:1px solid #ddd;}
.float-banner ul li img{max-width:25px;}
@media only screen and (max-width:479px){
	.float-banner{bottom:60px; align-items:end;}
	.float-banner > img{max-width:75px; padding-bottom:15px; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));}
	.float-banner ul li.line{margin:7px 0}
	.float-banner ul li img{max-width:30px;}
	.float-banner ul li a{gap:0 4px; padding:2px 4px;}
} 




/* 튜토리얼 */
.tutorial-01{display:none; cursor:pointer; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999}
.tutorial-block{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;  z-index: 9990; display: none; cursor:pointer; background:rgba(0,0,0,.15)}
.skip-box{display:none; position:fixed; left:50%; transform:translateX(-50%); bottom:30px; text-align:center; z-index:99999}
.skip-box p{margin-bottom:12px; color:#fff; font-size:1.188rem; font-weight:300; letter-spacing:0}
.skip-box button{position:relative; display:flex; justify-content:center; align-items:center; gap:0 10px; padding:17px 50px; background-color:var(--orange-color); color:#fff; font-size:1.5rem; border:none; font-weight:500; border-radius:10px; letter-spacing:0; z-index:999999}
.skip-box button img{max-width:15px}
.skip-box button:hover{background-color:var(--orange-color-hover)}
.booking-sub .con .route.multi .con-line.cruise:first-child .way{z-index:99}

.tuto-txt-01{display:none}


.tuto-txt-01,.tuto-txt-02{display:none; position:absolute; top:-70px; left:10px; z-index:9991; color:#fff; font-size:1.125rem; font-weight:300; text-align:left; line-height:1.3}
:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05) img{float:left; animation:slide .7s .5s infinite alternate; max-width:25px; transform:translateY(0) rotate(25deg)}
:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05) span{color:#ffe251!important; text-decoration:none!important}
:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,,.tuto-txt-05) p{margin-left:40px; line-height:1.3}
.tuto-txt-02{display:none}

.tuto-txt-03{display:none; position:absolute; right:0; top:-70px; color:#fff; z-index:9991; font-size:1.125rem; font-weight:300; text-align:left; line-height:1.3}
/*.tuto-txt-03 img{animation:slide-lr .7s .5s infinite alternate; max-width:28px; transform:translateY(0) rotate(-90deg); }*/
.tuto-txt-03 p{}


.tuto-txt-04{display:none; position:absolute; right:0; bottom:-15px; color:#fff; z-index:9991; font-size:1.125rem; font-weight:300; text-align:right; line-height:1.3}
.tuto-txt-04 p{float:left; margin-right:20px; text-align:left;}
.tuto-txt-04 img{float:right; margin:0; animation:slide-02 .7s .5s infinite alternate;  transform:translateY(0) rotate(205deg); }


.tuto-txt-05{display:none; position:absolute; width:100%; bottom:-70px; color:#fff; z-index:9991; font-size:1.125rem; font-weight:300; text-align:left;  line-height:1.3}
.tuto-txt-05 img{animation:slide-02 .7s .5s infinite alternate;  margin:0 auto; transform:translateY(0) rotate(205deg)}


@keyframes slide{
	from{transform:translateY(-30%) rotate(25deg)}
	to{transform::translateY(30%) rotate(25deg)}
}


@keyframes slide-02{
	from{transform:translateY(-30%) rotate(205deg)}
	to{transform::translateY(30%) rotate(205deg)}
}

@keyframes slide-lr{
	from{transform:translateX(-30%) rotate(-90deg)}
	to{transform::translateX(30%) rotate(-90deg)}
}

@media only screen and (max-width:768px){
	.booking-sub .con .tab-wrap{padding:18px 35px}
	.tuto-txt-01, .tuto-txt-02{top:-25px}
	.tuto-txt-03{right:auto; left:0; text-align:left; top:65px; }
	.tuto-txt-03 img,.tuto-txt-04 img{animation:slide-02 .7s .5s infinite alternate; transform:rotate(205deg)}

	.tuto-txt-01{top:-15px;}
	.tuto-txt-04{bottom:auto; top:50px; right:25px;}
	.tuto-txt-05{bottom:-65px;}

	:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05) img{max-width:18px}
	:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,,.tuto-txt-05) p{margin-left:35px;}
}

@media only screen and (max-width:560px){
	.booking-sub .con .tab-wrap{padding:13px 23px; text-align:right; font-size:1.063rem}
	.tuto-txt-01,.tuto-txt-02{top:5px}
	.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,.tuto-txt-05{font-size:1.063rem}
	.tuto-txt-01 p br{display:none;}
	.tuto-txt-03{top:55px;}
	.tuto-txt-04{right:18px; top:40px;}
	.tuto-txt-04 p{margin-right:15px;}
	.tuto-txt-05{bottom:-55px;}
	.skip-box{width:100%; left:0; transform:none; bottom:10px; }
	.skip-box p{font-size:1rem}
	.skip-box button{padding:12px 50px; font-size:1.25rem; width:92%; left:4%}

	:where(.tuto-txt-01,.tuto-txt-02,.tuto-txt-03,.tuto-txt-04,,.tuto-txt-05) p{display:block!important; margin-left:30px;}
	.skip-box button img{max-width:13px}


	@keyframes slide{
		from{transform:translateY(-25%) rotate(25deg)}
		to{transform::translateY(15%) rotate(25deg)}
	}

	@keyframes slide-02{
		from{transform:translateY(-25%) rotate(205deg)}
		to{transform::translateY(15%) rotate(205deg)}
	}
}


/* 액티비티 */
.activity.info.wd .top-img{background:url(/assets/img/info/activity-info-wd.jpg) no-repeat center / cover}

.activity.info .top-img{height:580px; background:url(/assets/img/info/activity-info-cp.jpg) no-repeat center / cover} 
.activity.info .top-info{margin:-80px 100px 80px 100px; text-align:center; background-color:#fff;}
.activity.info .top-info span.cha{margin-top:-87.5px; display:inline-block; width:175px; height:175px; border-radius:100px; background:#fff url(/assets/img/info/activity-info-cha.png) no-repeat center / 67%; }
.activity.info .top-info .sub-tit{font-size:1.5rem; font-weight:600; letter-spacing:0;}
.activity.info .top-info h3{padding-top:15px; font-size:3.875rem; font-weight:600; letter-spacing:0;}
.activity.info .top-info .txt{padding-top:42px; font-size:1.25rem; line-height:1.8; color:#555;}
.activity.info .pro-info{padding:90px 0 100px; background-color:#f2f6f9}
.activity.info .pro-info .tit{font-size:2.625rem; color:var(--blue-color); font-weight:600; text-align:center;}
.activity.info .pro-info ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:75px 35px; margin-top:38px}
.activity.info .pro-info ul li:hover{cursor:pointer;}
.activity.info .pro-info ul li:hover img{opacity:.85}
.activity.info .pro-info ul li:hover .att-tit{color:var(--blue-color)}
.activity.info .pro-info ul li img{max-width:100%; border-radius:25px; transition:all .3s}
.activity.info .pro-info ul li .att-tit{padding-top:16px; font-size:1.625rem; font-weight:500; transition:all .3s}
.activity.info .pro-info ul li .att-txt{padding-top:8px; font-size:1.063rem; color:#3d3d3e; transition:all .3s}
.activity.info .pro-info ul li .point{display:inline-block; margin-top:15px; padding:3px 12px; background-color:#d6e8f6; /*d9eaf7*/ border-radius:7px; color:var(--blue-color); font-weight:400; font-size:.938rem; letter-spacing:0;}

.activity.info .pro-info ul.only-one{justify-content:center; grid-template-columns:minmax(auto, 80%);}
.activity.info .pro-info ul.only-one li{display:flex; gap:0 50px; background:#fff; padding:35px; border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,.05)}
.activity.info .pro-info ul.only-one li img{width:33%; flex-shrink:0}

.activity.info .pro-info ul.two-items{justify-content:center; grid-template-columns:repeat(2, 33%)}

.activity-info-layer-pop{display:none; padding:50px; width:720px;}
.activity-info-layer-pop img{max-width:100%;}
.activity-info-layer-pop :where(.tit,.sub-tit){text-align:center;}
.activity-info-layer-pop .sub-tit{font-size:1.25rem; color:var(--blue-color); font-weight:600}
.activity-info-layer-pop .tit{padding-bottom:20px; margin-bottom:25px; font-size:2.5rem; font-weight:600; line-height:1.4; border-bottom:1px solid #333;}
.activity-info-layer-pop .info-list{margin-top:17px;}
.activity-info-layer-pop .info-list li{position:relative; padding:3px 0 0 12px; color:#666;}
.activity-info-layer-pop .info-list li:before{content:''; position:absolute; left:0; top:13px; width:6px; height:2px; background-color:#aaa;}
.activity-info-layer-pop .caution-list{margin-top:30px; padding:22px 28px; background-color:#fef9f5; border:1px solid var(--orange-color); border-radius:20px;}
.activity-info-layer-pop .caution-list .tit{display:flex; align-items:center; gap:0 7px; padding:0; margin:0; border:none; color:var(--orange-color); font-weight:500; font-size:1.125rem}
.activity-info-layer-pop .caution-list .tit img{max-height:16px}
.activity-info-layer-pop .caution-list ul{margin-top:5px;}
.activity-info-layer-pop .caution-list ul li{position:relative; padding:2px 0 0 12px; color:#777; font-size:.938rem; font-weight:400; letter-spacing:0}
.activity-info-layer-pop .caution-list ul li:before{content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:100px; background-color:#aaa;}

@media only screen and (max-width:1920px){
	.activity-info-layer-pop{width:650px}
	.activity-info-layer-pop .sub-tit{font-size:1.25rem}
	.activity-info-layer-pop .tit{padding-bottom:15px; margin-bottom:20px; font-size:2.75rem}
}
@media only screen and (max-width:1200px){
	.activity.info .pro-info ul.only-one{grid-template-columns:minmax(auto, 100%);}
}
@media only screen and (max-width:1024px){
	.activity.info .top-img{height:450px}
	.activity.info .top-info{margin:-50px 70px 50px 70px}
	.activity.info .top-info .sub-tit{font-size:1.375rem}
	.activity.info .top-info h3{padding-top:12px; font-size:3.125rem}
	.activity.info .top-info .txt{padding-top:35px; font-size:1.125rem}
	.activity.info .pro-info{padding:75px 0;}
	.activity.info .pro-info ul{margin-top:40px; gap:60px 25px}

	.activity.info .pro-info ul.two-items{grid-template-columns:repeat(2, 1fr)}
}
@media only screen and (max-width:768px){
	.activity.info .top-img{height:400px}
	.activity.info .top-info{margin:-50px 30px 50px 30px}
	.activity.info .top-info .sub-tit{font-size:1.25rem}
	.activity.info .top-info h3{padding-top:10px; font-size:3rem}
	.activity.info .top-info .txt{padding-top:25px; line-height:1.65}
	.activity.info .pro-info{padding:50px 0}
	.activity.info .pro-info ul{margin-top:25px; gap:50px 20px}
	.activity.info .pro-info .tit{font-size:2.25rem}
	.activity.info .pro-info ul li .att-tit{font-size:1.438rem}
	.activity.info .pro-info ul li .att-txt{padding-top:5px; font-size:1rem}
	.activity.info .pro-info ul li .att-txt br{display:none}
	.activity.info .pro-info ul li .point{margin-top:12px; padding:3px 10px; font-size:.875rem; font-weight:500; border-radius:5px;}

	.activity.info .pro-info ul.only-one li{padding:30px; gap:0 35px; }
}
@media only screen and (max-width:650px){
	.activity-info-layer-pop{padding:45px 20px; width:92%; max-height:80vh;}
	.activity.info .top-img{height:270px}
	.activity.info .top-info{margin:-35px 20px 50px 20px;}
	.activity.info .top-info span.cha{margin-top:-55px; width:110px; height:110px}
	.activity.info .top-info .sub-tit{font-size:1rem}
	.activity.info .top-info h3{padding-top:8px; font-size:2.063rem}
	.activity.info .top-info .txt{padding-top:20px; font-size:.938rem}
	.activity.info .pro-info .tit{font-size:1.875rem}
	.activity.info .pro-info ul{margin-top:20px; grid-template-columns:repeat(2,1fr); gap:37px 12px}
	.activity.info .pro-info ul li img{border-radius:15px}
	.activity.info .pro-info ul li .att-tit{padding-top:8px; font-size:1.25rem; font-weight:600}
	.activity.info .pro-info ul li .att-txt{padding-top:3px; font-size:.813rem}
	.activity.info .pro-info ul li .point{padding:3px 8px}

	.activity-info-layer-pop .sub-tit{font-size:1.063rem}
	.activity-info-layer-pop .tit{font-size:2rem; line-height:1.5}
	.activity-info-layer-pop .info-list{margin-top:15px;}
	.activity-info-layer-pop .caution-list{margin-top:20px; padding:12px 20px 15px 20px; border-radius:15px;}
	.activity-info-layer-pop .caution-list ul{margin-top:2px;}
	.activity-info-layer-pop .caution-list ul li{font-size:.875rem; line-height:1.4}
	.activity-info-layer-pop .caution-list ul li:before{top:9px}

	.activity.info .pro-info ul.only-one li{flex-flow:column; padding:25px; box-shadow:none}
	.activity.info .pro-info ul.only-one li img{width:100%}
	.activity.info .pro-info ul.only-one li .att-tit{padding-top:13px; font-size:1.413rem}
	.activity.info .pro-info ul.only-one li .att-txt{font-size:1rem}
}


.activity.facility ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:75px 30px;}
.activity.facility ul li img{max-width:100%; border-radius:25px;}
.activity.facility ul li p{padding-top:5px; font-size:1.375rem; font-weight:500; text-align:center;}

@media only screen and (max-width:1024px){
	.activity.facility ul{gap:62px 20px;}	
	.activity.facility ul li img{border-radius:23px}
}
@media only screen and (max-width:768px){
	.activity.facility ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:60px 20px}
}
@media only screen and (max-width:650px){
	.activity.facility ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:40px 11px}
	.activity.facility ul li img{border-radius:12px}
	.activity.facility ul li p{font-size:1.125rem; text-align:left;}
}


.activity.time .time-box{padding:75px 0 70px; background-color:var(--blue-color); color:#fff; text-align:center; border-radius:25px;}
.activity.time .time-box .sub-tit{margin-bottom:10px; font-size:1.438rem; letter-spacing:0; font-weight:500;}
.activity.time .time-box .number{display:flex; align-items:center; justify-content:center; gap:0 15px;}
.activity.time .time-box .number small{padding:3px 12px 2px; background-color:#fff; border-radius:100px; color:var(--blue-color); font-size:1.063rem; font-weight:600}
.activity.time .time-box .number img{max-width:50px;}
.activity.time .time-box .number span{font-size:3.13rem; font-weight:600}
.activity.time .time-box .option{margin-top:25px; padding:5px 15px; display:inline-flex; align-items:center; justify-content:center; gap:0 10px; font-size:1.188rem; background-color:#539de8; border-radius:8px; letter-spacing:0; font-weight:500}
.activity.time .caution{display:flex; margin-top:35px; padding:40px 35px; align-items:center; border-radius:25px; box-shadow:0 0 15px rgba(0,0,0,.15)}
.activity.time .caution .tit{width:280px; flex-shrink:0;}
.activity.time .caution .tit img{display:block; max-width:48px; margin:0 auto}
.activity.time .caution .tit p{padding-top:13px; font-size:1.688rem; font-weight:600; text-align:center;}
.activity.time .caution ul{padding:0 70px; border-left:1px solid #ddd; flex-grow:1}
.activity.time .caution ul li{position:relative; padding:6px 0 0 13px; color:#555; font-size:1.063rem}
.activity.time .caution ul li:before{content:''; position:absolute; left:0; top:16px; width:6px; height:2px; background-color:#aaa; }
@media only screen and (max-width:1024px){
	.activity.time .time-box{padding:55px 0 50px;}
	.activity.time .time-box .number{margin-top:0}
	.activity.time .time-box .option{margin-top:20px}
	.activity.time .caution{margin-top:25px;}
	.activity.time .caution .tit{width:250px}
	.activity.time .caution ul{padding:0 50px}
}
@media only screen and (max-width:768px){
	.activity.time .time-box .sub-tit{font-size:1.375rem}
	.activity.time .time-box .number span{font-size:3rem; font-weight:600}
	.activity.time .time-box .number img{max-width:46px;}
	.activity.time .caution{margin-top:20px; padding:35px 30px;}
	.activity.time .caution .tit{width:200px}
	.activity.time .caution .tit p{padding-top:10px; font-size:1.5rem}
	.activity.time .caution .tit img{max-width:40px;}
	.activity.time .caution ul{padding:0 40px}
}
@media only screen and (max-width:650px){
	.activity.time .time-box{padding:50px 0 45px;}
	.activity.time .time-box .sub-tit{font-size:1.125rem}
	.activity.time .time-box .number{margin-top:1px; gap:0 10px;}
	.activity.time .time-box .number span{font-size:2rem}
	.activity.time .time-box .number img{max-width:30px;}
	.activity.time .time-box .number small{font-size:.938rem}
	.activity.time .time-box .option{margin-top:18px; font-size:.938rem}
	.activity.time .caution{flex-flow:column}
	.activity.time .caution ul{margin-top:10px; padding:0; border:0; flex-grow:1; width:100%;}
	.activity.time .caution ul li{padding:3px 0 0 13px; font-size:1rem}
	.activity.time .caution ul li:before{top:12px; height:1px;}
	.activity.time .caution .tit img{max-width:38px;}

}


.activity.fee{text-align:center;}
.activity.fee .sub-tit{font-size:1.125rem; font-weight:600; letter-spacing:0}
.activity.fee h3{padding-top:15px; font-size:2.75rem; font-weight:600}
.activity.fee .fee-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(max(25%, 0px), 1fr)); justify-content:center; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.activity.fee .fee-list li{position:relative; margin:50px 0;}
.activity.fee .fee-list li:last-child:after,.activity.fee .fee-list li:nth-child(4n):after{display:none;}
.activity.fee .fee-list li:after{content:''; top:0; right:0; position:absolute; width:1px; height:100%; background-color:#ddd;}
.activity.fee .fee-list li .eng{color:#666; font-weight:400}
.activity.fee .fee-list li .tit{padding-top:7px; font-size:1.688rem; font-weight:600}
.activity.fee .fee-list li .number{margin-top:30px; display:flex; justify-content:center; align-items:center; gap:0 7px; }
.activity.fee .fee-list li .number span{color:var(--blue-color); font-size:1.75rem; font-weight:600; line-height:1.2}
.activity.fee .fee-list li .number small{font-size:1.125rem; color:#aaa; text-decoration:line-through; font-weight:500}
.activity.fee .fee-list li .number small.price{text-decoration:line-through}
.activity.fee .fee-list li .book-btn{margin-top:20px; padding:9px 40px; border:1px solid var(--blue-color); color:var(--blue-color); font-size:1.063rem}
.activity.fee .fee-list li .book-btn:hover{background-color:var(--blue-color); color:#fff;}
.activity.fee .fee-list li .book-btn.disabled{border:1px solid #ddd; color:#666; cursor:default}
.activity.fee .fee-list li .book-btn.disabled:hover{background:none; color:inherit}
.activity.fee .pack-btn{margin:80px auto 0; display:flex; justify-content:space-between;; align-items:center; padding:18px 35px; background:var(--blue-color); color:#fff; border-radius:10px; width:610px; font-size:1.375rem; letter-spacing:0}
.activity.fee .pack-btn:hover{background:var(--primary-color);}
.activity.fee .pack-btn .arrow{width:40px; height:40px; border-radius:100px; background:#fff url(/assets/img/info/activity-arrow.png) no-repeat center / 45%; }
.activity.fee .notice{margin-top:50px; text-align:left; color:#666;}
.activity.fee .notice li{padding:2px 0}

@media only screen and (max-width:1400px){
	.activity.fee .fee-list li .tit{font-size:1.563rem}
	.activity.fee .fee-list li .number span{font-size:1.563rem}
	.activity.fee .fee-list li .book-btn{padding:8px 40px;}
}
@media only screen and (max-width:1024px){
	.activity.fee .fee-list li{margin:40px 0}
	.activity.fee .pack-btn{margin:70px auto 0; padding:16px 35px;}
	.activity.fee .pack-btn .arrow{width:37px; height:37px; background-size:40%}
	.activity.fee .notice{margin-top:60px;}
}
@media only screen and (max-width:768px){
	.activity.fee .fee-list{grid-template-columns:repeat(1, 1fr);}
	.activity.fee .fee-list li{display:flex; justify-content:space-between; align-items:center; margin:0; padding:20px 0; border-bottom:1px dotted #ddd;}
	.activity.fee .fee-list li .eng{text-align:left;}
	.activity.fee .fee-list li:after{display:none;}
	.activity.fee .fee-list li .mo-wrap{display:flex; align-items:center; gap:0 15px}
	.activity.fee .fee-list li .tit{font-size:1.375rem}
	.activity.fee .fee-list li .tit{padding-top:0; text-align:left;}
	.activity.fee .fee-list li .number,.activity.fee .fee-list li .book-btn{margin-top:0;}
	.activity.fee .fee-list li .number span{font-size:1.438rem}
	.activity.fee .fee-list li .book-btn{padding:7px 20px}
	.activity.fee .pack-btn{margin:50px auto 0; width:100%;}
}
@media only screen and (max-width:650px){
	.activity.fee .fee-list li{padding:17px 0}
	.activity.fee .fee-list li .tit{font-size:1.188rem}
	.activity.fee .fee-list li .number{font-size:1.25rem; gap:0 7px}
	.activity.fee .fee-list li .book-btn{padding:5px 10px; font-size:.875rem}
	.activity.fee .fee-list li .number small{font-size:1rem}
	.activity.fee .fee-list li .number span{font-size:1.25rem}
	.activity.fee .fee-list li .mo-wrap{gap:0 12px}
	.activity.fee .fee-list li .eng{font-size:.938rem;}
	.activity.fee .pack-btn{margin:30px auto 0; padding:15px 25px; font-size:1.188rem}
	.activity.fee .pack-btn .arrow{width:30px; height:30px;}
	.activity.fee .notice{margin-top:30px;}
	.activity.fee .notice li{font-size:.875rem}
}


/* no-fix팝업 */
.no-fix-pop{width:600px; padding:40px; text-align:center; max-height:70vh; overflow-y:auto}
.no-fix-pop .notice{padding-bottom:10px; text-align:left; font-weight:500}
.no-fix-pop h2{padding-top:15px; font-size:1.625rem; color:var(--red-color); line-height:1.3}
.no-fix-pop img{max-width:150px}
.no-fix-pop .sub-tit{margin-top:10px; padding:10px; background-color:#fdf4f0; color:#666!important; border-radius:5px; color:var(--red-color)}
.no-fix-pop .sub-tit span{font-weight:600}
.no-fix-pop button.confirm{margin-top:30px; background:var(--red-color)}

@media only screen and (max-width:768px){
	.no-fix-pop{width:92%; padding:35px 25px;}
	.no-fix-pop h2{font-size:1.375rem}
	.no-fix-pop button.confirm{margin-top:15px}
}


/* 광고배너 */
#pg-banner{position: fixed; bottom: 20px; left: calc(100% - 145px); width: 125px; height:210px; padding: 16px 20px; border-radius: 12px; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1000; display: none; transition: all 0.6s ease; cursor: pointer; overflow: hidden; z-index:99999;}
#pg-banner .background-video{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; z-index: 0; transform:scale(1.3); transform-origin:80% 90%;}
#pg-banner .content{position:absolute; z-index:999;	padding-bottom:20px; background:linear-gradient(to bottom, transparent, #000); width:100%; height:50%; left:0; bottom:0; color:#fff; display:flex; flex-flow:column; justify-content:end;}
#pg-banner .content .tit{font-size:1.375rem; line-height:1.2; text-align:center; font-weight:600}
#pg-banner .content .txt{padding-top:2px; font-size:.813rem; text-align:center;	display:flex; justify-content:center; align-items:center; gap:0 2px;}
#pg-banner .content .txt span{display:block; padding:1px 3px; border-radius:3px; background-color:#ff4949; color:#fff; font-weight:600; line-height:1.2}
#pg-banner.minimized{width:50px; height:50px; border-radius:50%; left: 20px; padding: 0; background: #007bff;}
#pg-banner.minimized .content,#pg-banner.minimized #close-banner{display: none;}
#pg-banner .circle-img{width: 100%; height: 100%; object-fit: cover; display: none; border-radius: 50%;}
#pg-banner.minimized .circle-img{display: block;}
#close-banner{position: absolute; top: 3.5px; right: 7px; border: none; background: transparent; font-size: 1.5rem; cursor: pointer; color:#fff; z-index:99}
@media only screen and (max-width:560px){
	#pg-banner{bottom:10px; left: calc(100% - 130px); width: 120px; height:180px;}
	#pg-banner.minimized{left:10px;}
	#pg-banner .background-video{transform-origin:80% 120%;}
}