@charset "UTF-8";

@media screen and (max-width: 1200px) {
    #wrap>.inner { padding: 0 1rem; }
}
@media screen and (max-width: 1023px) {


    /*.innerTitle { margin-bottom: 1rem !important; }*/
    /*.innerTitle span { width: 2rem !important; }*/
    /*.innerTitle h3 { font-size: 1.6rem !important; margin: 1rem 0 !important; }*/
    /*.innerTitle p { font-size: 1.2rem !important; }*/
    /*.subTitle h2 { font-size: 1.4rem !important; }*/

    .facility-info-table > table th, .facility-info-table table td { padding: 1rem 0.2rem !important; }

    /*!* header *!*/
    /*#header .inner {padding: 0 1rem;}*/
    /*.gnb_wrap nav{width: 80%; font-size: 1.6rem;}*/
    /*.gnb_wrap nav .gnb_dep2{ font-size: 1.4rem;}*/

    /* header */
    #header{position: relative;}
    #header .tnb_wrap{display: none;}

    .gnb_wrap .mo-menu{display: block;}
    .gnb_wrap{margin: 0;}
    .gnb_wrap .logo{width: unset; margin: 0 auto; text-align: center;}
    .gnb_wrap .logo img{height: 3.6rem;}
    .gnb_wrap nav{display: none; }

    .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;}

    /* footer */
    #footer .inner {padding: 0 2rem;}
    .footer_content{display: flex; flex-direction: column; justify-content: unset;}
    .info_list ul{margin-bottom: 0; flex-direction: column; align-items: flex-start; }
    .info_list ul li{padding: 0 1rem; position:relative; line-height: 1.6;}
    .info_list ul li~li:before{display: none;}
    .info_list ul:first-child li:before, .info_list ul li span:first-child{display: none;}
    .footer_content h2{margin-right: 0; text-align: center; margin-top: 3rem;}
    .footer_content h2 img{width: 2.6rem; height: 3rem;}

    /* index */

    .quick_menu ul li{padding: 0;}
    .quick_menu ul li a{padding: 2rem 0;}

    /* 01-1 */
    #greeting .mB50 { margin-bottom: 0; }

    /* 01-2*/
    #direction { font-size: 1.4rem; }
    #direction .google-map iframe { height: 20rem; }
    #direction .google-map + .mL10 { margin-left: 0; }
    #direction .google-map + .mT30 { margin-top: 1rem; }
    #direction .subTitle .mB25 { margin-bottom: 2rem; }
    #direction .flex { flex-wrap: wrap; font-size: 1.2rem; }

    #direction .guide { flex-direction: column; padding: 3rem 0; }
    #direction .guide h3 { margin-top: 3rem; font-size: 1.8rem; }
    #direction .guide .mL20 { margin-left: 1.5rem; }
    #direction .guide1 .mB40 { margin-bottom: 1.5rem; }
    #direction .guide1 .mB40, #direction .guide2 .mB40 { margin-bottom: 2rem; }
    #direction .guide3 h3 { margin-top: 0; }
    #direction .guide3 .mB40 { margin: 3rem 0 4rem 0; }
    #direction .guide .btn-gray { font-size: 1rem; }
    #direction .guide > div:first-child { width: auto; }
    #direction .guide .guide-bus { display: none; }
    #direction .guide .guide-box { padding: 3.5rem 2.3rem 4rem 4rem; }
    #direction .guide .mT30, #direction .guide-box .mB20 { margin: 0 !important; }
    #direction .guide div .mL50 { margin-left: 3.4rem; }
    #direction .guide div ol li { line-height: 1.6rem; }
    #direction .guide1 div ol li span { display: inline-block; margin-top: 1.5rem; }
    #direction .guide1 div ol li::before { top: 1.5rem; width: 1rem; height: 1.4rem; left: -1.98rem; background-size: 100%; }

    /* 02-1 */
    #facility table { font-size: 1rem; }

    #facility .img-box { margin-bottom: 0; }
    #facility .img-box .flex { flex-wrap: wrap; }
    #facility .img-box .flex > div:first-child { margin-right: 0; }

    #facility .facility-info-table .different1 { display: none; }
    #facility .facility-info-table .different2 { visibility: visible; }
    #facility .img-box .flex p { font-size: 1.4rem; color: #000; margin: 1rem 0 2rem 0; }
    #facility .border-left-none { border-left: 1px solid #707070 !important; }

    /* 02-3 */
    #facility-map .subTitle .mB25, #facility-map .facility-info-table .mB20 { margin-bottom: 1rem; }
    #facility-map table { font-size: 1rem; }
    #facility-map .subTitle h2 { flex-wrap: wrap; margin-left: 1.5rem; }
    #facility-map table colgroup col:nth-child(1), #facility-map table colgroup col:nth-child(3), #facility-map table colgroup col:nth-child(5), #facility-map table colgroup col:nth-child(7) { width: 7.05%; }
    .popup { width: 90%; padding: 1rem 2rem 3rem 2rem; }
    .popup .pop-header div { font-size: 1.4rem; padding: 1.8rem; }
    .popup .pop-content ol { font-size: 1.2rem; }
    .popup .pop-content ol li { margin-bottom: 1rem; }
    .popup .pop-content .roundG li { padding: 0; }
    .popup .pop-content .roundG li::before { display: none; }

}

@media screen and (max-width: 767px) {
    body {font-size:1.4rem;}

    /*250812 날씨추가*/
    .weather{width: 8rem; height: 8rem;}
    .weather-ico{width: 2.5rem; height: 2.5rem;}
    .weather b{font-size: 1.6rem;}
    .weather a{font-size: 1.2rem;}

    /* footer */

    .privacy_list{text-align: center;}
    .privacy_list li{padding: 0 1.2rem;}
    .privacy_list li:first-child{padding-left: 0;}
    .privacy_list li:last-child{padding-right: 0;}
    .privacy_list li:before{content:''; position:absolute; left:0; top: 0.4rem; width:1px; height:10px; background:#ccc;}
    .info_list ul li.confirm a{width:6.4rem; height: 2rem; border-radius: 1rem; line-height: 2rem; font-size: 1rem;}

    /* sub-banner */
    .sub-banner{height: 4rem; background-image: none; background-color: #c9c9c9;}
    .sub-banner h2{line-height: 4rem; font-size: 1.6rem;}

    /* index */
    .main-banner{padding-top: 0;}
    .main-banner .swiper {height: 30rem;}
    .main-banner .swiper-pagination {bottom: 2rem;}
    .main-banner .swiper-button-prev, .main-banner .swiper-container-rtl .swiper-button-next,
    .main-banner .swiper-button-next, .main-banner .swiper-container-rtl .swiper-button-prev  {width: 1.8rem;}

    .quick_menu{margin: 3rem 0; font-size: 1.2rem;}
    .quick_menu ul li{width: calc(50% - 1rem); padding: 0; border-radius: 2rem;}
    .quick_menu ul li a{ padding: 3rem;}
    .quick_menu ul li a h4{font-size: 1.6rem; }
    .quick_menu ul li ~ li {margin-left: 1rem;}
    .quick_menu ul li:nth-child(1), .quick_menu ul li:nth-child(2){margin-bottom: 1rem;}
    .quick_menu ul li:nth-child(3n){margin-left: 0;}

    .main-content{display: flex; flex-wrap: wrap; margin: 3rem 0 5rem;}
    .main-content .left-content{width: 100%; margin-right: 0;}
    .main-content .right-content{width: 100%; margin-top: 1rem; background: url(../images/banner.png) 0 0 no-repeat; background-size: cover; position: relative;}
    .main-content .right-content:after{content: ''; display: block; width: 100%; height: 100%; padding-bottom: 76%;}
    .main-content .right-content .inner{position: absolute; width: 100%; height: 100%;}


    /* 서브제목 */
    .innerTitle h3{font-size: 2rem; margin: 1rem 0 1rem 0;}
    .innerTitle span{width: 2.2rem;}
    .innerTitle p{font-size:1.8rem;}

    .subTitle h2{font-size: 1.8rem;}
    .subTitle li{font-size: 1.6rem;}
    /* 예약절차 list */
    .reserveBox{padding: 0 2rem 2rem 2rem;}
    .reserveBox > .triangle > li{font-size: 1.4rem;}
    .reserveBox > .triangle > li  p{display: flex;}
    /* 안내 테이블 */
    .facility-info-table > table th, .facility-info-table table td{font-size: 1rem; padding: 0;}
    .facility-info-charge > table th, .facility-info-charge table td{font-size: 1rem;}
    .facility-info-table > table > tbody  p{display: flex; justify-content: center;}
    /* 테이블 아래 공지 */
    .infoNotice{margin-top: 2rem;}
    .infoNotice ul{flex-direction: column;}
    .infoNotice ul li{font-size: 1.3rem; margin-bottom: 0.5rem;}
    .mB100{margin-bottom: 7rem;}

    /* 텍스트 flex */
    .flexContent p{display: flex; margin-bottom: 0.5rem;}
    .infoBox .flexContent > li > ul{margin-left: 1rem; margin-top: 0.5rem;}
    .infoBox ul{flex-direction: column; text-align: left; font-size: 1.4rem;}
    .infoBox ul li, .infoBox ul li span{margin-bottom: 0.5rem;}
    .infoBox1 li{margin-bottom: 0.5rem; font-size: 1.4rem;}
    .infoBox1 ul:nth-child(2) li > ul{display: block; margin-left: 1rem;}
    .infoBox1 ul:nth-child(3) li > ul{margin-left: 1rem;}
    .infoBox1 ul:first-child{display: block; text-align: left; width: 100%;}

    .infoBox ul:nth-child(2){margin-bottom: 0;}

    /* 02-2.html swiper 반응형*/
    .swiper_wrap{display: flex; flex-direction: column;}
    .swiper_wrap .mySwiper2, .swiper_wrap .mySwiper4{width:100%; height: auto; margin-bottom: 1rem;}
    .swiper_wrap .mySwiper, .swiper_wrap .mySwiper3{position: relative; width: 100%; height: 10rem; margin: 1rem 0;}

    /* pre, next 버튼 */
    .swiper_wrap .swiper-button-next, .swiper_wrap .swiper-button-prev{transform: rotate(-90deg) translateY(-50%);}
    .swiper_wrap .mySwiper{position: relative;}
    .swiper_wrap .swiper-button-prev {top: 50%; left: 1rem;}
    .swiper_wrap .swiper-button-next {top: 50%; right: 0; left: unset;}

    /* 06~ 공지사항 - 이용후기 (공통) */
    .res_box{padding: 1.4rem;}
    .res_box p{width: 17rem;}
    .write-table td:first-child{font-size: 1rem; width: 25%;}
    .required:before{font-size: 1rem;}
    .write-table td, .write-table th{padding: 0.6rem 0.7rem;}
    .filebox{padding: 0 0.4rem 0.4rem 0;}
    .filebox label{font-size: 0.8rem; margin-left: 0.5rem; padding: 0;}

    button{width: 8rem; height: 3rem; font-size: 1.4rem;}

    /* 06-1 공지사항 : 공지/게시판 */
    .list-table table, .view-table table{font-size: 1rem;}
    .list-table table td:nth-child(3), .list-table table td:nth-child(4), .list-table table td:last-child{font-size: 1rem;}
    .list-table table th, .list-table table td, .view-table table th, .view-table table td{padding: 1rem 0.5rem;}
    .list-table table td:nth-child(2), .view-table table td:nth-child(2){padding: 0.5rem 1rem;}

    .list-table colgroup col:first-child{width: 12% !important;}
    .list-table colgroup col:nth-child(3){width: 16%;}
    .list-table colgroup col:nth-child(4){width: 16%;}
    .list-table colgroup col:last-child{width: 10%;}

    /* 06-3.html 공지/게시판 : 질문 / 답변*/
    .table-pagination{flex-direction: column-reverse; align-items: flex-end; margin: 0.5rem 0 0.5rem;}
    .pagination{margin-top: 1rem; align-self: center;}

    .gallery-list>ul{padding: 2rem 1rem 0;}
    .gallery-list>ul>li{ width: 47%;  margin-left: 5%; margin-bottom: 3%;}
    .gallery-list>ul>li:nth-child(3n+1){margin-left:5%;}
    .gallery-list>ul>li:nth-child(2n-1){margin-left:0;}

    /*  공지사항 내용보기 */
    .view-table colgroup col:first-child{width: 18%;}
    .view-table colgroup col:nth-child(3){width: 12%;}
    .view-table colgroup col:nth-child(4){width: 10%;}
    .view-table colgroup col:nth-child(5){width: 12%;}
    .view-table colgroup col:last-child{width: 18%;}
    .gallery img{width: 100%;}
    .view-table-btn div:first-child{display: none;}
    .view-table-btn div:last-child{width: unset;}
    .view-table-btn div button{height: unset;}
    td.board-next a:before, td.board-prev a:before{width: 1.2rem; height: 1.2rem; margin-right: 0.4rem;}
    .view-table table tr:first-child td{padding: 3rem 1.2rem;}

}

@media screen and (max-width: 600px) {

    .refund-table colgroup{display: none;}
    .refund-table thead {border: none; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .refund-table tr {border-bottom: 3px solid #707070; display: block; margin-bottom: 1rem;}
    .refund-table td {border-bottom: 1px solid #707070; display: block; text-align: left;}
    .refund-table td::before {content: attr(data-label); display: block; width: 100%; margin-bottom: 1.2rem; font-size: 1.6rem; font-weight: bold; text-transform: uppercase;}
    .refund-table td:last-child { border-bottom: 0; }

    /* modal */
    .modal .modal-content{width: 90%;}
    .modal br{display:none;}

    .fs{font-size: 1rem;}
}

@media screen and (max-width: 429px) {

    /* footer */
    #footer .inner {padding: 0 1rem; font-size: 1.2rem; }
    .privacy_list li{padding: 0 1rem; letter-spacing: -1.2px;}
    /* index */
    .quick_menu ul li a{ padding: 1rem;}
    ul.tabs li {width: 50%; }
    .tab_content {padding: 2.8rem 2rem;}
}