.webBox { overflow: visible; }

/* product_list */
#product_list {display: grid;grid-template-columns: repeat(4,1fr);gap: 40px 28px;padding: 3em 0 1em;margin: 0;list-style: none;}
#product_list li { position: relative; display: block; background: #fff; border: 1px solid #e8e8e8; overflow: hidden; box-shadow: none !important; transition: border-color .35s ease,transform .35s ease; width: 100%; }
#product_list li:hover { border-color: #000; transform: translateY(-6px); }
#product_list li .bgBox { display: block; width: 100%; aspect-ratio: 1/1; object-fit: contain; object-position: center; box-sizing: border-box; transition: transform .6s ease,filter .6s ease; }
#product_list li:hover .bgBox { transform: scale(1.04); filter: contrast(1.04); }
#product_list .info_box {position: relative;z-index: 4;display: block;padding: 22px 24px 26px;background: #fff;text-align: center;box-sizing: border-box;}
#product_list .info_box::before { content: ""; display: block; width: 34px; height: 1px; background: #000; margin: 0 auto 16px; transition: width .35s ease; }
#product_list li:hover .info_box::before { width: 58px; }
#product_list .h3 { display: block; margin: 0 0 8px; font-size: 17px; font-weight: 500; letter-spacing: .03em; line-height: 1.45; color: #000; text-align: center; height: auto; }
#product_list article { display: block; margin: 0; font-family: 'PT Sans Caption'; font-size: 13px; font-weight: 400; letter-spacing: .008em; line-height: 1.6; color: #999; text-align: center; height: auto; }
#product_list .atag_item { position: absolute; inset: 0; z-index: 8; }
#product_list li::after { content: "VIEW"; position: absolute; right: 24px; top: 24px; z-index: 5; display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; background: #000; color: #fff; font-family: 'PT Sans Caption'; font-size: 11px; letter-spacing: .14em; line-height: 1; opacity: 0; transform: translateY(-8px); transition: opacity .35s ease,transform .35s ease; pointer-events: none; }
#product_list li:hover::after { opacity: 1; transform: translateY(0); }
/* imglist */
#imglist { margin-bottom: 5vw; }

/* productdetail */
#productdetail { margin: 30px 0 50px; display: grid; grid-template-columns: 50% 45%; justify-content: space-between; }
#productGallery { width: 100%; box-sizing: border-box; }
#productGallery .pg_main { position: relative; width: 100%; overflow: hidden; }
#productGallery #pgMainLink { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1/1; text-decoration: none; box-sizing: border-box; }
#productGallery #pgMainImg { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; box-sizing: border-box; transition: opacity .28s ease,transform .55s ease; }
#productGallery .pg_main:hover #pgMainImg { transform: scale(1.025); }
#productGallery .pg_bottom { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; gap: 14px; margin-top: 14px; }
#productGallery .pg_thumbs { display: grid; grid-auto-flow: column; grid-auto-columns: 112px; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; padding: 2px 0 21px; box-sizing: border-box; }
#productGallery .pg_thumbs::-webkit-scrollbar { height: 3px; }
#productGallery .pg_thumbs::-webkit-scrollbar-track { background: #ededed; }
#productGallery .pg_thumbs::-webkit-scrollbar-thumb { background: #000; }
#productGallery .pg_thumb { position: relative; display: flex; align-items: center; justify-content: center; width: 112px; aspect-ratio: 1/1; background: white; border: 1px solid transparent; overflow: hidden; cursor: pointer; opacity: .5; transition: opacity .28s ease,border-color .28s ease,background .28s ease; box-sizing: border-box; }
#productGallery .pg_thumb img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 10px; box-sizing: border-box; transition: transform .35s ease; }
#productGallery .pg_thumb:hover,#productGallery .pg_thumb.is-active { opacity: 1; background: #fff; border-color: #000; }
#productGallery .pg_thumb:hover img,#productGallery .pg_thumb.is-active img { transform: scale(1.04); }
#productGallery .pg_arrow { position: relative; width: 48px; height: 48px; border: 1px solid #d8d8d8; background: #fff; cursor: pointer; transition: background .28s ease,border-color .28s ease; box-sizing: border-box; transform: translateY(-10px); }
#productGallery .pg_arrow::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transition: border-color .28s ease; }
#productGallery .pg_prev::before { transform: translate(-35%,-50%) rotate(-135deg); }
#productGallery .pg_next::before { transform: translate(-65%,-50%) rotate(45deg); }
#productGallery .pg_arrow:hover { background: #000; border-color: #000; }
#productGallery .pg_arrow:hover::before { border-color: #fff; }

/* productinfo */
#productinfo .item .no {margin-bottom: 5px;font-family: 'PT Sans Caption';font-size: 14px;color: #888;}
#productinfo .item h2{font-size:30px;line-height: 1.3;margin-bottom: 40px;font-weight: 500;letter-spacing: 2px;}
#productinfo .item article{text-align:justify;margin-bottom: 50px;}
#productinfo .item .h6tit{font-size: 14px;font-weight: 500;color: #999;}
#productinfo #tabSp{margin-bottom:40px;}

/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--black-rgb), .1); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }

/* productTabs */
#productTabs .tabs { margin-bottom: 15px; background: rgba(var(--black-rgb), .08); }
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }

@media screen and (min-width: 1281px){
	#productdetail #productTabs { width: 1%; flex: 1 1 auto; }
	#productinfo #community { margin-top: 10px; }
	#productTabs .tabs li:hover a:before { width: 100%; }
}
@media screen and (max-width: 1280px){
	.list_page { width: 100%; }
	#productTabs { margin-top: 30px; }
}
@media screen and (max-width: 1280px) and (min-width: 761px){
	#productinfo .item .sell_box { text-align: left; }
	#orderfunction { width: calc(100% - 300px); }
	#productinfo .item .btns { width: 150px; }
}
@media screen and (max-width: 1024px){
	#product_list{grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 768px){
    #productdetail{display:block;}
    #productGallery{margin-bottom: 50px;}
	#product_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 640px){
	#product_list{grid-template-columns:1fr;}
	#productinfo .item .sell_box { text-align: left; }
	#orderfunction { width: 100%; margin-bottom: 15px; }
	#productinfo .item .btns { width: 50%; }
	#productinfo .item .btns a { padding: 10px 0; display: block; text-align: center; }
}