@charset "utf-8";
@font-face{ font-family: 'KoPubWorldBatangB'; src: url('/fonts/KoPubWorld-Batang-Bold.woff2') format('woff2'), url('/fonts/KoPubWorld-Batang-Bold.woff') format('woff');}

.container{ width: 1320px; margin: 0 auto;}
main{margin-top: 58px;}
main .page-title{ position: relative; margin-bottom: 43px; font-size: 40px; font-weight: 500; text-align: center; color: #3E2B2C;}
main .page-title span{ display: block; font-size: 14px; font-family: KoPubWorldBatangB; color: #998465;}
main .main-img{ display: block; margin: 0 60px; width: calc(100% - 120px); height: 650px;}
main article{ padding: 40px 0; margin: 0 60px; border-bottom: 1px solid #707070;}
main article:last-child{ padding-bottom: 100px; border-bottom-width: 0;}
main article .content-title{ margin-bottom: 30px; font-size: 20px; color: #856F57;}
main article p{ padding-left: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 500; color: #666666;}
main article p:last-child{ margin: 0;}
main textarea:read-only{background-color: #fff;}
main button{ float: right; margin: 0 60px 100px; width: 100px; font-size: 0; background-color: #3E2B2C;}
main button a{ display: block; width: 100%; height: 100%; line-height: 40px; font-size: 16px; color: #fff;}
main .place-info{ position: relative; padding: 0 0 100px;}
main .place-info.restaurant button{ float: none; position: absolute; top: 38px; right: 0; margin: 0; width: 100px; background-color: #826B51;}
main .place-info.restaurant button a{ font-size: 16px; line-height: 40px; color: #ffffff;}
main .place-info p{ padding: 40px 10px; margin-bottom: 32.5px; border-bottom: 1px solid #707070; font-size: 16px; font-weight: 500; color: #666666;}
main .place-info table tbody tr th, main .place-info table tbody tr td{ padding: 7.5px 10px; font-size: 16px; text-align: left;}
main .place-info table tbody tr th{ width: 180px; font-weight: 500; color: #856F57; }
main .place-info table tbody tr td{ width: 380px; font-weight: 500; color: #666666;}
main .place-info{ position: relative; padding: 0 0 100px;}
main .place-info.wedding button{ float: none; position: absolute; top: 38px; right: 0; margin: 0; width: 220px; background-color: #826B51;}
main .place-info.wedding button{ font-size: 16px; line-height: 40px; color: #ffffff;}

.side-tab-bar{ display: flex; margin: 40px 60px 0;}
.side-tab-bar li{ flex: 1; border: 1px solid #CCCCCC; background-color: #EEEEEE;}
.side-tab-bar li a{ display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 500; line-height: 48px; color: #909090; text-align: center;}
.side-tab-bar li:first-child{ border-radius: 25px 0 0 25px;}
.side-tab-bar li:last-child{ border-radius: 0 25px 25px 0;}
.side-tab-bar li.active{ border-color: #998465; background-color: #fff;}
.side-tab-bar li.active a{ color: #998465; cursor: initial;}

main::before,
main::after{ content: ""; display: block; clear: both;}

/* greetings */
main .greetings-content{ margin: 98px 110px 125px; font-size: 18px; font-weight: 500;}

/* information */
main .cancel-policy p{ padding-left: 18px; text-indent: -8px; }
main .main-img.info{ width: calc(100% - 122px); height: auto; border: 1px solid #000; box-sizing: content-box;}
main .info-location{ display: flex; flex-wrap: wrap; gap: 20px 32px; padding: 20px; margin: 40px 60px 0; border: 2px solid #998465;}
main .info-location li{ position: relative; padding-left: 35px; font-size: 18px; color: #3E2B2C;}
main .info-location li::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: no-repeat center; background-size: 25px 25px;}
main .info-location li:nth-child(8){ padding-right: 0; }
main .info-location li:nth-child(1)::before{ background-image: url(/img/introduce/information/list1.png);}
main .info-location li:nth-child(2)::before{ background-image: url(/img/introduce/information/list2.png);}
main .info-location li:nth-child(3)::before{ background-image: url(/img/introduce/information/list3.png);}
main .info-location li:nth-child(4)::before{ background-image: url(/img/introduce/information/list4.png);}
main .info-location li:nth-child(5)::before{ background-image: url(/img/introduce/information/list5.png);}
main .info-location li:nth-child(6)::before{ background-image: url(/img/introduce/information/list6.png);}
main .info-location li:nth-child(7)::before{ background-image: url(/img/introduce/information/list17.png);}
main .info-location li:nth-child(8)::before{ background-image: url(/img/introduce/information/list18.png);}
main .info-location li:nth-child(9)::before{ background-image: url(/img/introduce/information/list7.png);}
main .info-location li:nth-child(10)::before{ background-image: url(/img/introduce/information/list8.png);}
main .info-location li:nth-child(11)::before{ background-image: url(/img/introduce/information/list9.png);}
main .info-location li:nth-child(12)::before{ background-image: url(/img/introduce/information/list10.png);}
main .info-location li:nth-child(13)::before{ background-image: url(/img/introduce/information/list11.png);}
main .info-location li:nth-child(14)::before{ background-image: url(/img/introduce/information/list12.png);}
main .info-location li:nth-child(15)::before{ background-image: url(/img/introduce/information/list15.png);}
main .info-location li:nth-child(16)::before{ background-image: url(/img/introduce/information/list16.png);}


/* location */
#map{ margin: 0 auto; width:1200px; height:650px;}
main .address{ padding: 0 39px; margin: 40px 60px 0; border: 2px solid #998465; font-size: 18px; color: #3E2B2C; line-height: 50px; box-sizing: border-box; }
main .address span{ padding-left: 35px;}
main .car .content-title::before{ content: url("../img/introduce/location/car_icon.png"); padding-right: 10px;}
main .bus .content-title::before{ content: url("../img/introduce/location/bus_icon.png"); padding-right: 14px;}
main .train .content-title::before{ content: url("../img/introduce/location/train_icon.png"); padding-right: 15.6px;}

/* tourist-spots */
main .spot-list{ padding-top: 0; }
main .spot-list ul{ display: grid; grid-template-columns: repeat(3, 350px); gap: 75px;}
main .spot-list ul li{ height: 400px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
main .spot-list ul li a{ display: block; width: 100%; height: 100%;}
main .spot-list ul li img{ display: block; width: 100%; height: 200px;}
main .spot-list ul li h4{ position: relative; padding: 15px 11px; font-size: 18px; color: #856F57; font-weight: 500;}
/*main .spot-list ul li h4 a{ position: absolute; top: 21px; right: 11px; font-size: 10px; color: #736049;}*/
main .spot-list ul li p{ padding: 0 11px;}

/* tourist-spots-detail */
main .spot-detail{ padding-bottom: 50px; border: 0; }
main .spot-detail p{ padding-left: 18px; text-indent: -8px; }
.swiper.gallary-swiper{ margin: 0 60px; width: calc(100% - 120px); height: 650px;}
.swiper.gallary-swiper .swiper-button-next::after{content: url("/img/slideButtonNext.png"); font-size: 0;}
.swiper.gallary-swiper .swiper-button-prev::after{content: url("/img/slideButtonPrev.png"); font-size: 0;}
.swiper.thumbs-swiper{ margin: 3px 60px 0; width: calc(100% - 120px); height: 150px;}
.swiper.thumbs-swiper .swiper-slide{ position: relative; filter: brightness(60%); box-sizing: border-box;}
.swiper.thumbs-swiper .swiper-slide-thumb-active{ border: 7px solid #fff; filter: brightness(100%);}
.swiper.thumbs-swiper .swiper-slide-thumb-active::before{ content: ""; position: absolute; top: -7px; bottom: -7px; left: -7px; right: -7px; border: 2px solid #856F57; background-color: transparent;}
.swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: cover;}

/* contact_us */
main .contact-foreword{ padding-left: 10px; margin: 73px 60px 50px; font-size: 16px; color: #222222;}
main .qna{ padding: 0 0 14px; border: 0;}
main .qna table thead tr th{ border-bottom: 1px solid #707070;}
main .qna table thead tr th h4{ padding: 0 10px 10px; font-size: 30px; color: #856F57; text-align: left;}
main .qna table tbody tr th{ padding: 10px 20px; width: 150px; font-size: 16px; font-weight: 500; color: #856F57; text-align: left;}
main .qna table tbody tr td{ position: relative; padding: 10px; font-size: 0; }
main .qna table tbody tr td input[type=text],main .qna table tbody tr td select,main .qna table tbody tr td textarea{ width: 200px; height: 30px; border: 1px solid #707070; border-radius: 0; font-size: 16px; color: #222222; text-indent: 10px; box-sizing: border-box;}
main .qna table tbody tr td textarea{ width: 100%; height: 400px; resize: none;}
main .qna table tbody tr td span{ padding: 0 8px; font-size: 21px; line-height: 30px; vertical-align: middle;}
main .qna table tbody tr td label{ padding-right: 15px; margin-left: 30px; font-size: 16px; color: #856F57;}
main .qna table tbody tr:nth-child(1) th,main .qna table tbody tr:nth-child(1) td{ padding-top: 20px; }
main .qna table tbody tr:nth-child(2) select{ width: 70px; text-indent: 0; text-align: center;}
main .qna table tbody tr:nth-child(2) input[type=text]{ width: 90px;}
main .qna table tbody tr:nth-child(3) select{ width: 250px;}
main .qna table tbody tr:nth-child(3) span{ color: #000000;}
main .qna table tbody tr:nth-child(4),
main .qna table tbody tr:nth-child(5){ vertical-align: top;}
main .qna table tbody tr:nth-child(5) textarea{ height: 200px;}
main .qna table tbody tr:nth-child(6){ text-align: right; }
main .qna table tbody tr:nth-child(6) p{ position: absolute; top: 10px; left: 10px; font-size: 16px; font-weight: 500; color: #856F57;}

/* special_offers */
main .offer-list{ padding-top: 0; }
main .offer-list ul{ display: grid; grid-template-columns: repeat(3, 370px); gap: 45px;}
main .offer-list ul li{ height: 500px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
main .offer-list ul li a{ width: 100%; height: 100%;}
main .offer-list ul li a img{ display: block; width: 100%; height: 280px;}
main .offer-list ul li a h4{ padding: 25px 20px 15px; font-size: 22px; color: #856F57; font-weight: 500;}
main .offer-list ul li a p{ padding: 0 0 17px 0; margin: 0 20px; height: 60px; border-bottom: 1px solid #BABABA; font-size: 16px; line-height: 20px; color: #666666;}
main .offer-list ul li a p:last-child{ padding: 20px 0 0 0; height: auto; border: 0; text-align: right; color: #808080;}

/* special_offers_detail */
main .offer-detail{ padding: 0; margin-bottom: 50px; min-height: 900px; border: 1px solid #707070; background-size: cover; box-sizing: border-box;}
main .offer-detail img{ width: 100%; height: 100%;}

/* natural_alkaline_sauna */
main .sauna table tbody tr:nth-child(2) th,main .sauna table tbody tr:nth-child(2) td{ height: 20px;}
main .sauna table tbody tr:last-child th,main .sauna table tbody tr:last-child td{ vertical-align: top;}

/* specialty_corner */
main .specialty p span{ display: block; margin-top: 10px; font-size: 14px; }

/* children_water_play */
main .water-play table tbody tr:nth-child(1) th:nth-child(3),
main .water-play table tbody tr:last-child th,main .water-play table tbody tr:last-child td{ vertical-align: top;}

/* outdoor_beer_garden */
main .beer-garden table tbody tr:nth-child(1) th:nth-child(3){ vertical-align: top;}

/* outdoor_bbq_area */
main .bbq-area table tbody tr th,main .bbq-area table tbody tr td{ vertical-align: top;}

/* haein_hall */
main .haein table tbody tr:last-child th,main .haein table tbody tr:last-child td{ vertical-align: top;}

/* grand_hall */
main .grand table tbody tr:last-child th,main .grand table tbody tr:last-child td{ vertical-align: top;}

/* wedding_hall */
main .wedding table tbody tr td{ width: calc(100% - 220px); }

/* accommodation */
main .room-list{ position: relative; padding: 0; margin-bottom: 50px; border: 0;}
main .room-list ul{ display: grid; grid-template-columns: 580px 580px; grid-gap: 40px;}
main .room-list li{ width: 100%; height: 100%; }
main .room-list li a{ display: block; position: relative; overflow:hidden; width: 100%; height: 100%;}
main .room-list li a img{ transition: all 0.3s linear;}
main .room-list li a:hover img{ transform: scale(1.15); filter: brightness(50%);}
main .room-list li a:hover span::before{ background-color: #fff;}
main .room-list li a:hover span::after{ background-color: #fff;}
main .room-list li a span::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s; width: 1px; height: 40px; background-color: transparent;}
main .room-list li a span::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s; width: 40px; height: 1px; background-color: transparent;}

/* room (공통) */
.room-tab-bar{ display: flex; margin: 40px 60px 0;}
.room-tab-bar li{ flex: 1; border: 1px solid #CCCCCC; background-color: #EEEEEE;}
.room-tab-bar li a{ display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 500; line-height: 48px; color: #909090; text-align: center;}
.room-tab-bar li:first-child{ border-radius: 25px 0 0 25px;}
.room-tab-bar li:last-child{ border-radius: 0 25px 25px 0;}
.room-tab-bar li.active{ border-color: #998465; background-color: #fff;}
.room-tab-bar li.active a{ color: #998465; cursor: initial;}
.room-tab-dual-bar{ display: flex; margin: 30px 60px 0;}
.room-tab-dual-bar li{ flex: 1; border: 1px solid #CCCCCC; background-color: #EEEEEE;}
.room-tab-dual-bar li a{ display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 500; line-height: 48px; color: #909090; text-align: center;}
.room-tab-dual-bar li:first-child{ border-radius: 25px 0 0 25px;}
.room-tab-dual-bar li:last-child{ border-radius: 0 25px 25px 0;}
.room-tab-dual-bar li.active{ border-color: #998465; background-color: #fff;}
.room-tab-dual-bar li.active a{ color: #998465; cursor: initial;}
main .room-detail{ position: relative; padding-bottom: 100px; font-size: 0; border: 0;}
main .room-detail h4{ font-size: 30px; color: #856F57;}
main .room-detail h5{ display: inline-block; padding: 40px 10px; width: 180px; font-size: 16px; font-weight: 500; color: #856F57; vertical-align: top;}
main .room-detail > p{ padding: 0; margin: 40px 0;}
main .room-detail > button{ float: none; position: absolute; top: 105px; right: 0; margin: 0;}
main .room-detail .room-info{ border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
main .room-detail .room-info tbody tr th{ padding: 7.5px 10px; width: 180px; font-size: 16px; font-weight: 500; color: #856F57; text-align: left;}
main .room-detail .room-info tbody tr td{ padding: 7.5px 10px; width: 380px; font-size: 16px; font-weight: 500; color: #666666;}
main .room-detail .room-info tbody tr:first-child th,main .room-detail .room-info tbody tr:first-child td{padding-top: 40px;}
main .room-detail .room-info tbody tr:last-child th,main .room-detail .room-info tbody tr:last-child td{padding-bottom: 40px;}
main .room-detail .room-facilty{ display: inline-block; width: calc(100% - 200px);}
main .room-detail .room-facilty tbody tr th{ padding: 7.5px 10px; font-size: 16px; font-weight: 500; color: #856F57; text-align: left;}
main .room-detail .room-facilty tbody tr td{ padding: 7.5px 10px; font-size: 16px; font-weight: 500; color: #666666;}
main .room-detail .room-facilty tbody tr:first-child th{ padding-top: 40px; }
main .room-detail .room-facilty tbody tr:last-child td{ padding-bottom: 40px; }
main .room-detail .attention-content{ display: inline-block; width: calc(100% - 220px); padding: 40px 10px 0; font-size: 16px; font-weight: 500; color: #666666;}
main .room-detail .equipped-list-bar{ padding: 40px 0 60px 0; font-size: 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
main .room-detail .equipped-list-bar li{ display: inline-block; margin-right: 10px; }
main .room-detail .equipped-list-bar li span{ display: block; position: relative; padding-top: 85px; width: max-content; min-width: 75px; font-size: 16px; line-height: 20px; font-weight: 500; color: #666666; text-align: center; white-space: nowrap;}
main .room-detail .equipped-list-bar li span::before{ content: ""; display: block; position: absolute; top: calc(50% - 20px); left: 50%; transform: translate(-50%,-50%);}
main .room-detail .equipped-list-bar li span.wifi::before{ content: url(/img/room/roomIconWifi.png);}
main .room-detail .equipped-list-bar li span.tv::before{ content: url(/img/room/roomIconTV.png);}
main .room-detail .equipped-list-bar li span.refri::before{ content: url(/img/room/roomIconRefri.png);}
main .room-detail .equipped-list-bar li span.aircon::before{ content: url(/img/room/roomIconAircon.png);}
main .room-detail .equipped-list-bar li span.dry::before{ content: url(/img/room/roomIconDry.png);}
main .room-detail .equipped-list-bar li span.twotable::before{ content: url(/img/room/roomIconTwoTable.png);}
main .room-detail .equipped-list-bar li span.table::before{ content: url(/img/room/roomIconTable.png);}
main .room-detail .equipped-list-bar li span.coffee::before{ content: url(/img/room/roomIconCoffee.png);}
main .room-detail .equipped-list-bar li span.water::before{ content: url(/img/room/roomIconWater.png);}
main .room-detail .equipped-list-bar li span.bidet::before{ content: url(/img/room/roomIconBidet.png);}
main .room-detail .equipped-list-bar li span.gown::before{ content: url(/img/room/roomIconGown.png);}
main .room-detail .equipped-list-bar li span.shower::before{ content: url(/img/room/roomIconShower.png);}
main .room-detail .equipped-list-bar li span.tub::before{ content: url(/img/room/roomIconTub.png);}
main .room-detail .equipped-list-bar li span.tub_1::before{ content: url(/img/room/roomIconTub_1.png);}
main .room-detail .equipped-list-bar li span.sofa::before{ content: url(/img/room/roomIconSofa.png);}
main .room-detail .equipped-list-bar li span.bodylotion::before{ content: url(/img/room/roomIconBodylotion.png);}
main .room-detail .equipped-list-bar li span.smoke::before{ content: url(/img/room/no_smoking.png);}
main .room-detail .equipped-list-bar li:last-child{ margin: 0; }

main .other-room{ padding: 0 0 100px;}
main .other-room h4{ padding-bottom: 30px ; font-size: 30px; color: #856F57;}
main .other-room .other-room-swiper{height: 227px;}
main .other-room .other-room-swiper img{ height: 197px; }
main .other-room .other-room-swiper figcaption{ padding-top: 10px; font-size: 14px; font-weight: 500; color: #856F57; text-align: center; }
main .other-room .other-room-swiper .swiper-button-next,
main .other-room .other-room-swiper .swiper-button-prev{ margin: auto; height: auto; top: 85px; }
main .other-room .other-room-swiper .swiper-button-next::after{content: url("/img/slideButtonNext.png"); font-size: 0;}
main .other-room .other-room-swiper .swiper-button-prev::after{content: url("/img/slideButtonPrev.png"); font-size: 0;}

/* swiper pagination 커스텀 */
.swiper-pagination{ line-height: 0;}
.swiper-pagination-bullet{ position: relative; width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff; opacity: 1; box-shadow: 0 0 10px;}
.swiper-pagination-bullet-active{ background-color: #fff; }

/* 사이트 맵 */
.sitemap-container{ display: grid; grid-template-columns: 1fr;}
.sitemap-container > ul{ display: grid; grid-template-columns: repeat(4,1fr); padding: 0 0 15px 20px; border-bottom: 1px solid #707070;}
.sitemap-container > ul > li{ padding-bottom: 15px;}
.sitemap-container > ul > li a{ display: inline; font-size: 18px; color: #856F57; }
.sitemap-container > ul > li > a::before{ content: "-"; padding-right: 10px;}
.sitemap-container > ul > li ul{ padding: 15px 0 0 17px;}
.sitemap-container > ul > li ul li{ padding-bottom: 15px;}
.sitemap-container > ul > li ul li a{ display: inline; font-size: 18px; color: #856F57;}
.sitemap-container > ul > li:first-child{ grid-column: 1 / span 4; padding: 30px 0 20px;}
.sitemap-container > ul > li:first-child h3 a{ display: inline; font-size: 22px; color: #3E2B2C; font-weight: normal;}
.sitemap-container > ul > li:last-child{ padding-bottom: 15px;}