@charset "utf-8";
#container_title{display:none}

.header_area    {width:100%;height:1031px;text-align:center;display: flex;justify-content: flex-end;flex-direction: column;}
.header_area h2 {color: #fff;font-size:40px;font-family:'Cormorant Infant';font-weight:800;text-align:center;margin-bottom: 120px;}
.header_area h2 span{font-size:20px;letter-spacing:-1px;margin-bottom:24px;font-weight: bold;font-family:'SUIT'}

.pagecommon     {margin:0 auto;}
.pagecommon_m   {margin:0 auto;padding:0;font-size:17px;line-height:32px;letter-spacing:-1.2px;color:#525252}
.pagecommon_m > img {width:100%;}

.header_tab {background-color: #293E45;height:50px; display: flex; justify-content: center;}
.header_tab ul {list-style: none; padding: 0; margin: 0; display: flex;}
.header_tab li {margin: 0;}
.header_tab a {display: block;width:180px; color: #ffffff; text-decoration: none; font-size:16px;line-height:50px;text-align:center;font-weight:700;}
.header_tab a.on {background-color: #AF8A7F; color: #ffffff;}


/*서브헤더유형01*/
.header01{background:none !important}
.header01.fixed{background:#fff !important;}
.header01.fixed .gnb_1da{color:#393939}
.header01 .gnb_1da{color:#fff}


/*호텔오노마*/
#onomaInfo_header{background:url(./img/banner01.jpg)center;}
#onomaInfo .wedding-overview {margin: 0 auto; padding: 50px 0 110px; text-align: center; color: #525252;}
#onomaInfo .wedding-title {font-size: 44px; font-weight: bold; color:#AF8A7F; margin-bottom:60px;font-family:'Cormorant Infant';}
#onomaInfo .hotel-name {font-size:35px; font-weight: normal; color:#293E45; margin-bottom: 86px; font-weight:700;}
#onomaInfo .highlight-text {font-size:28px; color:#AF8A7F; font-weight: bold; margin-bottom:70px;}
#onomaInfo .wedding-description {font-size:20px; line-height:32px; letter-spacing: -0.5px; color:#3E3E3D;}

#onomaInfo .wedding-gallery {max-width: 1200px; margin:100px auto 0; text-align: center;}
#onomaInfo .gallery-row {display: flex; gap: 4px; justify-content: center;}
#onomaInfo .gallery-column {display: flex; flex-direction: column; gap: 4px;}
#onomaInfo .gallery-image {width: 100%; height: auto; object-fit: cover;}
#onomaInfo .gallery-caption {font-size:24px; color:#3E3E3D; line-height:37px; margin-top:100px;}
#onomaInfo .gallery-caption strong {font-weight:800;}

#onomaInfo .luxury-wedding-fullscreen {width: 100%; position: relative; overflow: hidden; text-align: center; background: #293E45;}
#onomaInfo .luxury-background {position: relative; width: 100%; height:550px; overflow: hidden;}
#onomaInfo .luxury-bg-image {width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8);}
#onomaInfo .luxury-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -78%); color: #fff; text-align: center; z-index: 1;}
#onomaInfo .luxury-text p {font-size:30px; margin-bottom: 10px; font-weight:300;}
#onomaInfo .luxury-text p.txt2 {font-size:24px; line-height:37px;}
#onomaInfo .luxury-text h2 {font-size:57.81px; font-weight: bold; margin-bottom: 30px; font-family:'Cormorant Infant';}
#onomaInfo .luxury-gallery {width:1200px; margin:0 auto; transform: translate(0, -50px); display:flex; gap:4px;}
#onomaInfo .gallery-row2 {display: flex; gap: 4px; justify-content: center; flex-direction: column; flex-wrap: wrap;}
#onomaInfo .gallery-row2 div {display:flex; gap:4px;}
#onomaInfo .luxury-gallery .gallery-image2 {width:50%;}
#onomaInfo .luxury-description {font-size:24px; line-height:37px; letter-spacing:-1.68px; color:#fff; margin-bottom:100px; font-weight: 300;}

#onomaInfo .signature-wrap {margin: 0 auto; padding:100px 0 180px; text-align: center; color: #3E3E3D;background:#FFF7EC}
#onomaInfo .signature-wrap-text {margin-bottom:90px;}
#onomaInfo .signature-wrap-text h2 {font-size:57px; color: #AF8A7F; font-weight: bold; margin-bottom:45px;font-family: 'Cormorant Infant', serif;}
#onomaInfo .signature-wrap-text .txt2 {font-size:30px; line-height: 1.5; color:#293E45; font-weight:700;}
#onomaInfo .signature-gallery {width:1200px;display: flex; gap:4px; align-items: center; justify-content: center;margin:0 auto 50px;}
#onomaInfo .gallery-main-image {width: 60%; height: auto; object-fit: cover;}
#onomaInfo .gallery-row3 {display: flex; flex-direction: column; gap:4px; width: 35%;    height: 543.59px;overflow:hidden}
#onomaInfo .gallery-image {width: 100%; height: auto; object-fit: cover;}
#onomaInfo .signature-description {margin-top:90px; font-size:24px; line-height: 1.5;}
#onomaInfo .signature-description p {margin-bottom:50px;}
#onomaInfo .menu-link {width:230px;display: inline-block;background-color:#293E45; color: #ffffff; text-decoration: none; font-size:22px; border-radius:20px;line-height:40px;text-align:center;}


/*오시는 길*/
#Location_header{background:url(./img/banner02.jpg)center;}
#Location {margin: 0 auto; padding:84px 0 150px; text-align: center; color: #3E3E3D;background: #FFF7EC;}
#Location h2 {font-size: 44px; font-weight: bold; color: #293E45; margin-bottom:32px;}
#Location .txt01 {font-size:28px; color: #AF8A7F; margin-bottom:67px;}
#Location .map_wrap {display: flex; justify-content: space-between; align-items: center; gap: 40px;width: 1260px;margin: 0 auto;}
#Location .map_area {flex: 1;}
#Location .address_txt {flex: 1; text-align: left;}
#Location .address_txt h3 {font-size: 28px; font-weight: bold; color:#2A2A2A; margin-bottom: 20px;}
#Location .address_txt .txt01 {font-size:20px; color: #3E3E3D; margin-bottom: 30px;}
#Location .txt-wrap-btm {font-size: 16px; color: #2A2A2A; line-height: 1.6;display:flex;flex-direction:column;}
#Location .txt-wrap-btm p {margin-bottom:27px;}
#Location .txt-wrap-btm a {display: inline-block; margin-top: 10px;}
#Location .txt-wrap-btm a img {width: 200px; margin-right: 10px;}
#Location .map_area2 {width:1260px;display: flex; justify-content: space-between;    align-items: stretch;margin: 120px auto 0;color: #3E3E3D;text-align:left;}
#Location .box01, #Location .box02 {flex: 1;background:#FFFFFF;padding:57px 37px 45px}
#Location .box01 .tit {font-size: 28px; font-weight: bold; color: #AF8A7F; margin-bottom:30px;}
#Location .box01 .tit2 {font-size: 28px; font-weight: bold; color: #AF8A7F; margin-top:53px; margin-bottom:30px;letter-spacing: -1.4px;}
#Location .box01 .txt01 {font-size: 17px; line-height:22px;letter-spacing:-0.85px;color:#2A2A2A; margin-bottom:32px;letter-spacing: -1.4px;}
#Location .box01 .txt01 b{font-weight:bold;}
#Location .box02 {background:#AF8A7F}
#Location .box02 .tit {font-size: 24px; font-weight: bold; color: #ffffff; margin-bottom: 20px;}
#Location .box02 .map_img {width: 100%; height: auto; object-fit: cover; margin-bottom: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
#Location .txt-wrap-btm2 {display: flex; justify-content:flex-start; gap:10px; margin-top: 20px;}
#Location .txt-wrap-btm2 a {display: inline-block;}


/*GrandBallroom*/
#Grand_header{background:url(./img/banner03.jpg)center;}
.tit_area{display:flex;justify-content:center;align-items:center;margin:140px auto 96px;    flex-direction: column;text-align:center;}
.tit_area h3{font-size:28px;line-height:40px;letter-spacing:-1.4px;margin-bottom:16px;font-weight:bold;color:#AF8A7F}
.tit_area h2{font-size:40px;line-height: 47px;letter-spacing: -.4px;margin-bottom:50px;font-weight:bold;color:#293E45;}
.tit_area .sub_txt{font-size:20px;line-height:32px;color:#3E3E3D;}
.grand_gallery{margin-bottom:170px}
.grand_gallery .slider-container {max-width: 1200px; margin: 0 auto; text-align: center; position: relative; overflow: hidden;} 
.grand_gallery .slider {display: flex; transition: transform 1.5s ease-in-out;} 
.grand_gallery .slide {min-width: 100%; height: auto; object-fit: cover;} 
.grand_gallery .thumbnail-container {display: flex; justify-content: center; gap: 4px;background:#293E45;} 
.grand_gallery .thumbnail {width: 150px; height: 100px; object-fit: cover; cursor: pointer;border-top:13px solid #293E45;} 
.grand_gallery .active-thumbnail {border-top:13px solid #DF4F3F;}
#Grand .grand_chart { margin: 0 auto; padding: 140px 0; background-color:#FFF7EC; text-align: center;}
#Grand .grand_chart .chart01 {width:1200px;margin:0 auto;display: flex; justify-content:center; align-items: flex-start; gap:80px; flex-wrap: wrap;}
#Grand .grand_chart .chart_tit {text-align:right; margin-bottom: 20px;}
#Grand .grand_chart .chart_tit h3 {font-size: 40px; color: #AF8A7F; margin-bottom: 16px;font-family:'Cormorant Infant';}
#Grand .grand_chart .chart_tit h4 {font-size: 32px; font-weight: 700; color:#293E45;font-family:'Cormorant Infant';}
#Grand .grand_chart .chart_txt {text-align: left;}
#Grand .grand_chart .chart_txt p {font-size: 20px; line-height: 1.5; color:#1E1E1E; margin-bottom: 27px;font-weight:700;}
#Grand .grand_chart .border_list {list-style: none; padding: 0; margin: 0; font-size: 17px; line-height: 2;width:360px}
#Grand .grand_chart .border_list li {background-color: #293E45; color: #ffffff; padding:8px 20px; margin-bottom: 10px; border-radius: 30px;}
#Grand .grand_chart .chart {flex: 1; width: 100%; max-width:578px; height: auto; object-fit: cover;margin-top:50px}
#Grand .BrideRoom{display: flex;justify-content: center;margin:110px 0}
#Grand .BrideRoom .slider-wrapper {position:relative;overflow: hidden;}
#Grand .BrideRoom .slider {width:800px;height:500px;display: flex;}
#Grand .BrideRoom .slide {min-width: 100%; height: auto; object-fit: cover;}
#Grand .BrideRoom .slider-dots {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap:22px;}
#Grand .BrideRoom .dot {width: 12px; height: 12px; background-color:#8B8B8B; border-radius: 50%; cursor: pointer;}
#Grand .BrideRoom .dot.active {background-color: #fff;}
#Grand .txt_area { margin-left:37px; color:#1E1E1E;text-align:left;;display:flex;flex-direction: column;justify-content: space-between;}
#Grand .txt_area .top_txt {margin-bottom: 30px;}
#Grand .txt_area .top_txt .tit_border {font-size:20px; color:#AF8A7F; font-weight: bold; border-bottom: 2px solid #AF8A7F; border-top: 2px solid #AF8A7F; display: inline-block; padding: 5px; margin-bottom:37px;}
#Grand .txt_area .top_txt .txt {font-size: 18px; line-height: 1.6;font-weight:700;}
#Grand .txt_area .bt_txt {font-size:17px;letter-spacing:-0.85px;line-height:40px;color:#293E45;font-weight:800;}
#Grand .txt_area .bt_txt::before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#293E45;margin-bottom:10px}
#Grand .Lobby{display:flex;justify-content: space-between;margin:0 auto;width:1200px}
#Grand .Lobby .txt_area{margin-left:0}
#Grand .menu-link {display:flex;justify-content:center;align-items:center;width:180px;margin:45px auto 150px;background-color:#293E45; color: #ffffff; text-decoration: none; font-size:22px; border-radius:20px;line-height:40px;text-align:center;}
#Grand .capacity-table{width:578px;margin:50px auto;}
/*#Salon*/
#Salon_header{background:url(./img/banner04.jpg)center;}
#Salon{margin: 0 auto;text-align:center;}
#Salon .tit_area {text-align: center; margin-bottom: 50px;}
#Salon p{font-size: 20px; line-height: 32px; letter-spacing: -1.4px; color:#3E3E3D;}
#Salon .tit_area h3 {font-size: 30px; font-weight:bold; color: #AF8A7F; margin-bottom: 10px;}
#Salon .tit_area h2 {font-size: 40px; font-weight: bold; color: #293E45;margin-bottom:0}
#Salon .salon_img {display: block; max-width: 100%; height: auto; margin:93px auto 75px;}
#Salon .salon_chart {background-color: #FFF7EC; text-align: center;overflow:hidden;}
#Salon .salon_chart .chart_tit h3 {font-size:40px; font-weight: bold; color: #AF8A7F; margin:93px 0 36px;font-family:'Cormorant Infant';}
#Salon .salon_chart .chart_tit p {font-size:20px; color:#373737; margin-bottom:90px;font-weight:700;}
#Salon .capacity-table{width:770px}
.capacity-table {;margin:0 auto ; border-collapse: collapse;font-size: 18px; color: #3E3E3D;border-right:0;border-left:0;}
.capacity-table th, .capacity-table td {padding:3px 15px; border: 1px solid #d1cdc7; text-align: center;font-size:15px}
.capacity-table th:first-child, .capacity-table td:first-child{border-left:none}
.capacity-table th:last-child, .capacity-table td:last-child{border-right: none;}
#Salon .salon_img2 {display: flex; justify-content:center; gap:5px; margin-top:90px;margin-bottom:226px}


/*#Menu*/
#MENU_header{background:url(./img/banner05.jpg)center;}
.menu_gallery {margin-bottom: 170px;}
.menu_gallery .slider-container {max-width: 1200px; margin: 0 auto; text-align: center; position: relative; overflow: hidden;}
.menu_gallery .slider {display: flex; transition: transform 1.5s ease-in-out;}
.menu_gallery .slide {min-width: 100%; height: auto; object-fit: cover;}
.menu_gallery .thumbnail-container {display: flex; justify-content: center; gap: 4px; background: #293E45;}
.menu_gallery .thumbnail {width: 150px; height: 100px; object-fit: cover; cursor: pointer; border-top: 13px solid #293E45;}
.menu_gallery .active-thumbnail {border-top: 13px solid #DF4F3F;}
#MENU .center_banner{width:100%;height:467px;background:url(img/menu_mid.jpg)center no-repeat #293E45;display:flex;justify-content: flex-start;align-items:center;flex-direction: column;text-align:center;}
#MENU .center_banner .center_tit{font-size:40px;line-height:48px;letter-spacing:-2px;font-family:'Cormorant Infant';font-weight:800;color:#AF8A7F}
#MENU .center_banner p{font-size:20px;line-height:30px;color:#fff;margin-top:80px;}
#MENU .menu_list{background:#FFF7EC;padding:123px 0 370px;}
#MENU .menu_list ul{display:flex;gap:150px;flex-direction: column;}
#MENU .menu_list ul li{display:flex;justify-content:center;gap:79px}
#MENU .border-tit{width:200px;padding:2px 8px;border-top:2px solid #AF8A7F;border-bottom:2px solid #AF8A7F;margin-bottom:20px;font-weight:bold;text-align:center;color:#AF8A7F;font-size:24px}

/*EVENT A 돌잔치*/
#EventA_header{background:url(./img/banner06.jpg)center;}
#EventA{display:flex;justify-content:center;align-items:center;flex-direction: column;}
#EventA > img{margin:0 auto 160px;text-align:center;}
#EventA .Event_slide{width: 100%;background:#FFF7EC;padding:110px 0 178px;overflow:hidden;}
#EventA .slide_tit_wrap{width:1200px;margin:0 auto;}
#EventA .slide_tit_wrap h3{width:fit-content;padding:2px 8px;border-top:2px solid #AF8A7F;border-bottom:2px solid #AF8A7F;margin-bottom:20px;font-weight:bold;text-align:center;color:#AF8A7F;font-size:20px;}
#EventA .slide_tit_wrap h4{font-size:33px;color:#293E45;margin:22px 0 40px;font-weight:bold;}
#EventA .slide_tit_wrap p{font-size:18px;line-height:28px;color:#1E1E1E;}
#EventA .Event_slide .event-slider{margin-top:120px}
#EventA .Event_slide .slick-slide {margin: 0 4px; overflow:hidden;/* 양쪽에 4px씩 마진을 줘서, 총 8px의 여백을 만듭니다 */}
#EventA .Event_slide .slick-list {margin: 0 -4px; /* 슬라이더 전체가 잘리는 것을 방지하기 위해 양쪽에 -4px 마진 추가 */}
#EventA .menu-link {margin:30px 0 80px;width:180px;display: inline-block;background-color:#293E45; color: #ffffff; text-decoration: none; font-size:22px; border-radius:20px;line-height:40px;text-align:center;}

/*EVENT B 이벤트*/
#EventB_header{background:url(./img/banner06.jpg)center;}
#EventB .card{display:flex;justify-content:center;align-items:center;}
#EventB .card_wrap{width:1200px;display: flex;justify-content: center;align-items: center;}
#EventB .card:nth-child(2){background:#F4F4F4;}
#EventB .card:nth-child(2) .card_wrap{flex-direction: row-reverse;}
#EventB .card .txt_wrap{width:50%;padding-left:84px;}
#EventB .card:nth-child(2) .txt_wrap{padding-left:16px;}
#EventB .card .txt01{font-size:28px;letter-spacing:-1.4px;line-height:40px;color:#AF8A7F;font-weight:700;}
#EventB .card .txt02{font-size:40px;letter-spacing:-.4px;line-height:47px;color:#293E45;margin:15px 0 52px;font-weight:800;}
#EventB .card .txt03{font-size:20px;line-height:30px;letter-spacing:-1.4px;color:#3E3E3D;}

/*RESERVATION*/
#RESERVATION .box{width:610px;;margin:0 auto 150px;padding:33px 90px;border:1px solid #293E45;text-align:center;}
#RESERVATION .tel{font-size:34px;line-height: 52px;font-weight:700;margin-bottom:40px;color:#293E45;display: flex;flex-direction: row;gap:17px;letter-spacing:-1.73px}
#RESERVATION .icon{width:52px;height:52px;border-radius:50%;display:flex;justify-content: center;align-items:center;;background:#293E45}
#RESERVATION .bt_txt{font-size:20px;line-height:32px;color:#3E3E3D;}

.pc{display:block;}
.m{display:none;}
@media screen and (max-width: 760px){
    .pc{display: none;}
    .m{display: block;}
    .header_area{height:400px;background-size: cover !important;}
    .header_area h2{font-size:20px;line-height:24px;letter-spacing:-1px;margin-bottom:25px;}
    .header_area h2 span{font-size:13px;line-height:15px;margin-bottom:-10px;display:block;}

    .header_tab{height:30px;}
    .header_tab a{font-size:11px;width:120px;height:30px;line-height:13.2px;display: flex;justify-content: center;align-items: center;}

    /*호텔오노마*/
    #onomaInfo .wedding-overview{padding:80px 0 40px;}
    #onomaInfo .wedding-title{font-size:35px;line-height:42px;letter-spacing:-1.75px;margin-bottom:6px}
    #onomaInfo .hotel-name{font-size:20px;line-height:30px;letter-spacing:-1px;margin-bottom:50px}
    #onomaInfo .highlight-text{font-size:18px;line-height: 28px;margin-bottom:38px}
    #onomaInfo .wedding-description{font-size:15px;padding:0 10px;line-height:23px;letter-spacing: -1.05px;}
    #onomaInfo .gallery-row{flex-direction: column;gap:2px}
    #onomaInfo .gallery-column{gap:2px}
    #onomaInfo .wedding-gallery{margin:50px auto 0}
    #onomaInfo .gallery-caption{font-size:15px;line-height:23px;margin-top:40px;}

    #onomaInfo .luxury-background{width:100%;height:156px;}
    #onomaInfo .luxury-text{position:relative;transform:none;top:0;left:0}
    #onomaInfo .luxury-text p{font-size:14px;margin-bottom:0;margin-top:50px}
    #onomaInfo .luxury-text h2{font-size:26px;}
    #onomaInfo .luxury-gallery{transform: none;width:100%;padding:20px;flex-direction: column;overflow: hidden;}
    #onomaInfo .luxury-bg-image{position:absolute;top:0;left:0}
    #onomaInfo .gallery-row2 div img{width:50%}
    #onomaInfo .luxury-gallery .gallery-image2{width:100%;}
    #onomaInfo .luxury-description{font-size:15px;line-height:23px;letter-spacing:-1.05px;margin-bottom:40px}

    #onomaInfo .signature-wrap-text{margin-bottom:74px}
    #onomaInfo .signature-wrap-text h2{font-size:30px;line-height:36px;margin-bottom:22px}
    #onomaInfo .signature-wrap-text .txt2{font-size:18px;font-weight:800;}
    #onomaInfo .signature-wrap{padding:70px 0}

    #onomaInfo .signature-gallery{width:100%;flex-direction: column;gap:1px;}
    #onomaInfo .gallery-main-image{width:100%;}
    #onomaInfo .gallery-row3{width:100%;height:auto;gap:1px;}
    #onomaInfo .signature-description{margin-top:70px;font-size:15px;line-height:23px;}
    #onomaInfo .menu-link{width:160px;height:27px;line-height:27px;font-size:15px;}
    #Location h2{font-size:30px;margin-bottom:10px;font-weight:800;}
    #Location .txt01{font-size:23px;font-weight:800;margin-bottom:30px}
    #Location .map_wrap{gap:36px;flex-direction: column;width:100%;}
    #Location .map_area.m{width:100%;}
    #Location .address_txt{text-align:center;}
    #Location .address_txt h3{font-size:20px;margin-bottom:5px;font-weight:800;}
    #Location .address_txt .txt01{font-size:15px;font-weight:normal;}
    #Location .txt-wrap-btm{font-size:17px;}
    #Location .txt-wrap-btm b{font-weight:800;}
    #Location .map_area2{width:95%;flex-direction: column;margin:42px auto 0;}
    #Location .box01{padding:30px;}
    #Location .box02{padding:30px 10px 42px;}
    #Location .box01 .tit{font-size:24px}
    #Location .box01 .txt01{font-size:14px;font-weight:normal;}
    #Location .txt-wrap-btm2{margin-top:0;}
    #Location .txt-wrap-btm2 a{width:50%;}
    #Location .txt-wrap-btm2 a img{width:100%;}
    #Location .box01 .txt01 b{font-size:15px;font-weight:800;}
    #Location .box01 .tit2{font-size:24px}
    
    /*GrandBallroom*/
    #Grand_header{background:url(./img/banner03_m.jpg)center;}
    .tit_area{margin:77px auto 44px}
    .tit_area h3{font-size:20px;margin-bottom:-6px}
    .tit_area h2{font-size:28px;margin-bottom:26px;font-weight:800;}
    .tit_area .sub_txt{font-size:15px;line-height:23px;letter-spacing: -1.05px;}
    
    .grand_gallery{margin-bottom:80px}
    .grand_gallery .slider-container{max-width:100%;}
    .grand_gallery .thumbnail-container{flex-wrap: wrap;justify-content: flex-start;padding:0 6px 12px;}
    .grand_gallery .thumbnail{width:74px;height:auto}  
    .grand_gallery .active-thumbnail{border-top:5px solid #DF4F3F} 
    
    #Grand .grand_chart{padding:60px 0}
    #Grand .grand_chart .chart01{width:100%;justify-content:center;align-items:center;flex-direction: column;gap: 40px;}
    #Grand .grand_chart .chart_tit{text-align:center;margin-bottom:0}
    #Grand .grand_chart .chart_tit h3{font-size:26px;line-height:31px;margin-bottom:0;}
    #Grand .grand_chart .chart_tit h4{font-size:25px}
    #Grand .grand_chart .chart_txt p{font-size:15px;line-height:23px;margin-bottom:40px;}
    #Grand .grand_chart .border_list{max-width:260px;}
    #Grand .grand_chart .border_list li{font-size:14px;line-height:25px;text-align:center;padding:5px 9px;letter-spacing:-.7px;}
    #Grand .grand_chart .chart_txt{text-align:center; gap: 41px;}

    #Grand .BrideRoom{flex-direction: column-reverse;margin:80px auto 30px}
    #Grand .txt_area{text-align:center;margin-left:0}
    #Grand .txt_area .top_txt .txt{font-size:15px;line-height:23px;}
    #Grand .BrideRoom .slider{width:100%;height:auto;}
    #Grand .BrideRoom .slider img{width:100%;}
    #Grand .txt_area .bt_txt{font-size:15px;line-height:30px;text-align:center;}
    #Grand .txt_area .bt_txt::before{margin:0 auto 24px}
    #Grand .Lobby{width: 100%;flex-direction: column;margin:100px auto 30px}
    #Grand .menu-link{font-size:13px;width:100px;line-height:27px;height: 27px;}
    #Grand .capacity-table{margin:40px auto 0;font-size:12px;width:auto;}
    .capacity-table th{font-size:15px} 
    .capacity-table td{font-size:12px;letter-spacing:-0.6px;padding:3px 12px}


    /*Salon*/
    #Salon.tit_area{margin:77px auto 44px}
    #Salon .tit_area h3{font-size:20px;margin-bottom:-6px}
    #Salon .tit_area h2{font-size:28px;margin-bottom:0px;font-weight:800;}
    #Salon p{font-size:15px;line-height:23px;}
    #Salon .salon_chart .chart_tit h3{font-size:26px;margin:60px auto 35px; }
    #Salon .salon_chart .chart_tit p{font-size:15px;line-height:23px;margin-bottom:50px}
    #Salon .capacity-table{width:auto;margin:0 auto;}
    #Salon .capacity-table th, #Salon .capacity-table td{padding:5px 2px}
    #Salon .capacity-table tbody th, #Salon .capacity-table tbody td{font-size:12px}
    #Salon .salon_img2{width:100%;height:144px;gap:1px;margin:50px auto 70px}

    /*menu*/

    .menu_gallery{margin-bottom:80px}
    .menu_gallery .slider-container{max-width:100%;}
    .menu_gallery .thumbnail-container{flex-wrap: wrap;justify-content: flex-start;padding:0 6px 12px;}
    .menu_gallery .thumbnail{width:74px;height:auto}  
    .menu_gallery .active-thumbnail{border-top:5px solid #DF4F3F} 
    #MENU .center_banner .center_tit{font-size:35px;line-height:42px;margin-top:50px}
    #MENU .center_banner p{font-size:15px;line-height:23px;letter-spacing:-.75px;margin-top:20px}
    #MENU .center_banner{height:300px;padding:0 10px;background:url(img/menu_mid_m.jpg)center no-repeat #293E45;background-size:cover;}
    #MENU .border-tit{text-align:center;margin:0 auto 30px;font-size:22px}
    #MENU .menu_list ul{gap:70px}
    #MENU .menu_list ul li{flex-direction: column;align-items: center;text-align: center;}
    #MENU .menu_list ul li:nth-child(even){flex-direction: column-reverse;}
    #MENU .menu_list img{width:100%;}
    #MENU .menu_list ul li > img{padding:0 20px}

    /*EventA*/
    #EventA > img{width:100%;margin:0 auto 112px;}
    #EventA .tit_area{margin:77px auto}
    #EventA .Event_slide{padding:70px 0}
    #EventA .slide_tit_wrap{text-align:center;width:100%;}
    #EventA .slide_tit_wrap h3{margin:0 auto 25px}
    #EventA .slide_tit_wrap p{font-size:15px;font-weight:700;line-height:23px;}
    #EventA .Event_slide .event-slider{margin-top:50px}
    #EventA .Event_slide > img{margin:55px auto 0;}
    #EventA .menu-link{font-size:13px;width:100px;line-height:27px;height: 27px;}


    /*EVENT B 이벤트*/
    #EventB{margin-bottom:68px}
    #EventB .card_wrap{width:100%; flex-direction: column-reverse;}
    #EventB .card_wrap img{width:100%;}
    #EventB .card .txt_wrap{width:100%;padding-left:0;text-align: center;padding:77px 0 45px}
    #EventB .card:nth-child(2) .txt_wrap{padding-left:0;}
    #EventB .card:nth-child(2) .card_wrap{ flex-direction: column-reverse;}
    #EventB .card .txt01{font-size:20px;letter-spacing:-1px;line-height:41px;color:#AF8A7F;font-weight:700;}
    #EventB .card .txt02{font-size:27px;letter-spacing:-.27px;line-height:32px;color:#293E45;margin:7px 0 43px;font-weight:800;}
    #EventB .card .txt03{font-size:15px;line-height:23px;letter-spacing:-1.08px;color:#3E3E3D;}


    /*RESERVATION*/
    #RESERVATION{padding:40px 20px}
    #RESERVATION .icon{width:40px;height:40px;}
    #RESERVATION .icon img{width:18px;}
    #RESERVATION .box{margin:0 auto;width:100%;padding:60px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #RESERVATION .tel{    display: flex;flex-direction: column;font-size:25px;color:#000000;line-height:30px;letter-spacing:-1.25px;align-items: center;font-weight:800;}
    #RESERVATION .bt_txt b{font-size:18px;line-height:32px;margin-bottom:10px;font-weight:700;}
    #RESERVATION .bt_txt p{font-size:16px;line-height:22px;;}
}