@import url("common.css");


/* 제품 리스트 */
.price_search{background:#f9f9f9; border:1px solid var(--border); padding:10px 25px; height:40px; margin-bottom:10px;}
.price_search h5{color:var(--black); font-size:14px; float:left; margin:7px 30px 7px 0;}
.price_search .input_area{padding:5px 20px 5px 0; display:inline-block;}
.price_search .input_area input{padding:5px;}
.price_search .btn{float:right;}


/* 제품 분류 */
.category_area{margin: 0 0 30px; overflow: visible;}
.category_area .category_area_sw{padding: 0; box-sizing: border-box;}
.category_area ul{display: flex; flex-wrap: wrap; gap: 2px; font-size: 0;}
.category_area ul li{width: calc((100% - 10px) / 6); display: flex; padding: 0; margin: 0;}
.category_area ul li a{display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 100%; min-height: 60px; padding: 15px 20px; box-sizing: border-box; font-size: 1rem; font-weight: 400; letter-spacing: var(--letter-spacing-default); line-height: 1.579; color: var(--light); background: var(--grayBg); border-radius: 5px; transition: all .3s ease; text-align: center;}
.category_area ul li:hover a{color: var(--black);}
.category_area ul li.on a{font-weight: 600; color: var(--white); background: var(--main);}
.category_area ul li a span{display:inline-block; font-family:var(--eng); opacity:0.7;}


/* 제품 수량, 검색 */
.sort_area{margin:0 0 40px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px;}
.sort_area .total{display:flex; align-items:center; gap:2px; font-family:var(--eng); font-size:0.789rem; line-height:1.733; letter-spacing:0; white-space:nowrap;}
.sort_area .total .tit{font-weight:400; color:rgba(16,16,16,0.5);}
.sort_area .total .num{font-weight:600; color:#101010;}
.sort_area .search{display:flex; align-items:center; gap:2px;}
.sort_area .search select{width:100px; height:50px; padding:0 30px 0 15px; border:1px solid var(--border); border-radius:5px; box-sizing:border-box; background-color:var(--white); background-image:url("/img/cat_arrow_bk.svg"); background-repeat:no-repeat; background-position:right 10px center; background-size:10px auto; font-size:0.789rem; font-weight:400; letter-spacing:-0.6px; line-height:1.733; color:var(--basic); -webkit-appearance:none; appearance:none; outline:none; cursor:pointer;}
.sort_area .search input{width:250px; height:50px; padding:0 15px; border:1px solid var(--border); border-radius:5px; box-sizing:border-box; background:var(--white); font-size:0.789rem; font-weight:400; letter-spacing:-0.6px; line-height:1.733; color:var(--black); outline:none;}
.sort_area .search .search_btn{flex-shrink:0; width:50px; height:50px; padding:0; border:1px solid var(--main); border-radius:5px; background:var(--main); cursor:pointer; position:relative; font-size:0; transition:background .3s ease, border-color .3s ease;}
.sort_area .search .search_btn::before{content:'\e8b6'; display:block; width:100%; height:100%; line-height:48px; text-align:center; font-size:24px; font-family:var(--icon); color:var(--white);}
.sort_area .search .search_btn:hover{background:var(--black); border-color:var(--black);}



/* 제품 리스트 */
.prd_list{position:relative; display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); grid-gap:50px 30px;}
.prd_list .prd_none{grid-column:1 / -1; display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:300px; font-size:1rem; line-height:160%; letter-spacing:var(--letter-spacing-default);}
.prd_list .list {position:relative; box-sizing:border-box; border-radius: 10px; overflow: hidden; z-index: 10; transition:transform .3s ease, box-shadow .3s ease;}
.prd_list .list::after {content:''; width:100%; height:100%; border:1px solid var(--border); position:absolute; left:0; top:0; z-index:-1; box-sizing: border-box; border-radius: inherit; transition:border-color .3s ease;}
.prd_list .list:hover{transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.08);}
.prd_list .list:hover::after{border-color:var(--main);}
.prd_list .list .list_link{display:block;}
.prd_list .list .thumb{overflow:hidden; position:relative; aspect-ratio:1/1; background:var(--grayBg);}
.prd_list .list .thumb .prdimg{display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.prd_list .list:hover .thumb .prdimg{transform:scale(1.05);}
.prd_list .list .desc{padding:20px 25px;}
.prd_list .list .desc .tit_wrap{display:flex; flex-direction:column; gap:4px;}
.prd_list .list .desc .tit_top{display:flex; align-items:center; gap:8px;}
.prd_list .list .desc .tit_top .apply_status{display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:28px; padding:0 10px; box-sizing:border-box; border:0; border-radius:500px; background:var(--light); color:rgba(255,255,255,0.7); font-size:0.684rem; font-weight:600; line-height:1.846; letter-spacing:-0.52px; white-space:nowrap;}
.prd_list .list .desc .tit_top .apply_status.ing{background:var(--main); color:var(--white);}
.prd_list .list .desc .tit_top .apply_status.ready{background:var(--white); border:1px solid var(--sub); color:var(--sub); padding:0 11px;}
.prd_list .list .desc .tit_top .apply_status.end{background:var(--light); color:rgba(255,255,255,0.7);}
.prd_list .list .desc .tit_top .cate_name{font-size:0.789rem; font-weight:600; color:var(--main); line-height:1.385; letter-spacing:-0.6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd_list .list .desc .tit_wrap .tit{font-size:1rem; font-weight:600; color:var(--black); line-height:1.579; letter-spacing:var(--letter-spacing-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color .3s ease;}
.prd_list .list:hover .desc .tit_wrap .tit{color:var(--main);}
.prd_list .list .desc .info_list{display:flex; flex-direction:column; gap:4px; margin-top:10px;}
.prd_list .list .desc .info_list li{display:flex; align-items:flex-start;}
.prd_list .list .desc .info_list li .info_label{flex-shrink:0; width:64px; font-size:0.789rem; font-weight:600; color:var(--light); line-height:1.385; letter-spacing:-0.6px;}
.prd_list .list .desc .info_list li .info_value{flex:1; min-width:0; font-size:0.789rem; font-weight:400; color:var(--basic); line-height:1.385; letter-spacing:-0.6px;}




/* 상품검색 */
.prd_search{position:relative; overflow:hidden; border:1px solid var(--border); text-align:center; padding:30px; margin-bottom:30px}
.prd_search h4.search_tit{color:var(--black); letter-spacing:var(--letter-spacing-body); font-weight:normal; font-size:18px; padding-bottom:10px;}
.prd_search ul{width:70%; margin:0 auto;}
.prd_search ul li{float:left; width:49.5%; margin:0 1% 1% 0;}
.prd_search ul li.one{float:none; width:100%; margin:0 0 1% 0;}
.prd_search ul li:nth-child(3){margin-right:0}
.prd_search ul li:nth-child(5){margin-right:0}
.prd_search ul li .input{width:100%;}
.prd_search ul li select{width:100%;}
.prd_search ul li dt{display:inline-block; width:84px; vertical-align:top; text-align:left; line-height:42px; padding:0 0 0 12px; color:var(--black); letter-spacing:var(--letter-spacing-body);}
.prd_search ul li dd{display:inline-block; width:calc(100% - 102px)}
.prd_search ul li .input_price{width:48%}
.prd_search ul li span{display:inline-block; width:4%;}

.prd_search ul li .search_btn{display:inline-block; background: var(--black);text-align: center;color:var(--white); border: 1px solid var(--black);  letter-spacing:var(--letter-spacing-button);width:100%; height:54px; font-size:15px; margin-top:12px; cursor: pointer; transition: all 0.3s;}
.prd_search ul li .search_btn:hover{background-color:var(--white); color:var(--black); transition: all 0.3s;}


/* 뷰페이지 */
.pro_view{position:relative; overflow:hidden;}
.pro_view_in{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:0; max-width:1650px; margin:0 auto; padding:0 0 100px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.pro_view .viewImg{width:560px; flex-shrink:0;}
.pro_view .viewImg .viewImg_in{position:relative;}
.pro_view .viewImg .simpleLens-container{width:100%;}
.pro_view .viewImg .simpleLens-big-image-container{width:100%; height:560px; box-sizing:border-box; border:0; border-radius:10px; overflow:hidden; background:var(--black);}
.pro_view .viewImg .simpleLens-lens-image{width:100%; aspect-ratio:1/1; overflow:hidden;}
.pro_view .viewImg .simpleLens-lens-image img{display:block; width:100%; height:100%; object-fit:cover;}
.pro_view .viewImg .certi_icon{position:absolute; left:10px; top:10px; z-index:9;}
.pro_view .viewImgNor{position:relative; overflow:hidden;}
.pro_view .viewImgNor .viewImg_in{aspect-ratio:1/1; border-radius:10px; overflow:hidden;}
.pro_view .viewImgNor .viewImg_in .prdimg{width:100%; height:100%;}
.pro_view .viewImgNor .viewImg_in .prdimg img{display:block; width:100%; height:100%; object-fit:cover;}
.pro_view .viewImgNor .imgBtn{display:none;}
.pro_view .simpleLens-thumbnails-container{display:none;}
.pro_view ul.smallImg{display:none;}
.pro_view .imgBtn{position:absolute; bottom:0; right:0; display:none;}
.pro_view .viewTxt{flex:1; min-width:0; position:relative; padding:0 0 0 100px;}
.pro_view .viewTxt form{display:flex; flex-direction:column; gap:30px; width:100%;}
.pro_view .viewTxt .view_head{display:flex; flex-direction:column; gap:25px;}
.pro_view .viewTxt .view_head .tit_top{display:flex; align-items:center; gap:12px;}
.pro_view .viewTxt .view_head .tit_top .apply_status{display:inline-flex; align-items:center; justify-content:center; min-width:92px; height:40px; padding:0 10px; box-sizing:border-box; border:0; border-radius:500px; background:var(--light); color:rgba(255,255,255,0.7); font-size:1rem; font-weight:600; line-height:1.579; letter-spacing:var(--letter-spacing-default); white-space:nowrap;}
.pro_view .viewTxt .view_head .tit_top .apply_status.ing{background:var(--main); color:var(--white);}
.pro_view .viewTxt .view_head .tit_top .apply_status.ready{background:var(--white); border:1px solid var(--sub); color:var(--sub); padding:0 11px;}
.pro_view .viewTxt .view_head .tit_top .apply_status.end{background:var(--light); color:rgba(255,255,255,0.7);}
.pro_view .viewTxt .view_head .tit_top .cate_name{font-size:1rem; font-weight:600; color:var(--main); line-height:1.579; letter-spacing:var(--letter-spacing-default);}
.pro_view .viewTxt .view_head .tit_area{display:flex; flex-direction:column; gap:10px;}
.pro_view .viewTxt .view_head .tit_area .p_name{font-size:2.263rem; font-weight:700; color:var(--black); letter-spacing:-1.72px; line-height:1.302; margin:0;}
.pro_view .viewTxt .view_head .tit_area .stortexp{font-size:1rem; font-weight:400; color:var(--basic); letter-spacing:var(--letter-spacing-default); line-height:1.579; margin:0;}
.pro_view .viewTxt .view_head .price_con{margin:0; padding:0; border:0; background:none;}
.pro_view .viewTxt .view_head .price_con .price_tit{display:flex; align-items:flex-end; gap:3px;}
.pro_view .viewTxt .view_head .price_con .price_b{color:var(--black); font-size:1.316rem; font-weight:700; line-height:1.52; font-family:var(--eng); letter-spacing:var(--letter-spacing-none);}
.pro_view .viewTxt .view_head .price_con .price_b2{color:var(--black); font-size:1.105rem; font-weight:400; line-height:1.524; letter-spacing:-0.84px; padding-bottom:2px;}
.pro_view .viewTxt .view_info_area{padding:30px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.pro_view .viewTxt .view_extra{display:none;}
.pro_view .viewTxt .view_info_area .view_table{display:block; width:100%; border:0;}
.pro_view .viewTxt .view_info_area .view_table caption{display:none;}
.pro_view .viewTxt .view_info_area .view_table tbody{display:block;}
.pro_view .viewTxt .view_info_area .view_table tr{display:flex; align-items:center; margin-bottom:12px;}
.pro_view .viewTxt .view_info_area .view_table tr:last-child{margin-bottom:0;}
.pro_view .viewTxt .view_info_area .view_table th{display:block; width:104px; flex-shrink:0; font-size:0.789rem; font-weight:600; color:var(--light); letter-spacing:-0.6px; line-height:1.385; box-sizing:border-box; background:none; padding:0; border:0; text-align:left;}
.pro_view .viewTxt .view_info_area .view_table td{display:block; flex:1; min-width:0; font-size:1rem; font-weight:400; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:1.579; box-sizing:border-box; background:none; padding:0; border:0;}
.pro_view .viewTxt .view_info_area .view_table select{width:100%; max-width:400px; height:auto; padding:10px 36px 10px 12px; border:1px solid var(--border); border-radius:5px; font-size:0.789rem; font-weight:400; color:var(--black); letter-spacing:-0.6px; line-height:1.385; background-color:var(--white); box-sizing:border-box; appearance:none; }
.pro_view .viewTxt .view_info_area .view_table .amount_box{display:none;}
.pro_view .viewTxt .opt_area{display:flex; flex-direction:column; gap:1px; width:100%;}
.pro_view .viewTxt .opt_area .opt_table{display:block; width:100%; border:0; border-collapse:collapse;}
.pro_view .viewTxt .opt_area #form_table{display:none;}
.pro_view .viewTxt .opt_area #basket_table{display:block; width:100%; border:0;}
.pro_view .viewTxt .opt_area #basket_table tbody{display:block;}
.pro_view .viewTxt .opt_area #basket_table tr{display:flex; align-items:center; background:var(--grayBg); border-radius:5px; padding:15px; box-sizing:border-box; margin-bottom:1px;}
.pro_view .viewTxt .opt_area #basket_table td{display:block; border:0; background:transparent; padding:0; font-size:1rem; font-weight:400; color:var(--basic); letter-spacing:var(--letter-spacing-default); line-height:1.579;}
.pro_view .viewTxt .opt_area #basket_table tr td:first-child{flex:1; min-width:0;}
.pro_view .viewTxt .opt_area #basket_table tr td.amount_col{display:none;}
.pro_view .viewTxt .opt_area #basket_table tr td.price_col{width:200px; flex-shrink:0; text-align:right; padding-right:20px; font-family:var(--eng);}
.pro_view .viewTxt .opt_area #basket_table tr td.reserve_col{display:none;}
.pro_view .viewTxt .opt_area #basket_table tr td.del_col{width:56px; flex-shrink:0;}
.pro_view .viewTxt .opt_area #basket_table .btn_type4{width:56px; height:34px; padding:0; border:1px solid var(--black); border-radius:0; background:var(--white); font-size:0.789rem; font-weight:600; color:var(--black); letter-spacing:-0.6px; line-height:34px; cursor:pointer;}
.pro_view .viewTxt .total_amount{padding:20px 0 0;}
.pro_view .viewTxt .total_amount dl{display:flex; align-items:flex-end; justify-content:flex-end; gap:10px;}
.pro_view .viewTxt .total_amount dl dt{font-size:1.105rem; font-weight:400; color:var(--black); letter-spacing:-0.84px; line-height:1.524; padding-bottom:2px;}
.pro_view .viewTxt .total_amount dl dd{font-size:1.105rem; font-weight:400; color:var(--black); letter-spacing:-0.84px; line-height:1.524; padding-bottom:2px;}
.pro_view .viewTxt .total_amount dl dd span{font-size:1.842rem; color:var(--main); font-weight:700; line-height:1.371; font-family:var(--eng); letter-spacing:var(--letter-spacing-none);}
.pro_view .viewTxt .pro_btns{padding:0; display:flex; align-items:center; justify-content:space-between; gap:4px;}
.pro_view .viewTxt .pro_btns .btn_left{display:flex; gap:4px;}
.pro_view .viewTxt .pro_btns .share_btn,
.pro_view .viewTxt .pro_btns .list_btn{flex:none; width:64px; max-width:64px; height:64px; padding:0; border:1px solid var(--black); border-radius:5px; background:var(--white); color:var(--black); font-size:0; cursor:pointer; position:relative; transition:all .3s ease;}
.pro_view .viewTxt .pro_btns .share_btn::before{content:'\e80d'; display:block; width:100%; height:100%; line-height:64px; font-size:26px; font-weight:400; font-family:var(--icon); color:inherit; text-align:center;}
.pro_view .viewTxt .pro_btns .list_btn::before{content:'\eb75'; display:block; width:100%; height:100%; line-height:64px; font-size:26px; font-weight:400; font-family:var(--icon); color:inherit; text-align:center; font-variation-settings: 'FILL' 1;}
.pro_view .viewTxt .pro_btns .share_btn:hover,
.pro_view .viewTxt .pro_btns .list_btn:hover{background:var(--main); border-color:var(--main); color:var(--white);}
.pro_view .viewTxt .pro_btns .buy_btn{flex:none; width:390px; max-width:calc(100% - 140px); height:64px; line-height:64px; padding:0; border:0; border-radius:5px; background:var(--main); color:var(--white); font-size:1.105rem; font-weight:600; letter-spacing:-0.84px; cursor:pointer; transition:all .3s ease;}
.pro_view .viewTxt .pro_btns .buy_btn:hover{background:var(--sub); color:var(--white);}
.pro_view .viewTxt .pro_btns .wish_btn,
.pro_view .viewTxt .pro_btns .basket_btn{display:none;}

/* 취소 및 환불 안내 토글 */
.refund_toggle{margin-top:25px; border:1px solid var(--border); border-radius:5px; background:var(--white); overflow:hidden; transition:border-color .3s ease; }
.refund_toggle.on{border-color:var(--main); }
.refund_toggle .refund_head{display:block; width:100%; padding:19px 77px 19px 27px; border:0; background:none; box-sizing:border-box; position:relative; text-align:left; font-family:inherit; font-size:1.105rem; font-weight:600; color:rgba(40,41,51,0.5); letter-spacing:-0.84px; line-height:1.524; cursor:pointer; transition:color .3s ease; }
.refund_toggle .refund_head::before{content:'\e313'; display:block; position:absolute; right:27px; top:50%; margin-top:-15px; font-size:30px; line-height:1; font-family:var(--icon); color:inherit; transition:transform .3s ease; font-weight: 400;}
.refund_toggle.on .refund_head{color:var(--black); }
.refund_toggle.on .refund_head::before{transform:rotate(180deg); }
.refund_toggle .refund_body{display:none; border-top:1px solid var(--border); }
.refund_row{display:flex; }
.refund_row dt{display:flex; align-items:center; flex-shrink:0; width:200px; padding:17px 18px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--grayBg); box-sizing:border-box; font-size:0.895rem; font-weight:600; color:var(--black); letter-spacing:-0.68px; line-height:1.647; }
.refund_row dd{display:flex; flex-direction:column; justify-content:center; gap:8px; flex:1; min-width:0; padding:17px 18px; border-bottom:1px solid var(--border); box-sizing:border-box; }
.refund_row:last-child dt,
.refund_row:last-child dd{border-bottom:0; }
.refund_row dd p{font-size:0.895rem; font-weight:400; color:var(--black); letter-spacing:-0.68px; line-height:1.647; }
.refund_row dd ul{display:flex; flex-direction:column; gap:6px; padding-top:5px; }
.refund_row dd p + ul{padding-top:0; }
.refund_row dd ul li{position:relative; padding-left:10px; font-size:0.895rem; font-weight:400; color:var(--basic); letter-spacing:-0.68px; line-height:1.647; }
.refund_row dd ul li::before{content:''; display:block; position:absolute; left:0; top:12px; width:3px; height:3px; background:var(--main); }
.refund_row dd ol li{font-size:0.895rem; font-weight:400; color:var(--basic); letter-spacing:-0.68px; line-height:1.647; }

/* 필독사항 */
.prd_content .prd_guide{max-width:1650px; margin:0 auto; box-sizing:border-box;}
.prd_guide .guide_tit{display:flex; flex-direction:column; gap:10px; align-items:center; margin-bottom:60px;}
.prd_guide .guide_tit .fs19{color:var(--basic);}
.prd_guide .guide_tit .guide_name{font-size:1.842rem; font-weight:700; color:var(--black); letter-spacing:-1.4px; line-height:1.371;}
.prd_guide .must_read{padding:0 5px; border-radius:10px; background:var(--main); box-sizing:border-box;}
.prd_guide .must_inner{display:flex; align-items:flex-start; gap:30px; padding:60px; border-radius:10px; background:var(--grayBg); box-sizing:border-box;}
.prd_guide .tit_area{display:flex; align-items:center; gap:8px; flex-shrink:0; width:335px;}
.prd_guide .tit_area .icon{display:block; width:34px; height:34px; flex-shrink:0;}
.prd_guide .tit_area .icon::before{content:'\e7f4'; display:block; width:34px; height:34px; line-height:34px; font-size:34px; font-family:var(--icon); color:var(--main); text-align:center; font-variation-settings:'FILL' 1;}
.prd_guide .tit_area .must_tit{font-size:1.842rem; font-weight:700; color:var(--main); letter-spacing:-1.4px; line-height:1.371; white-space:nowrap;}
.prd_guide .must_list{flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:0;}
.prd_guide .must_list li{position:relative; padding-left:32px; list-style:none;}
.prd_guide .must_list li .num{position:absolute; left:0; top:1px; width:28px; height:28px; border-radius:50%; background:var(--main); color:var(--white); font-size:0.789rem; font-weight:600; font-family:var(--eng); line-height:28px; text-align:center;}
.prd_guide .must_list li .fs19 {color:var(--black); margin:0; letter-spacing: var(--letter-spacing-default) !important;}
.prd_guide .must_list li .fs19 u {letter-spacing: var(--letter-spacing-default) !important;}

	/* 상세 컨텐츠 */
	.prd_cont{padding:100px 0 0;}
	
	

	/* 상세 탭메뉴 */
	.prd_tab{margin-bottom: 50px; display:none;}
	.prd_tab ul{display: flex; position: relative;}
	.prd_tab ul::before{content:''; display: block; width: 100%; height: 1px; background:var(--border); position: absolute; left:0; bottom: 0;}
	.prd_tab ul li{flex:1; text-align:center; position: relative;}
	.prd_tab ul li::after{content:''; display: block; width: 1px; height: 15px; background:var(--border); position: absolute; right: 0; top:50%; margin-top: -7px;}
	.prd_tab ul li:last-child::after{display: none;}
	.prd_tab ul li a{display:block; font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height: 150%; padding: 20px 10px; color:var(--basic); transition:all .3s ease; box-sizing:border-box; position: relative;}
	.prd_tab ul li a::after{content:''; display: block; width: 0; height: 3px; background:var(--black); position: absolute; left: 0; bottom: 0; z-index: 5; transition:all .3s ease;}
	.prd_tab ul li a.prd_tab_up::after{width: 100%;}
	.prd_tab ul li a.prd_tab_up{color:var(--black); font-weight: 600; }

	/* 상품정보 */
	.prd_content{}
	.prd_content img{max-width:100%; height: auto !important;}
	
	/* 관련상품 */
	.prd_rel{display: flex; gap:30px; flex-wrap:wrap;}
	.prd_rel .list{width: calc((100% - 90px)/4);}
	.prd_rel .list a{display: block;}
	.prd_rel .list .thumb{aspect-ratio:1/1; overflow: hidden;}
	.prd_rel .list .thumb img{display: block; width: 100%; height: 100%; object-fit:contain;}
	.prd_rel .list .desc{padding: 20px 0 0; text-align:left;}
	.prd_rel .list .desc h4{font-size:1rem; color:var(--black); font-weight: 600; letter-spacing: var(--letter-spacing-default); line-height: 150%;}
	.prd_rel .list .desc .price{margin: 8px 0 0; font-size:1rem; color:var(--black); font-weight: 400; letter-spacing: var(--letter-spacing-default); line-height: 150%;}
	.prd_rel .list .desc .price span{display: inline-block; font-size:1.25rem; letter-spacing: var(--letter-spacing-none); font-weight: 700; font-family:var(--eng);}


	/* 상품 Q&A */
	.prd_bbs_btn{display: flex; justify-content: flex-end; gap:8px; margin-bottom: 15px;}
	
	.prd_bbs_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid var(--black); text-align:center;}
	.prd_bbs_table th{font-size:1rem; font-weight: 600; color:var(--black); letter-spacing: var(--letter-spacing-body); line-height: 150%; padding:16px 10px; box-sizing:border-box; border-bottom: 1px solid var(--border); background:var(--grayBg);}
	.prd_bbs_table td{font-size:1rem; font-weight: 400; color:var(--basic); letter-spacing: var(--letter-spacing-body); line-height: 150%; padding:16px 10px; box-sizing:border-box; border-bottom: 1px solid var(--border); background:var(--white);}
	.prd_bbs_table td.left{padding: 16px 20px;}
	.prd_bbs_table .prd_bbs_none{text-align:center; padding: 100px 0;}
	
	
	
	
	/* 상품후기 */
	.prd_review{border-top: 1px solid var(--black);}
	.prd_review .prd_review_none{text-align:center; padding: 100px 0; border-bottom: 1px solid var(--border);}
	.prd_review dl{display: flex; padding: 35px 0; border-bottom: 1px solid var(--border);}
	.prd_review dl dt{width: 230px; display: flex; gap:10px; align-items:center; box-sizing:border-box; padding: 0 30px 0 0;}
	.prd_review dl dt .icon{width: 60px; height: 60px; display: block; border-radius:50%; position: relative; background:var(--grayBg);}
	.prd_review dl dt .icon::after{content:'\e7fd'; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; line-height: 60px; font-size:35px; font-family:var(--icon); color:var(--black); opacity: 0.3; text-align:center; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}
	.prd_review dl dt .name{font-size:1rem; font-weight: 600; color:var(--black); letter-spacing: var(--letter-spacing-default); line-height: 150%;}
	.prd_review dl dd{width: calc(100% - 230px);}
	.prd_review dl dd .icon_star{display: flex; gap:15px; align-items:center; padding-bottom: 15px;	}
	.prd_review dl dd .icon_star img{width: auto; height: 13px; vertical-align: top;}
	.prd_review dl dd .date{font-size:1rem; font-family:var(--eng); letter-spacing: var(--letter-spacing-none); line-height: 120%; color:var(--basic);}
	.prd_review dl dd h4{font-size:1.125rem; font-weight: 600; color:var(--black); letter-spacing: var(--letter-spacing-default); line-height: 150%;}
	.prd_review dl dd .review_content{padding: 15px 0 0; font-size:1rem; font-weight: 400; color:var(--basic); letter-spacing: var(--letter-spacing-default); line-height: 150%;}
	.prd_review dl dd .review_content img{max-width:300px; width: 100%; height: auto !important;}
	
	
	
	
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1650px){


.category_area ul li{width: calc((100% - 8px) / 5);}



}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


.category_area ul li{width: calc((100% - 6px) / 4);}

.prd_list{grid-template-columns:repeat(4, minmax(0, 1fr)); grid-gap:40px 20px;}



/* 뷰페이지 */
.pro_view_in{padding:0 0 70px;}
.pro_view .viewImg{width:400px;}
.pro_view .viewImg .simpleLens-big-image-container{height:400px;}
.pro_view .viewTxt{padding:0 0 0 50px;}
.pro_view .viewTxt form{gap:24px;}
.pro_view .viewTxt .view_head .tit_area .p_name{font-size:1.875rem;}
	
	/* 관련상품 */
	.prd_rel .list{width: calc((100% - 60px)/3);}
	
	

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1100px){


	.category_area ul li{width: calc((100% - 4px) / 3);}
		
	
	}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 제품 수량, 검색 */
.sort_area{margin:0 0 30px;}


/* 제품 분류 */
.category_area{margin: 0 0 20px;}

.category_area ul li a{padding: 15px 10px; min-height: 56px;}

/* 제품 리스트 */
.prd_list{grid-template-columns:repeat(3, minmax(0, 1fr)); grid-gap:40px 20px;}
.prd_list .prd_none{height:300px;}
.prd_list .list .desc{padding:15px 20px;}
.prd_list .list .desc .info_list{margin-top:8px;}



/* 뷰페이지 */
.pro_view_in{padding:50px 0;}
.pro_view .viewImg{width:300px;}
.pro_view .viewImg .simpleLens-big-image-container{height:300px;}
.pro_view .viewTxt{padding:0 0 0 30px;}
.pro_view .viewTxt form{gap:20px;}
.pro_view .viewTxt .view_head{gap:20px;}
.pro_view .viewTxt .view_head .tit_area .p_name{font-size:1.625rem;}
.pro_view .viewTxt .view_info_area{padding:20px 0;}
.pro_view .viewTxt .pro_btns .buy_btn{width:280px; max-width:calc(100% - 140px); height:56px; line-height:56px; font-size:1rem;}
.pro_view .viewTxt .pro_btns .share_btn,
.pro_view .viewTxt .pro_btns .list_btn{width:56px; max-width:56px; height:56px;}
.pro_view .viewTxt .pro_btns .share_btn::before,
.pro_view .viewTxt .pro_btns .list_btn::before{line-height:56px; font-size:22px;}

.refund_toggle{margin-top:0; }
.refund_toggle .refund_head{padding:15px 60px 15px 20px; font-size:1rem; }
.refund_toggle .refund_head::before{right:20px; margin-top:-13px; font-size:26px; }
.refund_row dt{width:150px; padding:15px; }
.refund_row dd{padding:15px; }
.refund_row dd ul li::before {top:10px;}

	/* 버튼 */
	.pro_btns button{height: 50px; line-height: 48px;}
	.pro_btns .list_btn{max-width: 50px;}
	.pro_btns .list_btn::before{line-height: 50px; font-size:24px;}
	.pro_btns .wish_btn::before{font-size:20px;}
	.pro_btns .basket_btn::before{font-size:20px;}
	
	/* 상세 컨텐츠 */
	.prd_cont{padding: 70px 0 0;}
	.prd_guide .guide_tit{margin-bottom:40px;}
	.prd_guide .must_inner{padding:40px; gap:24px;}
	.prd_guide .tit_area{width:160px;}

	/* 상세 탭메뉴 */
	.prd_tab{margin-bottom: 30px;}
	.prd_tab ul li::after{height: 12px; margin-top: -6px;}
	.prd_tab ul li a{padding: 15px 10px;}

	/* 관련상품 */
	.prd_rel{gap:20px;}
	.prd_rel .list{width: calc((100% - 40px)/3);}
	.prd_rel .list .desc{padding: 15px 0 0;}
	.prd_rel .list .desc h4{}
	.prd_rel .list .desc .price{margin: 5px 0 0;}
	.prd_rel .list .desc .price span{}
	
	
	/* 상품 Q&A */
	.prd_bbs_btn{gap:4px; margin-bottom: 10px;}
	
	.prd_bbs_table{}
	.prd_bbs_table th{padding:12px 8px;}
	.prd_bbs_table td{padding:12px 8px;}
	.prd_bbs_table td.left{padding: 12px 15px;}
	.prd_bbs_table .prd_bbs_none{padding: 60px 0;}
	
	
	
	
	/* 상품후기 */
	.prd_review .prd_review_none{padding: 60px 0;}
	.prd_review dl{padding: 25px 0;}
	.prd_review dl dt{width: 180px;}
	.prd_review dl dt .icon{width: 50px; height: 50px;}
	.prd_review dl dt .icon::after{line-height: 50px; font-size:30px;}
	.prd_review dl dd{width: calc(100% - 180px);}

/* 검색 */
.prd_search {margin-bottom:15px}
.prd_search ul {width:100%}
	
	
}
/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){


/* 뷰페이지 */
.pro_view_in{padding:0 0 40px; flex-direction:column; gap:30px;}
.pro_view .viewImg{width:100%;}
.pro_view .viewImg .simpleLens-big-image-container{height:auto; aspect-ratio:1/1;}
.pro_view .viewTxt{width:100%; padding:0;}
.pro_view .viewTxt form{gap:24px;}

.prd_guide .must_inner{flex-direction:column; padding:30px; gap:20px;}
.prd_guide .tit_area{width:100%;}
.prd_guide .guide_tit .guide_name{font-size:1.579rem;}
.prd_guide .tit_area .must_tit{font-size:1.579rem;}

}
/*******************************************************************************
    @media 680px
*******************************************************************************/
@media all and (max-width:680px){


/* 제품 수량, 검색 */
.sort_area{margin:0 0 20px; flex-wrap:wrap; gap:10px; align-items:stretch;}
.sort_area .total{width:100%;}
.sort_area .search{width:100%;}
.sort_area .search select{width:90px; height:45px; padding:0 28px 0 12px; background-position:right 8px center;}
.sort_area .search input{flex:1; min-width:0; width:auto; height:45px;}
.sort_area .search .search_btn{width:45px; height:45px;}
.sort_area .search .search_btn::before{line-height:43px; font-size:20px;}

/* 제품 분류 */
.category_area{margin: 0 0 15px; position: relative; overflow: hidden;}
.category_area::before{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; border:1px solid var(--border); position: absolute; left: 0; top:0; z-index: -1;}
.category_area .category_area_sw{padding:0 10px; box-sizing:border-box;}
.category_area ul{display: block; text-align:center; font-size:0; white-space: nowrap; flex-wrap: nowrap; gap: 0;}
.category_area ul li{width: auto; display: inline-block; padding: 0; margin: 0;}
.category_area ul li a{display: block; width: auto; min-height: auto; padding:15px 10px; margin: 0 5px; box-sizing:border-box; position: relative; font-size:1rem; font-weight: 400; letter-spacing: var(--letter-spacing-default); line-height: 120%; color:var(--basic); background: none; border-radius: 0;}
.category_area ul li a::after{content:''; display: block; width: 0; height: 2px; background:var(--main); position: absolute; left: 0; bottom: 0; transition:all .3s ease;}
.category_area ul li:hover a{color:var(--black);}
.category_area ul li.on a{font-weight: 600; color:var(--main); background: none;}
.category_area ul li.on a::after{width: 100%;}
.category_area ul li a span{padding-top:0; font-size:0.789rem;}

/* 제품 리스트 */
.prd_list{grid-template-columns:repeat(2, minmax(0, 1fr)); grid-gap:30px 15px;}
.prd_list .prd_none{height:200px;}
.prd_list .list .desc{padding:12px 15px;}
.prd_list .list .desc .tit_top .apply_status{height:24px; min-width:52px; padding:0 8px;}
.prd_list .list .desc .tit_top .apply_status.ready{padding:0 9px;}
.prd_list .list .desc .info_list li .info_label{width:56px;}

/* 뷰페이지 */
.pro_view_in{padding:0 0 30px; gap:20px;}
.pro_view .viewTxt .view_head .tit_top .apply_status{height:32px; min-width:72px; padding:0 8px; font-size:0.895rem;}
.pro_view .viewTxt .view_head .tit_top .apply_status.ready{padding:0 9px;}
.pro_view .viewTxt .view_head .tit_area .p_name{font-size:1.474rem;}
.pro_view .viewTxt .view_info_area .view_table th{width:80px;}
.pro_view .viewTxt .view_info_area .view_table tr{align-items:flex-start;}
.pro_view .viewTxt .opt_area #basket_table tr{padding:10px 12px;}
.pro_view .viewTxt .opt_area #basket_table td{font-size:0.895rem;}
.pro_view .viewTxt .opt_area #basket_table tr td.price_col{width:110px; padding-right:10px;}
.pro_view .viewTxt .opt_area #basket_table tr td.del_col{width:48px;}
.pro_view .viewTxt .opt_area #basket_table .btn_type4{width:48px; height:30px; line-height:30px;}
.pro_view .viewTxt .pro_btns{flex-wrap:wrap; gap:6px;}
.pro_view .viewTxt .pro_btns .btn_left{width:100%; gap:6px;}
.pro_view .viewTxt .pro_btns .buy_btn{width:100%; max-width:100%; height:44px; line-height:44px; font-size:1rem;}
.pro_view .viewTxt .pro_btns .share_btn,
.pro_view .viewTxt .pro_btns .list_btn{width:44px; max-width:44px; height:44px;}
.pro_view .viewTxt .pro_btns .share_btn::before,
.pro_view .viewTxt .pro_btns .list_btn::before{line-height:44px; font-size:18px;}
.pro_view .viewTxt .total_amount dl dd span{font-size:1.579rem;}

.refund_toggle .refund_head{padding:13px 50px 13px 15px; font-size:0.947rem; }
.refund_toggle .refund_head::before{right:15px; margin-top:-12px; font-size:24px; }
.refund_row{flex-direction:column; }
.refund_row dt{width:100%; padding:10px 15px; border-right:0; }
.refund_row dd{padding:12px 15px; }
.refund_row:last-child dt{border-bottom:1px solid var(--border); }
.refund_row dt br{display:none; }
.refund_row dd p,
.refund_row dd ul li,
.refund_row dd ol li{font-size:0.842rem; }
.refund_row dd ul li::before {top:9px;}

	.opt_table td{padding: 5px;}

	/* 수량 */
	.total_amount{padding: 15px 0 0;}
	.total_amount dl dd span{font-size:1.625rem;}


	/* 버튼 */
	.pro_btns{padding: 20px 0 0;}
	.pro_btns button{height: 40px; line-height: 38px;}
	.pro_btns .list_btn{max-width: 40px;}
	.pro_btns .list_btn::before{line-height: 40px; font-size:20px;}
	.pro_btns .wish_btn::before{margin: -2px 3px 0 0; font-size:16px;}
	.pro_btns .basket_btn::before{margin: -2px 3px 0 0; font-size:16px;}
	
	/* 상세 컨텐츠 */
	.prd_cont{padding: 40px 0 0;}
	.prd_guide .guide_tit{margin-bottom:30px;}
	.prd_guide .guide_tit .guide_name{font-size:1.316rem; letter-spacing:-1px;}
	.prd_guide .must_inner{padding:20px;}
	.prd_guide .must_list li{padding-left:26px;}
	.prd_guide .must_list li .num{width:20px; height:20px; line-height:20px; font-size:0.684rem; top:1px;}
	.prd_guide .tit_area .icon,
	.prd_guide .tit_area .icon::before{width:28px; height:28px; line-height:28px; font-size:28px;}
	.prd_guide .tit_area .must_tit{font-size:1.316rem;}

	/* 상세 탭메뉴 */
	.prd_tab{margin-bottom: 20px;}
	.prd_tab ul li::after{height: 10px; margin-top: -5px;}
	.prd_tab ul li a{padding: 10px 5px;}
	.prd_tab ul li a::after{height: 2px;}
	.prd_tab ul li a .review_num{display: none;}


	/* 관련상품 */
	.prd_rel{gap:15px;}
	.prd_rel .list{width: calc((100% - 15px)/2);}
	.prd_rel .list .desc{padding: 15px 0 0;}
	
	
	/* 상품 Q&A */
	.prd_bbs_table{}
	.prd_bbs_table thead{display: none;}
	.prd_bbs_table,
	.prd_bbs_table tbody,
	.prd_bbs_table tr,
	.prd_bbs_table td{display: block;}
	.prd_bbs_table td{padding:0 0 0 60px; margin-bottom: 5px; border:0; position: relative; text-align:left;}
	.prd_bbs_table td:last-child{margin-bottom: 0;}
	.prd_bbs_table td.left{padding:0; color:var(--black); font-weight: 500;}
	.prd_bbs_table td.pc_line{display: none;}
	.prd_bbs_table td::before{content: attr(data-th); display: inline-block; position: absolute; left: 0; top:0; font-size:inherit; letter-spacing: inherit; line-height: inherit; color:var(--black);}
	.prd_bbs_table td.pc_line::before{display: none;}
	.prd_bbs_table tr{padding:10px 0; border-bottom: 1px solid var(--border); box-sizing:border-box;}
	.prd_bbs_table .prd_bbs_none{padding: 30px 0;}

	
	/* 상품후기 */
	.prd_review .prd_review_none{padding: 30px 0;}
	.prd_review dl{padding: 15px 0; flex-wrap:wrap;}
	.prd_review dl dt{width: 100%; gap:8px; padding: 0 0 10px;}
	.prd_review dl dt .icon{width: 35px; height: 35px;}
	.prd_review dl dt .icon::after{line-height: 35px; font-size:20px;}
	.prd_review dl dd{width: 100%;}
	.prd_review dl dd .icon_star{gap:10px; padding-bottom: 10px;}
	.prd_review dl dd .icon_star img{width: auto; height: 11px;}
	.prd_review dl dd .review_content{padding: 10px 0 0;}
	.prd_review dl dd .review_content img{max-width:200px;}

	/* 검색 */
	.prd_search {padding:20px}
	.prd_search ul li {float:none; width:100% !important; margin:0; margin-bottom:5px;}
	.prd_search ul li dt {width:65px; padding:0; box-sizing:border-box;}
	.prd_search ul li dd {width:calc(100% - 70px);}


	
	
}
/*******************************************************************************
    @media 480px
*******************************************************************************/
@media all and (max-width:480px){


/* 제품 리스트 */
.prd_list{grid-template-columns:repeat(1, minmax(0, 1fr)); grid-gap:30px 0;}

}