@charset "utf-8";
@import url('reset.css');
@import url('font.css');

button{cursor: pointer;}

.required:before{content:'*'; display: inline-block; text-indent: -1.6rem; color: #ff8000; font-size: 1.8rem; font-weight: 600;}
.btn-pink{background: #ff2985;}
.btn-grey{background: #c7c7c7;}

/* blind */
.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }

.flex { display: flex; }
.orange { color: #ff8000; }
.btn-gray { font-weight: 400; font-size: 12px; color: #fff; padding: 3px 8px; border-radius: 5px; width: auto; height: auto; border-right: 5px; background: #d4d4d4; margin-right: 5px; }
.fw-light { font-weight: 300; }

/* 가로바 */
.rdsqure-w{position: relative; padding: 0 0 0 1rem;}
.rdsqure-w::before{content: ''; width: 1.5rem; height: 0.3rem; border-radius: 5px; background-color:#2fb1b1; position: absolute; top:50%; left: 0; transform: translateY(-50%);}

.innerTitle{margin-bottom: 2rem;}
.innerTitle span{display: block; width: 4rem; height: 0.2rem; background-color: #2fb1b1;}
.innerTitle h3{font-size: 2rem; font-weight: 600; margin: 2rem 0 3.7rem 0;}
.innerTitle p{color:#696969; font-size: 1.8rem;}

.subTitle{}
.subTitle h2{font-size: 2rem; font-weight: 600;}
.subTitle li{margin-bottom: 1rem;}

/* 둥근네모 */
.rdsqureBox{display: flex;}
.rdsqure{position: relative; padding: 0 0 0 1rem;}
.rdsqure::before{content: ''; width: 0.5rem; height: 1.5rem; border-radius: 5px; background-color:#2fb1b1; position: absolute; top:50%; left: 0; transform: translateY(-50%);}

/* 동그라미 기호 (검정) */
.round{position: relative; padding: 0 0 0 1rem;}
.round::before{content: ''; width: 0.5rem; height: 0.5rem; border-radius: 15px; background-color: #4a4a4a; position: absolute; top:50%; left: 0; transform: translateY(-50%);}

/* 동그라미 기호 (그레이) */
.roundG li{position: relative; padding: 0 0 0 1.2rem;}
.roundG li::before{content: ''; width: 0.5rem; height: 0.5rem; border-radius: 15px; background-color: #cfcfcf; position: absolute; top:0.8rem; left: 0; transform: translateY(-50%);}

/* 동그라미 기호 (오렌지) */
.roundO{position: relative; padding: 0 0 0 1rem;}
.roundO::before{content: ''; width: 0.5rem; height: 0.5rem; border-radius: 15px; background-color: #ff8000; position: absolute; top:50%; left: 0; transform: translateY(-50%);}

/* 오렌지색 언더라인 */
.line{}
.line li{color:#ff8000; font-weight: 400; text-decoration: underline;}

/* 테이블 회색배경 */
.tableC{background-color: #f6f6f6;}

.mB100{margin-bottom: 10rem;}
.txtR{font-weight: 400!important;}

#wrap{width: 100%; position: relative;}
#wrap>.inner{width: 100%; max-width: 116rem; margin: 0 auto; position: relative;}

/* header */
#header{position: sticky; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; padding: 1rem 0;}
#header:before{position:absolute; left:0; top: 12rem; width:100%; height:0; background: #fff; content:''; transition: height 0.5s;}
#header.active:before {height: 21rem;  transition: height 0.3s;}
#header .inner{width: 100%; max-width: 116rem; margin: 0 auto;}
#header .tnb_wrap{width:100%; height: 3rem; border-radius: 1.5rem; background: #f1f1f1; font-size: 1.2rem; color: #707070;}
#header .tnb_wrap .tnb{width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; padding: 0 2.4rem;}
#header .tnb_wrap .tnb li ~ li{margin-left: 4rem;}

.gnb_wrap{width: 100%; height: 6rem; display: flex; align-items: center; margin: 2rem 0 0; background: #fff; justify-content: space-between;}
.gnb_wrap .logo{width: 17%;}
.gnb_wrap .logo a{width:100%; height:100%;}

.gnb_wrap nav{width: 70%; height: 100%; position:relative; font-size: 2rem; font-weight: 600;}

.gnb_wrap nav > ul {width: 100%; height: 100%; display: flex; align-items: center; text-align:center;}
.gnb_wrap nav > ul > li{width: 16.6666%; height: 100%; position: relative;}
.gnb_wrap nav > ul > li.on:before, .gnb_wrap nav > ul > li:hover:before{content:''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 2rem; height: 0.2rem; background: #2fb1b1; display: block;}
.gnb_wrap nav > ul > li.on > a, .gnb_wrap nav > ul > li:hover > a{color: #2fb1b1;}
.gnb_wrap nav > ul > li.on > a > svg, .gnb_wrap nav > ul > li:hover > a > svg{fill: #2fb1b1;}
.gnb_wrap nav > ul > li > a{height: 6rem; line-height: 6rem;}
.gnb_wrap nav .gnb_dep2{ width:100%; height: 0; padding:20px 0; transition:height 0.5s; font-size: 1.6rem; font-weight: 400; opacity:0; visibility: hidden;}
#header.active nav .gnb_dep2{height:215px; opacity:1; transition:height 0.3s, opacity 0.5s; visibility: visible;}
.gnb_wrap nav .gnb_dep2 li{margin-bottom: 2.4rem;}
.gnb_wrap nav .gnb_dep2 li:hover a, .gnb_wrap nav .gnb_dep2 li.on a{color: #2fb1b1; font-weight: 600;}
.gnb_wrap nav .gnb_dep2 li:last-child{margin-bottom: 0;}

/*250812 날씨 추가*/
.weather{text-align: center; display: flex; flex-direction: column; align-items:center; justify-content: center; width: 10rem; height: 10rem; border: 1px solid #ddd; border-radius: 100%; position: fixed; bottom: 5%; right: 2%; background: #fff; z-index: 55;}
.weather-ico{display: inline-block; width: 3rem; height: 3rem; background-image: url("../images/sun.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.weather-ico.cloud{background-image: url("../images/cloud.svg");}
.weather-ico.snow{background-image: url("../images/snow.svg");}
.weather-ico.wind{background-image: url("../images/wind.svg");}
.weather-ico.rain{background-image: url("../images/rain.svg");}
.weather b{font-size: 2rem; font-weight: 900;}
.weather a{font-size: 1.4rem; font-weight: 700; color: #345df5;}

/* mobile menu */
.gnb_wrap .mo-menu{display: none; position: absolute; font-size: 0; top: 28px; left: 1rem; width: 2.2rem; height: 2.2rem; background-color: transparent; background-image: url(../images/icon-menui.svg); background-position: left center; background-repeat: no-repeat;}
.gnb_wrap_mo{width: 100%; height: 100vh; overflow-y:auto; position: fixed; top: 0; left: -100vw; trasition: all 0.5s; z-index: 99; background: #fff;}
.gnb_wrap_mo h1{width: 100%; height: 7rem; text-align: center; border-bottom: 1px solid #dfdfdf; padding: 0 1rem;}
.gnb_wrap_mo h1 a{height: 7rem; line-height: 7rem;}
.gnb_wrap_mo h1 a img{height: 3.6rem;}
.gnb_wrap_mo .mo-menu-close{position: absolute; font-size: 0; top: 2.6rem; right: 1rem; width: 2.6rem; height: 2.6rem; background-color: transparent; background-image: url(../images/icons8-x.svg); background-position: right center; background-repeat: no-repeat;}
.mo-quick{display: flex; width: 100%; max-width: 40rem; margin: 1rem auto; text-align: center; justify-content: space-between;  padding: 0 1rem;}
.mo-quick li{width: 30%; max-width: 12rem; background: #f8f8f8; padding: 2rem; border-radius: 1rem; position: relative;}
.mo-quick li:after{content:''; display: block; padding-bottom: 100%;}
.mo-quick li a{width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #8b8b8b;}
.mo-quick li a img{margin-bottom: 1.2rem;}
.gnb_wrap_mo nav{font-size: 1.6rem; font-weight: 600;  padding: 0 1rem;}
.gnb_wrap_mo nav > ul > li > a{height: 4.8rem; line-height: 4.8rem; border-bottom: 1px solid #d4d4d4; display: flex; align-items: center;}
.gnb_wrap_mo nav ul li a span{margin-left: 1.6rem; width: 100%;}
.gnb_wrap_mo nav ul li a svg{width: 2rem;}
.icon-plus{display: inline-block;  width: 2.4rem; height: 2.4em; margin-left: auto; background-image: url('../images/icons8-plus-+.svg'); background-repeat: no-repeat; background-size: 1.6rem 1.6rem; background-position: center;}
.gnb_wrap_mo nav .gnb_dep2_mo{display: flex; flex-wrap: wrap; margin-left: 1.8rem; padding: 2rem 2rem 0; font-size: 1.4rem; color: #888282; font-weight: 400;}
.gnb_wrap_mo nav .gnb_dep2_mo li{width: 50%; padding-bottom: 2rem;}
.gnb_wrap_mo nav > ul > li.on > a, .gnb_wrap_mo nav > ul > li:focus > a{color: #2fb1b1;}
.gnb_wrap_mo nav > ul > li.on > a > svg, .gnb_wrap_mo nav > ul > li:focus > a > svg{fill: #2fb1b1;}
.gnb_wrap_mo .gnb_dep2_mo li:hover a, .gnb_wrap_mo nav .gnb_dep2_mo li.on a{color: #2fb1b1; font-weight: 600;}
.gnb_wrap_mo nav .gnb_dep2_mo{display: none;}

/* footer */
#footer{width: 100%; background:#f7f7f7; padding: 2.4rem 0 8rem; font-size: 1.4rem;}
#footer .inner{width: 100%; max-width: 116rem; margin: 0 auto;}
.privacy_list{margin-bottom: 4rem;}
.privacy_list li{display:inline-block; position:relative; padding: 0 40px; vertical-align:top;}
.privacy_list li:before{content:''; position:absolute; left:0; top: 0.4rem; width:1px; height:10px; background:#ccc;}
.privacy_list li:first-child{padding-left: 1rem;}
.privacy_list li:first-child:before{display:none;}
.privacy_list li a{font-weight: 600;}
.footer_content{display: flex; justify-content: space-between;}
.info_list{color: #878787;}
.info_list ul{margin-bottom: 0.8rem; display: flex; align-items: center; font-weight: 300;}
.info_list ul:first-child{font-weight: 400;}
.info_list ul li{padding:0 10px; position:relative;}
.info_list ul li~li:before{content:'/'; position:absolute; left:0; top:0; color:#878787;}
.info_list ul li.confirm a{display: inline-block; margin-left: 2rem;  width:8rem; height: 3rem; border-radius: 3rem; background: #d4d4d4; color:#fff; text-align:center; line-height: 3rem;}
.info_list ul:first-child li:before, .info_list ul li span:first-child{display: none;}
.info_list ul li a{display: inline-block;}
.footer_content h2{font-size: 2rem; color: #000; font-weight: 600; margin-right: 4rem;}
.footer_content h2 img{margin-right: 1.2rem;}

    /* sub-banner */
.sub-banner{width: 100%; height: 12rem; margin-bottom: 3rem; background-image: url(../images/sub-banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.sub-banner h2{width: 100%; max-width: 116rem; margin: 0 auto; padding: 0 1rem; line-height: 12rem; font-size: 2rem; color: #fff; font-weight: 600;}

/* swiper */
.swiper_wrap { position: relative; width: 100%; height: 100%; display: flex; margin: 1rem 0 2rem 0; }
.swiper_wrap  .swiper { height: 51.4rem; overflow: hidden; }
.swiper_wrap  .swiper-slide { background-size: cover; background-position: center; text-align: center; color: #ffffff; line-height: 51.4rem; font-size: 3rem; }
.swiper_wrap .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper_wrap .mySwiper,.swiper_wrap .mySwiper3 { height: 44rem; width: 28.5rem; box-sizing: border-box; margin: 3.8rem 0; }
.swiper_wrap .mySwiper .swiper-slide,.swiper_wrap .mySwiper3 .swiper-slide { width: 50%; }
.swiper_wrap .mySwiper2, .swiper_wrap .mySwiper4 { height: 51.4rem; width: 86.5rem; margin-right: 1.2rem; }
.swiper_wrap .swiper-button-next, .swiper_wrap .swiper-button-prev { width: 3.25rem; height: 1.58rem; margin-top: 0; left: 87%; }
.swiper_wrap .swiper-button-prev { background: url("../images/icon-up.svg") no-repeat; top: 0; }
.swiper_wrap .swiper-button-next { background: url('../images/icon-down.svg') no-repeat; bottom: 0; top: auto; }

.res_box { width: 100%; height: 10rem; background: #f5f5f5; padding: 2rem; display: flex; align-items: center; margin-bottom: 3rem; }
.res_box p { position: relative; font-size: 1.8rem; font-weight: 600; text-indent: 1rem; margin-right: 3rem; }
.res_box p:before { position: absolute; display: block; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #4a4a4a; left: 0; top: 50%; transform: translateY(-50%); }
.res_btn { width: 15rem; height: 6rem; background: #46ccff; color: #ffffff; font-size: 1.8rem; font-weight: 600; border-radius: unset; }

.facility-info-important { width: 100%; border: 0.3rem solid #707070; padding: 3rem; margin-bottom: 7rem; }
.facility-info-important li { margin-bottom: 3rem; }
.facility-info-important li:last-child { margin-bottom: 0; }
.facility-info-important .roundG{margin-top: 1rem;}
.facility-info-important .roundG li { margin-bottom: 0; margin-left: 1rem;}
.facility-info-important h4 { position: relative; padding-left: 1.8rem; }
.facility-info-important h4:before { position: absolute; left: 0; top: 0; display: block; content: "■"; }


/* 시설안내 테이블 */
.facility-info-table{border-bottom:2px solid #707070;}
.facility-info-table > table{text-align: center; font-size: 1.8rem;}
.facility-info-table >  table thead{background-color: #676767; color: #fff;}
.facility-info-table > table th, .facility-info-table table td{font-weight: 600; border-bottom: 1px solid #707070; border-left: 1px solid #707070; padding: 2rem 0.5rem;}
.facility-info-table > table tr{height: 4rem;}
.td_Wrap span{display: block; padding:0.5rem 0;}
.td_wrap2 span{display: block; padding:0.5rem 0;}
.facility-info-table.tableW .line{width: 80%; margin: 0 auto;}
.facility-info-table.tableW .line li + li{margin-top: 1rem; word-break: keep-all;}

/* 시설요금 테이블 */
.facility-info-charge{margin-bottom: 3rem;}
.facility-info-charge > table{text-align: center; font-size: 1.8rem; }
.facility-info-charge > table thead{background-color: #f6f6f6; border-top: 2px solid #707070;}
.facility-info-charge > table th{padding: 0.313rem;}
.facility-info-charge > table th, .facility-info-charge table td{font-weight: 600; border-bottom: 1px solid #707070; border-left: 1px solid #707070; padding: 2rem 0.5rem;}
.facility-info-charge > table tbody tr td:nth-child(1){border-left: none;}
.facility-info-charge > table .tableL, .facility-info-table > table .tableL2{border-left: none;}
.facility-info-table.tableW > table th, .facility-info-table.tableW > table td{padding: 0rem 0.5rem; border: 1px solid #707070;}
.facility-info-table.tableW > table > thead th{padding: 2rem 0.5rem;}
.facility-info-charge .left{text-align: left;}
.facility-info-charge .left ul li{font-weight: 400;}


.infoBox1{font-weight: 400; border-bottom: 1px dotted #969696!important;}
.infoBox1 li{font-weight: 400;}
.infoBox1 ul{margin-bottom: 1.5rem;}
.infoBox1 ul:first-child{display: flex; width: 65%; justify-content: space-between;}
.infoBox1 ul:nth-child(2){text-align: left; }
.infoBox1 ul:nth-child(2) li > ul{display: flex; width: 85%; justify-content: space-between; margin-top: 1.3rem;}
.infoBox1 ul:nth-child(3){text-align: left; }
.infoBox1 ul:nth-child(3) li > ul{margin-top: 1.3rem;}

.infoBox{border-bottom: 1px dotted #969696!important;}
.infoBox ul{display: flex; justify-content: space-between; margin-bottom: 1.2rem;}
.infoBox ul li{float: left; font-weight: 400;}

.infoNotice{margin-top: 3rem;}
.infoNotice ul{display: flex; width: 90%; justify-content: space-between;}
.infoNotice ul li{color:#ff8000; font-weight: 400; font-size: 1.8rem; padding: 0 0 0 24px; position: relative;}
.infoNotice ul li::before{content: ""; width: 1.2rem; height: 1.6rem; position: absolute; top:0; left: 0; background-image: url("../images/bul_triangle.png"); background-repeat: no-repeat; margin-right: 1.2rem;}
.infoNotice ul li span{text-decoration: underline;}

.reserveBox{border-bottom:1px dotted #969696; padding: 0 3.7rem 3rem 2rem;}
.reserveBox li{margin-bottom: 1.5rem;}
.reserveBox > ul > li span{color:#b8b8b8;}
.reserveBox:last-child{border-bottom: none;}

.reserveBox > .triangle > li{padding: 0 0 0 24px; position: relative;}
.reserveBox > .triangle > li::before{content: ""; width: 1.2rem; height: 1.6rem; position: absolute; top:0; left: 0; background-image: url("../images/bul_triangle.png");   background-position: left center;
    background-repeat: no-repeat; margin-right: 1.2rem;}
.reserveBox > .triangle > li > ul > li{margin-top: 1.5rem;}
.reserveBox > .triangle > li  p{display: inline-flex;}

.facility-info-table > table > tbody  p{display: inline-flex;}
.flexContent{}
.flexContent p{display: inline-flex;}


/* index */
.main-banner{padding-top: 1rem;}
.main-banner .swiper {width: 100%; overflow: hidden; position: relative;}
.main-banner .swiper-slide {text-align: center;/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox;
    display: -webkit-flex; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main-banner .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.main-banner .swiper-pagination {position: absolute; left: 0; bottom: 5rem;}
.main-banner .swiper-pagination-bullet { width: 0.9rem; height: 0.9rem; background: #fff; opacity: 1; }
.main-banner .swiper-pagination-bullet-active { width: 4.4rem; border-radius: 0.8rem; background: #2fb1b1;}
.main-banner .swiper-button-prev, .main-banner .swiper-container-rtl .swiper-button-next { background-image: url(../images/arrow-left.svg);  background-repeat: no-repeat; left: 10px; right: auto;}
.main-banner .swiper-button-next, .main-banner .swiper-container-rtl .swiper-button-prev { background-image: url(../images/arrow-right.svg);  background-repeat: no-repeat; right: 10px; left: auto;}

.quick_menu{margin: 3rem 0;}
.quick_menu ul{display: flex; width: 100%; text-align: center; flex-wrap: wrap;}
.quick_menu ul li{width: calc(25% - 1.5rem); background: #f8f8f8; padding: 3.6rem; border-radius: 3.2rem; position: relative;}
.quick_menu ul li:after{content:''; display: block; padding-bottom: 100%;}
.quick_menu ul li a{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: absolute; top:0; left:0; padding: 3.6rem 1rem;}
.quick_menu ul li a img{width: 5rem;}
.quick_menu ul li ~ li{margin-left: 2rem;}
.quick_menu ul li a h4{width: 100%; font-size: 2rem; font-weight: 600; white-space: nowrap;}
.quick_menu ul li a p{color: #707070;}

.main-content{display: flex; margin: 3rem 0 5rem;}
.main-content .left-content{width: 50%; margin-right: 2rem;}
.main-content .right-content{width: 50%; background: url(../images/banner.png) 0 0 no-repeat; background-size: cover;}

/* tab */
ul.tabs {font-weight: 600; color: #c7c7c7;}
ul.tabs li {float: left; width: 13.8rem; padding: 1.6rem 0; overflow: hidden; position: relative; text-align: center; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #000; background: #f8f8f8;}
ul.tabs li a {width: 100%; height: 100%; display: block; outline: none;}
/*ul.tabs li a:hover {background: #ccc;}*/
html ul.tabs li.active{background: #fff;  border-top: 1px  solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #fff;}
html ul.tabs li.active a{color: #000;}
.tab_container {width: 100%; min-height: 400px; margin-top: -0.12rem; overflow: hidden; clear: both; float: left; background: #fff; border: 1px solid #000; }
.tab_content {padding: 3.8rem 3rem; font-weight: 300;}
.tab_content h5{color: #aeac9d; padding-bottom: 2.4rem;}
.tab_content ul{border-top: 1px solid #e9e9e9;}
.tab_content ul li{border-bottom: 1px dotted #e9e9e9; padding: 2rem 0;}
.tab_content ul li a{display: flex; justify-content: space-between;}
.tab_content ul li a p{width: calc(100% - 8.2rem); white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -o-text-overflow: ellipsis; color: #4e4e4e;}
.tab_content ul li a span{width: 7.2rem; color: #d9d9d9;}

.main-content .right-content .inner{padding: 2.2rem 2.8rem; color: #fff;}
.main-content .right-content .inner h4{font-size: 2rem; font-weight: 600; padding-bottom: 2.6rem;  color: #fff;}
.main-content .right-content .inner a{width: 50%; max-width: 23.6rem; height: 4.5rem; line-height: 4.5rem; margin: 3rem 0 0; padding: 0 1.2rem; background-color: #3e9fff; background-image: url(../images/arrow-right.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 0.7rem 1.4rem;}


/* 01-1 인사말 */
.greeting img { width: 100%; margin-bottom: 3rem; }

/* 01-2 찾아오시는길 */
#direction .google-map iframe { width: 100%; height: 56.2rem; }
#direction .guide { display: flex; padding: 6rem 0; border-top: 1px dotted #c8c8c8; }
#direction .guide4 {  border-bottom: 1px dotted #c8c8c8; margin-bottom: 7.7rem; }
#direction .guide h3 { display: inline-block; font-size: 20px; font-weight: 600; }
#direction .guide p { position: relative; }
#direction .guide p::before { content: ""; width: 1.2rem; height: 1.6rem; position: absolute; top: 0; left: -2.2rem; background-image: url(../images/bul_triangle.png);  background-repeat: no-repeat;}
#direction .guide > div:first-child { width: 30%; display: flex; justify-content: center; }
#direction .guide > div:first-child > div { display: flex; align-items: center; justify-content: center; width: 14.5rem; height: 14.5rem; background: #f2f2f2; border-radius: 50%; }
#direction .guide div ol li { line-height: 3.2rem; list-style: decimal; margin-bottom: 1.5rem;  }
#direction .guide1 div ol li { position: relative; list-style: none; }
#direction .guide1 div ol li::before { content: ""; width: 1.2rem; height: 1.6rem; position: absolute; top: 0.7rem; left: -2.2rem; background-image: url(../images/bul_triangle.png);  background-repeat: no-repeat;}
#direction .guide .guide-box { padding: 4.8rem 2.5rem 4.8rem 5rem; max-width: 734px; border-radius: 37px; background: #ff4081; color: #fff; }
#direction .guide2 .guide-box { background: #ffa733; }
#direction .guide .guide-box div:first-child { margin-bottom: 1.2rem; }
#direction .guide .guide-box div:first-child::before { content: '▶'; padding-right: 1rem; margin-left: -2.4rem; }
#direction .guide2 .guide-bus { display: flex; align-items: center; justify-content: space-around; max-width: 734px; padding: 0 3rem; }
#direction .guide3 > div > div > div { display: flex; align-items: center; }

/* 02-1 시설현황 */
.facility-info-table .different td { padding: 4rem 0.5rem; }
.facility-info-table .different td span { display: inline-block; text-align: left; }
.img-box { width: 100%; margin-bottom: 9rem; }
.img-box img { width: 100%; }
.img-box .flex > div:first-child { margin-right: 2rem; }
.img-box .flex p { text-align: center; margin: 2rem 0; font-size: 1.8rem; font-weight: 600; color: #646464; }
.facility-info-table .different2 { visibility: hidden; }
.border-left-none { border-left: none !important; }

/* 02-3 시설배치도 */
#facility-map .map { margin: 0 auto; top: 0; left: 0; }
#facility-map .map > div:nth-child(1) { background: #f0f0f0;  text-align : center;}
#facility-map .map img{width: 100%; max-width: 750px;}
#facility-map .border-bottom-dotted table td { border-bottom: 1px dotted #707070 !important; }
#facility-map .border-bottom-dotted table tr:last-child td { border-bottom: none !important; }
#facility-map .subTitle h2 { display: flex;  align-items: center;}

/* 02-3 시설배치도 팝업 */
.background { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: -1; opacity: 0; }
.show { opacity: 1; z-index: 1000; transition: all 0.5s; cursor: pointer; }
.window { position: relative; width: 100%; height: 100%; }
.popup { transition: all 0.5s; padding: 2.8rem 3rem 6rem 3rem; position: absolute; top: 50%; left: 50%; background-color: #ffffff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); transform: translate(-50%, -40%); }
.popup .pop-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; color:#fff; }
.popup .pop-header div { padding: 1.55rem; margin-right: 1rem; width: 100%; background: #2fb1b1; border-radius: 0.7rem; font-weight: 600; font-size: 1.8rem; }
.popup .pop-header button { width: auto; height: auto; padding: 1.4rem 1.5rem; background: #1f9191; border-radius: 0.7rem; }
.popup .pop-content img { width: 100% }
.popup .pop-content ol { margin: 3.6rem 0 5rem 0; }
.popup .pop-content ol li { margin-bottom: 1.4rem; }
.popup .pop-content div:last-child { text-align: center; }

/* 06-0 */

.write-table{width: 100%; padding-bottom: 11.6rem;}
.write-table table{border-top: 2px solid #707070; border-bottom: 2px solid #707070; background: #fff; border-collapse: separate;}
.write-table td, .write-table th{padding: 1.6rem 3rem; border-left: 1px solid #969696; border-bottom: 1px solid #969696;}
.write-table td input{width: 100%; max-width: 28rem;}
.write-table td:first-child{width: 20%; max-width: 23rem; background: #f1f1f1;text-align: center; font-size: 1.8rem; font-weight: 600;}
.write-table th:first-child, .write-table td:first-child {border-left: none;}
.write-table td:last-child{display: flex; align-items: center;}
.write-table tr td textarea{width: 100%; height: 60rem;}
.write-table tr:nth-child(2) td input{width: 100%; max-width: 100%;}
.write-table tr:nth-child(3) td{flex-wrap: wrap;}
.write-table tr:last-child td{border-bottom: none;}

.filebox{display: flex; padding: 0 2rem 0.4rem 0;}
.filebox:last-child{padding: 0;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {width: 11rem; height: 3.6rem; display: inline-block; padding: 0 8px; text-align: center; margin-left: 2.2rem; line-height: 3.6rem; color: #000; background-color:#dfdfdf; cursor: pointer; font-size: 1.4rem;}
.filebox label:before{display:none;}
.filebox .upload-name {display: inline-block; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.btn-group{text-align: center; margin-top: 3rem;}
.btn-group button{margin: 0 0.6rem;}
.btn-group button:last-child{background: #858585;}

/* 06-1 */
.list-table, .view-table{padding-bottom: 8rem;}
.list-table table, .view-table table{font-size: 1.8rem; border-top: 2px solid #707070; border-bottom: 2px solid #707070;}
.list-table table thead, .view-table table thead{border-bottom: 2px solid #969696; background: #f6f6f6;}
.list-table table th, .list-table table td,
.view-table table th, .view-table table td{text-align: center; padding: 2rem 1rem; border-bottom: 1px dotted #6e6e6e; border-right: 2px solid #969696;}
.list-table table th, .view-table table th{font-weight: 600;}
.list-table table th:last-child, .list-table table td:last-child{border-right: none;}
.list-table table td:nth-child(2), .view-table table td:nth-child(2){text-align: left; padding: 2rem 3rem;}
.list-table table tr.notice{background: #f6f6f6;}
.list-table table tr.notice td:first-child{font-weight: 600; color: #ff8800;}
.list-table table td:first-child{font-weight: 600;}
.list-table table td:nth-child(3), .list-table table td:nth-child(4), .list-table table td:last-child{color: #bababa; font-size: 1.6rem;}
.list-table table tr.re{background: #f6f6f6;}
.list-table table tr.re td:nth-child(2) a:before{content:'[Re:]'; display: inline-block; margin-right: 0.4rem;}
.list-table table tr td.lock a:after{content:''; display: inline-block; margin-left: 1.2rem; width: 1.5rem; height: 1.5rem; background-image: url(../images/icon-lock.svg); background-repeat: no-repeat;}

.table-pagination{display: flex; justify-content: space-between; align-items: flex-end; margin-top: 1rem;}
.table-pagination>div{width: 13.2rem;}

.view-table table thead{border-bottom: 2px solid #969696; background: #f6f6f6;}
.view-table table th, .view-table table td{border-right: none; color: #000;}
.view-table table th:nth-child(2){text-align: left;}
.view-table table tr:first-child td{text-align: left; padding: 6rem 2.4rem; color: #000;}
td.board-next a:before, td.board-prev a:before{content:''; display: inline-block; vertical-align: middle; width: 1.6rem; height: 1.6rem; margin-right: 1.4rem; background-image: url(../images/icon-up.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
td.board-next a:before{background-image: url(../images/icon-down.svg);}
.view-table>div.btn{text-align: center; margin-top: 3rem;}
.view-table-btn{display: flex; justify-content: space-between; margin-top: 3rem;}
.view-table-btn div{width: 21rem; display: flex;}
.view-table-btn div button{height: 4rem; margin-right: 1rem;}
.view-table-btn div button:last-child{margin-right: 0;}
.gallery{margin-bottom: 2.6rem;}

/* pagination */
.pagination{display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.8rem; margin-top: 4rem;}
.pagination li{width: 3rem; height: 3rem; margin-right: 0.8rem;}
.pagination li:last-child{margin-right: 0;}
.pagination li a{display: block; width: 3rem; height: 3rem; line-height: 2.8rem; border: 1px solid #d2d2d2;}
.pagination li.prev, .pagination li.next{background: #5a5959;}
.pagination li.prev a{background-image: url("../images/arrow-left-gray.svg"); background-size: auto 1.6rem; background-repeat: no-repeat; background-position: center;}
.pagination li.next a{background-image: url("../images/arrow-right-gray.svg"); background-size: auto 1.6rem; background-repeat: no-repeat; background-position: center;}
.pagination li.active a{background: #46ccff; color: #fff;}


.gallery-list{width: 100%; padding-bottom: 8rem;}
.gallery-list h4{width: 100%; text-align: center; font-size: 1.8rem; font-weight: 800; padding: 2rem 0; background: #f6f6f6; border-top: 2px solid #707070; border-bottom: 2px solid #969696;}
.gallery-list>ul{display: flex; flex-wrap: wrap; padding: 4.6rem 3rem 0; border-bottom: 2px solid #707070; justify-content: space-between;}
.gallery-list>ul>li{ width: 30%;  margin-left: 5%; margin-bottom: 3%;}
.gallery-list>ul>li:nth-child(3n+1){margin-left:0;}
.gallery-list>ul>li h5, .gallery-list>ul>li p{text-align: center;}
.gallery-list>ul>li h5{margin: 2rem 0 1rem; font-size: 1.8rem;}
.gallery-list>ul>li p{color: #d4d4d4;}
.gallery-list>ul>li p.img{width: 100%; position: relative; text-align: left;}
.gallery-list>ul>li p.img:after {content: ""; display: block; padding-bottom: 100%;}
.gallery-list>ul>li img {position: absolute; width: 100%; height: 100%; object-fit: cover;}


/* 04-2 */
.table-title{width: 100%; height: 5rem; border-radius: 0.7rem; color: #fff; background: #434343; font-size: 1.8rem; font-weight: 600; padding: 1.4rem 3rem;}
.refund-table{font-size: 1.4rem; margin-top: 2rem;}
.refund-table thead tr:first-child{background: #676767; color: #fff;}
.refund-table th{padding: 1.2rem; text-align: center; border: 1px solid #707070;}
.refund-table td {padding: 2rem 4rem; text-align: left; border: 1px solid #707070;}
.refund-table .roundG li:before{top: 0.8rem;}
.refund-table td h3{padding-bottom: 0.8rem;}
.refund-table td p + ul{padding-bottom: 2rem; padding-left: 1.6rem;}
.refund-table + .refund-table{margin-bottom: 10rem;}

/* 06-5 */
.pw-del{width: 100%; border-bottom: 2px solid #969696; border-top: 2px solid #969696;}
.pw-del dl{display: table;}
.pw-del dl dt{display: table-cell; width: 8rem; vertical-align: middle; background: #eee; padding: 1rem 0.4rem; text-align: center;}
.pw-del dl dd{display: table-cell; width: calc(100% - 8rem); vertical-align: middle;  padding: 1rem;}
.pw-del + .btn-group{ margin-bottom: 5rem;}


.gnb_wrap_mo>a{font-weight: 600; text-decoration: underline; font-size: 1.6rem; text-align: center; margin-top: 1rem;}


/* modal */
.modal{transition: all 0.4s ease; opacity: 0; visibility: hidden; position: fixed; top:0; left: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.4); z-index: 9999; width: 100%; height: 100%; overflow: auto;}
.modal.open{visibility: visible; opacity: 1;}
.modal .modal-content{background-color: #fff; width: 46rem; font-size: 1.6rem; text-align: center; padding: 0 0 3rem;}
.modal-header{background: #d4d4d4; padding: 2rem 0; color: #fff;}
.modal-header h2{font-weight: 700; font-size: 15px; }
.modal-body{padding: 3rem 2rem 2rem; font-size: 1.4rem; line-height: 1.8;}
.modal .modal-content button{background: #d4d4d4; height: 4rem; border-radius: 1rem; font-size: 1.6rem;}