@charset "utf-8"; /* @media all and (min-width:768px) and (max-width:1199px) { */

@media all and (max-width:1199px) { 
    [data-container="1"] { padding-inline: 20px; } 
    header .top, header .bottom #navigation, #introSec .intro-left-box .form-bottom-text .pop-search { display: none; } 
    header .bottom { border-bottom: none; } 
    header .bottom .left img { width: 62px; height: 45px; } 
    header .right { position: absolute; right: 0; top: 10px; } 
    header .right .hamburger { width: 18px; height: 28px; background-size: contain; background-color: transparent; filter: brightness(0); transform: scaleX(-1); border-radius: 0; } 

    #introSec { flex-direction: column; } 
    #introSec>div { width: 100%; padding-inline: 0; } 
    #introSec .intro-left-box { position: relative; background-image: none; padding: 10px 0 20px; } 
    #introSec .intro-left-box:before { position: absolute; content: ''; display: block; width: 130%; left: -20px; bottom: 0px; height: 1px; background-color: #DDDDDD; } 
    #introSec .intro-left-box .form-bottom-text .hash { gap: 0px } 
    #introSec .intro-left-box .form-bottom-text .hash>li { padding: 0px 2px; } 
    #introSec .intro-left-box .form-bottom-text .hash>li a { font-size: 15px; font-family: 'suitR'; padding: 5px 6px 7px; } 


    #hotIssue { margin-top: 26px; } 
    :is(#hotIssue, #oftenUse, #season) .tab-panel, #field .tab-panel { overflow-x: auto; gap: 20px; padding: 26px 30px 10px; } 
    #hotIssue .tab-panel > li > a { flex-direction: row; font-size: 15px; } 
    .bottom_dashed { border-bottom: 1px dashed #D4D7DB; } 
    #season .tab-panel { gap: 100px; } 
    #oftenUse .text, #season .text, #field .text { padding-top: 5px; } 

    #notice { flex-direction: column; margin-top: 60px; } 
    #notice > div { width: 100%; } 

    .promotion-box { align-items: center; justify-content: center; gap: 10px; } 
    #field .tab-panel { gap: 30px; } 
    #field .tab-panel>li { flex-basis: 116px; flex-shrink: 0; } 

    #hotplace .hotplace-box { flex-direction: column; } 
    #hotplace .left { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } 
    #hotplace .left button { border-radius: 50px; } 
    #hotplace .tab-desc-box .left { padding: 16px 20px; } 
    #hotplace .hotplace-box>.right { display: flex; justify-content: center; gap: 10px; } 
    #hotplace .hotplace-box>.right>div { position: relative; width: 596px; } 
    #hotplace .hotplace-text-box .right .text * { font-size: 14px; } 

    .footer-nav { flex-direction: column; } 
    footer .sns { padding-bottom: 30px; } 

    aside { display: none; } 
}


@media all and (max-width:767px){
    .m-none { display: none; } 
    #introSec .intro-right-box .intro-text, #oftenUse .text, #season .text, .tab-list>li a, #notice .booking-box .text, #field .tab-panel .text { font-size: 15px; } 
    #introSec .intro-right-box .intro-text .point { font-size: 24px; padding-bottom: 14px; } 
    #introSec .intro-right-box { background-size: 306px auto; background-position: right 92px; } 
    #introSec .intro-right-box .radius-box { flex-direction: column; width: max-content; } 
    #introSec .intro-right-box .radius-box>.box { width: fit-content; } 
    #introSec .intro-right-box .bottom-box { flex-wrap: wrap; } 
    #introSec .intro-right-box .bottom-box .box { width: calc((100%) / 2); } 
    #introSec .intro-right-box .bottom-box>.box:first-child,#introSec .intro-right-box .bottom-box>.box:nth-child(2) { border-bottom: 1px solid #E3E3E3; } 
    #introSec .intro-right-box .bottom-box>.box:first-child:hover a { border-bottom-left-radius: 0; } 
    #introSec .intro-right-box .bottom-box>.box:last-child:hover a { border-top-right-radius: 0; } 
    .tab-list>li a { min-width: auto; } 
    .tab-panel img { width: 44px; } 
    #season .tab-panel { gap: 70px; } 
    .tab-list>li[data-tab-style="1"] a { padding: 10px; } 
    #promotion { overflow-x: auto; } 
    .promotion-box { width: 1100px; padding-inline: 20px; justify-content: space-between; } 
    #field .tab-panel img { width: 60px; } 
    #field .tab-panel .ico { margin-bottom: 0; } 
    #field .tab-panel { min-height: auto; } 
    #hotplace .left { justify-content: center; } 
    #hotplace .left>img { height: 70px; } 
    #hotplace .hotplace-text-box { flex-direction: column; } 
    #hotplace .tab-desc-box .left, #hotplace .tab-desc-box .right { width: 100%; } 
    #hotplace .hotplace-box>.right { overflow-x: auto; overflow-y: hidden; } 
    #hotplace .hotplace-text-box .right .call { margin-bottom: 15px; } 
    .footer-nav>.flex-box { flex-wrap: wrap; gap: 20px; } 
    footer .center { flex-wrap: wrap; } 
    .footer-box .center > a { padding: 11px 20px 8px; } 
}

/* @media all and (min-width:480px) and (max-width:767px) { } */
/* @media all and (max-width:479px) { } */