/* header */
header{ z-index: 1000; transition: .3s; background:#fff; box-shadow: 2px 0 6px rgba(0,0,0,.2); height: 80px; border-bottom: 1px solid #ddd;}
header h1.logo img{opacity: 0;}
header h1.logo img.scroll{ opacity: 1;}
header .wrap1740 a p{ color: #333;}
header .wrap1740 #reser-btn{ border: 1px solid #333; transition: .3s; color: #333;}
/* =================== 1460px =================== */
@media (max-width: 1460px) {
    header{ height: 130px;}
    header .wrap1740 .flex-wrap{ padding-top: 10px;}
    header.scrolldown{ top: -130px;}
    header.scroll{ height: 130px;}
    header h1.logo{ order: 0;}
    header .gnb{ order: 2; width: 100%; text-align: center;}
    header #reser-btn{ order: 1; }
    header .subnavbg.active{ top: 130px; opacity: 1;}
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    header{height: 50px; transition: .3s;}
    header .wrap1740 .flex-wrap{ padding-top:0;}
    header.scrolldown{ top: -50px;}
    header.scroll{ height: 50px;}
    header #panelbtn span{background-color: #333;} 
    header #m-reser-btn{ color: #333;}
    header:hover{ box-shadow: 2px 0 6px rgba(0,0,0,.2); border-bottom: 1px solid #ddd; background:#fff; }
    header:hover h1.logo img{opacity: 0;}
    header:hover h1.logo img.scroll{ opacity: 1;}
    header:hover .wrap1740 a p{ color: #333;}
    header:hover .wrap1740 #reser-btn{ border: 1px solid #333; transition: .3s; color: #333;}
}

#section02{ padding: 50px 0 250px; text-align: center;}
#section02 .tit{ padding-bottom: 40px;}
#section02 .tit h3{ font-size: 40px; padding-bottom: 30px; }
#section02 .tit p{ font-size: 16px;}
#section02 .btn-wrap{ width: fit-content; height: fit-content; position: absolute; top: 0; right: 0;}
#section02 .btn-wrap a{ font-size: 16px; display: inline-block; width: 120px; height: 36px; line-height: 34px; text-align: center; border-radius: 20px; border: 1px solid #333;}
#section02 .btn-wrap a:first-child{ margin-right: 10px;}
#section02 ul.icon{ padding-bottom: 40px; display: flex; justify-content: center; align-items: flex-end;}
#section02 ul.icon li{ text-align: center; display: inline-block; padding: 0 28px;}
#section02 ul.icon li img{ padding-bottom: 20px; display: inline-block;}
#section02 ul.icon li p.upp{ font-size: 15px; padding-bottom: 10px;}
#section02 ul.icon li p.re{ font-size: 12px; padding-bottom: 0;}
#section02 .wrap1740 > .wrap{ width: 858px; position: relative; left: 0; right: 0; margin: 0 auto; border-top: 1px solid #333; padding: 40px 0 180px; text-align: left; font-size: 0;}
#section02 h3.con-tit{ font-size: 24px; padding-bottom: 40px;}
#section02 h3.con-tit.last{ padding-bottom: 20px;}
#section02 h3.con-tit.last a{ font-size: 20px; padding-left: 30px;}
#section02 .wrap ul{ padding-bottom: 40px;}
#section02 .wrap li{ padding-bottom: 20px;}
#section02 .wrap li span{ display: inline-block; width: 120px; font-size: 15px; line-height: 25px; vertical-align: top;} 
#section02 .wrap li p{ display: inline-block; width: calc(100% - 120px); font-size: 15px; line-height: 25px; word-break: keep-all;}
#section02 .wrap .charge-con{ font-size: 15px; font-weight: 300; line-height: 25px; color: #333;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 30px 15px 0; margin-top: 50px;}
    #section02{ padding: 40px 0 100px; text-align: center;}
    #section02 .wrap1740{ padding: 0;}
    #section02 .tit{ padding-bottom: 30px;}
    #section02 .tit h3{ font-size: 24px;  }
    #section02 .tit p{ font-size: 14px; line-height: 24px;}
    #section02 .btn-wrap{ width: fit-content; height: fit-content; position: relative; top: 0; right: 0; left: 0; margin: 0 auto; padding-bottom: 30px;}
    #section02 .btn-wrap a{ font-size: 14px; width: 100px; height: 30px; line-height: 28px; margin: 0 9px;}
    #section02 .btn-wrap a:first-child{ margin-right: 0;}
    #section02 ul.icon{ padding-bottom: 25px; padding-top: 25px; background-color: #fafafa; justify-content: space-evenly;}
    #section02 ul.icon li{ padding: 0; }
    #section02 ul.icon li img{ height: 31px; object-fit: cover; padding-bottom: 10px; }
    #section02 ul.icon li p.upp{ font-size: 10px; padding-bottom: 5px;}
    #section02 ul.icon li p.re{ font-size: 8px; }
    #section02 .wrap1740 > .wrap{ width: 100%; border-top: unset; padding: 30px 15px 60px;}
    #section02 h3.con-tit{ font-size: 16px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333;}
    #section02 h3.con-tit.last{ padding-bottom: 10px; width: 100%;}
    #section02 h3.con-tit.last a{ font-size: 12px; float: right;}
    #section02 .wrap ul{ padding-bottom: 42px;}
    #section02 .wrap li{ padding-bottom: 18px;}
    #section02 .wrap li span{ display: inline-block; width: 89px; } 
    #section02 .wrap li p{ display: inline-block; width: calc(100% - 89px); }
    #section02 .wrap .charge-con p{ padding-bottom: 18px;}
    #section02 .wrap1446 h3{ text-align: left;}
}


#section03{ padding:0 0 200px; width: 100%;}
#section03 h3{ font-size: 24px; position: relative; text-align: left; width: 100%; padding: 0 15px 30px;}
#section03 h3 a{ float: right; font-size: 15px; padding-top: 5px;}
#section03 .more-room-swiper{ width: 100%;}
#section03 .more-room-swiper .bgi{ height: 44.80vw; border-radius: 4px;}
#section03 .more-room-swiper p{ text-align: left; padding-top: 10px;}