@charset "utf-8";

.logo a{line-height: 0;}

/*************** mainBanner ***************/
.mainBanner{background:url('/theme/basic/img/mainBanner.jpg') center center no-repeat; background-size:cover}

/*************** intro ***************/
.rollingContainer{overflow:hidden; white-space:nowrap;}
.rollingWrapper{white-space: nowrap; width:max-content;}
.rollingBanner{white-space: nowrap; width:30000dvw}
.bannerItem{min-width:150px;}
.introImg{background:url('/theme/basic/img/intro.jpg')center center; background-size: cover;}

/*************** why ***************/
.why{background:url('/theme/basic/img/whyBg.jpg')center center no-repeat; background-size:cover}
.newsBox img:nth-child(1){left:0; top:0}
.newsBox img:nth-child(2){right:0; top:14%; }
.newsBox img:nth-child(3){left:0; bottom:0}


/*************** sales ***************/
.shopSlider .swiper-slide, .salesSwiper .swiper-slide{overflow:hidden ;line-height: 0;}


.youtubeCnt > div{width:calc(50% - 12px)}


/*************** video ***************/
.video-container {padding-top: 56.25%;overflow: hidden;}
.background-video {top: 0;left: 0;object-fit: cover;filter: brightness(60%);}
.video-text {top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
/*************** map ***************/
.map {background:url('/theme/basic/img/mapBackgraund.jpg')center center; background-size:cover;}

/*************** contact ***************/
.modalOpen{width:fit-content}

.modal{background:rgba(0,0,0,0.7); left:0; top:0}
.modalDetail{max-height:80dvh; overflow-y:auto}
.modalDetail input[type="text"], .modalDetail input[type="number"], .modalDetail textarea, .modalDetail select, .policyCnt{background:#F1F1F1; border:0}
.modalDetail input::placeholder, .modalDetail textarea::placeholder{color:#AFAFAF}
.modalDetail textarea{min-width:100%; max-width:100%; box-sizing: border-box; resize: vertical; min-height:120px}

#policyAgree{left:-9999px;}
#policyAgree + label, .onlineBtn, .closeBtn, .modalOpen{cursor: pointer;}
#policyAgree + label:before, #policyAgree + label:after{content:'';display:block;}
#policyAgree + label:before{ width:14px; height:14px; background:#D9D9D9; margin-right:8px;}
#policyAgree + label:after{position:absolute; left:5px; top:45%; transform:translateY(-50%) rotate(45deg); width:4px; height:7px; border:1px solid #222; border-width:0 1px 1px 0; transition: ease-in 0.2s; opacity: 0;}
#policyAgree:checked + label:after{opacity: 1;}

.policyCnt{overflow-y:scroll}

.modalDetail {scrollbar-width: thin; scrollbar-color: rgba(128, 128, 128, 0.5) transparent;}
.modalDetail::-webkit-scrollbar {width: 4px; }
.modalDetail::-webkit-scrollbar-track {background: transparent;}
.modalDetail::-webkit-scrollbar-thumb {background-color: rgba(128, 128, 128, 0.5);border-radius: 2px;  }