@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

article .area_preview {padding: 10rem 0 160rem;}
article {padding: 180rem 0 160rem;}
.scon {margin-top: 100rem;}
article[class^=area_] strong {font-size: 37rem;color: #000;font-weight: 500;margin-bottom: 40rem;display: block;line-height: 1.4;}
.tx_point {color: #099789;}
.tx_reference {color: #666;}

[class^="tag_"] {border: 1px solid #ccc;padding: 5rem 17rem;font-size: 13rem;border-radius: 20rem;color: #aaa;background: #fff;}
.tag_ok {border-color: #09847F;color: #09847F;}
.tag_reject {border-color: #d57f46;color: #d57f46;margin-right: 6rem;}
a.btn_cancel::before {content: '';display: inline-block;width: 11rem;height: 11rem;background: url(/images/common/icon_check.svg) no-repeat;margin-right: 5rem;}
a.btn_cancel {padding: 6rem 13rem;font-size: 14rem;color: #fff;background: #d57f46;transition: .5s;border-radius: 20rem;}
a.btn_cancel:hover {background: #de722a;}

[data-table="result"]{font-size:15rem;}
[data-table="result"] span{display:block;line-height:1.4;margin:10rem auto 0;margin-top:7rem;padding:5rem 13rem;max-width:260rem;border-radius:4rem;}
[data-table="result"] span strong{display:inline-block; margin:0; font-size:15rem;}

.button, .button.gray, .btn_area .button, .join_area .box.join .btn_login {border-radius: 35rem;}

.sub a.btn.color {font-size: 17rem;padding: 18rem 42rem;}

[data-pop-layer="layer"] .popBox {min-height: auto !important;}
[data-pop-layer="layer"] .popBox .popConts {width: 400rem;font-size: 15px;padding: 29px 27px 40px;}
[data-pop-layer="layer"] .popBox {border-radius: 18rem;}
[data-pop-layer="layer"] .popBox .btn_close {border-radius: 50%;right: 12px;top: 12px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
[data-pop-layer="layer"] .popBox .btn_close span {margin: 0;width: 13px;height: 13px;background-size: contain;}
[data-pop-layer="layer"] .popBox .btn_close:focus{/* outline-color: var(--color-point); */outline: auto;/* outline-color: var(--color-point); */outline-width: 4px;background: var(--color-point);}
.popBox b {display: block;color: #000;font-size: 24rem;/* border-bottom: 1rem solid #34383e; */margin-bottom: 20rem;line-height: 1;/* padding-bottom: 20rem; */}

/* board */
.designSelect .selectoption{display:none;}
.designSelect .selectbox{display:none;}
.designSelect .select{height:auto;}
.designSelect .select select{display:block; width:130px; height:54px; margin:0; padding:0 18px; background:#fff url(../images/content/arr_select.svg) no-repeat; background-size:11px; background-position:86% 50%;}
.designCheck input[type="checkbox"] + label:before,
.designRadio input[type="radio"]:checked + label:before,
.designRadio input[type="radio"] + label:before{display:none;}
.designCheck input[type="checkbox"]{width:20px; height:20px;}
.designCheck input[type="checkbox"],
.designRadio input[type="radio"]{position:relative; opacity:1;}
.designRadio input[type="radio"]{position:relative; opacity:1; width:15px; height:15px;}
.designCheck input[type="checkbox"] + label{padding-left:7px;}

.designRadio input[type="radio"] + label{padding:0;}

.sound_only{font-size: 0 !important;}

.bbsView .button{font-weight:500; font-size:13px;}
.bbsContent img{max-width: 100%;height: auto !important;}

/* login */
.join_area .title{margin-bottom:50rem; font-weight:700; font-size:30rem; text-align:center;}
.join_area .box.join ul li label,
.join_area .box.join ul li:before{display:none;}
.join_area{padding-top: 0.;}
.btn_area.social a{padding:0 10rem 0 11rem; font-weight:300; font-size:15rem; color:#666;}
.btn_area.social a:before{top:8rem; left:-4rem; width:4rem; height:4rem; background:#e1e1e1;}
.join_area .box.join ul li input{height:64rem; margin:0; padding-left:30rem; background:#f7f7f7; border:0px; border-bottom:0; font-weight:300; font-size:15rem; border-radius:100rem;}
.join_area .box.join ul{border-top:0;}
.join_area .box.join{max-width:440rem;}
.join_area .box.join ul li{padding-top:0;}
.join_area .box.join ul li{min-height:auto;}
.join_area .box.join ul{display:flex; border-top:0; flex-direction:column; row-gap:11rem;}
.join_area .box.join .btn_login{height:65rem; margin-top:30rem; border:2rem solid var(--color-point); font-weight:600; font-size:16rem; color:var(--color-point); transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s; border-radius:100rem; text-transform:uppercase;}
.join_area .box.join .btn_login:hover{background:var(--color-point); box-shadow:5px 15px 20px rgb(0 166 85 / 22%); color:#fff;}
.join_area .box.join ul li input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ecf7f2 inset;}

/* join */
.join_area h2{padding-bottom:0; border:none;}
.join_area h3{font-size:22rem;}
.join_area textarea{height:250rem; font-weight:300; color:#666;}
.join_area .bbsView td em{margin-left:4rem; font-weight:300; font-size:13rem; color:var(--color-point);}

article.area_member{padding:130rem 0 100rem;}

/* tab */
.tab_container {clear: both;}
ul.tabs{display: flex;align-items: center;justify-content: center;margin: 90rem 0 30rem;}
ul.tabs li {margin-right: 6rem; border: 1rem solid #ccc;}
ul.tabs li:last-child {margin-right:0;}
ul.tabs li.active, ul.tabs li.active button {border-color: #09847F;color: #09847F;}
ul.tabs li button{min-width:250rem; box-sizing:border-box; padding: 17rem 15rem; background-color: #fff;font-size: 18rem;font-weight: 500; text-align:center; cursor: pointer;}

/* suv visual */
.area_subVisual {position:relative; width:100%; height:650rem; text-align:center;}
.area_subVisual > div {width:100%; height: 100%; background-position: center center;}
.area_subVisual div.wrap {position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.area_subVisual .subTit {width: 100%;height: auto;display: inline-block;text-align: center;position: absolute;top: 50%;left: 0;}
.area_subVisual .subTit > div {overflow: hidden;}
.area_subVisual .subTit i {color:#fff;margin-top:25rem;display: block;font-weight: 200;}
.area_subVisual h2{font-size:58rem; color:#fff;font-weight: 500;line-height: 1;}
.area_subVisual > div {background-size: cover; background-repeat: no-repeat;border-radius: 0 0 150rem 0;}

@keyframes img-size {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.cont_tit {text-align: center;}
.cont_tit i {font-size: 1.2em; letter-spacing: 1rem; color: #206ab1; font-weight: 500;    font-family: 'Noto Serif KR', Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.cont_tit p {font-size: 2.2em; color: #000; font-weight: 400;padding: 30rem 0 100rem;}

#content table.table {border-top: 3px solid #34475b;}
#content table.table tbody tr td:first-child, #content table.table tbody tr th:first-child { color: #34475b;}
#content table.table thead th {background: #ebedf1; color: #34475b;}

/* lnb */
.lnb{position: absolute;bottom: -30rem;left: 50%;transition: .5s;transform: translateX(-50%);}
.lnb > div:first-child{display: none;}
.lnb > div.lnb_inn {width: 100%;background: linear-gradient(45deg, #05875A, #09847F);border-radius: 45rem 0 45rem 0;height: 100rem;display: flex;align-items: center;position: relative;}
.lnb > div.lnb_inn:after {background: url(../images/common/bg_lnb.png) no-repeat right bottom/contain;content: '';display: inline-block;width: 489rem;height: 249rem;bottom: 0;right: 0;position: absolute;border-radius:  0 0 45rem 0;}
.lnb > div.lnb_inn a.on {font-weight: 500;position: relative;}
.lnb > div.lnb_inn a.on::before {content: '';display: inline-block;width: 5rem;height: 5rem;border-radius: 50%;background: #fff;top: 0;left: 50%;position: absolute;}
.lnb ul{display:flex;align-items:center;margin-top:0;margin-left: 120rem;}
.lnb ul li a{display:block;padding: 3rem 35rem 0;color: #fff;font-weight: 300;font-size: 18rem;}

/* 0101 area_about */
.area_about > div {display: flex;flex-wrap: wrap;justify-content: space-between;}
.area_about > div > div {width:50%;box-sizing: border-box;}
.area_about > div > div.txt {padding-top: 65rem;width: 700rem;}
.area_about > div:first-child .txt {margin-right: auto;}
.area_about > div:last-child .txt {margin-left: auto;}
.area_about .txt p{ text-align: justify; }

.area_about > div:first-child .img {padding-right: 130rem;}
.area_about > div:last-child .img {padding-left: 130rem;}
.area_about > div .img img {width: 100%;height: 100%;object-fit: fill;}

.area_about > div:first-child .img img {border-radius: 0 0 130rem 0;}
.area_about > div:last-child .img img {border-radius: 0 0 0 130rem;}

/* 0102 area_map */
.map_inn {position: relative;}
.map_inn .location_info {width: 300rem;height: 300rem;background: #393846;color: #fff;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;justify-content: space-between;padding: 50rem;box-shadow: 0 40px 30px #0000001a;position: absolute;bottom: -150rem;left: 100rem;box-sizing: border-box;overflow: hidden;}
.map_inn .location_info i{color: #aaa;display: block;}
.map_inn .location_info b {font-size: 38rem;z-index: 1;}
.location_dsc {margin-left: 510rem;}
.location_dsc li {display: flex;font-size: 18rem;}
.location_dsc li b {flex: 0 0 15%;color: #000;}
.location_dsc li + li {padding-top: 20rem;}

/* 0103 area_history */
.area_history strong {font-size: 46rem !important;font-weight: 600 !important;}
.area_history .item{ position: relative; display: table; width: 100%; table-layout: fixed;}
.area_history .item + .item { margin-top: 50rem;}
.area_history .item .thumb{ display: table-cell; width:50%; vertical-align: top;}
.area_history .item dl{ position: relative; display: table-cell; padding: 40rem 0 0 86rem; vertical-align: top;}
.area_history .item dl::before{ content: ''; width: 1rem; position: absolute; top: 0; bottom: -260rem; left: 0; background-color: #dbdbdb;}
.area_history .item dl dt{position: relative;font-size: 40rem;font-weight: 600;color: #09847F;font-family: 'Montserrat', 'Noto Sans KR';margin-bottom: 20rem;line-height: 1;}
.area_history .item dl dt::after{content: '';display: block;width: 8.5rem;height: 8rem;border-radius: 50%;background-color: #09847F;position: absolute;top: 17rem;left: -90rem;}
.area_history .item dl dd{ font-size: 18rem;}
.area_history .item dl dd + dd{ margin-top: 15rem; }
.area_history .item dl dd b{display: inline-block;font-size: 18rem;color: #000;font-family: 'Montserrat', 'Noto Sans KR';min-width: 170rem;}
.area_history .item:last-child dl::before{ bottom: 0; }
.area_history .item:last-child dl::after{ content: ''; position: absolute; bottom: 0; left: -3px; width: 7px; height: 7px; background-color: #dbdbdb; display: block; border-radius: 50%;}
.area_history .thumb { display: table-cell; width:640rem; vertical-align: top;}
.area_history .thumb img {width: 80%;}

/* 0201 area_preview */
.area_preview .note_area, .area_preview .preview_inn {display: flex;}
.area_preview .img {flex: 1;}
.preview_swiper{ overflow: hidden; position:relative; max-width: 860rem; width: 100%; height: 100%; }
.area_preview .img img { aspect-ratio: 860/648; width: 100%; height: 100%; object-fit: cover;}
.area_preview .preview_info {width: 540rem;background: #f7f7f7;padding: 65rem;box-sizing: border-box;border-radius: 0 0 160rem 0;}
.area_preview .preview_info li + li {padding-top: 40rem;}
.area_preview .preview_info i{ letter-spacing: -.02em; }
.area_preview b,
.area_reserve b {font-size: 27rem;color: #000;padding-bottom: 15rem;display: block;line-height: 1;font-weight: 500;}
.area_preview .preview_info p + p {margin-top: 10rem;}
.area_preview .preview_info p > span {color: #000;font-weight: 500;}
.area_reserve .bbsList td > p > span {display: block;}
.preview_swiper .swiper-button-prev,
.preview_swiper .swiper-button-next{background-color:transparent; font-size:0;}
.preview_swiper .swiper-control button{background-color:transparent; font-size:0;}
.preview_swiper .swiper-control{display:flex; justify-content:center; align-items:center; gap:10rem; position:absolute; bottom:30rem; left:50%; z-index:10; transform:translateX(-50%);}
.preview_swiper .swiper-pagination{display:flex; align-items:center; gap:5rem; position:relative; height:13rem;}
.preview_swiper .swiper-pagination span{font-size:0;}
.preview_swiper .swiper_auto{position:absolute; right:-40rem; width:30rem; height:30rem;}
.preview_swiper .swiper_auto span{display:inline-block; width:12px; height:13px; background:url(../images/main/btn_slide_stop.svg) no-repeat 50% 50%; font-size:0px;}
.preview_swiper .swiper_auto.paused span{background-image:url(../images/main/btn_slide_play.svg);}

.area_calendar .control {display: flex;align-items: center;justify-content: flex-end;}
.area_calendar .control > div {margin-right: auto;}
.area_calendar .calendar table thead {border-top: 3px solid #34475b;}
.area_calendar .calendar table th {background: #ebedf1;border: 1px solid #ebedf1;border-bottom: 1px solid #34475b;color: #000;font-weight: 600;}
.area_calendar .calendar *[data-calenda="in"]:before {background: #099782;}
.area_calendar .calendar .today > *:after {background: #B4613D;}
.area_calendar .control .btn_today {background: #505c78;border: 1px solid #505c78;border-radius: 35rem;position: inherit;padding: 0 20rem;margin-left: 5rem;}
.area_calendar .control a.btn.color {padding: 0 22rem;font-size: 15px;height: 50px;box-sizing: border-box;display: flex;align-items: center;}
#content table.table tbody td {background: #fff;}
.area_calendar .list {padding: 30rem;box-sizing: border-box;}
table .button {font-size: 14rem;}
.area_preview table.table{margin-top:0 !important;}
.area_calendar .list {background: #fff;border: 1px solid #e0e6e9;border-left: 0;}
.area_preview .slide.scroll {height: calc(100% - 50rem);overflow-y: scroll;}
.area_calendar .list p {padding: 0 0 20rem}
.area_calendar .calendar table td.off.today{opacity:1; background:#fff; pointer-events:auto; cursor:pointer;}

.area_calendar .calendar table td.off { background: #f1f1f1; opacity: 0.2; border-color: #f5f5f5; pointer-events: none; cursor: default; }
.area_calender a.button.on { background: #ccc; }
.area_calendar a.button.gray.on { background: #09847F; border-color: #09847F; }
.area_calendar a.button.gray.finish {background: #949494;border-color: #949494;pointer-events: none;cursor: default;}
.area_calendar a.button.gray.on:hover span { color: #09847F; }
.area_calendar .calendar .on{background:none !important; border:1px solid #09847f;}
.area_calendar .calendar .today{background: #eef4f3;}

.note_area {padding-top: 100rem;}
.note_area b {padding-right: 130rem;}

.area_preview.add_btn .scon { margin-top: 60rem; }
a.btn.color.gray {border-color: #949494;color: #949494;}
a.btn.color.gray svg { fill: #bfbfbf; }
a.btn.color.gray:hover svg { fill: #fff; }

.area_preview.add_btn a.btn.color.gray{margin-right:5rem;font-weight: 600;}
.area_preview.add_btn .slogan + a.btn.gray:before, .area_preview.add_btn a.btn.color.gray:before {background: #949494;}

.flex{ display: flex; }
#content .flex > *{ float: none; }

@media(max-width:1023px){
    .flex{ flex-direction: column; }

}

/* area_reserve */
.area_reserve .col2 h2 {color: #000;font-weight: 500;font-size: 30rem;}
.area_reserve .col2 {display: flex;gap: 50rem;}
.area_reserve .col2 .item {text-align: center;border: 1px solid #ddd;width: 50%;padding: 60rem;box-sizing: border-box;}
.area_reserve .col2 .item .box_area {text-align: left;position: relative;}
.area_reserve .col2 .item img {height: 60rem;margin-bottom: 30rem;}
.area_reserve .col2 h2 + p {color: #000;padding-bottom: 60rem;}
.area_reserve .list_bullet,
.area_reserve .col2 .item .btn_area {border-top: 1px dashed #ddd;padding-top: 50rem;margin-top: 50rem;}

.area_reserve .col2 .item .bbsForm_data {position: relative;padding-right: 190rem;}
.area_reserve .col2 .item .bbsForm_data + .bbsForm_data {maragin-top: 40rem;}
.area_reserve .col2 .item label {display: none;}
.area_reserve .col2 .item input[type="text"], 
.area_reserve .col2 .item input[type="password"] {border: 0;border-bottom: 1px solid #ccc;margin: 0;padding: 0;-webkit-border-radius: 0;}
.area_reserve .col2 .item input.btn_login {position: absolute;right: 0;top: 0;width: 160rem;height: 107rem;background: linear-gradient(45deg, #05875A, #09847F);border: 0;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 0 0 45rem 0;}
.area_reserve .col2 .item input::placeholder {color: #ccc;font-weight: 300;}
.area_reserve .tx_reference {margin-top: 10rem;font-weight: 300;font-size: 15rem;}
.area_reserve .col2 .num em {padding-right: 5rem;display: inline-block;}

.area_reserve .num {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.area_reserve .num > div:not(:last-child) {display: inline-block;margin-right: 30rem;}
.area_reserve .num em {display: inline-block;line-height: 1;margin-right: 5rem;}

#content table.table tbody th,
.area_reserve .bbsView > tbody > tr > th {text-align: center;padding: 18rem 10rem;background: #f5f5f5;line-height: inherit;border-right: 1px solid #eaecf1;}
.area_reserve .bbsView > tbody > tr > td {padding: 18rem;}
#content table.table,
.area_reserve .bbsView {border-top: 3px solid #34475b;}
#content .area_reserve table.table tbody tr th:first-child label {font-weight: 500 !important;color: #000;}

/* 0301 area_guide */
.area_guide {padding: 0;}
.area_guide .section {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100vh;}
.area_guide .section .wrap {display: flex;justify-content: flex-end;}
.area_guide #section00 .txt {margin: 480rem 155rem 0 0;}
.area_guide #section01 .txt {margin: 400rem 0 0 0;}
.area_guide #section02 .txt {margin: 490rem -30rem 0 0;}
.area_guide #section03 .txt {margin: 490rem 155rem 0 0;}

.area_guide .section .txt > * {color: #fff;font-weight: 300;line-height: 2;}
.area_guide .section .txt b {font-size: 36rem;font-weight: 400;padding-bottom: 28rem;display: block;line-height: 1;}
.area_guide .section .txt p + p {padding-top: 18rem;}
#section00 {background-image: url(/images/content/bg_guide01.jpg);}
#section01 {background-image: url(/images/content/bg_guide02.jpg);}
#section02 {background-image: url(/images/content/bg_guide03.jpg);}
#section03 {background-image: url(/images/content/bg_guide04.jpg);}
.sub .area_guide #footer {padding: 0 !important;background: #9d704f;}
.fp-viewing-5Page #fp-nav {display: none;}

#fp-nav ul li a span, .fp-slidesNav ul li a span {opacity:1;width: 7rem;height: 6rem;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {/* width: 13rem; *//* height: 13rem; *//* transform: translate(-3rem, -8rem); */background: var(--color-point);}
#fp-nav.fp-left {left: 260rem;width: 6rem;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 0 0 27px;}

#fullpage .txt * {color: #fff;transition: all 1.0s cubic-bezier(0.25, 0.47, 0.12, 0.99);/* transform: translateY(30px); *//* opacity: 0; */}
#fullpage .active .txt * {opacity: 1;transform: translateY(0px);}
#fullpage .active .txt b {transition-delay: .3s;}
#fullpage .txt p {font-size: 16rem;}
#fullpage .active .txt p {transition-delay: 0.1s;}
#fp-nav ul li a.active + .fp-tooltip{top:-4px; left:17px; width:auto !important; padding:2px 12px; background:var(--color-point); font-size:13px; color:#fff !important; white-space:nowrap; max-width:none !important; border-radius:34px;}

/* 이용약관 */
.area_policy{padding: 110rem 0 110rem;}
.area_policy h2{padding:30rem 0;font-weight:700;font-size: 40rem;color:#222;text-align:center;}
.area_policy h3{margin-bottom:20rem; font-weight:700; font-size:17rem; color:#222;}
.area_policy ul li,
.area_policy p,
.area_policy dl,
.area_policy table {line-height:1.6; font-weight:300; font-size:15rem; color:#666;}
.area_policy p{line-height:1.6; font-size:14rem;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

.area_policy.email{padding:210rem 0 110rem;}
.area_policy.email h2{text-align:left;}
.area_policy.email > i{display:block; padding-top:30rem; font-size:15rem;}
.area_policy.email > strong{display:block; line-height:1.6; margin-top:20rem; font-size:19rem;}

.area_policy .numb_list {counter-reset:list-number;}
.area_policy .numb_list li {position: relative; padding-left: 15rem; counter-increment:list-number;}
.area_policy .numb_list li + li {margin-top: 10rem;}
.area_policy .numb_list li:before{position:absolute; left:0; content:counter(list-number)".";}  
.area_policy .numb_list li dl {margin-top: 15rem;}
.area_policy dl dt {margin-bottom: 5rem; font-weight: 500;}
.area_policy dl + dl {margin-top: 15rem;}
.area_policy dl dd + dt {margin-top: 15rem;}
.area_policy table {margin-top: 20rem; border: 1rem solid #e1e1e1; border-bottom: none;}
.area_policy table tr {border-bottom: 1rem solid #e1e1e1;}
.area_policy table tr th {padding: 5rem; background-color: #f7f7f7;}
.area_policy table tr td {padding: 10rem; text-align: center;}
.area_policy .mobile {display: none;}

/* 0401 area_status */
.area_status ul.tabs {margin:0 0 90rem;}
.area_status .scon {margin-top: 60rem;}
.area_status .preview_inn {display: flex;}
.area_status .preview_info {width: 50%; background: #f7f7f7;padding: 51rem;box-sizing: border-box;border-radius: 0 0 160rem 0;}
.area_status .preview_info li + li {padding-top: 40rem;}
.area_status .preview_info i{ letter-spacing: -.02em; }
.area_status b,
.area_status b {font-size: 27rem;color: #000;padding-bottom: 15rem;display: block;line-height: 1;font-weight: 500;}
.area_status .preview_info p + p {margin-top: 3rem;}
.area_status .preview_info p > span {color: #000;font-weight: 500;}
.area_status .preview_info li div {display: flex; align-items: flex-start; margin-top: 15rem; }
.area_status .preview_info li div + div {margin-top: 20rem; padding-top: 20rem; border-top: 1px solid #ddd;}
.area_status .preview_info li div > span {padding-right: 50rem; font-weight: 500; color: #000;}
.area_status .preview_info li div ul li + li {padding-top: 0;}
.area_status .preview_info li div ul li span {font-weight: 500;}
.area_status .preview_info li .tx_reference {font-size: 16rem;}
.area_status .preview_info li .tx_reference + .tx_reference {margin-top: 0;}
.area_status #tab1 .tx_reference.tac {text-align: left !important; margin-top: 25rem;}

.area_status table {width: 1000rem; max-width: 100%; margin: 0 auto 100rem; text-align: center; border-top: 1px solid #000;}
.area_status table tr {border-bottom: 1px solid #ddd;}
.area_status table tr > * {padding:15rem}
.area_status table tr th {font-weight: 500; background-color: #f7f7f7;}
.area_status table tr * + * {border-left:1px solid #ddd;}

/*.area_status #tab3 .txt p + p {margin-top: 30rem;}
.area_status #tab3 .scon {margin: 85rem 0 25rem; border-radius: 0 0 0 160rem; overflow: hidden;}
.area_status #tab3 .scon p {display: flex; justify-content: center; align-items: center; padding: 20rem 0; font-weight: 500; color:#fff; background-color:#393846;}
.area_status #tab3 .scon p i {display: block; width: 4rem; height: 4rem; margin: 0 10rem; border-radius: 100%; background-color: #fff;}*/

#dokdo_status_inn {background: url(/images/content/bg_map.png) no-repeat 0 0;position: relative;width: 100%;height: 789rem;margin-bottom: 25rem;background-size: cover;}
#dokdo_status_inn a {display: inline-block;width: 33rem;height: 33rem;border-radius: 50%;position: absolute;left: 50%;top:50%;transition: .5s;background-position: center;pointer-events: none;display: none;}
#dokdo_status_inn a:hover {background: #d57f46 url(/images/common/icon_check.svg) no-repeat;background-size: 8rem;background-position: center;}
a.btn_view.btn_open01 {transform: translate(-39rem, 117rem);}
a.btn_view.btn_open02 {transform: translate(-286rem, 42rem);}
a.btn_view.btn_open03 {transform: translate(-358rem, -327rem);}
a.btn_view.btn_open04 {transform: translate(-320rem, -301rem);}
a.btn_view.btn_open05 {transform: translate(-388rem, -59rem);}
a.btn_view.btn_open06 {transform: translate(-471rem, 78rem);}
a.btn_view.btn_open07 {transform: translate(-447rem, 33rem);}
a.btn_view.btn_open08 {transform: translate(-219rem, -76rem);}
a.btn_view.btn_open09 {transform: translate(-460rem, 196rem);}
a.btn_view.btn_open10 {transform: translate(-151rem, 0rem);}
a.btn_view.btn_open11 {transform: translate(-85rem, 68rem);}
a.btn_view.btn_open12 {transform: translate(-49rem, 291rem);}
a.btn_view.btn_open13 {transform: translate(-154rem, 79rem);}
a.btn_view.btn_open14 {transform: translate(-221rem, 43rem);}
a.btn_view.btn_open15 {transform: translate(87rem, 168rem);}
a.btn_view.btn_open16 {transform: translate(-127rem, 214rem);}
a.btn_view.btn_open17 {transform: translate(-116rem, 266rem);}
a.btn_view.btn_open18 {transform: translate(5rem, 235rem);}
a.btn_view.btn_open19 {transform: translate(84rem, 200rem);}
a.btn_view.btn_open20 {transform: translate(-45rem, 160rem);}
a.btn_view.btn_open21 {transform: translate(39rem, 108rem);}
a.btn_view.btn_open22 {transform: translate(-273rem, -80rem);}
a.btn_view.btn_open23 {transform: translate(-320rem, -5rem);}
a.btn_view.btn_open24 {transform: translate(-378rem, 131rem);}
a.btn_view.btn_open25 {transform: translate(-80rem, 285rem);}
a.btn_view.btn_open26 {transform: translate(-21rem, 263rem);}

.area_status .txt + .scon {position: relative;}
.placelist.mobile {display: none;}
.placelist {position: absolute;right: 80rem;top: 50%;transform: translateY(-50%);width: 320rem;}
.placelist > * {background: #fff;padding: 35rem 40rem;border-radius: 30rem;font-size: 15rem;}
.placelist ul {display: flex;justify-content: space-between;line-height: 2.2;}
.placelist .tx_reference {margin-top: 10rem;background: #fff;padding: 25rem 40rem;display: flex;}
.placelist .tx_reference .icon_hand {width: 23rem;position: relative;margin-right: 18rem;}
.placelist .tx_reference .icon_hand .circle1 {width: 28rem;height: 28rem;background: #115582;opacity: .15;border-radius: 50%;position: absolute;top: 4rem;left: -6rem;}
.placelist .tx_reference .icon_hand::before {content: '';display: inline-block;width: 100%;height: 100%;background: url(/images/content/icon_hand.svg) no-repeat center bottom;}
.placelist .tx_reference p{color: #4971A2;}

.tx_none {text-align: center;}
.tx_none::before {content: '';display: inline-block;width: 67px;height: 60px;background: url(/images/common/icon_warning.svg) no-repeat center;}

.join_area .bbsView {margin-top: 0;border-top: 2px solid;margin-top: 30px;}

.list_mapName {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 26rem;
    margin-top: 50rem;
}

.list_mapName > li {
    /* background: #f6f6f6; */
    text-align: left;
    padding: 27rem 28rem;
    border-bottom-right-radius: 14rem;
    border: 1px solid #eee;
    transition: all .3s ease;
}

.list_mapName > li b {
    font-size: 18rem;
}

.list_mapName > li p {
    font-size: 15rem;
    line-height: 1.6;
}
.list_mapName > li:hover {
    border-color: var(--color-point);
}

.list_mapName > li:hover b {
    color: var(--color-point);
}

/* board */
.bbsSearch .designSelect > label {display: none;}
.photoList > li .write{color:#777;}
.bbsNew_container.v2 .bbsDate > ul > li,
.bbsControls ul li a p{color:#666;}

/* 예약 */
.area_roomReserved .write_step{border-top-width:1rem !important;}

@media screen and (min-width:1024px){
    .area_about .txt p span{ letter-spacing: 0.024em; }
}
@media screen and (max-width:1400px){
    #fp-nav.fp-left {left: 40rem;}

    /* intro */
    .area_intro .bg_img > .tx {right: 2%;}
}

@media screen and (max-width:1280px){
    /* 0301 area_guide */
    .area_guide #section00 .txt,.area_guide #section01 .txt,.area_guide #section02 .txt,.area_guide #section03 .txt {margin-bottom: 70rem;}
}

@media screen and (max-width:1200px){
    /* area_view */
    .area_view {width: 98%;}
}

@media screen and (max-width:1023px){
    .scon {margin-top: 60rem;}
    #content img {width: 100%;}
    article {padding: 100rem 0;}

    ul.tabs li {flex:1 1 auto; font-size: 15rem;}
	ul.tabs li button{min-width:inherit; width:100%;}

    /* lnb */
    .lnb > div:first-child{padding:22rem 40rem 22rem 40rem;}
	.lnb > div:first-child h3{font-size:17rem;}
	.lnb ul li a{padding: 5rem 15rem 0;font-size: 16rem;}
    .lnb ul{display:table;margin-left: 50rem;margin-top:0;}
	.lnb ul li{display:table-cell; float:none; padding:0 0; white-space:nowrap;}
    .lnb > div.lnb_inn {height: 65rem;}
    .lnb > div.lnb_inn:after {width: 255rem;}

    .area_subVisual > div {border-radius: 0 0 110rem 0;}

    /* 0101 area_about */
    .area_about {width: calc(100% - 60rem);margin: 0 auto;}
    .area_about > div > div {width: 100% !important;padding: 0 !important;}
    .area_about .img {margin-bottom: 50rem;}
    .area_about .txt br {display: none;}
    .area_about > div:last-child {flex-direction: column-reverse;}

    /* 0103 area_map */
    .map_inn .location_info {display: none;}
    .location_dsc {margin-left:0;}
    .map_inn .location_info b {font-size: 28rem;}
    #dokdo_status_inn a {left: 74%;top: 50.1%;}

    /* 0201 area_preview */
    .area_preview .wrap > div {flex-direction: column;}
    .preview_swiper{ max-width: none; }
    .area_preview .preview_info {flex:1;width: 100%;}

    .area_calendar .calendar, .area_calendar .list {width: 100%;}
    .area_calendar .list {border: 0;padding: 50rem 0 0;}

    /* area_reserve */
    .area_reserve .col2 {flex-direction: column;}
    .area_reserve .col2 .item {width: 100%;}

    /* 0102 area_history */
    .area_history .item .thumb{ display: block; width: 100%;}
    .area_history .item dl {display: block;padding: 0 20rem 0 50rem;margin-top: 0;}
	.area_history .txt_box.cont_tit + .item dl {margin-top: 4rem;}
	.area_history .item > p img {margin-bottom: 40rem;}
    .area_history .item dl::after,
    .area_history .item dl:last-child::after{content: '';display: block;background-color: #dbdbdb;width: 5px;height: 5px;border-radius: 50%;position: absolute;bottom: 0;left: 2rem;}
    .area_history .item dl::before{left: 4rem;top: 22rem;bottom: 0;}
    .area_history .item dl dt::before{ top: 1rem; left: -5.1rem;}
    .area_history .item dl dt::after{top: 20rem;left: -49rem;}
    .area_history .item { margin-top: 4.5rem;}
	.area_history .item dl dd strong {display: block;}
	.area_history .item dl dd{ font-size: 15px;}

    /* 0301 */
    .sub .area_guide #footer {background:#0c0e27;}

    /* 0401 area_status */
    .placelist {position: initial;width:100%;transform: inherit;}
    .placelist ul {flex-direction: column;}
    .placelist ul ol li {float: left;}
    .placelist .tx_reference {position: absolute;right: 30rem;top: 20rem;background: transparent;}
    .placelist .tx_reference p {color: #fff;}
    .placelist > * {padding: 35rem 0;}
    .placelist.pc {display: none;}
    .placelist.mobile {display: none;}
    .placelist.mobile ul {display: flex;flex-direction: row;flex-wrap: wrap;}
    .placelist.mobile ul li {width: 20%;}

    .area_status ul.tabs {margin:0 0 70rem;}
    .area_status .preview_inn {flex-direction:column;} 
    .area_status img {flex: 1;}
    .area_status .preview_info {flex: 1; width: 100%;}
    .area_status table {width:100%; word-break: break-all;}

    .list_mapName{grid-template-columns: 1fr 1fr 1fr; gap: 24rem;}
}

@media screen and (max-width:860px){
    #dokdo_status_inn a {left: 74%;top: 50.1%;}
    #dokdo_status_inn {background-position-x: -188rem;}

    .area_about > div:first-child .img img,
    .area_preview .preview_info {border-radius: 0 0 60rem 0;}
    .area_about > div:last-child .img img {border-radius: 0 0 0 60rem;}
    
    .area_reserve .num {flex-direction: column;align-items:flex-start;}
    .area_reserve .num > div:not(:last-child) {margin-right: 0;margin-bottom: 5rem;}
    .area_reserve .num > div {width: 100%;}

    #content table.table tbody th, .area_reserve .bbsView > tbody > tr > th {font-size: 14rem;}

    .area_status #tab3 .scon {border-radius: 0 0 0 60rem;}

    .list_mapName{grid-template-columns:1fr 1fr; gap:20rem;}
}

@media screen and (max-width:767px){
    /* .area_subVisual */
    .area_subVisual h2 {font-size: 32rem;}
    .area_subVisual{height: 400rem;}
    .area_subVisual .subTit {top: 50%;}

}

@media screen and (max-width:640px){
    .bbsList td[data-table="time"]{display: none;}
    .bbsList td[data-table="result"]{padding:0px;border-top:1px dashed #e4e4e4;font-size: 16px;padding: 10px;}
    .bbsList td[data-table="personnel"]{position:absolute; right:0px; top:0px; width:80px; letter-spacing:-1px;}
    .bbsList td[data-table="date2"]{padding-right:110px; text-align:left;}
    .bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}

    .placelist.mobile ul li {width: 33.33%;}

    
    .area_reserve .bbsView input[type="text"] {width: 65% !important;}

}
@media screen and (max-width:600px){
    /* 0102 area_history */
    .area_history .item dl dd > * {display: block;}

    #content .area_preview .scrollTable .table {width: 100%;}
    #content .area_preview .mob_info {display: none;}
    .area_preview .slide.scroll {height: auto;overflow-y: auto;}
}

@media screen and (max-width:540px){
    article {padding: 100rem 0 80rem;}
    article[class^=area_] strong {font-size: 22rem;margin-bottom: 20rem;}
    article[class^="area_"] {font-size: 14px;}

    .area_policy{padding-top:10rem;}
	.area_policy h2{padding:0rem 0; font-weight:600; font-size:20rem;}
	.area_policy h3{margin-bottom:10rem; font-weight:600; font-size:14rem;}
	.area_policy ul li{margin-bottom:5rem;}
	.area_policy ul li ul{padding-left:10rem;}
	.area_policy ul li ul li{font-size:13rem;}
	.area_policy ul li,
	.area_policy p,
    .area_policy dl,
    .area_policy table {line-height:1.7; font-size:13rem;}
	.area_policy .inr_policy{padding:25rem 0;}

    .area_policy.email > strong{font-size:16rem;}
	.area_policy.email > i{padding-top:35rem; font-size:14rem;}

    .area_policy .pc {display: none;}
    .area_policy .mobile {display: table;}
    .area_policy tr th {border-right: 1rem solid #e1e1e1;}

    ul.tabs {margin: 60rem 0 20rem;}
    ul.tabs li {padding: 5rem 25rem;font-size: 13rem;margin-right: 3rem;}

    .area_subVisual > div {border-radius:0;}
    .area_subVisual .subTit i {font-size: 12rem;margin-top: 10rem;}

    /* lnb */
    nav.lnb.wrap {width: 100%;}

    .lnb > div.lnb_inn:after {display: none;}
    .lnb > div.lnb_inn {display: flex;align-items: center;position: relative;border-radius: 35rem 0 35rem 0;justify-content: center;height: 59rem;}
    .lnb ul {margin-left:0;}
    .lnb ul li a {padding: 10rem 10rem 0;font-size: 15rem;}   
    .lnb > div.lnb_inn a.on::before{top: 4rem;left:46%;}

    /* pop-layer */
    [data-pop-layer="layer"] .popBox{border-radius:0 !important;top:0rem !important; left:0rem !important; width:100% !important; height:100%  !important; min-width:inherit; min-height:inherit; transform:translate(0,0);}
    [data-pop-layer="layer"] .popBox h2{height:67rem; box-sizing:border-box; padding-right:80rem !important;}
    [data-pop-layer="layer"] .popBox .popConts{height:calc(100% - 67rem); max-height:inherit;width: 100%;}
    [data-pop-layer="layer"] .popBox .btn_close{right:20rem; box-shadow:none;}

    /* 0101 area_about */
    .area_about {width: calc(100% - 40rem);}
    .area_about .txt p{text-align:unset;}

    /* 0102 area_history */
    .area_history strong {font-size: 22rem !important;}
    .area_history .item dl dt {font-size: 28rem;}
    .area_history .item dl dt::after {top: 14rem;}

    .area_calendar .control a.btn.color {padding: 0 10rem;}
    .area_calendar .control a.btn.color svg {display: none;}

    /* 0103 area_map */
    .location_dsc li {font-size: 14rem;}
    .location_dsc li b {flex: 0 0 20%;}

    /* 0201 area_preview */
    .area_preview .preview_info {padding: 30rem 20rem;border-radius: 0 0 70rem 0;}
    .area_preview b {font-size: 18rem;padding-bottom: 13rem;}
    .preview_info i {font-size: 13rem;line-height: 1.4;display: block;}
    .area_preview .preview_info li + li {padding-top: 27rem;}
    .note_area {padding-top: 50rem;}
	.area_preview.add_btn .txt strong br{display:none;}
	.area_preview.add_btn .scon:not(.preview_inn){display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
	.area_preview.add_btn .scon .btn{padding-left:20rem; padding-right:15rem;}
    
    .area_reserve .col2 h2 {font-size: 18rem;}
    .area_reserve .col2 .item {padding: 40rem 25rem;}
    .area_reserve .col2 h2 + p {padding-bottom: 30rem;}
    .area_reserve .list_bullet, .area_reserve .col2 .item .btn_area {padding-top: 30rem;margin-top: 30rem;padding-bottom: 0;}
    .sub a.btn.color {font-size: 14rem;padding: 13rem 30rem;}
    .area_reserve .col2 .item .bbsForm_data {padding-right:0;}
    .area_reserve .col2 .item input.btn_login {position:inherit;width: 100%;height: 50rem;border-radius: 0 0 20rem 0;margin-top: 20rem;}

    /* 0301 area_guide */
    #fullpage .active .txt p {font-size: 14rem;line-height: 1.7;opacity: .8;}
    #fullpage .txt p > br {display: none;}
    #fullpage .txt {width: 100%;margin-right: 0 !important;margin-top: 310rem;}
    .area_guide .section .txt b {font-size: 22rem;padding-bottom: 16rem;}

    /* .area_status .spidochescaler-container,
    .placelist .tx_reference, */
    .area_status .tx_reference,
    #dokdo_status_inn > a {display: none;}
    #dokdo_status_inn {height: 350rem;background-position-x:-78rem;}
    .placelist.mobile ul li {width: 50%;}

    .area_status .scon {margin-top: 25rem;}
    .area_status ul.tabs {margin: 0 0 50rem;}
    .area_status ul.tabs li {padding: 5rem 10rem;}
    .area_status .preview_info {padding: 30rem 25rem; line-height: 1.6; border-radius: 0 0 70rem 0;}
    .area_status b {font-size: 18rem;padding-bottom: 10rem;}
    .area_status .preview_info li + li {padding-top: 35rem;}
    .area_status .preview_info p + p {margin-top: 10rem;}
    .area_status .preview_info p > span {display: block; margin-bottom: 3rem;}
    .area_status .preview_info li:nth-child(2) p + p {margin-top: 5rem;}
    .area_status .preview_info li .tx_reference.m_top  {margin-top: 8rem;}
    .area_status .preview_info li .tx_reference + .tx_reference {margin-top: 3rem;}
    .area_status #tab1 .tx_reference,
    .area_status #tab3 .tx_reference {display: block; font-size: 16px;}
    .area_status #tab1 .tx_reference.tac {margin-top: 15rem;}
    .area_status .preview_info li div {flex-direction: column; margin-top: 10rem;}
    .area_status .preview_info li div + div {margin-top: 15rem; padding-top: 15rem;}
    .area_status .preview_info li div > span {display: block; padding-right: 0; margin-bottom: 5rem;}
    .area_status .preview_info li div ul li span {display: block;}
    .area_status .preview_info li div ul li + li {margin-top: 7rem;}

    .area_status table {margin:0 auto 55rem;}
    .area_status table tr > * {padding: 8rem 5rem;}
    .area_status #tab3 .txt p + p {margin-top: 20rem;}
    .area_status #tab3 .scon {margin:45rem 0 15rem; border-radius: 0 0 70rem 0;}
    .area_status #tab3 .scon p {padding:10rem 0;}     
    
    .area_map iframe{height:290rem;}
    .location_dsc li + li{padding-top:8rem;}
    .area_map .scon{margin-top:30rem;}

    .area_reserve .scon{margin-top: 30rem;}

    /* board */
    .bbsSearch .designSelect,
    .designSelect .select select{display:none;}
    .bbsSearch input[type=text]{width:100% !important; height:50px; background:#f6f6f6;}
    .bbsSearch form{padding:0; background-color:#fff;}
    .bbsSearch input[type=text]::placeholder{font-weight:300; font-size:15rem; color:#ccc;}    
    
    [data-table="result"] span strong{margin-bottom:0; font-size:12rem;}

    ul.tabs li button{font-size:14rem;}

    .list_mapName{margin-top:30rem; grid-template-columns:1fr; gap:13rem;}
    .list_mapName > li b{font-size:16rem;}
    .list_mapName > li p{font-size:14rem;}
    .list_mapName > li{padding:21rem 20rem;}  
}

@media screen and (max-width:480px){
    #content table.table tbody th, .area_reserve .bbsView > tbody > tr > th {text-align: left;padding: 10rem;border-right:0;background: #fff;}
    .fp-auto-height {height: auto !important ;}
}

.area_guide .section { height: 100vh; }

.fp-auto-height {height: auto !important ;}
@media screen and (max-width:480px){
    .fp-auto-height {height: auto !important ;}
}
@media screen and (max-width:960px){
    .fp-auto-height {height: auto !important ;}
}
@media screen and (max-width:960px) and (orientation: landscape) {
    .fp-auto-height {height: auto !important ;}
}