@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 440 / var(--inner) * 100vw ), 440px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.greetings-img {text-align:center; overflow:hidden; margin-bottom:var(--space-100);}
.greetings-img img {border-radius:0 160px 0 0;}

.greetings {display:flex; gap:var(--space-100);}
.greetings .tit-area .txt1 {font-size:var(--font-size-20); margin-bottom:5px; color:#242424; font-weight:500;}
.greetings .tit-area .txt2 {font-size:var(--font-size-48); color:#0B386A; font-weight:700; line-height:1.3em;}
.greetings .tit-area .txt3 {font-size:var(--font-size-48); background:linear-gradient(90deg, #44C8F5 0%, #0072BC 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700; line-height:1.3em;}
.greetings .desc {flex:1;}
.greetings .desc .txt1 {font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-0.03em; line-height:1.5em;}
.greetings .desc p {margin-top:var(--space-30); font-size:var(--font-size-18); letter-spacing:-0.03em; line-height:1.8em;}

.sub-sec {padding:var(--space-100) 0; background:rgba(11, 56, 106, 0.03);}

.location-wrap {display:flex; gap:var(--space-80); align-items:start;}
.location-nav {width:260px; background:#0B386A; border-radius:16px; overflow:hidden; flex-shrink:0;}
.location-nav .tit {padding:var(--space-15) 0; line-height:1.5em; text-align:center; border-radius:16px 16px 0 0; background:#0B386A; color:#fff; font-size:var(--font-size-20); font-weight:700;}
.location-nav .list {border-radius:10px; background:#fff; overflow:hidden;}
.location-nav .item {border-bottom:1px solid #E8E8E8;}
.location-nav .item:last-child {border-bottom:none;}
.location-nav .item a {height:55px; position:relative; display:flex; align-items:center; padding:0 var(--space-30); color:#BEBEBE; font-weight:600;}
.location-nav .item a:after {width:16px; height:16px; right:var(--space-30); transition:all 0.2s ease-in-out; background:url('/images/sub/nav-arrow.png') 50% 50% / contain no-repeat; position:absolute; content:''; top:50%; transform:translateY(-50%);}
.location-nav .item.active a {background:rgba(11, 56, 106, 0.03); color:#0B386A;}
.location-nav .item.active a:after {background-image:url('/images/sub/nav-arrow-on.png');}
.location-nav .item:hover a:after {right:var(--space-20); transition:all 0.2s ease-in-out;}

.location-map {margin-bottom:var(--space-40);}
.location-detail .cont-tit {display:flex; align-items:center; gap:var(--space-20); margin-bottom:var(--space-30);}
.location-detail .icon img {height:clamp(25px, calc( 48 / var(--inner) * 100vw ), 48px);}
.location-detail .tit {font-size:var(--font-size-22); font-weight:600; color:#242424;}
.location-detail .cont {display:grid; gap:var(--space-30);}
.location-detail .cont.ty2 {grid-template-columns: repeat(2, 1fr);}
.location-detail .txt {padding:var(--space-20) var(--space-25); font-size:var(--font-size-18); letter-spacing:-0.03em; line-height:2; border-radius:8px; background:rgba(0, 114, 188, 0.03);}
.location-detail .txt .arrow {color:#0072BC;}

.location-wrap #loadSlider {width:1%; flex:1;}

.tab-slider .tit {display:none;}

.tab-slider {text-align:center; margin-bottom:var(--space-50); position:relative; z-index:10;}
.tab-slider ul {position:relative; border-radius:8px; overflow:hidden;}
.tab-slider ul li {position:relative; z-index:1; flex:1;}
.tab-slider ul li a {background-color:#fff; height:clamp(40px, calc( 54 / var(--inner) * 100vw ), 54px); color:#242424; font-size:var(--font-size-18); align-items:center; justify-content:center; display:flex; letter-spacing:-.03em; font-weight:600;}
.tab-slider ul li a:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-right:none;}
.tab-slider ul li:first-child a:after {border-radius:8px 0 0 8px;}
.tab-slider ul li:last-child a:after {border-right:1px solid #ddd; border-radius:0 8px 8px 0;}
.tab-slider ul li.active a {background-color:#0B386A; color:#fff;}
.tab-slider ul li.active a:after {border-color:#0B386A;}

.facility {max-width:860px; margin:0 auto;}
.facility .slick-arrow {width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.facility .slick-prev {left:var(--space-20); background-image:url("../images/sub/slider-prev.png");}
.facility .slick-next {right:var(--space-20); background-image:url("../images/sub/slider-next.png");}
.facility .slick-dots {position:absolute; bottom:var(--space-20); left:0; width:100%; text-align:center; line-height:0;}
.facility .slick-dots li {padding:0 4px; position:relative; display:inline-block; border:0; background:transparent;}
.facility .slick-dots li button {position:relative; width:8px; height:8px; border-radius:60px; background-color:#fff; opacity:0.5; font-size:0; border:2px solid transparent; text-indent:-9999px;}
.facility .slick-dots li.slick-active button {width:28px; opacity:1;}
/* .facility .img { filter:brightness(1.1) saturate(1.2) contrast(1.05);} */
.facility .tag {position:absolute; top:var(--space-20); right:var(--space-20); padding:4px var(--space-25); background:#44C8F5; color:#fff; border-radius:20px; font-weight:600; z-index:2;}

.facility-info {display:flex; border:1px solid #ddd; border-radius:0 0 24px 24px; overflow:hidden;}
.facility-info .tit {width:300px; background: rgba(11, 56, 106, 0.03); border-right:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-28); font-weight:600; color:#0B386A;}
.facility-info .cont {padding:var(--space-25) var(--space-30); flex:1;}
.facility-info .list {flex:1;}
.facility-info .item {margin-bottom:12px; padding-left:12px; position:relative;}
.facility-info .item:last-child {margin-bottom:0;}
.facility-info .item:before {content:'•'; position:absolute; left:0; color:#0B386A; font-size:16px;}

.doc-tit {padding-left:40px; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ddd; position:relative; color:#242424; font-size:20px; font-weight:600;}
.doc-tit:before {width:28px; height:28px; position:absolute; content:''; top:0; left:0; background:url('/images/sub/doctit.png') 50% 50% / contain no-repeat;}
.doc-indent {padding-left:40px;}
.doc-tit.border-none {border-bottom:none; margin-bottom:0;}

.guide {display:grid; gap:var(--space-60);}
.guide .dotlist {display:grid; gap:7px;}
.guide .dotlist li {padding-left:var(--space-15); position:relative; line-height:1.6em;}
.guide .dotlist li:before {content:'•'; position:absolute; left:0; color:#0072BC;}

.sub-tbl {border-top:1px solid #0B386A;}
.sub-tbl table {width:100%; border-collapse:collapse; text-align:center;}
.sub-tbl thead th {font-size:var(--font-size-18); color:#242424; font-weight:600; letter-spacing:-0.03em; line-height:1.65em; background:rgba(11, 56, 106, 0.03);}
.sub-tbl tbody th {font-weight:500; color:#242424;}
.sub-tbl th,.sub-tbl td {padding:var(--space-15) var(--space-20); border:1px solid #ddd;}
.sub-tbl th {border-left:none;}
.sub-tbl th:last-child, .sub-tbl td:last-child {border-right:none;}
.sub-tbl .list {display:grid; text-align:left; gap:5px;}
.sub-tbl .list li {padding-left:var(--space-20); position:relative;}
.sub-tbl .list li:before {content:'-'; position:absolute; left:0; color:#242424;}

.fee-note {margin-top:var(--space-30); display:grid; gap:var(--space-10);}
.fee-note li {position:relative; padding-left:clamp(17px, calc( 25 / var(--inner) * 100vw ), 25px); font-size:var(--font-size-14); color:#0072BC; line-height:1.4; letter-spacing:-0.03em;}
.fee-note li:before {width:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); height:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); left:0; top:1px; background:url('/images/sub/note-ico.png') 50% 50% / contain no-repeat; position:absolute; content:'';}

.form-group {margin-bottom:var(--space-60);}

.date-period {display:flex; align-items:center; gap:var(--space-20);}
.date-period .date-wrap {display:flex; align-items:center;}
.date-period .date-wrap .dash {padding:0 var(--space-15); color:#686868;}
.date-period .day-wrap {display:flex; align-items:center; gap:var(--space-10); color:#686868; font-size:var(--font-size-15);}

.time-wrap {display:flex; align-items:center; gap:var(--space-10);}
.time-wrap span {color:#686868; font-size:var(--font-size-15);}
.time-wrap .input {width:100%; max-width:170px;}

.vehicle-wrap {display:flex; align-items:center; gap:var(--space-10);}
.vehicle-wrap span {color:#686868; font-size:var(--font-size-15);}

.people-wrap {display:flex; align-items:center; gap:var(--space-10);}
.people-wrap span {color:#686868; font-size:var(--font-size-15);}
.people-wrap .gender-wrap {display:flex; align-items:center; gap:var(--space-10); margin-left:var(--space-20);}

.age-wrap {display:flex; align-items:center; gap:var(--space-10);}
.age-wrap span {color:#686868; font-size:var(--font-size-15);}

.meal-wrap {display:flex; align-items:center; gap:var(--space-10);}
.meal-wrap span {color:#686868; font-size:var(--font-size-15);}
.meal-wrap .info-txt {display:flex; align-items:center; gap:8px; margin-left:var(--space-20); color:#0072BC; font-size:var(--font-size-14);}
.meal-wrap .ico-info {display:inline-block; width:16px; height:16px; background:url('/images/sub/ico-info.svg') 50% 50% / contain no-repeat;}

.facility-name {text-align:center; font-size:var(--font-size-18); color:#454545;}
.facility-wrap {display:flex; align-items:center; justify-content:center; gap:var(--space-10);}
.facility-wrap span {color:#686868; font-size:var(--font-size-15);}

.room-type {display:flex;}
.room-type .type-item {flex:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-10); padding:var(--space-25) var(--space-20); border-right:1px solid #ddd;}
.room-type .type-item:last-child {border-right:none;}
.room-type .img {height:161px; display:flex; align-items:center; justify-content:center;}
.room-type .img img {max-width:100%; max-height:100%;}
.room-type .name {font-size:var(--font-size-15); color:#686868; font-weight:500;}
.room-type .radio input {position:absolute; opacity:0;}
.room-type .radio label {display:block; width:18px; height:18px; border:1px solid #ddd; border-radius:50%; cursor:pointer; position:relative;}
.room-type .radio input:checked + label {border-color:#0B386A;}
.room-type .radio input:checked + label:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:8px; height:8px; background:#0B386A; border-radius:50%;}

.room-count {display:flex; align-items:center; gap:var(--space-10);}
.room-count span {color:#686868; font-size:var(--font-size-15);}

.form-agree {margin-top:var(--space-20);}
.form-agree .agree-tit {font-size:var(--font-size-18); font-weight:600; color:#242424; margin-bottom:var(--space-20);}
.form-agree .scroll-box {height:200px; overflow-y:auto; padding:16px 20px; border:1px solid #ddd; background:#fff; font-size:var(--font-size-16); color:#686868; line-height:1.5;}
.form-agree .scroll-box p {margin-bottom:5px;}
.form-agree .scroll-box p:last-child {margin-bottom:0;}
.form-agree .scroll-box .tit {font-weight:600; margin-top:var(--space-20);}
.form-agree .check {margin-top:var(--space-20); text-align:left;}
.form-agree .checkbox.round input {position:absolute; opacity:0;}
.form-agree .checkbox.round label {display:flex; align-items:center; gap:9px; cursor:pointer; font-size:var(--font-size-16); color:#454545;}
.form-agree .checkbox.round label:before {content:''; display:inline-block; width:20px; height:18px; border:1px solid #ddd; border-radius:4px; background:#fff; flex-shrink:0;}
.form-agree .checkbox.round input:checked + label:before {background:url('/images/sub/ico-check.svg') 50% 50% / 16px no-repeat #fff;}

.form-submit {margin-top:var(--space-20); padding:20px 18px; background:rgba(11, 56, 106, 0.03); border:1px solid #ddd;}
.form-submit .desc {font-size:var(--font-size-14); color:#454545; font-weight:500; line-height:1.7;}
.form-submit .desc strong {color:#0B386A; font-weight:600;}
.form-submit .submit-wrap {display:flex; gap:var(--space-40); margin-top:var(--space-20);}
.form-submit .item {width:360px;}
.form-submit .item label {display:block; font-size:var(--font-size-14); color:#242424; font-weight:500; margin-bottom:var(--space-10);}
.form-submit .input-wrap {position:relative;}
.form-submit .datepicker-wrap {display:flex; align-items:center;}
.form-submit .applicant-wrap {display:flex; align-items:center;}
.form-submit .applicant-wrap .seal {margin-left:var(--space-10); font-size:var(--font-size-15); color:#686868;}
.form-submit .info-txt {display:flex; align-items:center; gap:8px; margin-top:var(--space-20); color:#0072BC; font-size:var(--font-size-14);}
.form-submit .ico-info {display:inline-block; width:16px; height:16px; background:url('/images/sub/ico-info.svg') 50% 50% / contain no-repeat;}

.form-submit-btn {margin:var(--space-60) 0 0;}
.form-submit-btn .cen {display:flex; justify-content:center; gap:var(--space-15);}
.form-submit-btn .btn-pack {border-radius:8px; margin:0 !important;}
.form-submit-btn .btn-pack:first-child {background-color:#fff;}
.form-submit-btn .btn-pack.large {min-width:124px; height:60px; padding:0 20px; line-height:58px; font-size:var(--font-size-18); font-weight:500;}