:root {
--primary-color:#e75252 ;
--primary-color-hover:#d13434;
--disabled-color:#b0b0b0;
}
body{background-color:#222;}
.inner{position:relative; width:1400px; margin:0 auto}
.inner-small{position:relative; width:960px; margin:0 auto}
.price-wrap{display:flex; align-items:center; flex-flow:wrap; gap:0 9px; padding-top:25px; font-size:1.188rem; font-weight:600}
.price-wrap .discount{color:var(--primary-color)}
.price-wrap .origin-price{font-size:1.063rem; text-decoration:line-through; font-weight:400; color:rgba(255,255,255,.5)}
.price-wrap .origin-price.grey{color:#aaa}
.price-wrap .origin-price.alone{flex:0 0 100%}

.price-wrap.origin{padding-top:0}

.flex-center{display:flex; justify-content:center; align-items:center;}



.btn-wrap{text-align:center;}
.btn-basic{padding:17px 50px; border:1px solid #333; font-weight:400; background:transparent;}
.btn-basic.font-big{font-size:1rem}
.btn-basic.small{padding:7px 15px; font-size:.875rem; }
.btn-basic:hover{border-color:var(--primary-color); color:var(--primary-color)}
.btn-basic.color{background-color:#333; color:#fff;}
.btn-basic.color:hover{background-color:var(--primary-color);}

.table-con{}
.table-con dl{display:flex; padding:5px 0; align-items:center;}
.table-con dt{flex:0 0 125px; color:#666;}
.table-con dd{flex-grow:1; text-align:left; color:#333; font-weight:500}
.table-con input{font-size:.938rem; width:100%;}

@media only screen and (max-width:650px){
	.table-con dt{flex:0 0 105px;}
}

.header{position:fixed; top:0; display:flex; flex-direction:column; justify-content:space-between; padding:17px 0; height:100%; background-color:#0d0e08; z-index:99}
.header h1{padding:10px 15px;}
.header h1 .logo{max-width:75px;}
.header ul.nav{margin-top:35px; color:#fff;}
.header ul.nav > li a{display:block; padding:15px 17px; font-size:1.063rem;}
.header ul.nav > li.active{background-color:#404040;}
.header ul.nav > li.active ul{ max-height:50vh; overflow-y:auto;}
.header ul.nav li ul{display:none;}
.header ul.nav li ul li a{position:relative; padding:5px 10px 5px 30px; font-size:.875rem; font-weight:300}
.header ul.nav li ul li:first-child a{padding-top:0;}
.header ul.nav li ul li:last-child{padding-bottom:7px;}
.header ul.nav li ul li a:hover{color:var(--primary-color)}
.header ul.nav li ul li a:before{content:'-'; position:absolute; left:20px;}
.header .back-btn a{display:none; position:relative; width:40px; height:40px; cursor:pointer;}
.header .back-btn a:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); width:15px; height:15px; border-left:2px solid #fff; border-bottom:2px solid #fff;}
.header .top-menu{text-align:center; color:#fff; font-size:.875rem}
.header .top-menu > a:hover{text-decoration:underline}
.header .top-menu ul{display:flex; justify-content:center; gap:0 15px}
.header .top-menu ul li{position:relative;}
.header .top-menu ul li span{position:absolute; display:flex; justify-content:center; align-items:center; top:-2px; right:-8px; width:18px; height:18px; background-color:var(--primary-color); color:#fff; border-radius:100px; font-size:.75rem; font-weight:600}
.header .top-menu ul li img{max-height:24px;}
.header .search-top-btn{position:fixed; top:17px; right:30px;}
.header .search-top-btn span{display:inline-block; width:50px; height:50px; background:#0d0e08 url(/assets/shop/img/icon-search.png) no-repeat center / 47%; border-radius:100px;}

.header .top-menu .logout{font-size:.813rem}

.visual{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:700px; background:url(/assets/shop/img/visual.jpg) no-repeat center / cover; color:#fff; font-size:1.188rem; letter-spacing:17px; font-family:"Montserrat", serif; font-weight:600}
.visual h2{padding-top:15px; font-size:6rem; font-family:'smack'; letter-spacing:11px; font-weight:500}
.visual:after{content:''; position:absolute; bottom:0; width:100%; height:350px; background:linear-gradient(to top, #222, transparent)}

.item-list{color:#fff;}
.item-list h2{text-align:center; font-family:'smack'; font-size:3.125rem; font-weight:500}
.item-list ul{margin-top:60px; display:grid; grid-template-columns:repeat(3,1fr); gap:70px 22px;}
.item-list ul li{position:relative; }
.item-list ul li a .img{position:relative; width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden; transition:.5s all ease}
.item-list ul li a .img img{max-width:100%; transition: transform 0.5s ease;}
.item-list ul li a .name{padding-top:15px; font-size:1.375rem}
.item-list ul li a:hover .img img {transform: scale(1.1);}
.item-list ul li .sub-txt{padding-top:5px; font-size:1.063rem; color:#b2b2b2; font-weight:300}

.bestseller{margin-top:100px; }
.bestseller .swiper{margin-top:60px;}
.bestseller a .img{position:relative; width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden; transition:.5s all ease}
.bestseller a .img img{max-width:100%; transition: transform 0.5s ease;}
.bestseller a .name{padding-top:15px; font-size:1.438rem}
.bestseller a:hover .img img {transform: scale(1.1);}
.bestseller a .sub-txt{padding-top:5px; font-size:1.063rem; color:#b2b2b2; font-weight:300}


.heart-btn{position:absolute; display:flex; justify-content:center; align-items:center;width:45px; height:45px; bottom:10px; right:10px; z-index:30; border-radius:100px; cursor:pointer}
.heart-btn svg{width:40px; height:34px}


.heart.liked {fill: #ff6646;  /* 빨간색 하트 */stroke: #ff6646; /* 빨간색 테두리 */}
.heart {fill: rgba(0,0,0,.1);  /* 빈 하트 색상 */stroke: #fff;  /* 빈 하트 테두리 */}


.heart-btn-small-wrap .heart-btn{width:33px; height:33px; bottom:2px; right:2px;}
.heart-btn-small-wrap .heart-btn svg{width:33px; height:23px;}

.heart-btn-small-wrap.heart-btn-border .heart-btn{border:1px solid #eee;}

#heart{cursor: pointer; transition: fill 0.3s ease;}

@media only screen and (max-width:768px){
	body:has(.m-inner-header) .header .back-btn a{display:block}
	body:has(.m-inner-header) .header h1{display:none;}
	body:has(.m-inner-header) .header .search-top-btn{top:0}
	body:has(.m-inner-header) .header .top-menu{margin:1px 49px 0 0}
	body:has(.m-inner-header) .m-navi{display:none;}

	.btn-basic{padding:15px 30px;}
}
@media only screen and (max-width:650px){
	.heart-btn{bottom:3px; right:3px;}
	.heart-btn svg{width:35px; height:27px;}
	.btn-basic{padding:13px 30px;}
}


.main-new{display:flex; flex-direction:column; justify-content:space-between; height:770px; margin-top:120px; padding:170px 110px 50px; color:#fff; background:url(/assets/shop/img/new-bg.jpg) no-repeat center}
.main-new h2{font-size:3.125rem; font-family:'Montserrat', serif; font-weight:500}
.main-new .sub-tit{padding-top:15px; font-size:1.125rem; font-weight:300; line-height:1.6; text-align:left;}
.main-new .swiper-pagination{position:relative; margin-top:10px; bottom:35px!important;}
.main-new .swiper-pagination-bullet{position:relative; margin:0 10px!important; background-color:#fff; opacity:1}
.main-new .swiper-pagination-bullet-active:before{content:''; position:absolute; top:-7px; left:-7px; width:22px; height:22px; border-radius:100px; border:1px solid #fff;}
.main-new .new-item{width:520px; margin-right:initial; }
.main-new .new-item .item-wrap a{display:flex; gap:0 25px; padding:25px; background:rgba(255,255,255,.9); color:#333;}
.main-new .new-item .item-wrap .name{font-size:1.563rem; font-weight:600}
.main-new .new-item .item-wrap .sub-txt{color:#666; font-weight:300}
.main-new .new-item .item-wrap .img{position:relative; aspect-ratio:1/1; object-fit:cover; overflow:hidden; border:1px solid #ddd;}
.main-new .new-item .item-wrap img{display:block; max-width:150px;  transition:transform 0.5s ease;}
.main-new .new-item .item-wrap:hover .sub-txt{text-decoration:underline}
.main-new .new-item .item-wrap:hover .img img{transform:scale(1.1)}


.main-recommend{margin-top:150px; padding:150px 0; background-color:#fff; }
.main-recommend .inner{overflow:hidden;}
.main-recommend h2{text-align:center; font-family:'smack'; font-size:3.125rem; font-weight:500}
.main-recommend .swiper{margin-top:50px;}
.main-recommend dl dt{background:url(/assets/shop/img/recommend-01.jpg) no-repeat center / cover; height:560px;}
.main-recommend dl.middle dt{background:url(/assets/shop/img/recommend-02.jpg) no-repeat center / cover;}
.main-recommend dl.pro dt{background:url(/assets/shop/img/recommend-03.jpg) no-repeat center / cover;}
.main-recommend dl dd h3{padding-top:50px; font-size:1.625rem; }
.main-recommend dl dd ul{margin-top:32px;}
.main-recommend dl dd ul li a{display:flex; gap:0 25px; align-items:center;}
.main-recommend dl dd ul li a:hover .name{text-decoration:underline;}
.main-recommend dl dd ul li:not(:first-child){margin-top:20px;}
.main-recommend dl dd ul li .name{font-size:1.188rem}
.main-recommend dl dd ul li .price-wrap{padding-top:3px; font-size:1.063rem}
.main-recommend dl dd ul li .img{position:relative; }
.main-recommend dl dd ul li img{display:block; max-width:120px; border:1px solid #ddd;}

.main-item{padding:150px 0; background:url(/assets/shop/img/item-bg.jpg) no-repeat center /cover; color:#fff;}
.main-item .inner{display:flex; gap:0 60px;}
.main-item .inner .txt-wrap{display:flex; flex-flow:column; justify-content:space-between}
.main-item h2{padding-top:17px; font-size:2.625rem; font-weight:500; line-height:1.3}
.main-item p{padding-top:25px; font-size:1.313rem; font-weight:200}
.main-item .img-wrap{display:flex; gap:0 20px}
.main-item .img-wrap img{display:block;}


.sub-con{position:relative; padding:150px 0; }
/*body:has(.search-page) .search-top-btn{display:none;}*/
.search-page{text-align:center;}
.search-page .input-wrap{display:flex; justify-content:center; margin:0 auto; width:650px; border-bottom:3px solid #fff;}
.search-page input{background:none; color:#fff; width:calc(100% - 60px); border:none; font-size:2rem}
.search-page button{background:none; border:none; }
.search-page i{display:block; width:60px; height:60px; background:url(/assets/shop/img/icon-search.png) no-repeat center / 47%;}
.search-page .recommend{display:flex; gap:0 120px; justify-content:center;}
.search-page .hot{position:relative; margin-top:50px; width:50%; color:#fff; text-align:left;}
.search-page .hot:not(:last-child):before{content:''; position:absolute; top:0; right:-60px; width:1px; height:100%; background-color:rgba(255,255,255,.3)}
.search-page .hot h3{margin-bottom:20px; font-size:1.25rem; font-weight:500}
.search-page .hot ul{display:flex; gap:0 30px; counter-reset:list-counter}
.search-page .hot ul li{position:relative; padding:5px 0;  font-size:1.063rem; color:rgba(255,255,255,.8)}
.search-page .hot ul li a:hover{text-decoration:underline}
.search-page .hot.ranking ul li{padding:5px 0 5px 20px; counter-increment:list-counter;}
.search-page .hot.ranking ul li:before{content:counter(list-counter); position:absolute; left:0; color:var(--primary-color); font-weight:500}


.search-page .hot.latest{margin-top:50px;}
.search-page .hot.latest a{padding:6px 12px; background-color:rgba(255,255,255,.2); border:0; border-radius:20px;}
.search-page .hot.latest a:hover{background-color:rgba(255,255,255,.3)}
.search-page .hot .element{display:flex; gap:5px; flex-flow:wrap;}

.search-page .latest{margin-top:30px; color:#fff; }
.search-page .latest ul{display:flex; justify-content:center; gap:0 5px}
.search-page .latest ul li{display:flex; align-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50px; transition:all .3s}
.search-page .latest ul li button.close{position:relative; padding-right:16px; width:15px; height:15px;}
.search-page .latest ul li button.close:before,.search-page .latest ul li button.close:after{content:''; position:absolute; left:2px; top:7.5px; width:11px; height:1px; transform:rotate(45deg); background-color:#fff;}
.search-page .latest ul li button.close:after{transform:rotate(-45deg)}
.search-page .latest ul li button.close:hover:before,.search-page .latest ul li button.close:hover:after{background-color:var(--primary-color)}

.search-page .latest ul li a{padding:6px 4px 6px 12px; font-size:.938rem; color:rgba(255,255,255,.75)}
.search-page .latest ul li:hover{border-color:rgba(255,255,255,1)}
.search-page .latest ul li:hover a{color:#fff; }
.search-page .latest ul li:nth-child(n+6){display:none;}

.search-page .item-list ul{grid-template-columns:repeat(5,1fr);}
.search-page .item-list ul li{text-align:left;}
.search-page .item-list ul li a .name{font-size:1.25rem}
.search-page .item-list ul li .sub-txt{font-size:.938rem}
.search-page .price-wrap{font-size:1rem}

.footer{position:relative; padding:65px; color:#fff; z-index:-1}
.footer .inner{display:flex; gap:0 120px}
.footer .inner .tel{width:220px; flex-shrink:0;}
.footer .inner .tel .cus-txt{font-size:1.25rem}
.footer .inner .tel a{font-size:2.375rem; font-weight:600}
.footer .inner .tel ul{margin-top:7px;}
.footer .inner .tel ul li{padding:1px 0; color:rgba(255,255,255,.9); font-weight:300; font-size:.938rem}
.footer .inner .tel ul li span{color:rgba(255,255,255,.9); margin-right:5px;}
.footer .inner .info .name{font-size:1.125rem}
.footer .inner .info .cate{display:inline-block; margin:5px 10px 0 0; font-size:.938rem;}
.footer .inner .info ul{margin-top:0; display:flex; gap:0 10px; flex-wrap:wrap;}
.footer .inner .info ul li,.footer .inner .info .copy{font-size:.938rem; font-weight:200; color:rgba(255,255,255,.8); line-height:1.7}
.footer .inner .info .copy{opacity:.7}
.footer .inner .info .link{margin-top:15px; display:flex; gap:0 30px;}
.footer .inner .info .link a{display:block; position:relative;}
.footer .inner .info .link a:first-child:before{content:''; position:absolute; top:4px; right:-15px; width:1px; height:15px; background-color:rgba(255,255,255,.5);}


@media only screen and (max-width:1920px){
	.visual{height:500px; font-size:.875rem; letter-spacing:15px}
	.visual:after{height:150px;}
	.visual h2{letter-spacing:8px; font-size:4rem}
}
@media only screen and (max-width:1600px){
	.inner{margin-left:160px; width:calc(92% - 160px); left:4%}
	.inner-small{width:92%;}
	.main-item{padding:120px 0}
	.main-item .inner{gap:0 50px}
	.main-item .inner > img{max-width:550px}
	.main-item .img-wrap{gap:0 15px}
	.main-item .img-wrap img{max-width:250px}
	.main-item h2{font-size:2.375rem}
	.main-item p{font-size:1.125rem}
	.footer{padding:60px 0}
	.footer .inner{gap:0 70px}
}
@media only screen and (max-width:1400px){
	.price-wrap{font-size:1.125rem}
	.item-list h2{font-size:2.75rem}
	.item-list ul{margin-top:50px;}
	.bestseller .swiper{margin-top:50px;}
	.main-new{padding:90px 70px 30px; height:600px}
	.main-new h2,.main-recommend h2{font-size:2.375rem}
	.main-new .sub-tit{font-size:1rem}
	.main-new .new-item{width:430px;}
	.main-new .new-item .item-wrap .img{flex-shrink:0; width:130px}
	.main-new .new-item .item-wrap .name{font-size:1.375rem}
	.main-new .new-item .item-wrap .sub-txt{font-size:.938rem}
	.main-recommend{margin-top:130px; padding:130px 0;}
	.main-recommend .swiper{margin-top:45px;}
	.main-recommend dl dt{height:420px}
	.main-recommend dl dd h3{font-size:1.375rem}
	.main-recommend dl dd ul{margin-top:25px;}
	.main-recommend dl dd ul li .name{font-size:1.063rem}
	.main-recommend dl dd ul li img{max-width:100px;}
	.main-recommend dl dd ul li:not(:first-child){margin-top:13px;}
	.main-item h2{font-size:2rem}
	.main-item p{padding-top:15px}
	.main-item .inner > img{max-width:45%}
	.main-item .img-wrap img{max-width:220px}

	.search-page .hot{width:auto;}
	.search-page .hot ul{display:block}
	.search-page .hot .element{flex-flow:row wrap;}
	.search-page .hot .element a{display:inline-flex;}
	.search-page .hot ul li{font-size:1rem}
	.search-page .item-list ul li a .name{font-size:1.063rem}
	.search-page .item-list ul li .sub-txt{font-size:.875rem}
	.search-page .price-wrap{padding-top:15px;}
}
@media only screen and (max-width:1024px){
	.visual{height:400px;}
	.main-new{padding:80px 40px 25px 50px; height:520px}
	.main-recommend{margin-top:100px; padding:100px 0 80px; }
	.main-recommend .swiper{margin-top:40px;}
	.main-recommend dl dt{height:300px;}
	.main-recommend dl dd h3{padding-top:35px; font-size:1.25rem}
	.main-recommend dl dd ul{margin-top:17px;}
	.main-recommend dl dd ul li img{max-width:80px;}
	.main-recommend dl dd ul li a{gap:0 18px}
	.main-recommend dl dd ul li .name{font-size:1rem}
	.main-recommend dl dd ul li:not(:first-child){margin-top:10px}
	.main-item{padding:80px 0; text-align:center;}
	.main-item .inner .txt-wrap{gap:50px 0; flex-grow:1}
	.main-item .inner > img{display:none;}
	.main-item .img-wrap{justify-content:center;}
	.main-item .img-wrap img{max-width:100%; max-height:300px}

	.search-page .item-list{margin-top:80px;}
	.search-page .item-list ul{margin-top:40px; grid-template-columns:repeat(4,1fr); gap:65px 18px;}
	.search-page .input-wrap{width:80%;}
	.search-page input{font-size:1.75rem}

	.footer{padding:50px 0}
	.footer .inner{gap:0 40px}
}
@media only screen and (min-width:769px){
	.m-navi{display:none;}
	.nav .close{display:none;}
}
@media only screen and (max-width:768px){
	.inner{margin-left:0; width:95%; left:2.5%}
	.sub-con{padding:120px 0 80px;}
	.header .nav,.header .top-menu li:first-child{display:none}
	.header{flex-direction:row; padding:5px 10px; width:100%; height:auto; background:#222; /*linear-gradient(to bottom, #0d0e08, transparent);*/}
	.header h1{padding:0 0 0 8px;}
	.header h1 .logo{max-height:50px;}
	.header .top-menu{margin-right:55px; direction:rtl}
	.header .top-menu .logout{margin-right:15px; font-size:.938rem}
	.header > div{display:flex; justify-content:space-between; align-items:center;}
	.header .search-top-btn{top:10px; right:10px;}
	.header .search-top-btn span{background-color:transparent; background-size:43%}

	.m-navi{position:fixed; width:100%; bottom:0; z-index:99999; background-color:#333;}
	.m-navi ul{display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr));}
	.m-navi ul li a{position:relative; display:block; padding:30px 0; height:26px; text-align:center; background-repeat:no-repeat; background-position:top 12px center; background-size:auto 23px; color:#fff; opacity:.8}
	.m-navi ul li:nth-child(1) a{background-image:url(/assets/shop/img/icon-menu.png);}
	.m-navi ul li:nth-child(2) a{background-image:url(/assets/shop/img/icon-time.png)}
	.m-navi ul li:nth-child(3) a{background-image:url(/assets/shop/img/icon-home.png)}
	.m-navi ul li:nth-child(4) a{background-image:url(/assets/shop/img/icon-my.png)}
	.m-navi ul li:nth-child(5) a{background-image:url(/assets/shop/img/icon-heart.png)}
	.m-navi ul li a:before{content:''; position:absolute; bottom:-5px; left:50%; transform:translate(-50%,-50%); width:100%; font-size:.813rem}
	.m-navi ul li:nth-child(1) a:before{content:'메뉴'}
	.m-navi ul li:nth-child(2) a:before{content:'최근본'}
	.m-navi ul li:nth-child(3) a:before{content:'홈으로'}
	.m-navi ul li:nth-child(4) a:before{content:'마이'}
	.m-navi ul li:nth-child(5) a:before{content:'찜한상품'}
	.m-navi ul li a img{max-height:26px; opacity:.5}
	.m-navi ul li.active a{opacity:1}
	.m-navi ul li.active:nth-child(1) a{background-image:url(/assets/shop/img/icon-menu-on.png)}
	.m-navi ul li.active:nth-child(2) a{background-image:url(/assets/shop/img/icon-time-on.png)}
	.m-navi ul li.active:nth-child(3) a{background-image:url(/assets/shop/img/icon-home-on.png)}
	.m-navi ul li.active:nth-child(4) a{background-image:url(/assets/shop/img/icon-my-on.png)}
	.m-navi ul li.active:nth-child(5) a{background-image:url(/assets/shop/img/icon-heart-on.png)}

	body:has(.site-main) .m-navi ul li:nth-child(3) a{background-image:url(/assets/shop/img/icon-home-on.png)}
	body:has(.site-latest) .m-navi ul li:nth-child(2) a{background-image:url(/assets/shop/img/icon-time-on.png)}
	body:has(.site-wish) .m-navi ul li:nth-child(5) a{background-image:url(/assets/shop/img/icon-heart-on.png)}
	body:has(.site-my-main) .m-navi ul li:nth-child(4) a{background-image:url(/assets/shop/img/icon-my-on.png)}


	.header ul.nav.open{position:fixed; width:100%; padding:0; padding:20px 0; height:50vh; top:auto; left:0; bottom:0; background-color:#434343; z-index:99; border-radius:20px 20px 0 0}
	.header ul.nav.open > li{display:block; align-items:start; border-bottom:1px solid rgba(255,255,255,.2);}
	.header ul.nav.open > li a{font-size:1.125rem; font-weight:500;/*width:87px; flex-shrink:0;*/}
	.header ul.nav.open li ul{display:grid; grid-template-columns:repeat(2,1fr); gap:0px 5px; margin:-12px 0 0 9px;}
	.header ul.nav.open li ul li a{padding:2px 5px; font-size:.938rem; opacity:.8}
	.header ul.nav.open li ul li a:before{display:none;}
	.header ul.nav.open .close{position:absolute; top:25px; right:25px; border-bottom:none; cursor:pointer;}
	.header ul.nav.open .close img{max-width:20px; border-bottom:0}
	.m-navi.open ul li.menu a{background-image:url(/assets/shop/img/icon-menu-on.png); opacity:1}

	.main-new .new-item{width:400px;}
	.main-new .new-item .item-wrap a{padding:20px;}

	.footer{margin-bottom:57px}
} 
@media only screen and (max-width:650px){
	.header h1 .logo{max-height:40px;}
	.header .search-top-btn{top:6px; right:6px}
	.header .top-menu{margin-right:50px;}

	.main-new{padding:60px 30px 30px; height:500px}
	.main-new .new-item{width:100%;}
	.main-new .swiper-pagination{bottom:32px!important}
	.main-new .new-item .item-wrap .img{width:100px;}
	.main-new .new-item .item-wrap .img img{max-width:100%;}
	.main-new .new-item .price-wrap{padding-top:15px;}

	.item-list ul li a .name{padding-top:12px; font-size:1.063rem}

	.search-page .recommend{gap:0 60px}
	.search-page .input-wrap{width:85%}
	.search-page input{padding:8px 10px; font-size:1.438rem}
	.search-page .latest{margin-top:20px;}
	.search-page i{width:40px; height:40px; background-size:50%;}
	.search-page .price-wrap{padding-top:8px;}
	.search-page .hot:not(:last-child):before{right:-30px;}
	.search-page .item-list{margin-top:60px;}
	.search-page .item-list ul{grid-template-columns:repeat(3,1fr); gap:40px 10px;}
	.search-page .item-list ul li a .name{font-size:.938rem}
	.search-page .item-list ul li .sub-txt{margin-top:1px; font-size:.813rem}
	.search-page .latest ul li:nth-child(n+4){display:none;}
	.search-page .hot h3{font-size:1.125rem}
	.search-page .hot.ranking{padding-left:30px;}
	.search-page .hot.ranking ul li{padding:4px 0 4px 20px; font-size:.938rem}
	.search-page .hot .element a{padding:7px 10px; font-size:.875rem}

	.footer .inner{display:block}
	.footer .inner .info{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.2)}
}
@media only screen and (max-width:479px){

	.price-wrap{padding-top:5px; gap:0 6px;}
	.visual{height:350px; font-size:.75rem; letter-spacing:10px;}
	.visual h2{letter-spacing:5px; font-size: 3.25rem;}

	.header{padding:5px 10px 0 10px}
	.
	.header .top-menu{margin:-7px 47px 0 0;}
	
	.m-navi ul li a:before{bottom:-4px;}
	.m-navi ul li a{padding:28px 0; background-position:top 11px center; background-size:auto 19px;}

	.item-list h2{font-size:1.875rem}
	.item-list ul{margin-top:35px; grid-template-columns:repeat(2,1fr); gap:40px 13px;}	
	.item-list ul li .sub-txt{font-size:.875rem}

	.bestseller .swiper{margin-top:35px;}
	.bestseller a .name{font-size:1.25rem}
	.bestseller a .sub-txt{font-size:1rem}

	.main-new{margin-top:100px; padding:65px 20px 20px; height:430px;}
	.main-new h2{font-size:1.75rem}
	.main-recommend h2{font-size:2.125rem;}
	.main-new .sub-tit{padding-top:12px;}
	.main-new .new-item .item-wrap a{padding:15px; gap:0 20px}
	.main-new .new-item .item-wrap .sub-txt{height:38px; overflow:hidden; line-height:1.4; font-size:.875rem}
	.main-new .new-item .item-wrap .name{font-size:1.25rem}
	.main-new .new-item .price-wrap{padding-top:11px;}

	.main-recommend{margin-top:80px; padding:90px 0 80px;}
	.main-recommend .swiper{margin-top:25px;}
	.main-recommend dl dd h3{padding-top:25px; }

	.main-item{padding:70px 0}
	.main-item h2{font-size:1.625rem; line-height:1.35}
	.main-item p{padding-top:11px; font-size:1.063rem}

	.footer{padding:40px 0; margin-bottom:51px}
	.footer .inner .tel a{font-size:2.25rem; line-height:1.3}
	.footer .inner .tel .cus-txt{font-size:1.125rem}
	.footer .inner .tel ul li{padding:0;}
	.footer .inner .info ul li, .footer .inner .info .copy{line-height:1.55; font-size:.875rem}
	.footer .inner .info .link{margin-top:13px; gap:0 24px; font-size:.938rem}
	.footer .inner .info .link a:first-child:before{top:3px; right:-12px; height:13px;}
}





.scrollBtn {
    position: fixed;
	right:20px;
    bottom: 20px;
    background-color:rgba(0,0,0,.2);
    color: white;
    border: none;
    padding: 15px;
    border-radius: 50%;
    font-size: 1.75rem;
    display: none; /* 초기에는 숨기기 */
    cursor: pointer;
    z-index: 1000; /* 버튼이 다른 요소들보다 위에 오도록 */
}

.scrollBtn.latest-img{padding:0; background:none; }
.scrollBtn.latest-img img{width:50px; height:50px; border-radius:100px;}

/* 위로 이동 버튼 */
#scrollToTopBtn {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid #fff;}
/* 다른 페이지로 이동 버튼 */
#goToPageBtn {
    bottom: 66px; /* 오른쪽에서 약간 떨어져서 위치 */
}
@media only screen and (max-width:768px){
	.scrollBtn{right:10px; bottom:70px}
}
@media only screen and (max-width:479px){
	#scrollToTopBtn{bottom:65px; width:40px; height:40px; font-size:1.625rem}
}



.item-view{color:#fff;}
.item-view .item-top{display:flex; gap:0 60px}
.item-view .item-top .item-img{overflow:hidden; flex-grow:1}
.item-view .item-top .item-img .swiper-container{position:relative; }
.item-view .item-top .item-img .slider img{width:100%;}
.item-view .item-top :where(.item-img,.item-option),.item-view .item-top .item-img :where(.swiper-button-next,.swiper-button-prev){width:50%;}
.item-view .item-top .item-img :where(.swiper-button-prev,.swiper-button-next){left:0; color:#333}
.item-view .item-top .item-img .swiper-button-prev:after,.item-view .item-top .item-img .swiper-button-next:after{position:absolute; left:15px; font-size:1.75rem}
.item-view .item-top .item-img .swiper-button-next:after{left:auto; right:15px;}

.item-view .item-top .item-img .swiper-button-next{left:auto; right:0}
.item-view .item-top .slider-thumbnail .swiper-slide{opacity:.39; cursor:pointer;}
.item-view .item-top .slider-thumbnail .swiper-slide img{max-width:100%;}
.item-view .item-top .slider-thumbnail .swiper-slide.swiper-slide-thumb-active{opacity:1}


.item-view .item-top .item-option h2{font-size:2.125rem; font-weight:500}
.item-view .item-top .item-option .sub-txt{margin-top:10px; font-size:1.125rem; font-weight:100; }
.item-view .item-top .item-option .block{padding:24px 0; border-top:1px solid rgba(255,255,255,.2)}
.item-view .item-top .item-option .block.ship{margin-top:80px; display:flex; align-items:center; gap:0 5px;}
.item-view .item-top .item-option .block.ship img{max-width:34px;}
.item-view .item-top .item-option .block.add-item .txt{font-size:1.063rem; font-weight:100}
.item-view .item-top .item-option .block.add-item .select-wrap{position:relative;}
.item-view .item-top .item-option .block.add-item .select{ margin-top:10px; padding:14px 20px; background-color:#4d4d4d; font-weight:200; color:rgba(255,255,255,.9); cursor:pointer;}
.item-view .item-top .item-option .block.add-item .select:before{content:''; position:absolute; top:calc(50% - 2px); right:25px; width:9px; height:9px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:translateY(-50%) rotate(-45deg);}
.item-view .item-top .item-option .block.add-item ul{display:none; position:absolute; width:100%; top:52px; max-height:250px; overflow-y:auto; border:1px solid rgba(255,255,255,.3); border-top:0; background-color:#222; z-index:9}
.item-view .item-top .item-option .block.add-item ul li{padding:12px 20px; font-size:.938rem; font-weight:300; color:rgba(255,255,255,.9); cursor:pointer;}
.item-view .item-top .item-option .block.add-item ul li:hover{background-color:rgba(255,255,255,.1)}
.item-view .item-top .item-option .block.add-item ul li:not(:first-child){border-top:1px solid rgba(255,255,255,.1)}
.item-view .item-top .item-option .block.order-list ul{display:flex; justify-content:space-between;}
.item-view .item-top .item-option .block.order-list ul li{display:flex; align-items:center; gap:0 10px;}
.item-view .item-top .item-option .block.order-list ul li.name{color:rgba(255,255,255,.9)}
.item-view .item-top .item-option .block.order-list ul li .count-wrap{display:flex; align-items:center; justify-content:center;}
.item-view .item-top .item-option .block.order-list ul li .count-wrap .count{position:relative; display:block; background:none; border:none; width:28px; height:28px;}
.item-view .item-top .item-option .block.order-list ul li .count-wrap .count:before,.item-view .item-top .item-option .block.order-list ul li .count-wrap .count:after{content:''; position:absolute; width:12px; height:1px; transform:translate(-50%,-50%); background-color:rgba(255,255,255,.9);}
.item-view .item-top .item-option .block.order-list ul li .count-wrap .count.plus:after{content:''; transform:translate(-50%,-50%) rotate(90deg)}
.item-view .item-top .item-option .block.order-list ul li .count-wrap input{padding:10px; width:50px; background:none; border:none; color:#fff; text-align:center;}
.item-view .item-top .item-option .block.order-list ul li .close{display:flex; align-items:center; padding:1px; background:none; border:none;}
.item-view .item-top .item-option .block.order-list ul li .close svg{width:22px; height:22px;}
.item-view .item-top .item-option .block.order-list ul li .close svg path{stroke:#fff; stroke-width:1; stroke-linecap="round" stroke-linejoin="round"}
.item-view .item-top .item-option .block.order-list ul li .price{width:80px; text-align:right;}
.item-view .item-top .item-option .block.total-wrap{display:flex; justify-content:space-between; align-items:center; font-size:1.25rem; color:#e6e6e6;}
.item-view .item-top .item-option .block.total-wrap .total-price{font-size:1.75rem; color:var(--primary-color); font-weight:600}
.item-view .item-top .item-option .btn-wrap{display:flex; align-items:center; gap:0 7px}
.item-view .item-top .item-option .btn-wrap > a{display:flex; flex:1 1 50%; align-items:center; justify-content:center; border:1px solid #fff; flex-grow:1; height:65px; font-size:1.25rem}
.item-view .item-top .item-option .btn-wrap > a.cart:hover{background-color:#4d4d4d; border-color:#4d4d4d;}
.item-view .item-top .item-option .btn-wrap > a.buynow{background-color:#fff; color:#333;}
.item-view .item-top .item-option .btn-wrap > a.buynow:hover{background-color:var(--primary-color); border-color:var(--primary-color); color:#fff;}
.item-view .item-top .item-option .btn-wrap > div .heart-btn{position:relative; width:65px; height:65px; bottom:auto; right:auto; border:1px solid #fff; border-radius:0}
.item-view .item-top .item-option .btn-wrap > div .heart-btn svg{width:35px; height:28px;}



.star{display: inline-block; position: relative; margin-top:18px; width:170px; text-align:left;}
.star .filled{position:relative; display: inline-block; width: 170px; height: 29px; background: url(/assets/shop/img/item/star.png) no-repeat left center / 170px; z-index:2}
.star .empty{position:absolute; top:0; left:0; display: inline-block; width: 170px; height: 29px; background: url(/assets/shop/img/item/star-grey.png) no-repeat left center / 170px; z-index:1;}

.item-view .item-detail{margin-top:100px; color:rgba(255,255,255,.9)}
.item-view .item-detail .tabs {width: 100%;}
.item-view .item-detail .tab-buttons{position:sticky; top:0; display: flex; border-bottom: 1px solid rgba(255,255,255,.3); justify-content: center; margin-bottom: 20px; z-index:9; background-color:#222;}
.item-view .item-detail .tab-button {padding: 15px 20px; width:25%; border-bottom:2px solid #222; font-size: 16px; cursor: pointer; border:none; background-color:#222; color:rgba(255,255,255,.7); font-size:1.25rem}
.item-view .item-detail .tab-button:hover{}
.item-view .item-detail .tab-button.active{color:#fff; border-bottom:2px solid #fff;}
.item-view .item-detail .tab-content{padding: 50px 0;}
.item-view .item-detail .tab-pane{padding:0; margin-top: 60px; border-radius: 5px; text-align:center;}
.item-view .item-detail .tab-pane.detail-img figure{padding:0; margin:0}
.item-view .item-detail .tab-pane.detail-img figure img{display:block; margin:0 auto}
:where(.item-view .item-detail .review,.item-view .item-detail .qna,.item-view .item-detail .info) h2{text-align:left; font-size:1.75rem; font-weight:500}
.item-view .item-detail .review .rating{display:flex; align-items:center; margin-top:25px; padding:40px 0; border-top:2px solid #666; border-bottom:1px solid rgba(255,255,255,.1)}
.item-view .item-detail .review .rating .num{width:500px;}
.item-view .item-detail .review .rating .num .txt{font-size:1.125rem}
.item-view .item-detail .review .rating h3{padding-top:8px; font-size:2.813rem}
.item-view .item-detail .review .rating .graph-wrap{flex-grow:1;}
.item-view .item-detail .review .rating .graph-wrap ul{display:flex; align-items:center; gap:0 11px;}
.item-view .item-detail .review .rating .graph-wrap ul li{margin:3.5px 0; }
.item-view .item-detail .review .rating .graph-wrap ul li:first-child{flex:0 0 50px; font-weight:200; text-align:center;}
.item-view .item-detail .review .rating .graph-wrap ul li.graph{position:relative; height:9px; flex-grow:1; text-align:left;}
.item-view .item-detail .review .rating .graph-wrap ul li.graph .bar{position:absolute; display:inline-block; height:9px; background-color:#858585; width:0}
.item-view .item-detail .review .rating .graph-wrap ul li.graph .bar.best{background-color:#fff;}
.item-view .item-detail .review .rating .graph-wrap ul li.graph .bar-bg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333; z-index:-1}

.item-view .item-detail .review .photo-review{margin-top:70px; text-align:left; }
.item-view .item-detail .review .photo-review .tit{display:flex; justify-content:space-between; align-items:center;}
:where(.item-view .item-detail .review .photo-review .tit,.item-view .item-detail .review .general-review) h3{font-size:1.375rem; font-weight:400}
.item-view .item-detail .review .photo-review .tit p{text-decoration:underline; font-size:1.125rem; cursor:pointer;}
.item-view .item-detail .review .photo-review ul{display:flex; align-items:center; overflow:hidden; margin-top:18px; gap:0 12px;}
.item-view .item-detail .review .photo-review ul li{width:200px;}
.item-view .item-detail .review .photo-review ul li img{max-width:100%; aspect-ratio:1/1; object-fit:cover; object-position: center;}
.item-view .item-detail .review .general-review{margin-top:70px; text-align:left; }
.item-view .item-detail .review .general-review .sort{display:flex; align-items:center; gap:0 40px; margin-top:23px; border-bottom:1px solid rgba(255,255,255,.5)}
.item-view .item-detail .review .general-review .sort li{padding:10px 0; color:#7f7f7f; cursor:pointer;}
.item-view .item-detail .review .general-review .sort li.active{color:#fff; }
.item-view .item-detail .review .general-review .star{margin-top:0; width:90px; height:29px;}
.item-view .item-detail .review .general-review .star :where(.filled,.empty){width:90px; background-size:90px;}
.item-view .item-detail .review .general-review .list li{padding:25px 0; border-bottom:1px solid rgba(255,255,255,.1)}
.item-view .item-detail .review .general-review .list .review-top{display:flex; align-items:start; justify-content:space-between;}
.item-view .item-detail .review .general-review .list .review-top .user{display:flex; align-items:center; gap:0 15px;}
.item-view .item-detail .review .general-review .list .review-top .user .name{font-weight:300; color:rgba(255,255,255,.75)}
.item-view .item-detail .review .general-review .list .review-top .date{position:relative; color:rgba(255,255,255,.8); font-weight:300; text-align:right;}
.item-view .item-detail .review .general-review .list .review-top .my-btn{position:absolute; right:0; margin-top:12px;}
.item-view .item-detail .review .general-review .list .review-top .my-btn button{padding:6px 15px; border:1px solid rgba(255,255,255,.3); background:none; color:#fff; font-size:.875rem}
.item-view .item-detail .review .general-review .list .review-top .my-btn button:hover{border:1px solid #fff;}
.item-view .item-detail .review .general-review .list .review-txt{margin:15px 0 0; font-size:1.125rem}
.item-view .item-detail .review .general-review .list .photo{display:flex; margin-top:20px; align-items:center; gap:0 10px; width:120px;}
.item-view .item-detail .review .general-review .list .photo img{max-width:100%; aspect-ratio:1/1; object-fit:cover;}

.item-view .item-detail .qna{margin-top:100px; text-align:left;}
.item-view .item-detail .qna dl:nth-of-type(1){margin-top:20px; border-top:2px solid rgba(255,255,255,.25)}
.item-view .item-detail .qna dl{border-bottom:1px solid rgba(255,255,255,.1)}
.item-view .item-detail .qna dl dt{display:flex; padding:23px 0; align-items:center; justify-content:space-between; cursor:pointer; font-weight:300}
.item-view .item-detail .qna dl dt > div{display:flex; align-items:center;}
.item-view .item-detail .qna dl dt .date{color:rgba(255,255,255,.7); gap:0 30px; font-weight:300; font-size:.938rem}
.item-view .item-detail .qna dl dt .status{width:125px; flex-shrink:0;}
.item-view .item-detail .qna dl dd{display:none;}
.item-view .item-detail .qna dl dd ul{padding:50px 80px 50px 120px; background-color:#484848;}
.item-view .item-detail .qna dl dd ul li p{position:relative; font-weight:300; line-height:1.9;}
.item-view .item-detail .qna dl dd ul li p:before{content:''; position:absolute; top:0; left:-45px; font-size:2rem; font-family:'Montserrat', serif; line-height:1; font-weight:500}
.item-view .item-detail .qna dl dd ul li .que{padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.2)}
.item-view .item-detail .qna dl dd ul li .que:before{content:'Q'; }
.item-view .item-detail .qna dl dd ul li .ans{margin-top:30px;}
.item-view .item-detail .qna dl dd ul li .ans span{display:block; margin-top:10px; font-size:90%; color:rgba(255,255,255,.7)}
.item-view .item-detail .qna dl dd ul li .ans:before{content:'A'}
.item-view .item-detail .qna .write-btn{display:block; margin:30px auto; padding:15px 0; width:500px; border:1px solid rgba(255,255,255,.3); text-align:center; font-weight:500}
.item-view .item-detail .qna .write-btn:hover{background-color:#fff; color:#333;}

.item-view .item-detail .info{margin-top:100px; text-align:left;}
.item-view .item-detail .info .txt-wrap{padding-top:20px; font-weight:200}
.item-view .item-detail .info .txt-wrap :where(.shipping,.change){margin-top:30px; display:flex; gap:0 33px; align-items:start;}
.item-view .item-detail .info .txt-wrap :where(.shipping,.change) > img{max-width:112px;}
.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li{position:relative; margin:2px 0; padding-left:11px; }
.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li:before{content:''; position:absolute; top:10px; left:0; width:4px; height:1px; background-color:rgba(255,255,255,.75);}
.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li:first-child{padding:0 0 7px; font-size:1.375rem; font-weight:500; color:#fff;}
.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li:first-child:before{display:none;}

@media only screen and (max-width:768px){
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change){gap:0 25px}
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change) > img{max-width:100px}
}
@media only screen and (max-width:650px){
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change){margin-top:25px; gap:0 17px}
	.item-view .item-detail .info .txt-wrap .shipping{margin-top:15px;}
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change) > img{display:none;}
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li:first-child{margin-bottom:12px; display:flex; align-items:center; gap:0 7px; font-size:1.188rem; border-bottom:1px solid rgba(255,255,255,.3);}
	.item-view .item-detail .info .txt-wrap :where(.shipping,.change) ul li:first-child img{max-width:32px;}
}

.pagination{display:flex; justify-content:center; margin-top:50px; align-items:center; gap:0 5px;}
.pagination li a{display:flex; align-items:center; justify-content:center; width:45px; height:45px; background-color:#3d3d3d; border-radius:5px; font-size:.938rem; color:rgba(255,255,255,.5)}
.pagination li a:hover{background-color:#666;}
.pagination li.active a{background-color:#777; color:#fff;}
.pagination :where(.prev,.next) .arrow{display:inline-block; width:9px; height:9px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.pagination .prev .arrow{margin-left:5px; transform:rotate(45deg)}
.pagination .next .arrow{margin-left:-5px; transform:rotate(-135deg)}
.pagination.light li a,.pagination.light :where(.prev,.next) .arrow{background-color:#eee; color:#333; border-color:#333;}
.pagination.light li a:hover{background-color:#ddd;}
.pagination.light li.active a{background-color:#333; color:#fff;}

.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:100}
.dim-white{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.7); z-index:99}
.layer-pop{display:none; position:fixed; left:50%; top:50%; max-height:80vh; overflow-y:auto; transform:translate(-50%,-50%); width:700px; background-color:#fff; z-index:9999}
.layer-pop.padding{padding:35px;}
.layer-pop .close{position:absolute; top:18px; right:18px; display:flex; align-items:center; justify-content:center; background:none; border:none;}
.layer-pop .close svg{width:28px; height:28px;}
.layer-pop h2{text-align:center; font-weight:600}
.layer-pop .content{padding-top:20px;}
.layer-pop textarea{padding:20px; min-height:280px; border:1px solid #e1e1e1; }
.layer-pop .btn{margin-top:10px; }
.layer-pop .btn button{margin-top:15px; display:block; width:100%; padding:13px; border:none; background-color:#333; color:#fff;}
.layer-pop .btn button:hover{background-color:#444;}

.layer-pop.notice-pop.long-width{width:600px;}
.layer-pop.notice-pop{width:450px;}
.layer-pop.notice-pop.padding{padding:35px 25px 25px;}
.layer-pop.notice-pop .content{padding:20px 0;}
.layer-pop.notice-pop .content p{line-height:1.4}
.layer-pop.notice-pop .content .txt{font-size:.938rem; font-weight:300}
.layer-pop.notice-pop .btn-wrap{display:flex; margin-top:10px; gap:0 5px; align-items:center;}
.layer-pop.notice-pop .btn-wrap button{flex:1 1 auto; padding:10px 0; font-weight:400; font-size:1rem;}
.layer-pop.notice-pop .btn-wrap button:not(.color){ background:transparent}


@media only screen and (max-width:1024px){
	.item-view .item-top{gap:0 50px}
	.item-view .item-top .item-option .block.ship{margin-top:30px;}
	.item-view .item-top .item-option .price-wrap{padding-top:15px;}
	.item-view .item-top .item-option .block{padding:15px 0}
	.item-view .item-top .item-option .block.add-item .select{padding:12px 20px;}
	.item-view .item-top .item-option .block.add-item .select:before{right:20px; width:7px; height:7px; }
	.item-view .item-top .item-option .block.order-list ul li{gap:0 5px}
	.item-view .item-top .item-option .block.order-list ul li .count-wrap input{padding:8px 0; width:40px}
	.item-view .item-top .item-option .block.total-wrap{padding:13px 0 15px}
	.item-view .item-top .item-option .block.total-wrap .total-txt{font-size:1.125rem}
	.item-view .item-top .item-option .block.total-wrap .total-price{font-size:1.5rem}
	.item-view .item-top .item-option .btn-wrap > a{height:50px; font-size:1.125rem}
	.item-view .item-top .item-option .btn-wrap > div .heart-btn{width:50px; height:50px}
	.item-view .item-top .item-option .btn-wrap > div .heart-btn svg{width:30px; height:20px;}

	.item-view .item-detail .review .rating .num{width:300px}

	.item-view .item-detail .tab-button{font-size:1.125rem}
	.item-view .item-detail .tab-pane.detail-img img{max-width:100%;}
}
@media only screen and (max-width:768px){
	.sub-con.item-view{padding:50px 0 50px}
	.item-view .item-top{flex-flow:column; gap:40px 0}
	.item-view .item-top :where(.item-img,.item-option), .item-view .item-top .item-img :where(.swiper-button-next,.swiper-button-prev){width:100%}
	.item-view .item-detail .qna .write-btn{width:100%;}
	.item-view .item-top .item-option .btn-wrap{position:fixed; left:0; bottom:0; width:100%; padding:5px; background-color:#444; z-index:9999}
	.item-view .item-top .item-option .btn-wrap > a.buynow{font-weight:600; flex-shrink:0; width:60%}
	.item-view .item-top .item-option .m-item-view-pay{display:none; position:fixed; left:0; bottom:60px; width:100%; min-height:30vh; max-height:70vh; overflow-y:auto; padding:0 15px; background-color:#333; z-index:9999}
	.item-view .item-top .item-option .m-item-view-pay .block.add-item{border-top:0}
	.item-view .item-top .item-option .m-item-view-pay .btn-wrap > a:hover{background-color:#555;}

	.item-view .item-top .item-option .block.add-item ul{max-height:150px}

	.item-view .item-detail .qna dl dd ul{padding:40px 50px 40px 100px;}
	.item-view .item-detail .tab-buttons{top:40px;}

	.layer-pop{width:92%; }
}
@media only screen and (max-width:650px){
	.layer-pop.notice-pop.long-width{width:92%;}
}
@media only screen and (max-width:560px){
	.item-view .item-detail .tab-button{padding:12px 5px; font-size:1.063rem}
	.item-view .item-detail .tab-button span{display:none;}
	.item-view .item-top .item-option .block.ship{margin-top:15px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.2)}
	.item-view .item-top .item-option .btn-wrap > div .heart-btn{border:none;}
	.item-view .item-detail{margin-top:70px;}
	.item-view .item-detail .tab-pane#detail{margin-top:10px;}
	:where(.item-view .item-detail .review,.item-view .item-detail .qna,.item-view .item-detail .info) h2{font-size:1.375rem; font-weight:600}
	:where(.item-view .item-detail .review .photo-review .tit,.item-view .item-detail .review .general-review) h3{font-size:1.188rem; font-weight:600}
	.item-view .item-detail .review .photo-review{margin-top:45px;}
	.item-view .item-detail .review .photo-review ul{display:grid; grid-template-columns:repeat(auto-fill, minmax(70px , 1fr)); grid-auto-flow:column; gap:0 9px; margin-top:13px; white-space:nowrap; overflow:hidden;}
	.item-view .item-detail .review .photo-review ul li{width:auto;}
	.item-view .item-detail .review .photo-review ul li:nth-child(n+5){display:none;}
	.item-view .item-detail .review .general-review{margin-top:45px}
	.item-view .item-detail .review .general-review .sort{margin-top:15px; gap:0 20px}
	.item-view .item-detail .review .general-review .list .review-top{position:relative; justify-content:start; gap:0 10px;}
	.item-view .item-detail .review .general-review .list .review-top .user{gap:0 10px;}
	.item-view .item-detail .review .general-review .list .review-top .my-btn{top:0; margin-top:0}
	.item-view .item-detail .review .general-review .list .review-top .my-btn button{padding:4px 12px;}
	.item-view .item-detail .review .general-review .list .review-top .date{font-size:.875rem}
	.item-view .item-detail .review .general-review .list .review-txt{font-size:1rem;}
	.item-view .item-detail .review .general-review .star{height:20px;}
	.item-view .item-detail .review .rating{margin-top:15px; padding:35px 0; gap:0 10px;}
	.item-view .item-detail .review .rating .num{width:170px;}
	.item-view .item-detail .review .rating .graph-wrap ul{gap:0 6px;}
	.item-view .item-detail .review .rating .graph-wrap ul li{margin:2px 0}
	.item-view .item-detail .review .rating .graph-wrap ul li.graph,.item-view .item-detail .review .rating .graph-wrap ul li.graph .bar{height:6.5px;}
	.item-view .item-detail .review .rating .graph-wrap ul li:first-child{flex:0 0 30px; font-size:.938rem}
	.item-view .star{width:130px;}
	.item-view .item-detail .review .rating .num .txt{font-size:1rem}
	.item-view .star .filled,.item-view .star .empty{width:125px; height:20px; background-size:130px;}
	.item-view .item-detail .review .rating h3{padding-top:5px; font-size:2.75rem}
	.item-view .item-detail .qna dl dd ul{padding:30px 30px 30px 60px;}
	.item-view .item-detail .qna dl dd ul li p{line-height:1.6; font-size:.938rem}
	.item-view .item-detail .qna dl dd ul li p:before{left:-31px; font-size:1.625rem}
	.item-view .item-detail .qna dl dd ul li .que{padding-bottom:20px; }
	.item-view .item-detail .qna dl dd ul li .ans{margin-top:20px;}
	.item-view .item-detail .qna dl dt{padding:20px 0;}
	.item-view .item-detail .qna dl dt .status{width:70px;}
	.item-view .item-detail .qna dl dt .date{gap:0 15px;}

	.pagination{margin-top:40px;}
	.pagination li a{width:40px; height:40px;}

	.layer-pop.padding{padding:30px 20px;}
	.layer-pop h2{font-size:1.25rem}
	.layer-pop .content{padding-top:13px; }
	.layer-pop textarea{min-height:200px;}
}
@media only screen and (max-width:479px){
	.item-view .item-top .item-option h2{font-size:1.5rem}
	.item-view .item-top .item-option .sub-txt{margin-top:5px; font-size:1rem}

	.layer-pop.notice-pop.padding{padding:35px 20px 20px;}
	.layer-pop.notice-pop{width:92%;}
}



.sub-tit{font-size:3rem; text-align:center;}
.sub-tit-txt{padding-top:15px; font-size:1.25rem; text-align:center;}
.sub-tit-02{font-size:1.75rem}
.sub-space{margin-top:80px;}



.pay{margin-top:100px; padding:100px; background-color:#fff;}
.pay .list-top-chk{display:flex; justify-content:space-between;}
.pay .list-top-chk button.item-delete{padding:7px 14px; background:none; border:1px solid #333; font-weight:500; font-size:.875rem}
.pay .pay-item-list{margin-top:15px; border-top:1px solid #333;}
.pay .pay-item-list li{display:flex; gap:0 10px; align-items:start; padding:25px 0; border-bottom:1px solid #ddd;}
.pay .pay-item-list li .thumb-nail{width:150px; }
.pay .pay-item-list li img{display:block; max-width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden;}
.pay .pay-item-list li .con-wrap{display:flex; justify-content:space-between; flex-grow:1}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info{display:flex; gap:0 10px}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info{display:flex; flex-flow:column; justify-content:space-between;}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option h3{padding-top:10px; font-weight:600}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list{margin-top:10px;}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list span{display:block; padding:.5px 0; font-size:.875rem; color:#666;}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .user-control{display:flex; align-items:center; gap:0 30px}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify{position:relative; font-size:.938rem; color:#111; transition:all .3s; cursor:pointer}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify:hover{color:var(--primary-color)}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify:hover:before{background-color:var(--primary-color)}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify:before{content:''; position:absolute; left:0; bottom:0px; width:100%; height:1px; background-color:#666; transition:all .3s;}
.pay .pay-item-list li .con-wrap .pay-price-and-btn{display:flex; flex-flow:column; justify-content:center; align-items:end;}
.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap{padding-top:0; text-align:right; justify-content:end}
.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap .origin-price{font-size:.938rem}
.pay .pay-item-list li .con-wrap .pay-price-and-btn .pay-btn{margin-top:15px; padding:12px 0; width:150px; background-color:#333; color:#fff; border:none; text-align:center;}
.pay .pay-item-list li .con-wrap .pay-price-and-btn .pay-btn:hover{background-color:#555;}
.pay .pay-item-list li .con-wrap .pay-thumb-and-info .thumb-info-wrap{display:flex; gap:0 30px;}

.pay .pay-item-list li .con-wrap .count-wrap{display:flex; align-items:center; justify-content:center;}
.pay .pay-item-list li .con-wrap .count-wrap .count{position:relative; display:block; background:none; border:none; width:28px; height:28px;}
.pay .pay-item-list li .con-wrap .count-wrap .count:before,.pay .pay-item-list li .con-wrap .count-wrap .count:after{content:''; position:absolute; width:10px; height:1px; transform:translate(-50%,-50%); background-color:rgba(0,0,0,.9);}
.pay .pay-item-list li .con-wrap .count-wrap .count.plus:after{content:''; transform:translate(-50%,-50%) rotate(90deg)}
.pay .pay-item-list li .con-wrap .count-wrap input{padding:7px 5px; width:40px; background:none; border:none; text-align:center;}

.pay .con-all-wrap{display:flex; gap:0 60px; align-items:start; margin-top:60px;}
.pay .con-all-wrap .pay-item-list-wrap{flex-grow:1}
.pay .con-all-wrap .pay-list{position:sticky; top:0; padding:45px 25px 25px; width:330px; flex-shrink:0; border:1px solid #ddd;}
.pay .con-all-wrap .pay-list h3{padding-bottom:25px; font-size:1.375rem; font-weight:600}
.pay .con-all-wrap .pay-list dl{display:flex; justify-content:space-between; padding:4px 0; align-items:center;}
.pay .con-all-wrap .pay-list dl dt{font-size:.938rem; color:#666;}
.pay .con-all-wrap .pay-list dl dd{color:#000; font-weight:500}
.pay .con-all-wrap .pay-list dl.total{margin-top:10px; padding-top:15px; border-top:1px solid #ddd;}
.pay .con-all-wrap .pay-list dl.total dd{font-size:1.25rem; color:var(--primary-color); font-weight:600}
.pay .con-all-wrap .pay-list a{display:flex; justify-content:center; align-items:center; gap:0 5px; margin-top:30px; padding:12px 0; background-color:var(--primary-color); color:#fff; text-align:center; font-size:1.125rem; font-weight:600; z-index:999;}
.pay .con-all-wrap .pay-list a:hover{background-color:var(--primary-color-hover)}
.pay .con-all-wrap .pay-list a span{display:flex; justify-content:center; align-items:center; width:18px; height:18px; border-radius:1px; background-color:#fff; color:var(--primary-color); border-radius:100px; font-size:.875rem; font-weight:600}

.pay h3.sub-tit-02{padding:20px 0; border-bottom:2px solid #333;}
.pay .user-info{margin-bottom:75px;}
.pay .user-info fieldset{padding:5px 0;}
.pay .user-info fieldset,.pay .user-info .input-group{display:grid; grid-template-columns:70px 1fr; justify-content:space-between; align-items:center}
.pay .user-info fieldset.two{grid-template-columns:repeat(2,1fr); gap:0 40px; }
.pay .user-info fieldset label{display:inline-block; color:#666;}
.pay .user-info fieldset input{width:100%}
.pay .user-info fieldset input.readonly{padding:5px 15px; border:none;} 
.pay .user-info fieldset .address{display:flex; flex-flow:column}
.pay .user-info fieldset .address > div{display:flex; flex-grow:1}
.pay .user-info fieldset #address{width:100%;}
.pay .user-info fieldset .address-btn{margin-left:10px; padding:10px 20px; background-color:#fff; border:1px solid #333; font-size:.938rem}
.pay .user-info fieldset:has(.address){align-items:start;}
.pay .user-info fieldset:has(.address) label{margin-top:10px;}
.pay .user-info h4{padding:33px 0 10px; font-size:1.25rem; font-weight:600}
.pay .user-info h4.flex{display:flex; justify-content:space-between; align-items:center; margin-top:20px; border-top:1px solid #eee;}

.pay.money .pay-item-list{border-top:0; margin-top:0}
.pay.money .pay-item-list .thumb-nail{width:120px}

.pay .coupon,.pay .pay-option{padding-top:70px;}
.pay .coupon dl:nth-of-type(1){margin-top:15px;}
.pay .coupon dl{display:flex; justify-content:space-between; align-items:center; padding:6px 0}
.pay .coupon dl dd{position:relative; flex-grow:1; text-align:right;}
.pay .coupon dl dd .select{position:relative; margin-left:auto; padding:12px 15px; border:1px solid #ddd; width:70%; text-align:left; cursor:pointer;}
.pay .coupon dl dd .select:before{content:''; position:absolute; top:calc(50% - 1px); right:15px; width:8px; height:8px; border-left:1px solid #aaa; border-bottom:1px solid #aaa; transform:translateY(-50%) rotate(-45deg)}
.pay .coupon dl dd > ul{display:none; position:absolute; top:50px; right:0; height:350px; overflow-y:auto; margin-left:auto; padding:20px; width:70%; background-color:#f3f3f5; z-index:99}
.pay .coupon dl dd > ul > li{padding:17px 25px; text-align:left; border:2px solid #fff; background-color:#fff; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,.1); cursor:pointer; transition:all .3s}
.pay .coupon dl dd > ul > li:hover{border-color:var(--primary-color)}
.pay .coupon dl dd > ul > li:not(:first-child){margin-top:12px}
.pay .coupon dl dd > ul > li .price{font-size:1.25rem; font-weight:600}
.pay .coupon dl dd > ul > li .price-name{font-size:.938rem; color:#333;}
.pay .coupon dl dd > ul > li ul{margin-top:10px; padding:10px 0 6px; border-top:2px dotted #ddd;}
.pay .coupon dl dd > ul > li ul li{display:inline-block; color:#aaa; font-size:.813rem; font-weight:400}
.pay .coupon dl dd > ul > li ul li:not(:first-child){margin-left:6px; }
.pay .coupon dl.point input{width:calc(70% - 93px)}
.pay .coupon dl.point button{width:77px; margin-left:3px; padding:10px 13px; font-size:.938rem; border:1px solid #333; background-color:#fff;}
.pay .coupon dl.point .notice{padding-top:13px; font-size:.938rem; color:#999;}
.pay .coupon dl.point .notice span{color:#4ca698}

.pay .pay-option > div{margin-top:25px; display:flex; gap:0 10px;}

.pay-complete .pay-info .card{display:flex; align-items:center; gap:0 8px;}
.pay-complete .pay-info .card span{font-size:.938rem; color:#888; font-weight:400; letter-spacing:0px;}
.pay-complete .pay-info .card span:last-child{color:#000;}
.pay-info .list-wrap{display:flex;}
.pay-info .list-wrap .list{flex-grow:1; padding:25px 45px 20px 0; border-bottom:1px solid #ddd;}
.pay-info .list-wrap .list dl{display:flex; justify-content:space-between; align-items:center; padding:8px 0;}
.pay-info .list-wrap .list dl dt{font-size:.938rem; color:#666;}
.pay-info .list-wrap .list dl dd{color:#000; font-weight:600}
.pay-info .list-wrap .total-amount{display:flex; flex:0 1 290px; flex-flow:column; align-items:center; justify-content:center; background-color:#f3f3f3;}
.pay-info .list-wrap .total-amount .txt{font-weight:500}
.pay-info .list-wrap .total-amount .num{margin-top:2px; font-size:1.563rem; font-weight:600; color:var(--primary-color)}

.cart-option-pop .pay-item-list li{padding:18px 0 12px;}
.cart-option-pop .pay-item-list li .thumb-nail{width:90px}

.cart-option-pop .pay{margin:0; padding:0}
.cart-option-pop dl{margin-bottom:15px; padding:15px 0; border-bottom:1px solid #ddd;}
.cart-option-pop dl dd {}
.cart-option-pop dl dd .select-wrap{position:relative;}
.cart-option-pop dl dd .select{ margin-top:10px; padding:14px 20px; font-weight:400; color:#666; cursor:pointer; background-color:#eee;}
.cart-option-pop dl dd .select:before{content:''; position:absolute; top:calc(50% - 2px); right:25px; width:9px; height:9px; border-left:1px solid #666; border-bottom:1px solid #666; transform:translateY(-50%) rotate(-45deg);}
.cart-option-pop dl dd ul{display:none; position:absolute; width:100%; top:52px; border:1px solid #ddd; border-top:0; z-index:9; background-color:#fff;}
.cart-option-pop dl dd ul li{padding:12px 20px; font-size:.938rem; font-weight:300; color:#666;; cursor:pointer;}
.cart-option-pop dl dd ul li:hover{background-color:rgba(255,255,255,.1)}
.cart-option-pop dl dd ul li:not(:first-child){border-top:1px solid #eee}

.cart-option-pop .order-list ul{display:flex; justify-content:space-between;}
.cart-option-pop .order-list ul li{position:relative; display:flex; align-items:center; gap:0 10px; color:#333; font-size:.938rem}
.cart-option-pop .order-list ul li.name{}
.cart-option-pop .order-list ul li .count-wrap{display:flex; align-items:center; justify-content:center;}
.cart-option-pop .order-list ul li .count-wrap .count{position:relative; display:block; background:none; border:none; width:28px; height:28px;}
.cart-option-pop .order-list ul li .count-wrap .count:before,.cart-option-pop .order-list ul li .count-wrap .count:after{content:''; position:absolute; width:10px; height:1px; transform:translate(-50%,-50%); background-color:rgba(0,0,0,.9);}
.cart-option-pop .order-list ul li .count-wrap .count.plus:after{content:''; transform:translate(-50%,-50%) rotate(90deg)}
.cart-option-pop .order-list ul li .count-wrap input{padding:7px 10px; width:50px; background:none; border:none; text-align:center;}
.cart-option-pop .order-list ul li .close{position:relative; top:auto; right:auto; display:flex; align-items:center; padding:1px; background:none; border:none;}
.cart-option-pop .order-list ul li .close svg{width:22px; height:22px;}
.cart-option-pop .order-list ul li .close svg path{stroke:#666; stroke-width:1; stroke-linecap="round" stroke-linejoin="round"}
.cart-option-pop .order-list ul li .price{width:80px; text-align:right; font-size:.938rem}


@media only screen and (max-width:1600px){
	.pay{padding:100px 60px}
	.pay .con-all-wrap{gap:0 50px}
	.pay .con-all-wrap .pay-list{width:300px;}
}
@media only screen and (max-width:1400px){
	.sub-tit{font-size:2.75rem}
	.pay .pay-item-list li .thumb-nail{width:100px;}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info{gap:0 5px;}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option h3{padding-top:3px; font-size:1.063rem}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list span{padding:0; font-size:.813rem}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .pay-btn{width:120px; margin-top:13px; padding:9px 0; font-size:.938rem}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap{font-size:1.063rem}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify{font-size:.875rem}
	.pay .con-all-wrap .pay-list{padding:35px 20px 20px; width:270px;}
	.pay .con-all-wrap .pay-list h3{padding-bottom:20px; font-size:1.25rem}
	.pay .con-all-wrap .pay-list dl{padding:3px 0}
	.pay .con-all-wrap .pay-list dl dt{font-size:.875rem}
	.pay .con-all-wrap .pay-list dl dd{font-size:.938rem}
	.pay .con-all-wrap .pay-list dl.total{margin-top:5px; padding-top:10px}
	.pay .con-all-wrap .pay-list dl.total dd{font-size:1.188rem}
	.pay .con-all-wrap .pay-list a{margin-top:25px; font-size:1.063rem}
}
@media only screen and (max-width:1200px){
	.pay{padding:80px 45px;}
	.pay .con-all-wrap{gap:0 35px}
	.pay .pay-item-list li{gap:0 3px; padding:20px 0}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option h3{font-size:1rem}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list{margin-top:6px;}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list span{font-size:.75rem; line-height:1.4}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .thumb-info-wrap{gap:0 25px}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .pay-btn{width:100px; padding:7px; font-size:.875rem}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap{font-size:1rem}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap .origin-price{font-size:.875rem}
	.pay .con-all-wrap .pay-list{width:230px;}
	.pay .con-all-wrap .pay-list h3{padding-bottom:15px; font-size:1.188rem}
	.pay .con-all-wrap .pay-list a{padding:11px 0; font-size:1rem}
}
@media only screen and (max-width:1024px){
	.sub-space{margin-top:60px}

	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list span{font-size:.813rem}
	.pay .con-all-wrap .pay-list{width:210px}	
	.pay .con-all-wrap{margin-top:50px; gap:0 25px}

	.pay .user-info{margin-bottom:50px}
	.pay .pay-option{padding-top:50px;}
	.pay .pay-option > div{gap:0 6px}
	.pay h3.sub-tit-02{padding:12px 0; font-size:1.5rem}
	.pay .user-info h4{padding:25px 0 10px; font-size:1.125rem;}

}
@media only screen and (max-width:1024px){
	.pay .pay-item-list li{padding:20px 0 0}
	.pay .pay-item-list li .con-wrap{display:block}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn{flex-flow:row; justify-content:space-between; align-items:center; margin:12px 0 0; background-color:#f1f1f1; padding:5px}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .pay-btn{margin-top:0}
	.price-wrap .origin-price.alone{flex:0 0 auto;}
	.pay-info .list-wrap .total-amount{flex:0 1 220px}
}
@media only screen and (max-width:768px){
	.inner-small{width:100%}
	.sub-tit{font-size:2.5rem}
	.pay{margin-top:50px; padding:60px 40px;}
	.pay .con-all-wrap{display:block; margin-top:35px; overflow:visible}
	.pay .con-all-wrap .pay-list{margin-top:25px; width:100%; padding:0; border:0;}
	.pay .con-all-wrap .pay-list a{position:fixed; left:0; bottom:0; padding:13px 0; width:100%; z-index:9999; font-size:1.125rem}
	.pay .con-all-wrap .pay-list dl.total dd{font-size:1.375rem}
	.pay .list-top-chk{position:sticky; top:50px; padding:5px 0px; background-color:#fff; z-index:99}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap{margin-left:35px}
	.pay .pay-option{padding-top:35px;}
	.pay.money .con-all-wrap .pay-list{margin-top:50px;}
	.pay.money .con-all-wrap .pay-list h3{margin-bottom:8px; padding:12px 0; font-size:1.5rem; border-bottom:2px solid #333;}
	.pay-info .list-wrap .total-amount{flex:0 1 auto; padding:0 35px}


}
@media only screen and (max-width:650px){
	.pay{padding:50px 30px;}
	.sub-tit{font-size:2.125rem}
	.sub-tit-txt{font-size:1.125rem}

	.pay .pay-item-list li .thumb-nail{width:80px;}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .thumb-info-wrap{gap:0 15px;}
	.cart-option-pop .order-list ul li .count-wrap input{width:30px; padding:7px 2px;}
	.cart-option-pop .order-list ul li .price{width:60px;}
	.pay .user-info fieldset{padding:4px 0;}
	.pay .user-info fieldset.two{display:block;}
	.pay .user-info fieldset.two .input-group:nth-child(2){margin-top:8px}
	.pay .user-info fieldset, .pay .user-info .input-group{grid-template-columns:80px 1fr;}
	.pay .user-info fieldset .address-btn{margin-left:6px; padding:10px}
	.pay .user-info fieldset input.readonly{padding:1px 10px;}

	.pay .coupon dl dd .select{width:80%; padding:10px 15px;}
	.pay .coupon dl dd > ul{top:43px; width:80%; padding:12px;}
	.pay .coupon dl dd > ul > li{padding:15px 23px;}
	.pay .coupon dl dd > ul > li ul li{display:block;}
	.pay .coupon dl dd > ul > li ul li:not(:first-child){margin-left:0}

	.pay-complete .pay-info .card{gap:0 5px;}
	.pay-complete .pay-info .card span{font-size:.875rem}
	.pay-info .list-wrap{display:block;}
	.pay-info .list-wrap .list{padding:12px 0;}
	.pay-info .list-wrap .total-amount{padding:8px 15px; flex-flow:row; justify-content:space-between;}
	.pay-info .list-wrap .total-amount .num{font-size:1.375rem;}
	.pay-info .list-wrap .list dl{padding:6px 0;}

}
@media only screen and (max-width:479px){
	.pay{padding:50px 20px;}
	.sub-tit{font-size:2.125rem}
	.sub-tit-txt{font-size:1.063rem}
	.pay .list-top-chk{top:45px;}
	.pay .pay-item-list{margin-top:8px;}
	.pay .con-all-wrap .pay-list a{padding:14px 0; }
	.pay .pay-item-list li{padding:15px 0 0}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info{gap:0;}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .modify{font-size:.813rem}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option h3{font-size:.938rem; font-weight:500}
	.pay .pay-item-list li .con-wrap .pay-thumb-and-info .pay-item-info .option .option-list span{font-size:.75rem}
	.pay .pay-item-list li .con-wrap .pay-price-and-btn .price-wrap{font-size:.938rem}

	.pay h3.sub-tit-02{padding:10px 0; font-size:1.25rem}
	.pay.money .con-all-wrap .pay-list h3{font-size:1.25rem}
	.pay.money .pay-item-list .thumb-nail{width:90px;}
	.pay.money .pay-item-list li .con-wrap .pay-price-and-btn{padding-right:10px; justify-content:end;}

	.pay .user-info{margin-bottom:45px;}
	.pay .coupon, .pay .pay-option{padding-top:50px;}

}

/* 기본 체크박스 숨기기 */
.custom-checkbox input[type="checkbox"],.custom-checkbox input[type="radio"] {
  display: none; /* 기본 체크박스 숨기기 */
}

/* 커스텀 체크박스 디자인 */
.custom-checkbox .checkbox {
  width: 25px;
  height: 25px;
  border: 1px solid #ddd;
  border-radius: 3px; /* 둥근 모서리 */
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #fff; /* 기본 배경색 */
}

/* 체크된 상태에서 스타일 */
.custom-checkbox input[type="checkbox"]:checked + .checkbox,.custom-checkbox input[type="radio"]:checked + .checkbox {
  background-color: #333; /* 체크된 상태 배경색 */
  border-color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
}

/* 체크 표시 */
.custom-checkbox input[type="checkbox"]:checked + .checkbox::after,.custom-checkbox input[type="radio"]:checked + .checkbox::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 8px;
  width: 8px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}



.custom-checkbox.line input[type="checkbox"]:checked + .checkbox,.custom-checkbox.line input[type="radio"]:checked + .checkbox {
  background-color: transparent; /* 체크된 상태 배경색 */
    box-shadow:none;
	border-color:#ddd;
}

.custom-checkbox.line input[type="checkbox"]:checked + .checkbox::after,.custom-checkbox.line input[type="radio"]:checked + .checkbox::after {
  border: solid #333;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}





/* 커스텀 체크박스 디자인 */
.custom-checkbox .text-box {
  padding:12px 35px;
  border: 1px solid #ddd;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #fff; /* 기본 배경색 */
  color:#666;
}

/* 체크된 상태에서 스타일 */
.custom-checkbox input[type="checkbox"]:checked + .text-box,.custom-checkbox input[type="radio"]:checked + .text-box {
  border-color: var(--primary-color);
  color:var(--primary-color);
}


@media only screen and (max-width:1024px){
	.custom-checkbox .text-box{padding:12px 15px; font-size:1rem}
}




/* 호버 시 스타일 */
.custom-checkbox .checkbox:hover {
  background-color: #f7f7f7;
  border-color: #ccc;
}

/* 체크박스 텍스트 */
.custom-checkbox {
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor:pointer;
}

@media only screen and (max-width:479px){
	.custom-checkbox{font-size:1rem}
	.custom-checkbox .checkbox{margin-right:8px;}
}


.white-bg{background-color:#fff;}
.my{margin-top:100px; padding:100px;}
.my .main .my-main-top{margin-top:50px; display:flex; justify-content:space-between; align-items:center; padding:45px 100px; background-color:#f4f4f4; }
.my .main .my-main-top .user-wrap{display:flex; gap:0 20px; align-items:center;}
.my .main .my-main-top .user-wrap > img{max-width:61px;}
.my .main .my-main-top .user-wrap .user p{font-size:1.25rem; }
.my .main .my-main-top .user-wrap .user a{position:relative; padding:4px 5px 4px 0; color:#666; font-size:.938rem}
.my .main .my-main-top .user-wrap .user a:hover{text-decoration:underline}
.my .main .my-main-top .user-wrap .user a:after{content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%) rotate(-135deg); width:6px; height:6px; border-left:1px solid #666; border-bottom:1px solid #666;}
.my .main .my-main-top .status{display:flex; flex-grow:1; justify-content:end; gap:0 100px}
.my .main .my-main-top .status ul{text-align:center;}
.my .main .my-main-top .status ul li .num{font-size:1.625rem; font-weight:500; color:#000;}
.my .main .my-main-top .status ul li .txt{color:#666; white-space:nowrap}

.my .main .active-order{margin-top:25px; border:1px solid #ddd; padding:45px 50px; }
.my .main .active-order h3{display:flex; justify-content:space-between; font-size:1.25rem;}
.my .main .active-order h3 .more{position:relative; padding-right:10px; font-weight:500; font-size:1rem}
.my .main .active-order h3 .more:hover{text-decoration:underline}
.my .main .active-order h3 .more:after{content:''; position:absolute; left:100%; top:50%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border-left:1px solid #666; border-bottom:1px solid #666;}
.my .main .active-order ul{margin-top:25px; display:grid; grid-template-columns:repeat(2,1fr); gap:25px; align-items:start;}
.my .main .active-order ul li a{display:flex; gap:0 25px}
.my .main .active-order ul li .img{flex-shrink:0; width:115px;}
.my .main .active-order ul li img{display: block; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; overflow: hidden;}
.my .main .active-order ul li .order-detail{display:flex; flex-flow:column; justify-content:space-between;}
.my .main .active-order ul li .order-detail .status{font-size:.938rem; font-weight:500; color:var(--primary-color)}
.my .main .active-order ul li .order-detail > div p{font-size:.875rem; color:#666;}
.my .main .active-order ul li .order-detail > div p.name{padding-bottom:3px; font-size:1.125rem; color:#000; font-weight:500}
.my .main .my-menu{margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:0 55px;}
.my .main .my-menu dt{padding:7px 0; font-size:1.25rem; font-weight:500; color:#000; border-bottom:2px solid #333}
.my .main .my-menu dd{padding-top:15px; }
.my .main .my-menu dd ul li a{display:block; padding:4px 0; color:#666; font-size:.938rem}
.my .main .my-menu dd ul li a:hover{color:var(--primary-color)}

@media only screen and (max-width:1400px){
	.my .main .my-main-top{padding:45px; }
	.my .main .my-main-top .status ul li .num{font-size:1.5rem}
	.my .main .my-main-top .user-wrap .user p{font-size:1.125rem}
	.my .main .my-main-top .status{gap:0 70px}
}
@media only screen and (max-width:1200px){
	.my{padding:80px 45px;}
	.my .main .my-main-top .status ul li .num{font-size:1.25rem}
	.my .main .active-order{padding:45px;}
	.my .main .active-order ul li .order-detail > div p.name{padding-bottom:0; font-size:1rem}
	.my .main .active-order ul li .order-detail > div p{font-size:.813rem}
	
	.my .main .my-menu{gap:0 40px;}
}
@media only screen and (max-width:1024px){
	.my .main .my-main-top{gap:0 50px; margin-top:35px; padding:30px 35px;}
	.my .main .my-main-top .status{gap:0 40px}
	.my .main .active-order{padding:40px;}
	.my .main .active-order h3{font-weight:600}
	.my .main .active-order ul{gap:20px;}
	.my .main .active-order ul li a{gap:0 20px}
	.my .main .active-order ul li .img{width:100px;}
	.my .main .my-menu{margin-top:35px; gap:0 30px;}
	.my .main .my-menu dt{padding:6px 0; font-size:1.125rem}
}
@media only screen and (max-width:768px){
	.my{margin-top:35px; padding:100px 40px;}
	.my .main .active-order ul{gap:15px;}
	.my.my-main{padding-top:70px;}
	.my .main .my-main-top .user-wrap{gap:0 15px;}
	.my .main .my-main-top .user-wrap > img{max-width:55px;}
}
@media only screen and (max-width:650px){
	.my{padding:90px 30px 50px;}
	.my .main .my-main-top{flex-flow:column; margin-top:25px; padding:20px 15px; justify-content:start; align-items:start;}
	.my .main .my-main-top .status{margin-top:15px; padding:15px; width:100%; justify-content:space-around; background-color:#fff; border-radius:3px;}
	.my .main .active-order ul{grid-template-columns:repeat(1,1fr)}
	.my.my-main{padding-top:90px;}
}
@media only screen and (max-width:560px){
	.my{padding:80px 15px 50px;}
	.my .main .my-main-top{padding:20px 10px 10px}
	.my .main .my-main-top .user-wrap{gap:0 13px;}
	.my .main .my-main-top .user-wrap .user a{margin-top:-3px;}
	.my .main .my-main-top .user-wrap > img{max-width:50px;}
	.my .main .my-main-top .status ul li .num{font-size:1.125rem}
	.my .main .my-main-top .status ul li .txt{font-size:.938rem}
	.my .main .active-order{margin-top:20px; padding:35px 20px;}
	.my .main .active-order h3{font-size:1.188rem}
	.my .main .active-order ul li .img{width:80px;}
	.my .main .active-order h3 .more{padding-right:2px; margin-right:5px; font-size:.938rem}
	.my .main .active-order ul{margin-top:20px;}
	.my .main .active-order ul li a{gap:0 15px;}
	.my .main .active-order ul li .order-detail{justify-content:start;}
	.my .main .active-order ul li .order-detail > div p{}
	.my .main .active-order ul li .order-detail > div p.name{margin-top:0; padding-top:2px; font-size:.938rem; line-height:1.5}
	.my .main .my-menu{gap:20px; grid-template-columns:repeat(2,1fr)}
	.my .main .my-menu dt{font-size:1rem; padding:5px 0;}
	.my .main .my-menu dd{padding-top:12px;}
	.my .main .my-menu dd ul li a{padding:3px 0;}
}


.my-order{display:flex; gap:0 100px;}
.my-order .side-bar{flex:0 0 190px}
.my-order .side-bar h2{text-align:left; font-size:2.188rem; font-weight:600}
.my-order .side-bar .sub-tit-txt{padding-top:13px; font-size:1.063rem; text-align:left;}
.my-order .side-bar dl{margin-top:37px;}
.my-order .side-bar dl dt{padding-bottom:10px; font-size:1.25rem; font-weight:600; color:#000}
.my-order .side-bar dl dd ul li a{display:block; padding:4.5px 0; color:#666;}
.my-order .side-bar dl dd ul li a:hover{color:var(--primary-color)}

.mypage-con{flex-grow:1}
.mypage-con > h3{padding-bottom:40px; font-size:1.75rem; font-weight:600}
.mypage-con .filter{display:flex; justify-content:space-between;}
.mypage-con .filter > ul{display:flex; gap:0 30px; color:#999; }
.mypage-con .filter > ul li{cursor:pointer;}
.mypage-con .filter > ul li.active{color:#000; font-weight:500}
.mypage-con .filter .period{position:relative; display:none; }
.mypage-con .filter .period .con{display:flex; gap:0 5px;}
.mypage-con .filter .period .con span{display:inline-block; position:relative; padding-left:18px; }
.mypage-con .filter .period .con span:before{content:''; position:absolute; width:16px; height:100%; left:0; top:-1px; background:url(/assets/shop/img/my/icon-cal.png) no-repeat left center / 16px;}
.mypage-con .filter .period .con input{padding:0; width:85px; text-align:center; border:none; font-size:.938rem; cursor:pointer; }

.calendar-pop{display:none; position:absolute; right:0; top:35px; border:1px solid #ddd; width:350px; background-color:#fff; z-index:99}
.calendar-pop .year{display:flex; justify-content:space-between; padding:10px 12px; background-color:#f3f4f5; text-align:center;}
.calendar-pop .year .arrow{background:none; border:none;}
.calendar-pop .year .arrow span{display:inline-block; width:8px; height:8px; border-left:1px solid #333; border-bottom:1px solid #333; transform:rotate(45deg)}
.calendar-pop .year .arrow.next span{transform:rotate(-135deg)}
.calendar-pop .year-txt{font-size:1.125rem; font-weight:600}
.calendar-pop ul{display:grid; grid-template-columns:repeat(7,1fr)}
.calendar-pop ul li{text-align:center;}
.calendar-pop .week{ padding:8px 11px 8px 0; border-bottom:1px solid #ddd; font-size:.938rem; color:#666;}
.calendar-pop .month{height:400px; overflow-y:auto;}
.calendar-pop .month h3{padding:40px 0 0 20px; font-size:1rem;}
.calendar-pop .month ul li{width:33px; justify-self:center; padding:7px 0; font-size:.875rem; cursor:pointer;}
.calendar-pop .month ul li.today{background-color:#333; color:#fff;}
.calendar-pop .month ul li.select{width:100%; background-color:var(--primary-color); color:#fff;}

.mypage-con .my-order-top{margin-top:25px; padding:25px 0; background-color:#f4f4f4;}
.mypage-con .my-order-top ul{display:flex; justify-content:space-evenly}
.mypage-con .my-order-top ul li{text-align:center;}
.mypage-con .my-order-top ul li .num{font-size:1.875rem; font-weight:500}

.mypage-con .my-order-list{margin-top:35px; border-top:1px solid #333;}
.mypage-con .my-order-list h3{padding-top:25px;}
.mypage-con .my-order-list h3:not(:nth-child(1)){margin-top:30px; border-top:1px solid #ddd;}
.mypage-con .my-order-list h3 span{margin-left:5px; font-size:.875rem; color:#888; font-weight:400}
.mypage-con .my-order-list h3 span.status{font-size:1.063rem; color:var(--primary-color); font-weight:500}
.mypage-con .my-order-list h3 a.view-btn{position:relative; padding-right:10px; font-size:1rem; font-weight:500;}
.mypage-con .my-order-list h3 a.view-btn:before{content:''; position:absolute; top:50%; right:0; width:8px; height:8px; border-left:1px solid #333; border-bottom:1px solid #333; transform:translateY(-50%) rotate(-135deg)}
.mypage-con .my-order-list ul li{display:flex; align-items:center; margin:13px 0; }
.mypage-con .my-order-list ul li:first-child{margin-top:10px}
.mypage-con .my-order-list ul li a,.mypage-con .my-order-list ul li .not-a{flex-grow:1; display:flex; align-items:center; gap:0 25px;}
.mypage-con .my-order-list ul li a:hover{background-color:#f4f4f4;}
.mypage-con .my-order-list ul li .img{width:140px;}
.mypage-con .my-order-list ul li img{display:block; width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden;}
.mypage-con .my-order-list ul li .btn-basic{width:85px; text-align:center;}
.mypage-con .my-order-list ul li .btn-area{margin-left:auto}
.mypage-con .my-order-list ul li .btn-area a{margin:3px 0; display:block; border:1px solid #ddd;}
.mypage-con .my-order-list ul li .order-detail{display:flex; justify-content:space-between; align-items:center; flex-grow:1; margin:0;}
.mypage-con .my-order-list ul li .order-detail .name{padding-bottom:3px; font-size:1rem; font-weight:600; color:#000;}
.mypage-con .my-order-list ul li .order-detail > div > p{font-size:.875rem; color:#888; }
.mypage-con .my-order-list ul li .order-detail .price{margin-right:35px; font-size:1rem; font-weight:600; color:#000;}

.mypage-con.order-view .my-order-list ul li .order-detail{padding-left:20px}

.mypage-con .my-order-list.cancel ul li .order-detail > div > p.status{font-size:1rem; color:var(--primary-color); font-weight:500}
.mypage-con .my-order-list.cancel ul li .order-detail > div > p.status span{display:inline-block; padding-left:3px; font-size:.75rem; color:#aaa; }


@media only screen and (max-width:1400px){
	.my{padding:100px 60px;}
	.my-order{gap:0 50px}
	.my-order .side-bar h2{font-size:1.75rem}
	.my-order .side-bar .sub-tit-txt{padding-top:10px; font-size:1rem}
	.my-order .side-bar dl{margin-top:25px; }
	.my-order .side-bar dl:first-of-type{margin-top:45px;}
	.my-order .side-bar dl dt{padding-bottom:5px; font-size:1.125rem}
	.my-order .side-bar dl dd ul li a{padding:3px 0; font-size:.938rem}
	.mypage-con .my-order-top{margin-top:20px;}
	.mypage-con .my-order-top ul li .num{font-size:1.5rem}
	.mypage-con .my-order-list ul li .img{width:130px}
	.mypage-con .my-order-list ul li .order-detail .price{margin-right:30px; }
	.mypage-con .my-order-list ul li .order-detail .name{font-weight:500}
}
@media only screen and (max-width:1200px){
	.my{padding:80px 45px;}
	.my-order{gap:0 40px}
	.mypage-con > h3{font-size:1.5rem}
	.mypage-con .my-order-top{margin-top:15px;}
	.mypage-con .my-order-list{margin-top:25px;}
	.mypage-con .my-order-list h3{font-size:1.063rem}
	.mypage-con .my-order-top ul li .txt{font-size:.938rem}
	.mypage-con .my-order-list ul li .order-detail .name,.mypage-con .my-order-list ul li .order-detail .price{font-size:.938rem}
	.mypage-con .my-order-list ul li .order-detail > div > p{font-size:.813rem}
	.mypage-con .my-order-list ul li .btn-area a{margin:6px 0; width:75px; font-size:.813rem}

}
@media only screen and (max-width:1024px){
	.my-order{gap:0}
	.my-order .side-bar{flex:0 0 170px}
	.mypage-con .my-order-list h3{padding-top:20px;}
	.mypage-con .my-order-list ul li .order-detail{flex-flow:column; align-items:start}
	.mypage-con .my-order-list ul li .order-detail > div > p{font-size:.813rem; }
	.mypage-con .my-order-list ul li .order-detail .name{padding-bottom:0; font-weight:400}
	.mypage-con .my-order-list ul li .order-detail .name,.mypage-con .my-order-list ul li .order-detail .price{font-size:.938rem}
	.mypage-con .my-order-list ul li .order-detail .price{padding-top:0;}
	.mypage-con .my-order-list ul li .btn-area a{font-size:.875rem}
}
@media only screen and (max-width:960px){
	.mypage-con > h3{padding-bottom:30px;}
	.mypage-con .filter{display:block}
	.mypage-con .my-order-top{padding:20px 0}
	.mypage-con .filter .period{margin-top:10px;}
	.mypage-con .filter .period .con{padding:7px 10px; justify-content:center; border:1px solid #ddd;}
	.mypage-con .my-order-list ul li:first-child{margin-top:6px}
	.mypage-con .my-order-list ul li{margin:10px 0}
	.mypage-con .my-order-list ul li .img{width:110px;}
	.mypage-con .my-order-list ul li a,.mypage-con .my-order-list ul li .not-a{gap:0 20px}
	.mypage-con .my-order-list ul li .btn-area a{width:65px; padding:5px 10px;}
	.mypage-con .my-order-top{margin-top:12px}
	.my-order .side-bar{flex:0 0 150px}
	.my-order .side-bar h2{font-size:1.5rem}
	.my-order .side-bar .sub-tit-txt{padding-top:8px; font-size:.938rem}
	.mypage-con .filter > ul{gap:0 25px;}

	.calendar-pop{top:36px; width:100%;}
}
@media only screen and (max-width:768px){
	.my{margin-top:50px; padding:60px 40px;}
}
@media only screen and (max-width:650px){
	.my{margin-top:27px; padding:50px 30px; min-height:90vh;}
	.my-order .side-bar{display:none;}
	.mypage-con > h3{position:fixed; color:#fff; left:45px; top:16px; z-index:99; font-size:1.188rem}
	.mypage-con .my-order-list ul li{display:block; margin:15px 0;}
	.mypage-con .my-order-list ul li .btn-area{margin-top:5px; display:flex; flex-wrap:wrap; gap:6px; }
	.mypage-con .my-order-list ul li .btn-area a{display:block; width:100%; margin:0; padding:6px 10px; font-size:.938rem}
	.mypage-con .my-order-list ul li .btn-area a.half{width:49%;}

	.mypage-con.order-view .my-order-list ul li{display:flex; flex-wrap:wrap;}
	.mypage-con.order-view .my-order-list ul li .btn-area{flex-basis:100%}

	.mypage-con .filter > ul{gap:0 15px}
}
@media only screen and (max-width:479px){
	.my{padding:45px 20px;}
	.mypage-con .my-order-list{border-top:0; margin-top:10px;}
	.mypage-con .my-order-top ul li .txt{font-size:.813rem}
	.mypage-con .my-order-top ul li .num{font-size:1.25rem}
	.mypage-con .my-order-list ul li .order-detail .name, .mypage-con .my-order-list ul li .order-detail .price{font-size:.938rem}
	.mypage-con .my-order-list ul li .order-detail .price{font-size:1rem}
	.mypage-con .my-order-list ul li .img{width:75px;}
	.mypage-con .my-order-list ul li a{gap:0 15px;}

}


.mypage-con h4.line.first{margin-top:20px}
.mypage-con h4.line{margin-top:60px; display:flex; justify-content:space-between; align-items:center; padding:10px 0; font-size:1.375rem; font-weight:500; border-bottom:2px solid #333;}
.mypage-con h4.line .info-txt p{padding-left:10px; display:inline-block; font-size:.938rem; color:#888;}
.mypage-con h4.line .info-txt p span{display:inline-block; padding-left:5px; color:#333;}
.mypage-con h4.line .track-order{font-size:1rem; cursor:pointer;}
.mypage-con .my-order-list{margin-top:25px; border-top:0;}
.mypage-con .user-info .list h4{font-size:1.125rem}

.track-order-pop{width:600px}
.track-order-pop .content h3{margin-top:12px; text-align:center; font-weight:500; font-size:1.125rem}
.track-order-pop .content ul.process{margin-top:12px; display:grid; gap:0 8px; grid-template-columns:repeat(3,1fr); text-align:center;}
.track-order-pop .content ul.process li{position:relative; padding-top:12px; color:#aaa;}
.track-order-pop .content ul.process li:before{content:''; position:absolute; top:0; left:0; width:100%; height:4px; background-color:#eee;}
.track-order-pop .content ul.process li.active{color:#333; font-weight:500}
.track-order-pop .content ul.process li.active:before,.track-order-pop .content ul.process li.complete:before{background-color:var(--primary-color)}
.track-order-pop .corpor-info{padding:10px 0; font-size:.875rem; color:#666; border-top:1px solid #eee;}
.track-order-pop .corpor-info dl{margin:2px 0; display:flex; justify-content:space-between; align-items:center;}
.track-order-pop .corpor-info dd .copy{color:var(--primary-color); cursor:pointer; cursor:pointer; text-decoration:none}
.track-order-pop .corpor-info dd > span{text-decoration:underline; font-size:.875rem}
.track-order-pop.mypage-con .my-order-list{margin-top:25px; border-top:1px solid #eee;}
.track-order-pop.mypage-con .my-order-list ul li{gap:0 15px;}
.track-order-pop.mypage-con .my-order-list ul li .order-detail{display:block;}
.track-order-pop.mypage-con .my-order-list ul li .order-detail .name{padding-bottom:0; font-size:.875rem; font-weight:400}
.track-order-pop.mypage-con .my-order-list ul li .img{width:80px; }
.track-order-pop.mypage-con .my-order-list ul li .order-detail .price{margin:5px 0 0; font-size:.875rem}
.track-order-pop.mypage-con .my-order-list ul li .order-detail > div > p{font-size:.813rem; line-height:1.4}
.track-order-pop .ship{border-top:1px solid #eee}
.track-order-pop .ship ul{padding-top:10px; height:280px; overflow-y:auto}
.track-order-pop .ship ul li{position:relative; padding:7px 25px; font-size:.813rem; color:#aaa; font-weight:400}
.track-order-pop .ship ul li:before{content:''; position:absolute; top:11px; left:0; width:13px; height:13px; border:3px solid #ddd; border-radius:100px; background-color:#fff; z-index:1}
.track-order-pop .ship ul li:after{content:''; position:absolute; top:11px; left:5px; height:100%; width:2px; background-color:#ddd; z-index:-1px}
.track-order-pop .ship ul li:last-child:after{display:none}
.track-order-pop .ship ul li.complete{color:#333;}
.track-order-pop .ship ul li.complete:before{border-color:var(--primary-color)}

@media only screen and (max-width:650px){
	.mypage-con h4.line.first{margin-top:0;}
	.mypage-con h4.line{margin-top:50px;}
	.track-order-pop{width:92%}
	.track-order-pop.mypage-con .my-order-list ul li{display:flex; gap:0 10px; margin:10px 0;}
	.mypage-con.order-view .my-order-list ul li .order-detail{padding-left:13px;}
	.track-order-pop .ship ul li{font-size:.875rem}
	.track-order-pop .ship ul li:before{top:9px}

}
@media only screen and (max-width:479px){
	.mypage-con h4.line .info-txt p{padding-left:7px; font-size:.875rem}
	.mypage-con h4.line .info-txt p span{padding-left:2px;}
}


.layer-pop .photo-wrap{margin-top:8px; display:flex; gap:0 10px; overflow-x:auto}
.layer-pop .photo-wrap .file-input[type="file"]{display:none}
.layer-pop .photo-wrap .file-label{display:block; width:95px; height:95px; color:#333; flex-shrink:0; border:1px solid #ddd; background:url(/assets/shop/img/my/icon-camera.png) no-repeat center / 48%; cursor:pointer;}
.layer-pop .photo-wrap .file-label:hover{background-color:#f1f1f1}
.layer-pop .photo-wrap .img{position:relative; width:95px; flex-shrink:0}
.layer-pop .photo-wrap img{width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden; transition:.5s all ease}
.layer-pop .photo-wrap .delete{position:absolute; top:0; right:0; width:25px; height:25px; background:rgba(0,0,0,.7) url(/assets/shop/img/icon-close.png) no-repeat center / 50%; }

.review-pop{width:560px;}
.review-pop h2{padding-top:35px;}
.review-pop .item{padding:30px 0 25px; text-align:center; border-bottom:8px solid #eee}
.review-pop .item h3{padding-top:8px; font-size:1.125rem;color:#000; font-weight:600}
.review-pop .item p{padding-top:5px; font-size:.938rem; color:#666;}
.review-pop .item .img{width:75px; margin:0 auto}
.review-pop .item .img img{width:100%; aspect-ratio:1/1; object-fit:cover; overflow:hidden; transition:.5s all ease}
.review-pop .item-view{padding:35px; text-align:center;}
.review-pop .item-view .star{margin-top:7px; }
.review-pop .item-view p{font-size:1.25rem; color:#333; font-weight:600}
.review-pop .item-view .rating{margin-top:10px;}
.review-pop .item-view textarea{margin-top:30px; background-color:#eee; min-height:220px; font-size:1.063rem}
.review-pop .btn-wrap{margin-top:30px; }
.review-pop .btn-wrap button{display:block; width:100%; font-size:1rem;}


.rating input[type="checkbox"] {display: none; /* 기본 체크박스 숨기기 */}
.rating input[type="checkbox"] + label {position: relative; display:inline-block; width:38px; height:35px; background:url(/assets/shop/img/item/star-grey.png) no-repeat center / cover;	cursor:pointer;	opacity:.3;}
.rating input[type="checkbox"]:checked + label{background:url(/assets/shop/img/item/star.png) no-repeat center / cover; opacity:1;}

.item-refund-pop .reason{padding:20px 0 0; border-top:1px solid #eee;}
.item-refund-pop .reason > p{padding-bottom:3px; font-weight:500; font-size:.938rem; }
.item-refund-pop .reason textarea{margin-top:10px; background-color:#eee; min-height:150px}
.item-refund-pop .reason input{display:none;}
.item-refund-pop .reason input + label{position:relative; display:block; padding-left:30px; margin:6px 0; font-size:.938rem; color:#666;}
.item-refund-pop .reason input + label:before{content:''; position:absolute; top:1px; left:0; width:20px; height:20px; border:1px solid #ddd; border-radius:100px;}
.item-refund-pop .reason input:checked + label:after{content:''; position:absolute; top:1px; left:0; width:20px; height:20px; border:5px solid var(--primary-color); border-radius:100px}

.item-refund-pop.mypage-con h4.line{margin-top:35px; font-size:1.125rem}
.item-refund-pop.mypage-con .pay-info .list-wrap .total-amount{flex:0 1 150px}
.item-refund-pop.mypage-con .pay-info .list-wrap .list{padding:20px 20px 20px 0}
.item-refund-pop.mypage-con .pay-info .list-wrap .list dl{padding:5px 0}
.item-refund-pop.mypage-con .pay-info .list-wrap .list dl dd{font-size:.875rem; font-weight:500}
.item-refund-pop.mypage-con .pay-info .list-wrap .list dl dt{font-size:.875rem}
.item-refund-pop.mypage-con .pay-info .list-wrap .total-amount .txt{font-size:.938rem}
.item-refund-pop.mypage-con .pay-info .list-wrap .total-amount .num{font-size:1.125rem}
.item-refund-pop .btn-wrap{margin-top:30px; }
.item-refund-pop .btn-wrap button{display:block; width:100%; font-size:1.188rem;}
.item-refund-pop.mypage-con .my-order-list{margin-top:10px; border-top:1px solid #eee;}
.item-refund-pop.mypage-con .my-order-list ul li{gap:0 15px;}
.item-refund-pop.mypage-con .my-order-list ul li .order-detail{display:block;}
.item-refund-pop.mypage-con .my-order-list ul li .order-detail .name{padding-bottom:0; font-size:.875rem; font-weight:400}
.item-refund-pop.mypage-con .my-order-list ul li .img{width:80px; }
.item-refund-pop.mypage-con .my-order-list ul li .order-detail .price{margin:5px 0 0; font-size:.875rem}
.item-refund-pop.mypage-con .my-order-list ul li .order-detail > div > p{font-size:.813rem; line-height:1.4}

@media only screen and (max-width:650px){
	.review-pop .item{padding:20px 0;}
	.review-pop .item-view{padding:35px 20px}
	.review-pop .item-view textarea{margin-top:20px;}
	.review-pop .btn-wrap{margin-top:15px;}
	.layer-pop .photo-wrap{gap:0 8px;}
	.layer-pop .photo-wrap .file-label{background-size:40%}
	.review-pop{width:92%}
	.item-refund-pop.mypage-con .my-order-list ul li{display:flex; gap:0 10px; margin:10px 0;}
}


.my-qna.item-view .item-detail{margin-top:0;}
.my-qna.item-view .item-detail .qna dl:nth-of-type(1){border-top:2px solid #333;}
.my-qna.item-view,.my-qna.item-view .item-detail,.my-qna.item-view .item-detail .qna dl dt .date{color:#333;}
.my-qna.item-view .item-detail .qna{margin-top:10px}
.sub-con.my-qna.item-view{}
.my-qna.item-view .item-detail .qna dl{border-bottom:1px solid #ddd;}
.my-qna.item-view .item-detail .qna dl dt .status.progress{color:var(--primary-color); font-weight:400}
.my-qna.item-view .item-detail .qna dl dt > div .tit{font-weight:500}
.my-qna.item-view .item-detail .qna dl dd ul{background-color:#f6f6f6;}
.my-qna.item-view .item-detail .qna dl dd ul li .que{border-bottom:1px solid #ddd;}


.wish .item-list ul{margin-top:0}
.wish .item-list ul li a .name{color:#333; font-weight:500; font-size:1.125rem}
.wish .item-list ul li .sub-txt{padding-top:3px; font-size:.875rem; color:#777; font-weight:500}
.wish .price-wrap{padding-top:15px; color:#333; font-size:1rem}

@media only screen and (max-width:768px){
	.sub-con.my-qna.item-view{padding:60px 40px}
}

@media only screen and (max-width:650px){
	.sub-con.my-qna.item-view{padding:50px 30px}
}

@media only screen and (max-width:479px){
	.sub-con.my-qna.item-view{padding:45px 20px}
}





.my-review .tabs ul.tabs-control{display: flex; padding: 0; margin: 0; border-bottom: 1px solid #ddd; list-style: none;}
.my-review .tabs ul.tabs-control li{flex: 1; padding: 10px; text-align: center; cursor: pointer; transition:all 0.3s ease; border-bottom:2px solid #fff; font-size:1.063rem}
.my-review .tabs ul.tabs-control li.active{font-weight:600; border-bottom-color:#333;}
.my-review .tab-content > div{display: none; margin-top:25px; padding: 0 0 20px; border-top: none;}
.my-review .tab-content > div.active{display: block;}
.my-review .mypage-con .my-order-list{margin-top:0;}
.my-review .mypage-con .my-order-list h3:first-of-type{padding-top:0}
.my-review .mypage-con .my-order-list h3 span.status{font-size:.875rem; color:#888;}
.my-review .mypage-con .my-order-list ul li .img{width:100px;}

.my-review .item-veiw{color:#333;}
.my-review .written-list{border-top:1px solid #eee;}
.my-review .written-list li{padding:25px 0; border-bottom:1px solid rgba(255,255,255,.1)}
.my-review .written-list .review-top{display:flex; align-items:start; justify-content:space-between;}
.my-review .written-list .review-top .user{display:flex; align-items:center; gap:0 15px;}
.my-review .written-list .review-top .user .name{font-weight:300; color:#8c8c8c;}
.my-review .written-list .review-top .date{position:relative; font-weight:300; text-align:right;}
.my-review .written-list .review-top .my-btn{position:absolute; right:0; margin-top:12px;}
.my-review .written-list .review-top .my-btn button{padding:6px 15px; border:1px solid rgba(255,255,255,.3); background:none; color:#fff; font-size:.875rem}
.my-review .written-list .review-top .my-btn button:hover{border:1px solid #fff;}
.my-review .written-list .review-txt{margin:15px 0 0; font-size:1rem}
.my-review .written-list .photo{display:flex; margin-top:20px; align-items:center; gap:0 10px; width:120px;}
.my-review .written-list .photo img{max-width:100%; aspect-ratio:1/1; object-fit:cover;}

.my-review .review-written-wrap:not(:first-of-type){margin-top:30px; border-top:1px solid #555}
.my-review .review-written-wrap .my-order-list ul li{margin:13px 0;}
.my-review .review-written-wrap .my-order-list ul li .img{width:80px;}

.my-review .review-written-wrap .photo{display:grid; grid-template-columns:repeat(2,1fr); width:auto;}
.my-review .review-written-wrap .photo img{width:100%}

.my-review .star{margin-top:0; width:90px;}
.my-review .star .filled,.my-review .star .empty{width:90px; height:16px; background-size:90px;}
.my-review .star .empty{opacity:.5}

@media only screen and (max-width:650px){
	.my-review .review-written-wrap .my-order-list ul li{margin:11px 0;}
	.my-review .my-order-list ul li .btn-area{justify-content:space-between; margin-top:11px;}
	.my-review .my-order-list ul li .btn-area a{width:49%}
}


.my-edit .my-edit-con{padding:20px 0; border-top:1px solid #333;}
.my-edit .my-edit-con:not(:first-of-type){border-top:1px solid #ddd;}
.my-edit .my-edit-con dl{display:flex; padding:9px 0; align-items:center;}
.my-edit .my-edit-con dt{flex:0 0 125px; color:#666;}
.my-edit .my-edit-con dd{flex-grow:1; text-align:left; color:#333; font-weight:500}
.my-edit .my-edit-con dd .complete-txt{display:inline-block; padding-left:15px; color:var(--primary-color); font-size:.875rem; font-weight:500}
.my-edit .my-edit-con dd input{width:100%}
.my-edit .my-edit-con .select-con{display:flex; align-items:center; gap:0 30px;}

.my-edit .my-edit-con{}

@media only screen and (max-width:650px){
	.my-edit .my-edit-con{border-top:0;}
	.my-edit .my-edit-con dt{flex:0 0 100px;}
	.my-edit .my-edit-con dl{padding:6px 0;}
}


.my-shipping .shipping-con{}
.my-shipping .shipping-con > ul{border-top:1px solid #333;}
.my-shipping .shipping-con > ul > li{display:flex; padding:25px 0; justify-content:space-between; gap:0 20px; border-bottom:1px solid #ddd;}
.my-shipping .shipping-con > ul > li .info{flex-grow:1;}
.my-shipping .shipping-con > ul > li .info .custom-checkbox{font-weight:400}
.my-shipping .shipping-con > ul > li .name > div{display:flex; justify-content:space-between; align-items:center;font-size:1.25rem; font-weight:600}
.my-shipping .shipping-con > ul > li .name span{display:inline-block; padding-left:15px; font-size:.875rem; color:var(--primary-color); font-weight:500}
.my-shipping .shipping-con > ul > li ul{padding-top:15px;}
.my-shipping .shipping-con > ul > li ul li{padding:1.5px 0; color:#666; font-size:.938rem}

.my-shipping .mypage-con.pay{margin-top:0; padding:0}
.my-shipping .mypage-con.pay .list-top-chk{margin-top:10px; justify-content:end;}

@media only screen and (max-width:650px){
	.my-shipping .shipping-con > ul{border-top:0}
	.my-shipping .shipping-con > ul > li{display:block;}
	.my-shipping .shipping-con > ul > li ul{padding-top:10px;}
	.my-shipping .shipping-con .btn{margin-top:15px;}
}


.withdraw .tit{font-size:1.375rem; font-weight:600; color:#000;}
.withdraw .mypage-con ul{margin-top:10px;}
.withdraw .mypage-con ul li{position:relative; padding:1px 0 1px 10px; font-size:.938rem; font-weight:400; color:#666;}
.withdraw .mypage-con ul li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#aaa; border-radius:100px;}
.withdraw .mypage-con .table-con{padding-bottom:10px; border-bottom:1px solid #ddd;}
.withdraw .mypage-con .why{margin-top:30px; border:1px solid #ddd; padding:25px; border-radius:5px;}
.withdraw .mypage-con .why p{padding-bottom:10px; font-size:1.125rem; font-weight:500}
.withdraw .mypage-con .why .list-top-chk{padding:3px 0; }
.withdraw .mypage-con .why .custom-checkbox{font-size:.938rem}
.withdraw .mypage-con textarea{margin-top:15px; background-color:#eee; border:none; min-height:150px;}

@media only screen and (max-width:650px){
	.withdraw .mypage-con .why{margin-top:20px;}
	.withdraw .mypage-con .why p{padding-bottom:5px;}
}


.login-box{width:525px; margin:50px auto 0}
.login-box h2.login-only{padding:25px 0; margin-bottom:35px; border-bottom:2px solid #fff;}
.login-box h2{padding:25px 0; margin-bottom:0; border-bottom:2px solid #fff; font-size:2.75rem}
.login-box input.idpw{margin:12px 0; display:block; padding:17px 20px; width:100%; background:none; border-color:rgba(255,255,255,.35); color:rgba(255,255,255,.7); font-size:1.125rem}
.login-box input.idpw::placeholder{color:rgba(255,255,255,.5);}
.login-box .btn-white-big{margin-top:20px; display:block; width:100%; padding:15px 0; background-color:#fff; font-size:1.25rem; font-weight:600; border:none;}
.login-box .btn-white-big:hover{background-color:var(--primary-color); color:#fff;}
.login-box .login-option{margin-top:20px; font-weight:300}
.login-box .login-option .find a:hover{text-decoration:underline}
.login-box .sns-login{margin-top:30px; gap:0 12px}
.login-box .sns-login img{max-width:75px;}
.login-box .login-inner-join{margin-top:40px; padding:50px 30px 40px; text-align:center; background-color:#737373; }
.login-box .login-inner-join .tit{font-size:1.5rem}
.login-box .login-inner-join .txt{font-weight:300}
.login-box .login-inner-join button{display:block; margin:0 auto;}
.login-box .login-inner-join button.join-btn{margin-top:20px; padding:10px 40px; background-color:#fff; font-size:1.125rem; font-weight:500; border:none;}
.login-box .login-inner-join button.join-btn:hover{background-color:#333; color:#fff;}
.login-box .login-inner-join button.guest-btn{margin-top:35px; font-size:1rem; background:none; border:none; color:#fff; text-decoration:underline; font-weight:300; opacity:.8}
.login-box .login-inner-join button.guest-btn:hover{opacity:1}


.tab-has .tabs ul.tabs-control{display: flex; padding: 0; margin: 0; border-bottom: 1px solid #ddd; list-style: none;}
.tab-has .tabs ul.tabs-control li{flex: 1; padding: 10px; text-align: center; cursor: pointer; transition:all 0.3s ease; border-bottom:2px solid #fff; font-size:1.063rem}
.tab-has .tabs ul.tabs-control li.active{font-weight:600; border-bottom-color:#333;}
.tab-has .tab-content > div{display: none; margin-top:25px; padding: 0 0 20px; border-top: none;}
.tab-has .tab-content > div.active{display: block;}
.layer-pop .find .result{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; padding:35px;}
.layer-pop .find .result span{display:inline-flex; align-items:center; justify-content:center; font-weight:500; color:#000;}
.layer-pop .find .result span img{display:inline-block; max-width:20px; margin:0 5px;}

@media only screen and (max-width:650px){
	.login-box{width:100%; margin:0}
	.login-box h2.login-only{margin-bottom:20px; padding:15px 0;}
	.login-box h2{margin-bottom:20px; padding:15px 0; font-size:2.125rem}
	.login-box .btn-white-big{padding:14px 0;}
	.login-box input.idpw{padding:14px 18px; font-size:1.063rem}
	.login-box .sns-login{gap:0 7px;}
	.login-box .sns-login img{max-width:60px;}
	.login-box .login-inner-join{margin-top:30px; padding:40px 20px 30px}
}

.join{color:#333;}
.join h2{}
.join .login-box{width:500px; text-align:center;}
.join .join-btn{width:500px; padding:20px 0; background-color:#333; text-align:center; font-size:1.25rem; font-weight:500; color:#fff;}
.join .sns-join-txt{position:relative; margin:23px auto; width:500px; text-align:center;}
.join .sns-join-txt:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%); width:100%; height:1px; background-color:#ddd; z-index:1}
.join .sns-join-txt span{position:relative; display:inline-block; padding:0 13px; background-color:#fff; z-index:2; font-size:1.125rem}
.join .join-btn.kakao{background:#ffe617 url(/assets/shop/img/icon-kakao.jpg) no-repeat left 5px center / contain; color:#333;}
.join .join-btn.naver{background:#29c93d url(/assets/shop/img/icon-naver.jpg) no-repeat left 5px center / contain;}
.join .join-btn.google{background:#f2f2f2 url(/assets/shop/img/icon-google-grey.jpg) no-repeat left 5px center / contain; color:#333;}
.join .sns-wrap .join-btn{margin:5px 0;}

.inner.join-step{width:900px;}

.join .login-box.join-plus{margin:0 auto; width:680px;}
.join .process ul{margin-top:25px; display:flex; justify-content:center; align-items:center; gap:0 65px}
.join .process ul li{position:relative; text-align:center; font-weight:600}
.join .process ul li:before{content:''; position:absolute; top:33px; right:-35px; width:10px; height:10px; border-left:1px solid #999; border-bottom:1px solid #999; transform:rotate(-135deg)}
.join .process ul li span{margin:0 auto; display:flex; justify-content:center; align-items:center; width:73px; height:73px; background-color:#c7c7c7; color:#fff; font-size:1.438rem}
.join .process ul li p{margin-top:12px; font-weight:400; color:#aaa;}
.join .process ul li:last-child:before{display:none;}
.join .process ul li.active span{background-color:#000;}
.join .process ul li.active p,.join .process ul li.done p{color:#333;}
.join .process ul li.active:before{border-color:#333;}
.join .con-line{margin-top:40px; border-bottom:2px solid #333;}

.join .content{margin-top:45px;}
.join .terms .all{margin-bottom:10px; padding:18px 25px; background-color:#f4f4f4; }
.join .terms .all .custom-checkbox{font-size:1.125rem; font-weight:500}
.join .terms .part .check-group{padding:12px 25px; display:flex; justify-content:space-between; align-items:center}
.join .terms .part .con-txt{display:none; margin-left:25px; padding:20px; font-size:.938rem; font-weight:300; text-align:left; height:200px; overflow-y:auto; border:1px solid #ddd;}
.join .terms .part .con-txt-btn{cursor:pointer;}

.join .terms-txt-wrap{}
.join .terms-txt-wrap ul{margin-top:10px; display:block}
.join .terms-txt-wrap h4{padding:20px 0 5px;}

.join .btn-wrap{margin-top:40px;}
.join .btn-wrap a{display:block; font-size:1.25rem}
.join .btn-wrap.two{display:flex; justify-content:center; align-items:center; gap:0 10px}
.join .btn-wrap.two a{font-size:.938rem; width:140px;}

.join .regist.pay{padding:0; margin-top:15px; text-align:left;}

.join-complete span{position:relative; display:block; margin:0 auto 25px; width:0; height:0; animation:circle 1s 1 ease forwards}
.join-complete span:before{content:''; opacity:0; position:absolute; top:27px; left:24px; transform:rotate(-45deg); width:3px; height:11px; border-radius:100px; background-color:#fff; animation:fade 2.5s .5s 1 ease forwards}
.join-complete span:after{content:''; opacity:0; position:absolute; top:22px; left:33px; transform:rotate(44deg); width:3px; height:18px; border-radius:100px; background-color:#fff; animation:fade 2.5s .5s 1 ease forwards}
.join-complete h3{margin-top:5px; font-size:1.875rem; font-weight:600}
.join-complete p{padding-top:12px; font-size:1.063rem}

@keyframes circle {
	0% {
		width:0; height:0;
	}
	100% {
		width:60px; height:60px; border-radius:100px; background:var(--primary-color); color:#fff;
	}
	
}


@keyframes fade{
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
	
}


@media only screen and (max-width:1600px){
	.inner.join-step{width:calc(92% - 100px)}
}
@media only screen and (max-width:1024px){
	.join .login-box.join-plus{width:100%}
}
@media only screen and (max-width:768px){
	.inner.join-step{width:95%}
	.join .process ul{margin-top:20px; gap:0 50px}
	.join .process ul li span{width:65px; height:65px; }
	.join .process ul li:before{top:31px; right:-26px; width:8px; height:8px;}
	.join .con-line{margin-top:35px;}
	.join .content{margin-top:35px;}
	.join .terms .all{padding:16px 20px;}
	.join .terms .all .custom-checkbox{font-size:1.063rem}
	.join .terms .custom-checkbox{font-size:1.063rem}
	.join .btn-wrap{margin-top:30px; }
	.join .btn-wrap a{padding:14px 30px;}
	
}

@media only screen and (max-width:560px){
	.join .login-box,.join .join-btn,.join .sns-join-txt{width:100%;}
	.join .join-btn{padding:18px 0; font-size:1.125rem}
	.join .process ul li span{width:50px; height:50px;}
	.join .process ul{margin-top:15px; gap:0 40px}
	.join .process ul li:before{top:20px; right:-20px;}
	.join .process ul li span{font-size:1.25rem; }
	.join .con-line{margin-top:30px; }
	.join-complete h3{font-size:1.75rem}
}

.con-tit{text-align:center; font-family:'smack'; font-size:3.125rem; font-weight:500}
.board-list-wrap{color:#333;}
.board-list-wrap .board-list{margin:45px 50px 0; border-top:2px solid #333;}
.board-list-wrap .board-list li{}
.board-list-wrap .board-list li > a{display:flex; padding:17px 0; font-size:.875rem; color:#666; border-bottom:1px solid #eee;}
.board-list-wrap .board-list li > a:hover{background-color:#f3f4f5;}
.board-list-wrap .board-list li .num{flex:0 0 90px; text-align:center; text-align:center;}
.board-list-wrap .board-list li .con{flex:1 1 0; font-size:1rem; font-size:1rem; color:#333;}
.board-list-wrap .board-list li .date{flex:0 0 100px; text-align:right;}
.board-list-wrap .board-list li .badge{display:inline-block; padding:2px 8px 1px; background-color:#333; color:#fff; font-size:.75rem; border-radius:100px}


.board-view-wrap{text-align:center;}
.board-view-wrap .tit{padding-bottom:20px; border-bottom:2px solid #333;}
.board-view-wrap .tit h3{font-size:2.125rem}
.board-view-wrap .tit .date{padding-top:8px; color:#666; font-size:.938rem}
.board-view-wrap .view-con{padding:30px 0; border-bottom:1px solid #333;}
.board-view-wrap .btn-wrap{margin-top:35px;}


@media only screen and (max-width:1400px){
	.con-tit{font-size:2.75rem}
}
@media only screen and (max-width:1200px){
	.board-list-wrap .board-list{margin:30px 0 0;}
}
@media only screen and (max-width:650px){
	.my.board-list-wrap{padding:90px 30px 60px}
	.board-list-wrap .board-list li .num{flex:0 0 60px;}
	.board-view-wrap .tit h3{font-size:1.875rem}
	.board-view-wrap .btn-wrap{margin-top:30px;}
}
@media only screen and (max-width:479px){
	.con-tit{font-size:1.875rem}
	.my.board-list-wrap{padding:90px 20px 60px}
	.board-list-wrap .board-list{margin:25px 0 0;}
	.board-list-wrap .board-list li .num{display:none;}
	.board-list-wrap .board-list li > a{display:block}
	.board-list-wrap .board-list li .con{font-size:1.125rem}
	.board-list-wrap .board-list li .date{text-align:left; color:#888}
}


.faq-list{margin-top:50px;}
.faq-list dl:nth-of-type(1){margin-top:20px; border-top:2px solid #333}
.faq-list dl{border-bottom:1px solid #ddd;}
.faq-list dl dt{display:flex; padding:23px 0; align-items:center; justify-content:space-between; cursor:pointer; font-weight:300;}
.faq-list dl dt > div{display:flex; align-items:center;}
.faq-list dl dt .date{color:#666; gap:0 30px; font-weight:300; font-size:.938rem}
.faq-list dl dt .tit{position:relative; padding-left:45px; font-weight:300; line-height:1.9; font-weight:400; font-size:1.125rem}
.faq-list dl dt .tit:before{content:'Q'; position:absolute; top:0; left:0; font-size:2rem; font-family:'Montserrat', serif; line-height:1; font-weight:500}
.faq-list dl dd{display:none;}
.faq-list dl dd ul{padding:40px 80px; background-color:#eee;}

@media only screen and (max-width:650px){
	.faq-list{margin-top:30px;}
	.faq-list dl dt{padding:20px 0}
	.faq-list dl dt .tit{padding-left:35px; line-height:1.4; font-size:1.063rem}
	.faq-list dl dt .tit:before{top:-2px; font-size:1.75rem}
	.faq-list dl dd ul{padding:30px; font-size:.875rem}
}