/* 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;}
}


#section01{ padding: 0 0 180px;}
#section01 > h3{ width: 100%; font-size: 24px; line-height: 36px; padding-bottom: 40px; text-align: center;}
#section01 .reserv-calendar { width: 100%;}
#section01 .reserv-mo { width: 100%; text-align: center; margin-top: 20px; }
#section01 .icon-cal {display: inline-block; width:68px; height: 68px; border-radius: 50%; background: #A17751; color: #fff; font-size: 30px; line-height: 64px;}
#section01 .icon-cal i{ position: relative; top: 1px;}
#section01 .reserv-mo p { font-size: 12px; line-height: 20px; padding-bottom: 100px; }
#section01 .reserv-btn { font-size: 14px; position: relative; display: inline-block; width: 200px; height: 50px; line-height: 50px; border-radius: 4px; color: #fff; text-align: center; background: #333; margin-bottom: 20px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 40px 0 100px;}
    #section01 .wrap1480{ padding: 0 20px;}
    #section01 #sub-tab a{ height: 40px; line-height: 40px;}
}

/* charge */
#section01.charge .num{ display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; background-color: #333; font-size: 28px; margin-right: 20px;}
#section01.charge .charge-tit{ width: 100%; padding-bottom: 48px; }
#section01.charge .charge-tit p{ display: inline-block; font-size: 32px;}
#section01.charge iframe{ margin-bottom: 120px;}
#section01.charge .content{ width: 100%; padding-bottom: 120px; font-size: 15px; line-height: 25px; color: #707070;}
#section01.charge .table-wrap{ text-align: left; position: relative;}
#section01.charge .table-wrap .charge-tit{ border: 0;}

#section01.charge .refund{ width: 361px; padding: 50px 50px 40px; background-color: #F7F7F7; border-radius: 10px;}
#section01.charge .refund .refund-tit{ font-size: 24px; padding-bottom: 30px;}
#section01.charge .refund .left{ width: 179px; text-align: left;}
#section01.charge .refund .right{ width: calc(100% - 179px); text-align: left;}
#section01.charge .refund p{ line-height: 36px; font-size: 15px;}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01.charge #comm-top{margin-bottom: 0;}
    #section01.charge .wrap1446{ padding: 0;}
    #section01.charge .wrap{ border-bottom: 1px solid #ccc;}
    #section01.charge .num{ display: none; }
    #section01.charge .charge-tit{ width: 100%; padding-bottom: 0; height: 50px; line-height: 50px; padding: 0 15px; cursor: pointer;}
    #section01.charge .charge-tit p{ display: inline-block; font-size: 16px;}
    #section01.charge .charge-tit i{ position: relative; top: 18px; transition: .5s;}
    #section01.charge iframe{ width: calc(100% - 30px); margin-left: 15px; margin-bottom: 50px;}
    #section01.charge .wrap.active .charge-tit i{  transform: rotate(180deg);}
    #section01.charge .content{ padding: 0 15px 50px;line-height: 24px; }

    #section01.charge .refund{ width: 229px; padding: 20px; margin-left: 15px; margin-bottom: 60px; border-radius: 10px;}
    #section01.charge .refund .refund-tit{ font-size: 16px; padding-bottom: 20px;}
    #section01.charge .refund .left{ width: 130px; }
    #section01.charge .refund .right{ width: calc(100% - 130px); }
    #section01.charge .refund p{ line-height: 30px;}

    .comm3_wrap #inner{ height: 700px!important;}
    
}

/* comm */
#section01.comm .content-wrap{ padding: 0 100px 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01.comm .content-wrap{ padding: 0 20px 0;}
}