@charset "utf-8";

html{font-size:10px; }
html,body{width:100%;height:100%;margin:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
img,fieldset,iframe{border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;font-size:1em}
/*img,embed,object,video,select,iframe{max-width:100%;}*/
input, button {margin:0;padding:0;font-size:1em}
button{cursor:pointer}
textarea, select{font-size:1em}
select{margin:0}
p{margin:0;padding:0;word-break:break-all;}
a{color:#000;text-decoration:none;}

input[type=text], input[type=number], input[type=password], textarea{box-sizing:border-box;}

.w-100{width:100%;}

.block{display:block !important;}
.hide{display:none !important;} .visible{visibility:visible;} .invisible{visibility:hidden;}
.clearfix{clear:both;height:0;line-height:0;font-size:0;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.overflow-hidden{overflow:hidden;}

.border-top-none{border-top:none;}
.border-bottom-none{border-bottom:none;}
.border-left-none{border-left:none;}
.border-right-none{border-right:none;}

.d-xl-none{display:none !important;}

@media screen and (max-width:1279px) {
.d-md-block{display:block !important;}
.d-md-inline{display:inline !important;}
.d-md-inline-block{display:inline-block !important;}
.header .top-fix1{display:none !important;}
}

@media screen and (max-width:767px) {
.d-sm-block{display:block !important;}
.d-sm-inline{display:inline !important;}
.d-sm-inline-block{display:inline-block !important;}
.d-sm-none{display:none !important;}
}

body,input,textarea,select,button,a{font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif;font-size:1rem; color: #231916; letter-spacing: -0.03rem;}
#wrap{position:relative;overflow:hidden;}
.col-full{position:relative;max-width:1260px;margin:0 auto;text-align:left;}
.col-full .sub-image img{width:100%;}
.col-full .box-wrap li img{width:100%;}
.col-full .sub-image{display:block;}
.col-full .sub-image-mobile{display:none; }

@media screen and (max-width:482px) {
.col-full .sub-image{display:none;}
.col-full .sub-image-mobile{display:block;}
.col-full .sub-image-mobile img{width:100%;}
}
.font-jost{font-family:'Jost';}
.image-wrapper {
    position: relative;
    width: 1400px;
    display: flex;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
}

@media screen and (max-width: 1279px) {
    .top-desc .content br {
        display: none;
    }
    .image-wrapper {
        width: 105%;
        padding: 0 ;
    }
}
.image-wrapper img {
    display: block; /* 이미지를 블록 요소로 만들어 아래의 여백 제거 */
    margin: 0 auto; /* 이미지를 수평 중앙 정렬 */
}

.image-wrapper li {
    position: relative;
    list-style: none; /* 순서 목록 스타일 제거 */

    display: flex;
    align-items: center; /* 상하 가운데 정렬 */
}

.image-text {
    text-align: center;
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 3px;
}


.header{position:relative;z-index:10;}
.header .top-fix1{min-height:115px; background: #fff;}
.header .top-fix1.active{ opacity:0; pointer-events: none;}
.header .main-navi-outer{position:relative;padding:46px 0 24px 0;margin:0 40px;text-align:right;transition:padding .2s;}

.header .logo{position:absolute;top:46px;left:0;transition:top .2s;}
.header .main-navi{display:inline-block;vertical-align:top;}
.header .main-navi .main-navi-inside .top-nav-items{position:relative;display:inline-block;margin:0 2px;}
.header .main-navi .main-navi-inside .top-nav-item{position:relative;display:block;padding:12px 10px 12px 10px;text-align:center;font-family:'Jost';font-size:1.3rem;line-height:1.3rem;font-weight:500;}

.header .top-fix2.top-fix{position:fixed;z-index:1002;top:0;left:0;width:100%;margin:0;border:none;background:#fff;box-shadow:0 0 50px 50px rgba(0,0,0,0.03);}
.header .top-fix2.top-fix .main-navi-outer{padding:36px 0 14px 0;}
.header .top-fix2.top-fix .logo{top:31px;}

.header .main-navi-layer{display:none;position:absolute;z-index:1;top:132px;left:0;width:100%;}

.header .page-navi{position:fixed;z-index:1002;top:-51px;left:0;width:100%;margin:0;border:none;background:#fff;box-shadow:0 0 50px 50px rgba(0,0,0,0.03);text-align:center;transition:all .2s;}
.header .page-navi-shop{position:fixed;z-index:1002;top:-51px;left:0;width:100%;margin:0;border:none;background:#fff;box-shadow:0 0 50px 50px rgba(0,0,0,0.03);text-align:center;transition:all .2s;}
#navbar .page-navi{text-align:center;width:100%;background:#fff;border-bottom: 0.1px solid #f4f4f4}
#navbar-shop .page-navi{text-align:center;width:100%;background:#fff;border-bottom: 0.1px solid #f4f4f4}
.header .page-navi.active{top:0;}
.header .page-navi li{display:inline-block;margin:0 23px;}
.header .page-navi-shop li{display:inline-block;margin:0 17px;}
#navbar .page-navi li{display:inline-block;margin:0 17px;}
#navbar-shop .page-navi li{display:inline-block;margin:0 12px;}
.header .page-navi a{display:inline-block;padding:16px 0;font-family:'Jost';font-size:1.3rem;font-weight:500;}
.page-navi a.minicanvas{color:#45B035;}
.page-navi a.dropbtn.limited{color:#ff0062;}
.header .page-navi a .shoppagenavi{font-family: 'Noto Sans KR','Malgun Gothic',dotum,sans-serif;font-size:1.1rem;font-weight:600;}
#navbar .page-navi a,#navbar-shop .page-navi a{display:inline-block;padding:10px 0;font-family:'Jost';font-size:1.5rem;font-weight:400;}
@media screen and (max-width:482px){
#navbar .page-navi a,#navbar-shop .page-navi a{font-size:1.3rem;}
}
#navbar-shop .page-navi ul.subdropdowns{margin: 0;}
#navbar-shop .page-navi li.subdropdown{width: 100%;margin: 0;}
#navbar .page-navi .page-navi-inside,#navbar-shop .page-navi .page-navi-inside{height:40px;}
#navbar .page-navi .page-navi-inside .dropdown-content,
#navbar-shop .page-navi .page-navi-inside .dropdown-content{position:absolute;left:100%;margin-top:-3px;}
#navbar .page-navi .page-navi-inside .dropdown-content a,
#navbar-shop .page-navi .page-navi-inside .dropdown-content a{font-size:1.3rem;padding:10px 20px;font-weight:400;}
.targetScrollPosition{position: relative; top:-150px;}
#navbar .page-navi .page-navi-inside .dropdown-content .color,
#navbar-shop .page-navi .page-navi-inside .dropdown-content .color{padding:10px 10px;}

.footer{position:relative;padding:12px 0 47px 0;margin:37px 42px 0 42px;}
.footer .r1 a{position:relative;display:inline-block;vertical-align:middle;width:70px;padding-left:10px;line-height:22px;color:#FDFDFD;background:#1A1311;}
.footer .r1 a:after{content:'';position:absolute;top:9px;right:9px;display:inline-block;border:solid #fff;border-width:0 1px 1px 0;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.footer .r1 span{display:inline-block;vertical-align:middle;margin-left:0px;font-size:.9rem;font-weight:700;}
.footer .r2{margin-top:10px;font-size:.8rem;line-height:1.3rem;}
.footer .r2 dl{display:inline-block;margin-right:4px;}
.footer .r2 dl dt{display:inline-block;margin-right:4px;}
.footer .r2 dl dd{display:inline-block;}
.footer .sns-link{position:absolute;top:15px;right:4px;display:inline-block;vertical-align:top;margin:18px 0 0 19px;}
.footer .sns-link a{display:inline-block;margin:0 5px;}

.main-wrap .footer{margin-top:0;border-top:none;}
/*.main-wrap .main .footer{position: fixed; bottom:0;width: calc(100vw - 84px);}*/
.main-wrap .main .footer .sns-link{right:10px;}
@media screen and (max-width:1023px) {
.main-wrap .main .footer{width:100vw}
}
@media screen and (max-width:1279px) {
.header{position:relative !important;z-index:100;}
.header .mobile-hamburger-menu-outer{height:55px;}
.header .mobile-hamburger-menu{display:block;position:fixed;z-index:1003;top:0;width:100%;height:55px;background:#fff;box-shadow:0 0 50px 50px rgba(0,0,0,0.03);}
.header .mobile-hamburger-menu .col-full{position:relative;text-align:center;}

.header .mobile-hamburger-menu .nav-left{float:left;width:25%;height:43px;padding-top:14px;text-align:center;cursor:pointer;}
.header .mobile-hamburger-menu .nav-left img{max-height:32px;vertical-align:middle; position:absolute; height: 26px; left: 40px; max-width: 50vw;}

.header .mobile-hamburger-menu .nav-center{float:center;width:50%;height:55px;line-height:55px;margin:12px;text-align:center;font-weight:bold;}

.header .mobile-hamburger-menu .nav-right{z-index:1003;position:absolute;top:0px; right:50px; float:right;width:20px;height:43px;padding-top:19px;text-align:center;cursor:pointer;}
.header .mobile-hamburger-menu .nav-right div.box{display:inline-block;}
.header .mobile-hamburger-menu .nav-right ul{display:inline-block;}
.header .mobile-hamburger-menu .nav-right ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ccc;}

.header .mobile-hamburger-layer{position:fixed;z-index:1002;top:0;right:-100vw;width:400px;max-width:70vw;height:100%;text-align:left;font-size:1.5rem;overflow-y:scroll;background:#fff;transition: right 0.3s ease;}
.header .mobile-hamburger-layer a{font-size:1.5rem;}
.header .mobile-hamburger-layer .border-top{border-top:1px solid #707070;}
.header .mobile-hamburger-layer .inner_box{position:relative;z-index:2;padding:30px 20px 5px 20px;}
.header .mobile-hamburger-layer .inner_box a{font-family:'Jost';}
.header .navi_layer_back{transition: 0.3s ease;position:fixed;z-index:0;top:0;width:100%;height:100%;background:#000;opacity:0;pointer-events: none;}
/* .header .mobile-hamburger-layer .control_box .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}*/
.header .mobile-hamburger-layer .top-nav-item-outer{position:relative;}
.header .mobile-hamburger-layer a{display:block;text-align:left;color:#454545;}
.header .mobile-hamburger-layer .top-nav-item{line-height:18px;padding:14px 50px 14px 0;font-size:18px;}
.header .mobile-hamburger-layer .top-nav-items.active .top-nav-item{color:#00658F !important;}
.header .mobile-hamburger-layer ul{display:none;padding:5px 0;}
.header .mobile-hamburger-layer ul li a{height:14px;padding:10px 50px 10px 9px;font-size:1.4rem;}
/*
.header .mobile-hamburger-layer .cbtn-wrap{display:inline-block;position:absolute;z-index:2;top:0;right:0;width:60px;height:100%;cursor:pointer;}
.header .mobile-hamburger-layer .cbtn{position:absolute;z-index:2;top:22px;right:20px;border:solid #787878;border-width:0 2px 2px 0;display:inline-block;padding:3px;}
.header .mobile-hamburger-layer .cbtn.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.header .mobile-hamburger-layer .cbtn.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
*/



.wrap-main{height:auto;overflow:auto;}
.wrap-main .container{height:auto;}
.wrap-main .content{height:auto;}
.wrap-main .main-content{height:auto;}
}

@media screen and (max-width:1023px) {

.header .mobile-hamburger-menu .nav-left img{left:20px;}
.header .mobile-hamburger-menu .nav-right{right:30px;}
.header{height:auto;}

.exist-sidebar .content{float:none;width:100%;}
.content-nav{display:none;}

.sidebar .top-nav-item-outer a{display:block;padding:15px 12px;font-size:16px;background:#31BBBD;color:#fff;}
.sidebar ul.dp2{display:none;padding:6px 0;text-align:left;}
.sidebar ul.dp2 a{display:block;padding:10px 12px 10px 12px;font-size:1.5rem;color: #42454A;}
.sidebar ul.dp2>li.active>a{color:#31BBBD;}
.sidebar ul.dp3 a{padding:8px 12px 8px 28px;font-size:1.5rem;color:#42454A;font-weight:normal;}
.sidebar ul.dp3 .active a{color:#31BBBD;}

.footer{padding:30px 18px 54px 18px;margin:0px 0 0 0;}
.footer .r1 span{margin:8px 0 0 0;}
.footer .sns-link{position:static;top:0;right:0;display:block;margin:18px 0 0 0;}

}


.about{margin:0 40px 200px 40px;}
.about .section-top-txt{padding:133px 9%;background:#E1E1E1;color:#000;font-family:'GmarketSans';font-weight:300;font-size:3.2vw;line-height:4.8vw;white-space:nowrap;}

.about .section1{margin-top:200px;overflow:hidden;}
.about .section1 .left{float:left;width:35%;margin-top:82px;}
.about .section1 .right{float:right;width:55%;}
.about .section1 .right li:nth-child(1){font-family:'Jost';font-size:3.6rem;font-weight:400;}
.about .section1 .right .about-content{margin-top:23px;font-size:1.1rem;line-height:2.3rem;font-weight:500;display:block;}
.about .section1 .right .about-content-mobile{margin-top:23px;font-size:1.1rem;line-height:2.3rem;font-weight:500;display:none;}
.about .section1 .right .about-history{margin-top:103px;font-size:1.1rem;line-height:2.3rem;font-weight:500;}
.about .section1 .right .about-history dl dt{display:inline-block;margin-right:12px;}
.about .section1 .right .about-history dl dd{display:inline-block;}
.about .section2{margin-top:300px;overflow:hidden;}
.about .section2 .col-full{max-width:1920px;}
.about .section2 .box-wrap{margin:0 -35px;}
.about .section2 .box-wrap .box{float:left;width:50%; }
.about .section2 .box-wrap .box-inside{margin:0 35px;}
.about .section2 .box-wrap .box li:nth-child(1){overflow:hidden;}
.about .section2 .box-wrap .box li:nth-child(1) img{width:100%;transition:transform .7s, filter .7s;}
.about .section2 .box-wrap .box li:nth-child(1) img:hover{transform:scale(1.02);transition:transform 0.3s, filter .3s;}
.about .section2 .box-wrap .box li:nth-child(2){margin-top:27px;font-family:'Jost';font-size:2.3rem;font-weight:500;}
.about .section2 .box-wrap .box li:nth-child(3){margin-top:12px;font-size:1.3rem;line-height:2rem;}
.about .section2 .box-wrap .box {
    opacity: 0; /* 초기 불투명도 */
    transform: translateY(30px); /* 초기 top 위치 */
    transition: opacity 1s, transform 1s; /* 애니메이션 시간 */
}

@media screen and (max-width:1030px) {
.about .section1 .right .about-content{display:none;}
.about .section1 .right .about-content-mobile{display:block;}
}
.item-list .section1{position:relative;margin:0 40px 0 40px;}
.item-list .section1 .page-top-image{text-align:center;}
.item-list .section1 .page-top-image img{width:100%;}
.item-list .section1 .page-top-image img[src$=".svg"] {
    position: absolute;
    top: 0;
    left: 0;
}




.item-list .section1 ul{padding:142px 0 242px 148px;color:#fff;}
.item-list .section1 li:nth-child(1){margin-left:-4px;font-family:'Jost';font-size:8.5rem;line-height:8.5rem;font-weight:400;}
/*.item-list .section1 li:nth-child(2){margin-top:6px;font-size:2rem;line-height:2.8rem;font-weight:300;}*/
.item-list .section1 li:nth-child(3){margin-top:34px;font-family:'Jost';font-size:2.8rem;line-height:4.5rem;font-weight:400;}
.item-list .section1 li:nth-child(4){margin-top:12px;font-size:1.4rem;line-height:2.5rem;font-weight:200;color:#FDFDFD;}
.item-list .section1 li:nth-child(5){margin-top:18px;}
.item-list .section1 .back-img{position:absolute;top:80px;right:0;}

.item-list .copyright{font-family:'Jost';font-size:7pt;font-weight:400;}

.item-list .section2{padding:0px 10%;background:linear-gradient(to bottom, #ffffff);}
.item-list .box-wrap{padding-top:150px;margin:0 -50px;overflow:hidden; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.item-list .box-wrap .box{float:left;margin-bottom:120px; width: 100%;}
.item-list .box-wrap .box-inside{display:block;margin:0 50px;text-align:center;}
.item-list .box-wrap .box li:nth-child(1){height:300px;line-height:300px;}
.item-list .box-wrap .box li:nth-child(1) img{transition:transform .7s, filter .7s;}
.item-list .box-wrap .box li:nth-child(1) img:hover{transform:scale(1.02);transition:transform .3s, filter .3s;}
.item-list .box-wrap .box li:nth-child(2){margin-top:20px;}
.item-list .box-wrap .box li:nth-child(2) span:nth-child(1){display:inline-block;font-size:1.2rem;font-weight:bold;}
.item-list .box-wrap .box li:nth-child(2) span:nth-child(2){font-family:'Jost';}
.item-list .box-wrap .box li:nth-child(3){margin-top:1px;font-family:'Jost';font-size:1.2rem;}
.item-list .box-wrap .box li:nth-child(4){margin-top:1px;font-size:1.2rem;}
.item-list .box-wrap .box {
    opacity: 0; /* 초기 불투명도 */
    transform: translateY(30px); /* 초기 top 위치 */
    transition: opacity 1s, transform 1s; /* 애니메이션 시간 */
}
.item-list .box-wrap1 .pagenation{display:block;float:center;}
.item-list .box-wrap1 .pagenation .pagenation-inside{font-family:'Jost';font-size:10pt;font-weight:400;letter-spacing:1rem;}
@media screen and (max-width:1030px) {
.item-list .box-wrap1 .pagenation .pagenation-inside{padding:0 10px;}
}

.item-list .box-wrap1 .pagenation .pagenation-navi{font-family:'Jost';font-size:10pt;font-weight:500;letter-spacing:1rem;color:#555555;}
.item-list .box-wrap1 { text-align: center;}


.item-view-form-outer{margin:120px 0 20px 0;}
.item-view-form-outer .col-full{max-width:964px;}
.item-view-form{overflow:hidden;}
.item-view-form .left{float:left;max-width:629px; height:633px; display:flex; flex-direction:row;}
.item-view-form .left img{width:100%; object-fit: contain;}
.item-view-form .right{float:right;width:292px;}
.item-view-form .right .r1{font-size:1.6rem; }
.item-view-form .right .r1 strong{font-weight:800;}
.item-view-form .right .r2{margin-top:3px;font-size:1.6rem;}
.item-view-form .right .r3{margin-top:42px;}
.item-view-form .right .r3 dl{margin-bottom:5px;font-size:1.1rem;text-align:left;overflow:hidden;}
.item-view-form .right .r3 dl dt{float:left;width:71px;}
.item-view-form .right .r3 dl dd{float:left;}
.item-view-form .right .r4{margin-top:43px;color:#E4007F;}
.item-view-form .right .r4 dt{font-size:1.5rem;font-weight:500;}
.item-view-form .right .r4 dd{margin-top:10px;font-size:1.1rem;line-height:1.8rem;}
.item-view-form .right .r5{margin-top:49px;font-size:1.1rem;}
.item-view-form .right .r5 li{position:relative;padding-left:10px;line-height:1.5rem;}
.item-view-form .right .r5 li span{position:absolute;top:0;left:0;}
.item-view-form .right .r5 li:nth-child(1){font-weight:500;}
.item-view-form .right .r5 li:nth-child(2){margin-top:6px;}
.item-view-form .right .btn-box{margin-top:40px;}
.item-view-form .right .btn-box span{display:block;float:left;width:50%;}
.item-view-form .right .r5 li .sit_opt_subj{position:relative;}
.item-view-form .right .btn-box button{display:block;width:100%;height:36px;font-size:1.1rem;}
.item-view-form .right .btn-box span:nth-child(1) button{border:1px solid #231916;}
.item-view-form .right .btn-box span:nth-child(2) button{border:1px solid #231916;background:#231916;}

.item-view-form-outer .primary-image{height:calc(100vh - 100px);margin-top:269px;text-align:center;}
.item-view-form-outer .primary-image img{max-width:100%;max-height:100%;}

.item-detail-content{margin-top:40px;}
.item-detail-content dl{margin:30px 0 0 0;}
.item-detail-content dl dt{font-size:20px;font-weight:bold;}
.item-detail-content dl dd{font-size:11.5px;font-weight:500;margin-top:13px;line-height:2rem;letter-spacing: -0.08;}
.item-detail-content .sub-image{margin-top:26px;}
.item-detail-content-line1 {
    letter-spacing: -0.04rem ;
}
@media screen and (max-width:1023px) {
    .item-detail-content br.mobile{display: none;}
}
.portfolio-list{margin:0 40px 200px 40px;}
.portfolio-list .section1{position:relative;}
.portfolio-list .section1 .page-top-image{text-align:center;}
.portfolio-list .section1 .page-top-image img{width:100%;position: relative;}
.portfolio-list .section1 ul{padding:107px 0 385px 141px;color:#fff;}
.portfolio-list .section1 li:nth-child(1){font-family:'Jost';font-size:8.5rem;font-weight:400;}
.portfolio-list .section1 li:nth-child(2){margin-top:43px;font-family:'Jost';font-size:2.5rem;line-height:4.2rem;font-weight:400;}
.portfolio-list .section1 li:nth-child(3){margin-top:12px;font-size:1.3rem;line-height:2.2rem;font-weight:200;color:#FDFDFD;}
.portfolio-list .section1 .back-img{position:absolute;top:145px;right:138px;}
.portfolio-list .section1 .page-top-image img[src$=".svg"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.portfolio-list .section2{margin:0 20px}
.portfolio-list .box-wrap{margin:150px 20px 0 20px;overflow:hidden;}
.portfolio-list .box-wrap .box{float:left;width:50%;margin-bottom:200px;text-align:center;}
.portfolio-list .box-wrap .box-inside{display:block;position:relative;margin:0;}
.portfolio-list .box-wrap .box:nth-child(odd) li:nth-child(1){text-align:right;}
.portfolio-list .box-wrap .box:nth-child(even) li:nth-child(1){text-align:left;}
@media screen and (max-width:1023px) {
.portfolio-list .box-wrap .box:nth-child(odd) li:nth-child(1){text-align:center;}
.portfolio-list .box-wrap .box:nth-child(even) li:nth-child(1){text-align:center;}
}
.portfolio-list .box-wrap .box .box-inside.soy_sauce{padding-top:140px;}
.portfolio-list .box-wrap .box .box-inside.soy_sauce img{width:90%; position:relative;top:-50px; right:-10px;}
.portfolio-list .box-wrap .box .box-inside.yedason{padding-top:300px;}
.portfolio-list .box-wrap .box .box-inside.yedason img{position:relative; top:-10px;}
.portfolio-list .box-wrap .box .box-inside.right img{width:100%;}
.portfolio-list .box-wrap .box .box-inside.right{margin-left:17%;}
.portfolio-list .box-wrap .box .box-inside.left{margin-right:17%;}
.portfolio-list .box-wrap .box .box-inside .center-text{text-align:center;}
.portfolio-list .box-wrap .box .box-inside .luxury_rice_img img{width:80%; position:relative; top:-50px;right:-50px;}
.portfolio-list .box-wrap .box li:nth-child(2) br{display:none;}
@media screen and (max-width:1023px) {
.portfolio-list .box-wrap .box .box-inside.soy_sauce{padding-top:0;}
.portfolio-list .box-wrap .box .box-inside.soy_sauce img{position:static;}
.portfolio-list .box-wrap .box .box-inside.yedason img{position:static;}
.portfolio-list .box-wrap .box .box-inside .right-text{margin-left:8.5%;}
.portfolio-list .box-wrap .box .box-inside.yedason{padding-top:0;}
.portfolio-list .box-wrap .box .box-inside.right{margin:0;}
.portfolio-list .box-wrap .box .box-inside.left{margin:0;}
.portfolio-list .box-wrap .box .box-inside .luxury_rice_img img{width:80%; position:static;}
.portfolio-list .box-wrap .box li:nth-child(2) br{display:block;}
}

.portfolio-list .box-wrap .box li:nth-child(2){margin-top:17px;text-align:left;font-size:1.1rem;font-weight:300;}

.portfolio-list .box-wrap .box li:nth-child(2) .c1{display:inline-block;margin-right:7px;font-family:'Jost';font-size:2.4rem;font-weight:400;}
.portfolio-list .box-wrap .box li:nth-child(2) .c3{font-family:'Jost';}
.portfolio-list .box-wrap .box li:nth-child(3){position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:opacity .3s, background-color .3s;}
.portfolio-list .box-wrap .box li:nth-child(3):hover{background:rgba(252, 249, 244, 0.15);opacity:1;}
.portfolio-list .box-wrap .box .none-select li:nth-child(3):hover{background:rgba(255, 255, 255, 0); opacity:1;}
.portfolio-list .box-wrap .float-clear{display:block;clear:both;width:100%;height:0;}
.portfolio-list .box-wrap .box {
    opacity: 0; /* 초기 불투명도 */
    transform: translateY(30px); /* 초기 top 위치 */
    transition: opacity 1s, transform 1s; /* 애니메이션 시간 */
}

.portfolio-view{margin-top:45px;}
.portfolio-view .top-desc{overflow:hidden;}
.portfolio-view .top-desc .left{float:left;width:calc(47% - 20px);margin-left:40px;}
@media screen and (max-width:1023px) {
.portfolio-view .top-desc .left{margin-left:20px;}
}
.portfolio-view .top-desc .left li:nth-child(1){font-family:'Jost';font-size:3.4rem;font-weight:400; line-height:3.7rem;}
.portfolio-view .top-desc .left li:nth-child(2){margin-top:28px;line-height:1.8rem;font-family:'Jost';font-size:1.2rem;font-weight:400;}
.portfolio-view .top-desc .left li:nth-child(3){margin-top:14px;font-family:'Jost';font-size:1.2rem;font-weight:400;}
.portfolio-view .top-desc .right{float:right;width:calc(47% - 20px);margin-right:40px;}
@media screen and (max-width:1023px) {
.portfolio-view .top-desc .right{margin-right:20px;}
}
.portfolio-view .top-desc .right li:nth-child(1){font-size:1.6rem;font-weight:600;}
.portfolio-view .top-desc .right li:nth-child(2){margin-top:21px;font-size:1.05rem;line-height:2rem;}
.portfolio-view .images{margin:147px 40px 0 40px;}
.portfolio-view .images li{margin-bottom:40px;text-align:center;}
.portfolio-view .images li:nth-child(1){margin-bottom:153px;}
.portfolio-view .images li img{width:100%;}

.portfolio-about{padding:50px 0 100px 0;background:linear-gradient(to bottom, #f4f4f4 0%, #ffffff 30%, #ffffff 100%);}
.portfolio-about .section1{padding:76px 0 166px 0;overflow:hidden;}
.portfolio-about .section1 .left{float:left;width:40%;text-align:right;}
.portfolio-about .section1 .left img{width:100%;}
.portfolio-about .section1 .right{float:right;width:54%;}
.portfolio-about .section1 .right .right-title{font-size:3.4rem;font-weight:400;font-family:Jost;line-height:3.5rem;}
.portfolio-about .section1 .right .r1{margin-top:30px;font-size:1.4rem;line-height:2.5rem;word-break:keep-all;}
.portfolio-about .section1 .right .box-wrap{margin:65px -20px 0 -20px;overflow:hidden;}
.portfolio-about .section1 .right .box-wrap .box-title{font-family:'Jost';font-size:2.2rem;font-weight:400;}
.portfolio-about .section1 .right .box-wrap .box{float:left;width:50%;}
.portfolio-about .section1 .right .box-wrap .box:nth-child(1){width:100%;}
.portfolio-about .section1 .right .box-wrap .box:nth-child(2){width:100%;margin-top:100px;}
.portfolio-about .section1 .right .box-wrap .box-inside{margin:0 20px;}
.portfolio-about .section1 .right .box-wrap .box dl{margin-top:16px;}
.portfolio-about .section1 .right .box-wrap .box dl dt{font-family:'Jost';font-size:1.2rem;font-weight:500;}
.portfolio-about .section1 .right .box-wrap .box dl dd{padding:1px 0 0 23px;font-size:1.2rem;line-height:2rem;}
.portfolio-list .copyright{font-family:'Jost';font-size:7pt;font-weight:400;}
@media screen and (max-width:1023px) {
.portfolio-about .section1 .right .right-title{font-size:3.2rem;}
}
.contact-form{padding:140px 0 200px 0;overflow:hidden;overflow:hidden;}
.contact-form .col-full{max-width:1036px;overflow:hidden;}
.contact-form .left{float:left;width:456px;font-size:1.3rem;font-weight:500;}
.contact-form .left li:nth-child(1){line-height:2.2rem;}
.contact-form .left li:nth-child(2){margin-top:29px;line-height:2rem;font-family:'Jost';}
.contact-form .left li:nth-child(3){margin-top:29px;}
.contact-form .right{float:right;width:381px;}
.contact-form .right dl{margin-bottom:7px;}
.contact-form .right dl dt{line-height:2.2rem;font-weight:500;}
.contact-form .right dl dd input[type=text]{width:100%;height:27px;border:1px solid #e1e1e1;}
.contact-form .right dl dd textarea{width:100%;height:59px;border:1px solid #e1e1e1;}
.contact-form .right dl dd .checkboxs li{margin-bottom:10px;}
.contact-form .right dl dd .file_upload_btn{position:relative;display:inline-block;width:114px;height:29px;margin-bottom:4px;line-height:27px;text-align:center;font-size:1.1rem;border:1px solid #e1e1e1;}
.contact-form .right dl dd .file_upload_btn input[type=file]{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;}
.contact-form .right dl dd .file_upload_btn img{vertical-align:top;margin:6px 9px 0 0;}
.contact-form .right dl dd .terms{height:59px;padding:9px 13px;border:1px solid #e1e1e1;overflow-y:auto;}
.contact-form .right .agree-btn{margin-top:10px;}
.contact-form .right .btn-box{margin-top:27px;}
.contact-form .right .btn-box button{display:block;width:100%;box-sizing:border-box;line-height:3.3rem;font-weight:600;border:1px solid #e1e1e1;background:#E1E1E1;}
#navbar {display:none;}
#navbar-shop {display:none;}
@media screen and (max-width:1279px) {
#navbar{
  z-index:1;
  background-color: #fff;
  display:block;
  position: fixed; /* 메뉴를 고정시킴 */
  top: 0px;
  width: 100%;
  transition: top 0.3s; /* 메뉴가 사라지고 나타날 때 부드럽게 처리 */
}
#navbar-shop{
  z-index:1;
  background-color: #fff;
  display:block;
  position: fixed; /* 메뉴를 고정시킴 */
  top: 0px;
  width: 100%;
  transition: top 0.3s; /* 메뉴가 사라지고 나타날 때 부드럽게 처리 */
}
}
@media screen and (max-width:1754px) {
.portfolio-list .section1 ul{padding:60px 50px 0 60px;}
.portfolio-list .section1 .back-img{position:static;top:0;right:0;padding:80px 0;text-align:right;}
}

@media screen and (max-width:1754px) {
.item-list .box-wrap{grid-template-columns: repeat(3 ,1fr);}
}

@media screen and (max-width:1553px) {
.item-list .section1 ul{padding:60px 50px 0 60px;}
.item-list .section1 .back-img{position:static;top:0;right:0;padding:80px 0;text-align:right;}
}

@media screen and (max-width:1408px) {
.about{margin:28px 40px 200px 40px;}
.about .section-top-txt{padding:90px 8%; margin: 0}

.item-list .section1{margin:0;}
.item-list .section1 ul{padding:30px 20px 0 30px;}
.item-list .section1 .back-img img{max-width:94%;}
.item-list .box-wrap{grid-template-columns: 50% 50%;}
.item-list .section1 .page-top-image{margin: 0 40px;}


.item-view-form-outer .primary-image{height:calc(100vh - 100px);margin-top:120px;}
.item-detail-content{margin-top:150px;}
/* #sit_info{padding:0 20px;} */
#sit_info{background-color:transparent !important;}
.copyright {padding:0 40px}
.portfolio-list{margin:0 0 150px 0;}
.portfolio-list .section1 ul{padding:30px 20px 0 30px;}
.portfolio-list .section1 .page-top-image{margin: 0 40px;}
.portfolio-about{padding:50px 20px 80px 20px;}
}
@media screen and (max-width:1279px) {
.copyright {padding:0 40px;}
.item-list .section1 .page-top-image{margin:0 40px;}
.contact-form{padding:30px 40px 0 40px;}
.portfolio-list .section1 .page-top-image{margin: 0 40px;}
}
@media screen and (max-width:1023px) {
.copyright {padding:0 20px;}
.item-list .section1 .page-top-image{margin:0 20px;}
.contact-form{padding:30px 20px 0 20px;}
.portfolio-list .section1 .page-top-image{margin: 0 20px;}
.item-view-form-outer{padding:0 20px;margin:80px 0 140px 0;}
.item-view-form .left{float:none;width:100%;}
.item-view-form .right{float:none;width:100%;margin-top:60px;}
}

@media screen and (max-width:964px) {
.item-detail-content .web-content{display:none;}

.contact-form .left{float:none;width:100%;}
.contact-form .right{float:none;width:100%;margin-top:80px;}
}
.about .section-top-txt-mobile{display: none;}
@media screen and (max-width:1023px) {
.main .main-banner{margin:0;}


.about{margin:0 0 40px 0;}
.about .section-top-txt{display: none;}

.about .section-top-txt-mobile{margin: 0 20px; display: block; padding:7% 6%;font-size:4vw;line-height:6.5vw;background:#E1E1E1;color:#000;font-family:'GmarketSans';font-weight:300;white-space:nowrap;}
.about .section1{margin:60px 20px 0 20px;}
.about .section1 .left{float:none;width:100%;margin-top:0;}
.about .section1 .right{float:none;width:100%;margin-top:82px;}
.about .section2{margin:120px 20px 0 20px;}

.about .section2 .box-wrap{margin:0;}
.about .section2 .box-wrap .box{float:none;width:100%;margin-bottom:80px;}
.about .section2 .box-wrap .box-inside{margin:0;}

.item-list{margin:0 0 200px 0;}
.item-list .section1 ul{padding:30px 20px 0 20px;}
.item-list .section2{padding:80px 20px 0 20px;}
.item-list .box-wrap{margin:0;}

.item-list .box-wrap .box{margin-bottom:55px;}
.item-list .box-wrap .box-inside{margin:0;}

.item-view-form-outer .primary-image{height:auto;}
.item-detail-content{margin-top:80px;}

.portfolio-about{padding:0 20px 0 20px;}
.portfolio-about .section1{padding:0;}
.portfolio-about .section1 .left{float:none;width:100%;text-align:center;}
.portfolio-about .section1 .right{float:none;width:100%;margin-top:60px;}
.portfolio-about .section1 .right .box-wrap{margin:75px 0 0 0;}
.portfolio-about .section1 .right .box-wrap .box{float:none;width:100% !important;margin-bottom:80px;}
.portfolio-about .section1 .right .box-wrap .box-inside{margin:0;}

.portfolio-list .section1 ul{padding:30px 20px 0 20px;}
.portfolio-list .section1 li:nth-child(1){font-size:6rem;line-height:7.2rem;}
.portfolio-list .section1 .back-img{padding:80px 0 0 0;}
/*.portfolio-list .section2{padding:0 18px;}*/
.portfolio-list .box-wrap{margin:0;}
.portfolio-list .box-wrap .box{float:none;width:100%;margin-top:80px;}
.portfolio-list .box-wrap .box-inside{margin:0;}


.portfolio-view{padding:0 20px;}
.portfolio-view .top-desc .left{float:none;width:100%;margin:0;}
.portfolio-view .top-desc .right{float:none;width:100%;margin-top:60px;}
.portfolio-view .images{margin:80px 0 0 0;}
.portfolio-view .images li{margin-bottom:30px !important;}
}



@media screen and (max-width:620px) {
.item-list .box-wrap{grid-template-columns:repeat(1, 1fr)}
}

.item-detail-content .img-wr{display: flex; flex-wrap: wrap; margin: 20px 0 50px 0; gap: 30px;}
.item-detail-content dd img{width: 172px;}

@media screen and (max-width:620px) {
 .item-detail-content .img-wr{gap: 10px}  
 .item-detail-content dd img {width: calc(50% - 5px);}   
}


.main .main-banner{margin:0px;}
.main .main-banner li{position:relative;}
.main .main-banner li img{width:100%;}
.main-banner li {
    position: relative; 
}
.main-banner img {
    display: block;
    max-width: 100%;
    height: auto;
}

.swiper-container {
    position: fixed;
    top: 0;         
    left: 0;  
    height: 100vh;
    z-index: 1;     
}

.swiper-slide.slide2 img, 
.swiper-slide.slide3 img,
.swiper-slide.slide4 img,
.swiper-slide.slide5 img,
.swiper-slide.slide6 img 
{
    width: 100%;
	margin-top: 20px;
}

.two-image{
    display: flex;
	width: 100%;
	height: auto;
}
.section2 .one-image{
    margin-bottom:60px;
	}

.section2 .two-image-wrapper{
    padding: 9% 15% 12% 15%;
	overflow: hidden;
	justify-content: center;
    align-items: center;
	grid-template-columns: repeat(2, 1fr);
	display: grid;
	grid-gap: 3.6%
	}
@media screen and (max-width: 1023px){
.section2 .two-image-wrapper{
    padding: 0 0 20px 0;
}

.section2 .one-image{
    margin-bottom:20px;
	}
}

.two-image img{
    width: 100%;
	height: 100%;
	object-fit: cover;
}
.portfolio-content .section2{
    position: relative;
    padding-top: 300px;
}
@media screen and (max-width: 1023px){
.portfolio-content .section2{
    padding-top: 200px;
}
}
.portfolio-content .section2 img{
    width: 100%;
    margin: 0;
}
 .opt-vh100 {
    height: 100vh !important;
    object-fit: cover;
    margin-top: 0 !important;
}

@media screen and (max-width: 1279px) {
    .main-banner {
        width: 100%;
        margin: 0 !important;
    }
}

@media (max-aspect-ratio: 1/1) {
    .slide1 {
        height: 1080px !important;
    }
}

@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) {
    .opt-vh100 {
        height: 100vh !important;
        object-fit: cover;
		margin-top: 0 !important;
    }
}

@media (min-aspect-ratio: 2/1) {
    .slide1 {
        height: 1080px !important;
    }
}

.swiper-slide.slidefooter {
    height: 200px;
}

.main-banner{
    	margin: 0 40px;
}
.slider-wrapper {
    position: relative;
    overflow: hidden;
    width: calc(100% - 80px);
    height: 900px; 
    margin: 0 40px;
}
@media screen and (max-width: 1279px) {
 
.slider-wrapper {
    width: auto;
	height: 600px;
	margin: 0 40px;
}
}
@media screen and (max-width: 1023px) {
 
.slider-wrapper {
	margin: 0 20px;
	height: 400px;
}
}

.slider{
    display: flex;
    align-items: center;
}

.slider .slider-img:first-child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: clip-path 2.5s ease-in-out;
    z-index: 1;
}

.slider .slider-img:last-child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 2;
    transition: clip-path 2.5s ease-in-out;
}

.Image1-text img, .Image2-text img {
    transform: translateX(0%);
    transition: transform 2.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    object-fit: cover;
    z-index: 4;
}

.Image2-text img{
    z-index: 1;
}

#menuButton {
    position: relative;
    width: 25px;
    height: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    z-index: 1005;
}

.bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #999999;
    transition: 0.3s;
}

.bar:nth-child(1) {
    top: 0;
}

.bar:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.bar:nth-child(3) {
    bottom: 0;
}

#menuButton.active .bar:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

#menuButton.active .bar:nth-child(2) {
    opacity: 0;
}

#menuButton.active .bar:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}
.brand_logotype{
    font-family: Jost;
    font-size: 13pt;
	font-weight: 400;
	text-align: center;
}

.brand_logotype{
    margin-bottom: 90px;
}



/*.item-korean {
    font-family: font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif;;
}

.item-english {
    font-family: 'Jost'; font-weight:300;
}

/* 드롭다운 스타일링 */
.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown .subdropdowns {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}
.subdropdowns.active{display: block;}
.subdropbtn{width: 100%;}





.header .page-navi .subdropdown{
    width: 100%; margin: 0;
position: relative;}

.dropdown-content{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    left:100%;
    top:0;
    z-index: 1;  
    box-shadow: 5px 8px 16px 0px rgba(0,0,0,0.2);
  }
  .dropdown-content.active{display: block;}
.dropbtn:hover .subdropbtn{display: block;}
.subdropbtn:hover .dropdown-content{display: block;}
.dropdown-color{
    display: none; /* Flex 컨테이너로 설정 */
grid-template-columns: repeat(4,1fr);
}
.header .page-navi .dropdown-content{
  padding: 5px 0;

}

.header .page-navi .subdropdown a {
  color: black;
  padding: 5px 0;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 400;
  white-space: nowrap;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropbtn:hover .subdropdowns {
  display: block;
}

.subdropbtn:hover .dropdown-content {
    display: block;
  }
.subdropbtn:hover .dropdown-color {
  display: grid;
}

/* 링크 버튼 스타일링 */
.dropbtn {
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}


.goods{transform:scale(0.6); }

@media screen and (max-width: 600px) {
.goods{position:relative;transform:scale(0.8);z-index:1;}
}

#profile {width:100%}


.pagenation-inside.current-page{color:#DDDDDD; cursor:default; pointer-events: none;}

.status_04-wr{
font-size:0.7em;
margin: 10px 0 0;
    display: block;
    border: 1px solid #e5ecf2;
    border-radius: 3px;
    color: #4963b8;
    background: #f9fdff;
    padding: 10px;}


.blank{height: 100px;}
.page-navi-inside{width: 100%; background: #fff;}

@media screen and (max-width: 1279px) {
.page-navi-inside{position: absolute; top:55px; display: flex; justify-content: center;}

}

@media screen and (max-width: 403px) {
.header .page-navi li{margin: 0 15px;}
}
.header .dropdown .case{font-family: 'Noto Sans KR'; font-weight: 600; font-size: 1.2em;}


.co1{margin: 300px auto; max-width: 1220px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.co1 .box{margin-bottom: 200px;}
.co1 .box:nth-child(odd){width: 50%;}
.co1 .box:nth-child(even){ width: 40%;}
.co1 .box li img{width: 100%;}
.co1 .box li:first-child{display: flex; flex-direction: column; gap: 10px;}

.co1 .box.sub li:nth-child(2){display: none;}

@media screen and (max-width: 1279px) {
.co1{padding: 0 40px;}

}
.co1 .box li:nth-child(2) br{display:none;}


@media screen and (max-width:1023px) {
.co1{padding: 0 20px;}
.co1 .box.con{margin-bottom: 10px;}
.co1 .box.con li:nth-child(2){display: none;}
.co1 .box.sub li:nth-child(2){display: block;}
.co1 .box:nth-child(odd){width: 100%;}
.co1 .box:nth-child(even){margin-left: 0; width: 100%;}
.co1 li:nth-child(2) br{display:block;}
}

.co1 .box li:nth-child(2){margin-top:17px;text-align:left;font-size:1.1rem;font-weight:300;}

.co1 .box li:nth-child(2) .c1{display:inline-block;margin-right:7px;font-family:'Jost';font-size:2.4rem;font-weight:400;}
.co1 .box li:nth-child(2) .c3{font-family:'Jost';}

/* 애니메이팅 */
.act{opacity: 0; transform: translateY(30px); transition: 0.5s all;}
.act.visible{opacity: 1; transform: translateY(0);}
.actl{opacity: 0; transform: translateX(30px); transition: 0.5s all;}
.actl.visible{opacity: 1; transform: translateX(0);}
.actr{opacity: 0; transform: translateX(-30px); transition: 0.5s all;}
.actr.visible{opacity: 1; transform: translateX(0);}
.actt{opacity: 0; transform: translateY(-30px); transition: 0.5s all;}
.actt.visible{opacity: 1; transform: translateY(0);}
.big{opacity: 0; transform: scale(2.0); transition: 0.5s all;}
.big.visible{opacity: 1; transform: scale(1);}


.s1{transition-delay: 0.1s;}
.s2{transition-delay: 0.2s;}
.s3{transition-delay: 0.3s;}
.s4{transition-delay: 0.4s;}
.s5{transition-delay: 0.5s;}
.s6{transition-delay: 0.6s;}
.s7{transition-delay: 0.7s;}
.s8{transition-delay: 0.8s;}
.s9{transition-delay: 0.9s;}
.s10{transition-delay: 1.0s;}
.s11{transition-delay: 1.1s;}


#sit_dex dl dt{padding-right: 40px;}