@charset "utf-8";

html, body, div, span, applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,
th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0
}

html,
body {
    width: 100%;
    font-size: 14px;
    font-family: "Pretendard", sans-serif !important;
    font-weight: 200;
    color: #000;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    word-break: keep-all;
    /* letter-spacing: -0.02em; */
    letter-spacing: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    background: #fff;
}
body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar{
    display: none;
    width: 0;  /* Remove scrollbar space */
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-appearance: none;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none
}

label {
    font-size: 14px;
    color: #111;
}

blockquote,q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

img,fieldset,a {
    border: 0
}

img {
    max-width:100%;
    height:auto;
    display: block;
}

table,thead,tbody,tfoot {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: keep-all;
    border:1px solid #ccc;
    text-align: center;
}

table thead {background: #eee;}

table th,
table td {
    word-break: keep-all;
    padding: 5px;
    border:1px solid #ccc;
    font-size: 12px;
    line-height: 16px;
}

ul,ol,li {
    list-style: none;
    word-break: keep-all
}

address,em {
    font-style: normal;
    color:#EDDBD2;
}

textarea {
    resize: none
}

caption {font-size: 0; color: transparent;}

input,select,textarea,form img {
    vertical-align: middle;
    border:none;
    width: 100%;
    font-size:16px;
    padding: 6px 0;
}

input::placeholder {color:#999;}

fieldset {
    min-width: 0
}

button,
input[type="submit"] {
    cursor: pointer
}

input:focus,
button:focus,
select:focus,
textarea:focus {
    outline: 0
}

input:disabled,
textarea:disabled {
    opacity: 1
}

button::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

button {
    font-family: inherit;
    letter-spacing: inherit;
    border: 0;
    border-radius: 0;
    background: 0;
    box-sizing: border-box;
    cursor: pointer;
    touch-action: manipulation
}

::placeholder,
::-webkit-input-placeholder,
:-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #999 !important;
}

a {
    text-decoration: none
}

a:link {
    color: #333;
}

a:visited {
    color: #000;
}

a:focus {
    color: #9C8061 !important;
}

strong {font-weight:bold;}

.cont_wrap {
    padding-right: constant(safe-area-inset-right);
    padding-left: constant(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
}

/* root */
:root {
    /* ios대응 */
    --vh: 100vh;
    /* z-index */
    --contBottom: 71;
    --Toat: 100;
    --Popup: 101;
}

/* font */
.gold {color:#9c8061 !important;}
.bk {color: #000 !important;}
.white {color: #fff !important; line-height: 27px !important;}
.txt20 {font-family: 'Arita Buri', sans-serif !important; font-size: 20px; font-weight: 500; line-height: 27px;}
.txt40 {font-family: 'Arita Buri', sans-serif !important; font-size: 40px; font-weight: 500; line-height: 27px;}
.tit01 {font-family: 'Arita Buri', sans-serif !important; font-size: 24px; color: #9C8061; line-height:24px; font-weight:500;}
.tit02 {font-family: 'Arita Buri', sans-serif !important; font-size: 40px; color: #9C8061; line-height:60px; font-weight:500;}
.tit03 {font-family: 'Arita Buri', sans-serif !important; font-size: 30px; line-height:50px; font-weight:500;}
.tit03 strong {font-weight:600;}
.tit04 {font-family: 'Arita Buri', sans-serif !important; font-size: 48px; color: #9C8061; line-height:33px; font-weight:600;}
.tit05 {font-family: 'Arita Buri', sans-serif !important; font-size: 14px; color: #000; line-height:22px; font-weight:500;}
.tit06 {font-family: 'Arita Buri', sans-serif !important; font-size: 22px !important; color: #9C8061 !important; line-height:25px !important; font-weight:600 !important;}
p strong {font-family: 'Arita Buri', sans-serif !important; font-weight: 700; line-height: 32px; font-size: 20px; margin-top:30px; display: block;}
p .txt-bold {margin-top:24px; line-height: 14px;}
.sub {font-size: 18px; font-weight: 400; line-height: 27px; margin: 40px 0 30px;}
.sub + .sub {margin-top:30px;}

.inner {max-width:1300px; margin: 140px auto 0; position: relative;}
.inner742 {max-width:742px; margin: 120px auto 0px; position: relative;}
.inner742 .service-item {padding: 50px 0; gap: 40px;}
.inner742 .service-item dt {font-weight: 500; width: 73px;}
.inner742 .service-item ul li {font-size: 16px; line-height: 35px;}
.inner1440 {max-width:1440px; margin: 124px auto 191px; position: relative;}
.inner.margin120 {margin:120px auto 0;}
.inner + .inner {margin-top:200px;}
.inner + .inner.margin80 {margin-top:80px; text-align: center;}
.inner + .inner.margin120 {margin-top:120px;}
.inner .top-txt {position: absolute; z-index: 10; bottom: 104px; max-width: 632px; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.inner .top-txt.visible {opacity: 1; transform: translateY(0);}
.inner .top-txt img {width: 100%; height: 100%;}
.inner .swipe-wrap {display: flex; justify-content: space-between; gap: 18px;}
.inner.mid {display: flex; justify-content: space-between; gap: 87px;}
.inner.mid .top-txt {flex: 1; top: 0; right: 186px;}
.inner .menu {text-align: center;}
.inner .txt-wrap {margin-top:80px;}
.inner .img-L01 {top:75px; left:0; position: absolute;}
.inner .img-R01 {top:0; right:0; position: absolute; max-width: 380px;}
.inner .img-L02 {top:0; left:0; position: absolute; max-width: 858px;}
.inner .img-R02 {top:37px; right:0; position: absolute; max-width: 422px;}
.inner .box-wrap ul {display: flex; justify-content: space-between; margin: 71px 0 73px; gap: 16px;}
.inner .box-wrap ul li {padding:44px 0 44px 35px; border: 1px solid #9c8061; text-align: left; width: 313px;}
.inner .box-wrap .desc {font-weight: 600; color: #9c8061; padding-top: 70px; font-size: 18px;}
.inner .box-wrap .desc span {font-weight: 400; font-size: 16px;}

/* swipe */
.swiper.top {width: 720px; height: 900px; margin-left: auto; margin-right: 0; opacity: 0; transform: translateY(140px); transition: opacity 1s ease-out, transform 1s ease-out;}
.swiper.top.visible {opacity: 1; transform: translateY(0);}
.swiper.mid01 {width: 315px; height: 428px; margin-left: 0; opacity: 0; transform: translateY(110px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.swiper.mid02 {width: 240px; height: 428px; opacity: 0; transform: translateY(160px); transition: opacity 1s ease-out, transform 1s ease-out;}
.swiper.mid01.visible,
.swiper.mid02.visible {opacity: 1; transform: translateY(0);}
.swiper.about, .swiper.menu {width: 1105px; height: 454px;}
.swiper.about .swiper-wrapper, .swiper.menu .swiper-wrapper {width: 363px; height: 454px;}
.swiper-button-next.about,
.swiper-button-prev.about,
.swiper-button-next.menu {top: 30.8%; right: 9px; color: #000; width:33px; height:50px;}
.swiper-button-prev.menu {top: 30.8%; left: 8px; color: #000; width:33px; height:50px;}
.swiper-button-next.menu:after, 
.swiper-button-prev.menu:after,
.swiper-button-next.about:after {width:33px; height:50px; background: url('/resources/assets/catering/img/arrow_bk.png') center / 100% no-repeat; font-size:0;} 
.swiper-button-prev.about:after {width:33px; height:50px; background: url('/resources/assets/catering/img/arrow_bk.png') center / 100% no-repeat; font-size:0; transform: scaleX(-1);}

.swiper.journey {background: #9C8061; padding: 94px 70px 174px; overflow: hidden; width: 100%;}
.swiper.journey .swiper-wrapper {margin-top: 80px; gap: 16px;}
.swiper.journey .swiper-slide {width: 360px; height:236px; flex: 0 0 auto;}
.swiper.journey .swiper-slide div {height:236px; background: #fff; padding: 47px 12px 47px 50px;}
.swiper.journey .swiper-slide .desc {margin-top: 70px; font-size: 18px; line-height: 26px; color: #000; font-weight: 600;}
.swiper.journey .swiper-pagination {position: absolute !important; left:50%; top:86%; transform: translateX(-50%); width:320px; height:1.5px; background:#fff; overflow: hidden;}
.swiper.journey .swiper-pagination-progressbar-fill {background: #000;}

.tab {padding:28px 0; margin-top:304px; border-top: 1px solid #B39A7D; border-bottom:1px solid #B39A7D;}
.tab ul {display: flex; justify-content: space-between; max-width: 960px; margin:0 auto;}
.tab ul li {position: relative;}
.tab ul a {display: inline-block; padding-bottom: 0px;}
.tab ul a:hover {color: #9C8061; transition: ease .3s;}
.tab ul a.gold::after {content: ''; position: absolute; bottom: -28px; left: 0; width: 101%; height: 8px; background-color: #B39A7D;}

.service-info {width: 742px; border-top: 1px solid #000; margin:81px auto 0; text-align: left;}
.service-item {display: flex; justify-content: flex-start; padding: 50px 47.5px 50px; border-bottom: 1px solid #000; gap:137px;}
.service-item:last-child {border-bottom:none;}
.service-item dt {width: 171px; font-weight: 700;}
.service-item dd {font-size: 18px; font-weight: 400;}

/* table */
.table-tit {font-size: 25px; line-height: 27px; font-weight: 600; text-align: center; margin-bottom: 50px;}
.vat {font-size: 14px; line-height: 10px; font-weight: 300; display: block; margin-bottom: 21px; color: #888; text-align: right;}
.table-wrap {display: flex; justify-content: space-between; gap: 17px;}
.menu-table {width: 100%; border-collapse: collapse; font-size: 16px;}
.menu-table.drink td {padding: 24px 41px;}
.menu-table thead th {border-top: 1.5px solid #000; border-bottom: 1.5px solid #000; padding: 42.5px 53px; vertical-align: top; font-size: 16px; line-height: 20px; font-weight: 400; background: #fff;}
.menu-table thead th.col-division {background: #FBFAF9;}
.menu-table th, .menu-table td {border: 1px solid #F1F1F1; padding: 36px 41px; vertical-align: middle; font-size: 16px; line-height: 28px; font-weight: 400;}
.menu-table td {text-align: left;}
.menu-table td:last-child {color: #666; font-size: 14px; line-height: 22px;}
.menu-table td strong {font-size: 18px; line-height: 22px; font-weight: 500; font-family: "Pretendard", sans-serif !important; color: #000;}
.menu-table th {background: #f7f4ef; font-weight: 600; border-bottom: 1px solid #F1F1F1;}
.menu-table .border {border-top: 1px solid #000 !important;}
.category-row td {border-bottom: 1px solid #F1F1F1;}
.category-row td.category {background: #FBFAF9;}
.category {font-size: 18px; font-weight: 700; color: #b49a6d; padding-top: 25px; padding-bottom: 10px;}
.category span {font-size: 14px; font-weight: 400; font-family: "Pretendard", sans-serif !important; line-height: 27px;}
.category .desc {font-size: 12px; color: #888; display: block; line-height: 27px; font-weight: 400; margin-top: 80px;}
.division {font-weight: 600; color: #555;}
small {font-size: 12px; font-family: "Pretendard", sans-serif !important; color: #888; line-height: 26px;}

.block {display: block;}
.none {display: none;}

@media (min-width: 320px) and (max-width:768px) {
    .block {display: block;}
    .none {display: none;}

    /* font */
    p strong {font-size: 4.167vw; margin-top: 8.333vw; text-align: center;}
    p .txt-bold {margin-top: 4.4vw;}
    .tit01 {font-size: 5.556vw;}
    .tit02 {font-size: 6.667vw; line-height: 13.89vw;}
    .tit03 {font-size: 6.667vw; line-height: 9.444vw;}
    .tit04 {font-size: 6.67vw;}
    .txt20 {font-size: 4.167vw; text-align: center; line-height: 5.833vw !important;}
    .txt40 {font-size: 6.667vw; text-align: center; line-height: 7.917vw !important;}

    .inner {padding: 0; margin: 0; height: auto !important; width: 100%;}
    .inner.margin120 {margin: 13.889vw auto 0; height: auto !important;}
    .inner:has(.img-L01, .img-R01, .img-L02, .img-R02) {padding: 0 20px;}
    .inner.margin80 .tit03 {margin-top: 13.89vw !important;}
    .inner.margin80 .tit03 strong {margin-top: 5.56vw !important;}
    .inner.margin80 .box-wrap {padding: 0 20px;}
    .inner + .inner {margin-top: 27.78vw;}
    .inner + .inner.margin120 {margin-top: 27.778vw;}
    .inner + .inner.margin80 {margin-top: 27.778vw;}
    .inner .top-txt {position: unset; margin-top: 13.889vw; text-align: center;}
    .inner .top-txt .txt40 {margin-top: 5.56vw !important;}
    .inner .top-txt img {display: inline; margin-top: 15.625vw !important; width: 76.111vw; height: 13.333vw;}
    .inner .txt-wrap {margin-top: 13.889vw;}
    .inner.mid {display: block; margin-top: 27.778vw; padding: 0 20px;}
    .inner.mid .sub {font-size: 3.75vw; line-height: 5.556vw; text-align: center; margin: 8.333vw 0;}
    .inner .sub {font-size: 3.750vw; line-height: 5.556vw; margin-bottom: 0;}
    .sub + .sub {margin-top: 5.56vw; margin-bottom: 0;}
    .inner .swipe-wrap {display: block;}
    .inner .img-L01 {position: unset;}
    .inner .img-R01 {position: unset; max-width:100%; margin-top: 5.56vw;}
    .inner .img-L02 {position: unset; max-width:100%;}
    .inner .img-R02 {position: unset; max-width:100%; margin-top: 5.56vw;}
    .inner .box-wrap ul {margin: 13.89vw 0; gap: 2.78vw; flex-wrap: wrap;}
    .inner .box-wrap ul li {padding: 6.94vw 6.94vw 9.6vw; width: 48%; height: 46vw;}
    .inner .box-wrap .desc {font-size: 3.75vw; padding-top: 4vw; line-height: 5.64vw; letter-spacing: -0.9px;}
    .inner .box-wrap .desc span {font-size: 3.33vw;}
    .inner1440 {padding: 0 20px; margin: 27.78vw auto 55.56vw;}
    .inner1440 .table-tit {font-size: 5.56vw; margin-bottom: 13.89vw;}
    .inner1440 .table-wrap {display: block;}
    .inner1440 .table-wrap .menu-table + .menu-table {margin-top: 5.56vw;}
    .inner1440 .vat {font-size: 3vw; margin-bottom: 2.78vw;}
    .inner742 {margin: 27.78vw auto 0; max-width: 100%;}
    .inner742 .service-item {display: flex; justify-content: flex-start; gap: 5.56vw; padding: 11vw 0;}
    .inner742 .service-item ul li {font-size: 3.75vw; line-height: 5.56vw; text-align: left;}
    .inner742 .service-item dt {width: 13.61vw;}
    .inner742 .service-item dd {margin-top: 6px;}
    .inner742 .service-item:first-child {border-top: 1px solid #000;}
    .menu-table thead th {padding: 4.44vw 4vw; font-size: 3.75vw; line-height: 2.78vw;}
    .menu-table th, .menu-table td,
    .menu-table.drink td {padding: 2.78vw; font-size: 3.61vw !important;}
    .menu-table td:has(.tit05) {font-size: 2.22vw !important;}
    .menu-table td strong {font-size: 3.06vw;}
    .menu-table td:last-child {font-size: 3.06vw !important; line-height: 4.17vw; padding: 3.61vw 1.94vw !important;}
    .category span {font-size: 2.22vw;}

    .swiper.mid01, .swiper.mid02 {width: 100%; height: 100%;}
    .swiper.mid01 + .swiper.mid02 {margin-top:5.556vw;}
    .swiper.menu {padding: 0; width: 72.22vw; height: auto;}
    .swiper.about {margin-top: 27.78vw; padding: 0; width: 72.22vw; height: auto;}
    .swiper.menu .swiper-wrapper, .swiper.about .swiper-wrapper {width: 72.22vw; height: 100.83vw; gap: 0;}
    .swiper-button-next.menu {right: 5.56vw; top: 52vw; width: 5.56vw; color: #000;}
    .swiper-button-next.about {right: 5.56vw; top: 102vw; width: 5.56vw; color: #000;}
    .swiper-button-prev.menu {left: 5.56vw; top: 52vw; width: 5.56vw; color: #000;}
    .swiper-button-prev.about {left: 5.56vw; top: 102vw; width: 5.56vw; color: #000;}
    .swiper-button-next.menu:after, 
    .swiper-button-next.about:after {font-size: 0;}
    .swiper-button-prev.menu:after, 
    .swiper-button-prev.about:after {font-size: 0;}
    .swiper.journey {padding: 13.89vw 5.56vw 41.67vw;}
    .swiper.journey .swiper-wrapper {margin-top: 27.78vw; gap: 3.06vw;}
    .swiper.journey .swiper-slide {width: 68.06vw; height: 44.72vw;}
    .swiper.journey .swiper-slide .desc {margin-top: 5.5vw; font-size: 3.75vw; line-height: 6.11vw;}
    .swiper.journey .swiper-slide div {padding: 8.89vw 4vw 8.33vw 8.89vw; height: 44.45vw;}
    .swiper.journey .swiper-pagination {width: 88.89vw; left: 45%; top: 88%;}
    .menu .txt-wrap .tit03 {margin-top: 13.89vw; font-size: 6.67vw; line-height: 9.44vw;}

    .tab {margin-top: 27.778vw; padding: 0; overflow-x: scroll; white-space: nowrap;}
    .tab ul {justify-content: flex-start; text-align: center;}
    .tab ul li {padding: 5.556vw 6.944vw;}
    .tab ul a {width: 31.944vw;}
    
    .service-info {border: none; margin: 13.89vw auto; padding: 0 20px; width: auto; text-align: center;}
    .service-item {display: block; padding: 11.11vw 0;}
    .service-item:first-child {border-top: 1px solid #000;}
    .service-item dt {width: auto; font-size: 5.56vw;}
    .service-item dd {font-size: 3.75vw; margin-top: 5.56vw; line-height: 5.56vw;}




    article p {letter-spacing: -1px;}
    nav {display: none;}
    nav.nav-wrap {display: none;}
    .none {display: block;}
    .block {display: none;}
    .hamburger {width: 24px; height: 17px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; z-index: 1100;}
    .hamburger span {display: block; width: 22.5px; height: 1px; background: #fff; transition: all 0.3s ease;}
    .hamburger.active span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
    .hamburger.active span:nth-child(2) {opacity: 0;}
    .hamburger.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}
    #header {padding:27px 21px !important;}
    #header p {font-size:24px; letter-spacing: -1px; text-align: center; width: 300px;}
    #header nav {display: none;}
    #header .head-wrap {padding:27px 20px;}
    #header .nav-wrap .txt {display: block;}
    #header .logo {width: 220px; height:14px; margin-top: 2px;}
    .header-visual {height: 396px;}
    .header-visual p {font-size:6.67vw;}
    .head-detail {position: fixed; top: 0; left: 0; width: 100%; max-height: 100vh !important; transform: translateX(-100%); transition: transform 0.35s ease; color: #fff; padding: 88px 20px 22px; flex-direction: column; text-align: left; gap: 0px !important; display:flex !important; justify-content: flex-start !important; height: 100%;}
    .head-detail h1 {display: none; font-size: 20px;}
    .head-detail li {margin-top:0;}
    .head-detail li + li {margin-top:20px;}
    .head-detail li a {font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, .8);}
    .head-detail.active {transform: translateX(0);}
    .head-detail .txt {font-size:20px;}
    .head-detail .nav-wrap {left:21px; top:228px;}
    .head-detail .nav-wrap.cate {left:21px; top:84px;}
    .head-detail .nav-wrap .txt strong {display: block; font-weight:500;}
    .head-detail .nav-wrap + .nav-wrap {margin-top: 26px; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .top-wrap {z-index: 11; transition: none !important; height: 71px;}
    #footer {padding:40px 20px;}
    #footer .inner {display: block; padding-top:0; text-align: left;}
    #footer .inner .info {font-size:12px;}
    #footer .inner .info p:last-child {margin:0 0 20px 0;}
    #footer .inner .info address + p {margin-top: 20px;}
    #footer .sitemap {margin:15px 0 0 0; justify-content: center; padding: 0 20px; font-size: 12px;}
    .footer-logo img {width:263px; height:16px; margin:14px 0 40px 0;}
    .cont-service {min-height: 1299px;}
    .cont-service h2 {font-size: 36px; line-height: 40px; margin-bottom: 40px;}
    .service .txt {padding: 20px; display: flex; flex-direction: column; margin-bottom: 20px;}
    .service .txt .sub {margin:4px 0 0 0;}
    .service .txt p {margin-top:8px;}
    .service img {object-fit:cover; aspect-ratio: 4 / 2.5;}
    .title36 {line-height:40px;}
    .title46 {line-height:26px;}
    .inner.about .about-cont div {display:block; text-align: center; padding:40px 24.5px;}
    .inner.about .about-cont div p {margin-top:32px; font-size:16px;}
    .inner.about .about-cont div p strong {font-size:18px;}
    .inner picture .symbol {margin-top: 40px; max-width: 320px;}
    .inner picture:first-child img {margin-top:0;}
    .cont-area {display: block; height: 582px;}
    .cont-area .side {padding: 80px 20px 20px;}
    .cont-area .side .title46 {font-size: 36px; line-height: 40px; position: relative;}
    .cont-area .side .menu {margin-top: 40px;}
    .cont-area .side .menu a {font-size: 18px;}
    .cont-area .side .menu a + a {margin-top: 18px;}
    .cont-value, .cont-color, .cont-serv {padding:80px 20px;}
    .cont-value h2 {margin-bottom:40px;}
    .cont-value .txt-box {min-width:0; padding:20px;}
    .cont-value .txt-box span {margin-top:66px;}
    .cont-flex {display:block;}
    .cont-flex .service + .service {margin-top:12px;}
    .cont-flex .txt-box + .txt-box {margin:12px 0 0 0;}
    .cont-flex .title46 {font-size:36px; line-height: 40px;}
    .cont-flex.wrap1030 {margin:0;}
    .cont-flex article {margin-top: 32px !important;}
    .cont-flex article p {font-size: 16px;}
    .cont-flex article p + p {margin-top:20px;}
    .about-cont strong {margin-left:0 !important;}
    .ci-color p {letter-spacing: -1.5px;}
    .cont-ci .inner {padding:0 0 80px 0;}
    .cont-ci .inner .display {display: block;}
    .ci-color .color-box {max-width:100%; height:60px; margin: 40px auto 0;}
    .cont-color .wrap, .ci-color h3 {display: block; margin:40px auto 0;}
    .cont-serv .txt-wrap {max-width:89vw; max-height:89vw; margin: 0 auto;}
    .cont-serv .txt-wrap + .txt-wrap {margin-top: 20px;}
    .cont-serv .cont-flex.wrap1030 {margin-top: 80px;}
    .cont-serv .inner:has(.img-box) {display: block; padding: 40px 0 0 0;}
    .cont-serv .img-box .txt {padding: 26px 20px 44px;}
    .cont-serv .img-box .txt p {font-weight: 200; letter-spacing: -1px;}
    .cont-serv .img-box + .img-box {margin-left: 0; margin-top:12px;}
    .cont-serv .img-box img {max-height: 237px; object-fit: cover;}
    .photo-wrap {padding:80px 0;}
    .photo-wrap .eng {margin-bottom:40px;}
    .photo-wrap .swiper .swiper-slide {max-width: 300px; max-height: 227px;}
    .photo-wrap .swiper .swiper-pagination {top: 275px;}
    .photo-wrap .swiper .swiper-wrapper {margin-left:20px;}
    .cont-history .inner-cate {display: block;}
    .cont-history .btn-wrap {width:auto; overflow-x: scroll; top:0; left: 0; scrollbar-width: none; margin: -20px; position: sticky; z-index: 10; background: url('./img/img_visual05.png') center / 100% no-repeat;}
    .inner-cate .btn-time {flex-direction: row; white-space: nowrap; padding: 26px 0 13px 20px;}
    .inner-cate .btn-time.fixed {top: 0; background: #fcf8f5; overflow-x: scroll; overflow-y: hidden;}
    .inner-cate .btn-time.fixed:after {content: ''; display: block; width: 100%; height: 30px; background: linear-gradient(to bottom, #fcf8f5 0%, rgba(252, 248, 245, 0) 100%); position: absolute; top: 76px;}
    .inner-cate .btn-time.fixed::-webkit-scrollbar {display: none;}
    .time-cont {margin-top: 50px;}
    .time-cont .time-section {min-width: 273px;}
    .swiper .swiper-slide img {width: 100% !important; height: 100%; object-fit: cover;}
    .swiper.top {width:100%; height: 150.625vw; margin:0;}
    .swiper.top .swiper-wrapper p {font-size: 25px; left: 20px; bottom:10%}
    .swiper.top .swiper-wrapper p span {font-size: 26px; letter-spacing: 0;}
    .swiper.top .swiper-pagination {left:20px;}
    .swiper.top .swiper-button-prev, .swiper.top .swiper-button-next, .pause.top {display: none;}
    .swipe-element {top: 50%; left: 50%; bottom:0; width:auto; height: auto; transform: translate(-50%, -50%);}
    .swipe-element .wrap {width: 86px; height: 118px; top: 30%; left: 11%;}
    .cont-swipe {width: 100%; padding: 20px 0 55px 20px; background: #392215;}
    .cont-swipe .title {display: none;}
    .cont-swipe .swiper-wrapper .swiper-slide {width: 300px !important; height: 227px;}
    .cont-swipe .swiper {margin-top: 0;}
}