@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

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

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: #999
}

a:focus {
    color: #333
}

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

/* header */
.header-visual {position: relative; width: 100%; height:660px;}
.header-visual img {width:100%; height: 100%; object-fit: cover;}
.header-visual p {color:#fff; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.top-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 240px;}
#header {position:absolute; box-sizing: border-box; width: 100%; cursor: pointer; display: flex; justify-content: space-between; padding: 30px 80px; z-index: 10;}
#header nav {display: flex; justify-content: flex-end; gap:56px;}
#header.head-wrap {padding:30px 80px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 100;}
#header.head-wrap a {color:#fff; font-weight:400; font-size:16px; line-height:20px;}
#header.head-wrap ul {display: flex; justify-content: space-between;}
#header.head-wrap ul li + li {margin-left:45px;}
#header .nav-wrap {max-width: 160px; text-align: right;}
#header .nav-wrap h4 {font-size: 16px; line-height: 20px; color: #fff; font-weight:400;}
#header .nav-wrap .txt {display: none;}
#header .logo {width:328px; height:20px;}
#header .logo img {width:100%; height:100%;}
.head-detail {position: absolute; top: 0; left: auto; right: 0; width: 100%; height: 0; overflow: hidden; background: #1C0E06; transition: height 0.3s ease; display: flex; justify-content: flex-end; gap: 45px; z-index: 10; text-align: right;}
.head-detail h4 {color: #fff;}
.head-detail li {margin-top: 15px;}
.head-detail li a {color: #fff; font-size:14px; line-height:20px;}
.head-detail .nav-wrap {position: absolute; top: 60px; right: 80px;}
.head-detail .nav-wrap.cate {right: 256px;}
.head-detail .nav-wrap .txt strong {display: none;}

/* footer */
#footer {background: #5C4942;}
#footer .inner {text-align: right; color:#EDDBD2; display:flex; justify-content: space-between; border-bottom:1px solid rgba(237, 219, 210, 0.4); padding: 50px 0 0 0;}
#footer .inner .info p {margin-top:3px;}
#footer .sitemap {max-width:1240px; padding:0 80px 50px; display:flex; justify-content: flex-end; gap: 30px; margin:20px auto 0;}
#footer .sitemap li a {color:#EDDBD2;}
.footer-logo p {color:#EDDBD2; text-align: left;}
.footer-logo img {width:328px; height:20px; margin:15px 0 25px;}
.symbol {margin-top:50px;}

.eng {font-family: "big-caslon-fb", serif;}
h3.eng {color:#AC8C53; font-size:28px;}
article {margin-top: 50px;}
article p {font-size:16px; line-height: 1.5;}
.center {text-align: center;}
.wrap1030 {max-width:1030px;}

.cont-flex {display: flex; justify-content: space-between; align-items: center;}
.cont-flex + .cont-flex {margin-top:20px;}
.cont-flex .txt-box + .txt-box {margin-left:20px;}
.cont-flex article p {font-size:16px; line-height:1.5; color:#000;}
.cont-flex.wrap1030 {margin:50px auto 0;}
.title36 {font-weight:500; font-size: 36px; line-height: 26px; color:#392215;}
.title46 {font-weight:500; font-size: 46px; line-height: 50px; color:#392215;}
.sub-title {font-weight:500; font-size:28px; line-height:34px; color:#392215; letter-spacing: -1px;}
.cont-service {background: url('../img/sec_bg.jpg') center / cover no-repeat;}
.cont-service h2 {margin-bottom:60px; line-height:32px;}
.cont-service .inner {padding:100px 80px;}
.inner {padding:100px 80px; max-width:1240px; margin:0 auto;}
.inner.center picture {max-width: 1240px; margin-top: 50px; display: block;}
.inner.center picture img {margin: 0 auto; display: block;}
.service {max-width:400px;}
.service img {width:100%; height:100%;}
.service .txt {background: #fff; padding:30px;}
.service .txt p {color:#392215; font-size:16px; line-height:1.5; margin-top:12px;}
.txt .sub {font-size:16px; color:#ac7252; margin-left:5px;}
.cont-area {display: flex; justify-content: flex-start; height: 556px;}
.cont-area .side {background: #392215; padding:100px 80px 100px 160px; box-sizing: border-box; display: flex; flex-direction: column;}
.cont-area .side .title46 {color:#fff;}
.cont-area .side .menu {margin-top:80px;}
.cont-area .side .menu a {color:#aaa; font-size:28px; font-weight:500; display: flex; flex-direction: column;}
.cont-area .side .menu a + a {margin-top:20px;}
.cont-area .side .menu a:hover {color:#fff;}
.cont-area .side .menu a.act {color:#fff;}
.cont-swipe {padding:100px 0 0 50px; background: #fff; position: relative; flex: 1; box-sizing: border-box; width: 50%;}
.cont-swipe .title {font-size:36px; margin-bottom:50px; display: inline;}
.cont-swipe .swiper {overflow: hidden; width: 100%; margin-top: 50px;}
.cont-swipe .swiper-wrapper {display: flex; gap: 20px;}
.cont-swipe .swiper-wrapper .swiper-slide {width:370px !important; height:280px; flex:0 0 auto;}
.cont-swipe .swiper-button-next {top:136px; left:464px; color:#392215; width:5px; height:10px; display: block;}
.cont-swipe .swiper-button-prev {top:136px; left:416px; color:#392215; width:5px; height:10px; display: block; position: absolute;}
.cont-swipe .swiper-button-next:after, 
.cont-swipe .swiper-button-prev:after {font-size:12px; font-weight:700;}
.cont-swipe > div {display: none;}
.cont-swipe > div.active {display: block;}
.swiper.top {width:100%; height: 1180px; overflow: hidden; position: relative;}
.swiper.top img {width: 100%; height: 100%; object-fit: cover; display: block;}
.swiper.top .swiper-slide {box-sizing: border-box;}
.swiper.top .swiper-wrapper p {position: absolute; bottom: 12%; left: 80px; font-size:40px; letter-spacing: -1px; line-height:1.5; font-weight: 200; font-family: 'Pretendard';}
.swiper.top .swiper-wrapper .title28 {font-family: "big-caslon-fb", serif; bottom:100px; font-weight:500; font-size: 28px; line-height: 28px; color:#fff;}
.swiper.top .swiper-wrapper .logo_gall {position: absolute; left: 230px; bottom:78px; width: 116px; height: 88px;}
.swiper.top .swiper-button-prev {color:#fff; position: absolute; left:226px; top: 92.5%}
.swiper.top .swiper-button-next {color:#fff; position: absolute; left:275px; top: 92.5%}
.swiper.top .swiper-button-prev:after {font-size: 12px; font-weight:500;}
.swiper.top .swiper-button-next:after {font-size: 12px; font-weight:500;}
.swiper.top .swiper-pagination {position: absolute; bottom:86px; left:80px; width:85px; height:1.5px; background:rgba(255, 255, 255, .4); overflow: hidden;}
.swiper.top .swiper-pagination-progressbar-fill {background: #fff;}
.swipe-element {position: absolute; z-index: 2; width: 200px; height: auto; left: 50%; top:50%; transform: translate(-50%, -50%);}
.swipe-element .wrap {position: absolute; width: 174px; height: 240px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.swipe-element .wrap img {width: 100%; height: 100%;}
.act {color:#fff;}
.pause {position: absolute; top:110px; left: 437px; color:#392215; font-size:16px;}
.pause.top {width:18px; height:26px; top:91.2%; bottom: 10%; left:256px; right:0; color:#fff; font-size:16px; z-index: 2;}

/* about us */
.inner picture img {margin-top: -20px;}
.inner.about {text-align: center; max-width: 735px;}
.inner.about .about-cont {max-width: 735px; margin: 100px 0 auto; border-bottom: 1px solid #AC8C53;}
.inner.about .about-cont div {display: flex; justify-content: flex-start; gap:80px; border-top: 1px solid #AC8C53; padding:50px 0; text-align: left;}
.inner.about .about-cont div p {line-height: 1.5; font-size: 16px; font-weight: 200; letter-spacing: -0.6px;}
.inner.about .about-cont div p strong {font-size:18px; font-weight: 500;}
.inner.about .about-cont .title36 {min-width:158px;}
.cont-value {background: url('../img/sec_bg.jpg') center / cover no-repeat; padding:100px 80px 150px; text-align: center;}
.cont-value h2 {margin-bottom:50px;}
.cont-value .wrap {max-width:1240px; margin:0 auto;}
.cont-value .txt-box {background:#fff; min-width:505px; padding:30px; text-align: left;}
.cont-value .txt-box span {color:#360E00; font-size:24px; font-weight:500; margin-top:106px; display:block;}
.cont-value .txt-box p {color:#000; font-size:16px; font-weight:200; line-height:1.5; margin-top:10px; letter-spacing: -1px;}

/* history */
.cont-history {max-width:805px; margin:0 auto;}
.cont-history .inner-cate {display: flex; justify-content: flex-start; gap:40px; align-items: flex-start;}
.cont-history .btn-wrap {width:160px;}
.inner-cate .btn-time {position: sticky; left: 0; top: 70px; display: flex; flex-direction: column; align-self: flex-start; align-items: flex-start; gap: 10px; white-space: nowrap; width:100%;}
.inner-cate .btn-time.fixed {position: fixed !important; top: 100px; z-index: 200; width: 100%; box-sizing: border-box;}
.inner-cate .btn-time .v-scroll-time {background: transparent; color:#392215; border-radius: 48px; border:1px solid #392215; padding:10px 20px; cursor: pointer;}
.inner-cate .btn-time .v-scroll-time a {font-size:16px; line-height:16px; font-weight:500; color:#392215; display: block;}
.inner-cate .btn-time .v-scroll-time.act {background: #392215;}
.inner-cate .btn-time .v-scroll-time.act a {color:#fff;}
.btn-time li:last-child {margin-right: 20px;}

.time-cont {text-align: left; position: relative;}
.time-cont:before {content: ''; position: absolute; top:12px; width: 1px; height:calc(100% - 16px); background: #AC8C53;}
.time-cont .time-tit {font-size:24px; color:#AC8C53; font-weight:600; margin: 50px 0;}
.time-cont .time-year {font-size: 16px; line-height:16px; color: #392215; font-weight: 500; border-bottom: 1px solid #392215; padding-bottom: 6px; display: inline-block; min-width: 55px; text-align: center;}
.time-cont .time-year + .time-evt {margin-top:20px;}
.time-cont .time-list .time-evt {font-size: 16px; line-height:24px; color: #000;}
.time-cont .time-list .time-evt span {color: #392215; font-weight: 600; min-width:31px;}
.time-cont .time-list .time-evt p {letter-spacing: -1px;}
.time-cont .time-list .time-evt p strong {font-weight:600;}
.time-cont .time-list .time-evt div {display: flex; justify-content:flex-start; gap: 30px;}
.time-cont .time-list dd + dd {margin-top:10px;}
.time-cont .time-section {min-width:554px; padding-left: 50px; position: relative;}
.time-cont .time-section:before {content: ''; position: absolute; left: -4px; top: 9px; width:9px; height:9px; border-radius: 100%; background: #392215;}
.time-cont .time-section .time-list dd + dt {margin-top:50px;}
.time-cont .time-section .time-list + .time-list {margin-top:50px;}

/* CI */
.cont-ci .inner {padding:0 80px 100px;}
.cont-ci .inner .display {display: none;}
.cont-color {background: url('../img/sec_bg.jpg') center / cover no-repeat; padding:100px 80px 150px; text-align: center;}
.cont-color .wrap {display: flex; justify-content: space-between; margin:80px auto 0; max-width:1240px;}
.ci-color {text-align: left;}
.ci-color h3 {margin-top:30px; color:#392215;}
.ci-color p {margin-top:20px; font-size:16px; line-height:1.5;}
.ci-color .color-box {width:610px; height:120px;}
.ci-color .color-box.brown {background:#360E00;}
.ci-color .color-box.gold {background:#AC8C53;}
.ci-color .color-box.black {background:#1C0E06;}
.ci-color .color-box.lightbrown {background:#5C4942;}

/* daily gourmet */
.cont-serv {background: url('../img/sec_bg.jpg') center / cover no-repeat; padding:100px 80px; text-align: center;}
.cont-serv .img-box {max-width:610px;}
.cont-serv .img-box img {width:100%; max-height: 455px;}
.cont-serv .img-box + .img-box {margin-left:20px;}
.cont-serv .img-box .txt {padding:30px; text-align: left; background: #fff;}
.cont-serv .img-box .txt span {color:#392215; font-size: 24px; font-weight:500;}
.cont-serv .img-box .txt p {color:#000; font-size: 16px; line-height:1.5; margin-top: 16px;}
.cont-serv .inner:has(.img-box) {display: flex; padding: 50px 0 0 0;}
.cont-serv .txt-wrap {background: #fff; width: 330px; height: 330px; display:flex; justify-content: center; flex-direction: column;}
.cont-serv .txt-wrap span {color:#000; font-size:56px; font-weight:600;}
.cont-serv .txt-wrap p {color:#000; font-size:16px; font-weight:200; line-height:1.5; margin-top:12px;}

.photo-wrap {padding:100px 0 150px 0; margin:0 auto; text-align:center;}
.photo-wrap .eng {margin-bottom:50px;}
.photo-wrap .swiper {overflow: hidden; width:100%; padding-bottom:50px; position:relative;}
.photo-wrap .swiper .swiper-wrapper {display: flex;}
.photo-wrap .swiper .swiper-slide {width:370px; height:280px; flex:0 0 auto;}
.photo-wrap .swiper .swiper-slide img {width:100%; height:100%; object-fit: cover;}
.photo-wrap .swiper .swiper-pagination {position: absolute; top:327px; left:50%; transform: translateX(-50%); width:200px; height:1.5px; background:rgba(57, 34, 21, 0.4); overflow: hidden;}
.photo-wrap .swiper .swiper-pagination-progressbar-fill {background: #392215;}

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

@media (min-width: 320px) and (max-width:768px) {
    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: flex-start; padding: 0; font-size: 12px; flex-wrap: wrap; row-gap: 10px;}
    #footer .sitemap .break {display: inline;}
    .footer-logo img {width:263px; height:16px; margin:14px 0 40px 0;}
    .inner, .cont-service .inner {padding:80px 20px 60px;}
    .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.top {max-height: 640px;}
    .swiper.top .swiper-wrapper {max-height: 640px;}
    .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-wrapper .title28 {bottom: 10%;}
    .swiper.top .swiper-wrapper .logo_gall {left: 170px; bottom: 43px;}
    .swiper.top .swiper-slide {width: 100% !important; height: auto;}
    .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;}
}