/* BASIC css start */
/* 메인만 적용 */
body #header {position:static;}
body #header .header-inner {position: fixed;top: 32px;left: 0;width: 100%;z-index: 20;}
body #header.fix .header-inner {top:0;}
body #header .logo {filter: invert(1);}
body #header .util-area a {color:#fff;}
body #header .gnb .nav-item > a {color:#fff;}
body .language-selector button {color:#fff;}
body .language-selector .list li a {color:#fff;}
body .language-selector button .arrow {filter: invert(1);}

.sc-visual {position: relative;width: 100vw;height: 100%;overflow: hidden;}
.sc-visual .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;object-position: center;}
.sc-visual .bg img {width: 100%;height: 100%;object-fit: cover;}
.sc-visual .group-bottom {position: absolute;padding: 30px;bottom: 0;left: 0;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;box-sizing: border-box;}
.sc-visual .desc {font-size: 14px;line-height: 1.2;display: flex;align-items: flex-end;max-width: 300px;text-align: right;color: #b0b0b0;}

section.prodouct {display: flex;}
section.prodouct .content a {display: block;height: 100%;}
section.prodouct .img-area {height: 100%;position: relative;}
section.prodouct .img-area .thumb {height: 100%;width: 100%;overflow: hidden;}
section.prodouct .img-area img {height: 100%;width: 100%;object-fit: cover;}
section.prodouct .img-area .title {position: absolute;bottom: 0;right: 0;padding: 30px;mix-blend-mode: difference;text-align: right;}
section.prodouct .img-area .title h2 {font-size: 20px;color: #fff;}

/* 가로 스크롤을 감싸는 영역 */
#contentWrapper {overflow-x: hidden;}

.main-wrapper {position: relative;}
.main-stikcy {position: sticky;top: 0;height: 100vh;overflow: hidden;}
.main-stikcy-cont { display: flex;flex-wrap: nowrap;width: fit-content;}
.main-stikcy-cont section {height: 100vh;flex-shrink: 0;}
.main-stikcy .footer {display: block;position: relative;width: 50vw;height: 100%;margin-top: 0;border-left: 1px solid #000;}
.main-stikcy .footer .footer-inner {border-top: 0;}
.main-stikcy .footer .col.customer {position: relative;margin-top: 50px;}
.main-stikcy .footer .col.customer {top: auto;}
.main-stikcy .footer .col.compnay {max-width: 50%;word-break: keep-all;}
.main-stikcy .footer .col strong {font-size: 34px;}
.main-stikcy .footer .col.customer .list {align-items: flex-start;gap: 10px;}
.main-stikcy .footer .marquee {position: absolute;bottom: 0;left: 0;width: 100%;}
.main-stikcy .item-wrap {width:auto;}
.main-stikcy .item-wrap .item-cont {width:auto;display: inline-block;}


.main-stikcy .product-wrap .item-wrap .item-cont .item-list {float: left;width:300px;}
.main-stikcy .product-wrap .item-wrap .item-cont .item-list:first-child {margin-right:10px;}
.main-stikcy .product-wrap .item-wrap .item-cont .item-list .thumb {width: 300px;height: 450px;}
.main-stikcy .product-wrap .item-wrap .item-cont .item-list .thumb img {width:100%;height:100%;}
.main-stikcy .product-wrap .item-wrap .item-cont .item-list .thumb img:hover {animation: flash 0.2s ease-out 1;}
.main-stikcy .item-wrap .item-cont .item-list .prd-info {padding: 18px 0 15px;}

@keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0.8; } /* 가장 흐려지는 지점 */
  100% { opacity: 1; }  /* 다시 원래대로 */
}

.prd-wrapper {display: flex;flex-direction: column;justify-content: center;margin-top: 0;padding: 0 50px;background: #fff;}
.product_list .more_view {display: block;border: 1px solid #000;padding: 5px 10px;text-align: center;font-weight: 600;font-size: 12px;margin-top: 12px;transition: all .3s ease;}
.product_list .more_view:hover {background-color:#000;color:#fff;transition: all .3s ease;}
/* BASIC css end */