@media screen and (max-width:1400px) {

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* 마이페이지 */
/* 공통 */
.mypage_wrap{width: 100%;margin: 0 auto;line-height: 1;}
.my_tit{display: block; margin-bottom: 40px;}
.my_tit .top{display: flex;align-items: center; justify-content: space-between;	margin-bottom: 40px;}
.my_tit .top .id_wrap{display: flex;align-items: center; gap:15px;}
.my_tit .top .id_wrap p{font-size: 24px;color: #222; }
.my_tit .top .id_wrap a{display: flex;align-items: center; justify-content: center;width: 120px;height: 35px; border:1px solid #ddd; border-radius:5px;font-size: 14px; color: #666;}
.my_tit h2{display: block;font-size: 35px;color: #222;}

.logout_btn{display: flex; align-items: center; justify-content: center; width: 140px; height: 30px; font-size: 14px; color: #222; border-radius: 24px;}

.mypage_wrap .my_tab{display: flex;gap:10px;flex-wrap: wrap;width: 100%;}
.mypage_wrap .my_tab a{display: flex; align-items: center; justify-content: center;width: calc((100% - 40px) / 5);height: 42px;font-size: 16px; color: #222; border-radius:24px;}
.mypage_wrap .my_tab a.on{color: #fff; background: #222;}

.mypage_wrap .my_tab02{position: relative;display: flex;margin-top: 40px;}
.mypage_wrap .my_tab02::after{content:'';position: absolute; bottom: 0; left: 0;width: 100%; height: 1px; background: #222;z-index: -1;}
.mypage_wrap .my_tab02 a{display: flex; align-items: center; justify-content: center; width: 160px; height: 45px; font-size: 15px; color: #666;font-weight: 500;border:1px solid #ddd;border-bottom: 0;}
.mypage_wrap .my_tab02 a.on{color: #222; border:1px solid #222; border-bottom: 1px solid #fff;}

/* 장바구니 */
table.tbl01 th input[type="checkbox"].chk_st01 + label{color: #333;}
table.tbl01 td .product_con{position: relative;}
table.tbl01 td .product_con{display: flex;align-items: center;}
table.tbl01 td .product_con .img_con{width: 80px; border-radius:8px; overflow: hidden;height: fit-content;}
table.tbl01 td .product_con .img_wrap{position:relative; width:100%; padding-bottom:100%;}
table.tbl01 td .product_con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
table.tbl01 td .product_con .txt_con{width: calc(100% - 108px);padding-left: 20px;}
table.tbl01 td .product_con .txt_con p{font-size: 17px; color: #333; font-weight: 500;}
table.tbl01 td .product_con .txt_con em{display: block;font-size: 16px;color: #666;font-weight: 700;margin-top: 5px;}
table.tbl01 td .product_con .txt_con .opt{margin-top: 5px;width: 100%;}
table.tbl01 td .product_con .txt_con .opt ul li{display: flex;align-items: center; justify-content: space-between;margin-top: 8px;}
table.tbl01 td .product_con .txt_con .opt ul li:not(:last-child){margin-bottom: 5px;}
table.tbl01 td .product_con .txt_con .opt ul li span{font-size: 16px; color: #666;}
table.tbl01 td .product_con .txt_con .opt ul li .opt_del_btn{font-size: 12px; color: #333; font-weight: 700;}
table.tbl01 td .product_con .del_btn{display: flex;align-items: center; justify-content: center;position: absolute;top: 0; right: 0;width: 18px; height: 18px; border:1px solid #999; border-radius:50%;font-size: 12px; color: #333; font-weight: 700;line-height: 1;}

table.tbl01 td .qty_con p{font-size: 17px; color: #666; text-align: center;}
table.tbl01 td .qty_con .mod_btn{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;margin: 10px auto 0;}

table.tbl01 td .price_con p{font-size: 22px; color: #333; font-weight: 900;text-align: center;}
table.tbl01 td .price_con a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid var(--co01);font-size: 16px; color: #fff;margin: 4px auto 0; background: var(--co01);}

table.tbl01 td .ship_con p{font-size: 17px; color: #333;text-align: center;font-weight: 500;}
table.tbl01 td .ship_con span{display: block;font-size: 16px; color: #666;text-align: center;margin-top: 2px;}

/* 장바구니list_new */
.cart_wrap02{border-top: 2px solid #222;}
.cart_wrap02 ul li{display: flex;align-items: center;padding: 20px;border-bottom: 1px solid #ddd;}
.cart_wrap02 ul li.tit{display: flex;justify-content: flex-end;}
.cart_wrap02 ul li.tit p{color: #222; font-size: 16px;font-weight: 500;text-align: center;}
.cart_wrap02 ul li.tit p.id{width: 120px;}
.cart_wrap02 ul li.tit p.prod{width: calc(100% - 160px);}
.cart_wrap02 ul li .chk{display: flex;align-items: center;width: 40px;}
.cart_wrap02 ul li .chk label{transform: translateY(-10px);}
.cart_wrap02 ul li .con{display: flex;align-items: center;gap:20px;width: calc(100% - 240px);}
.cart_wrap02 ul li .con .id_box{width: 120px; text-align: center;font-size: 16px; font-weight: 600;}
.cart_wrap02 ul li .con .img_box{width: 100px; border:1px solid #ddd; overflow: hidden;}
.cart_wrap02 ul li .con .img_wrap{position:relative; width:100%; padding-bottom:100%;}
.cart_wrap02 ul li .con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.cart_wrap02 ul li .con .txt_box{width: calc(100% - 260px);}
.cart_wrap02 ul li .con .txt_box p{font-size: 16px; color: #222;}
.cart_wrap02 ul li .con .txt_box span{display: block;font-size: 16px; color: #666;margin-top: 10px;line-height: 1.3;}
.cart_wrap02 ul li .con .txt_box em{display: block;font-size: 18px; color: #666; font-weight: 700; margin-top: 20px;}

.cart_wrap02 ul li .right_con{display: flex;align-items: center;gap:20px;margin-left: auto;}
.cart_wrap02 ul li .right_con .qty_wrap{display: flex;align-items: center;}
.cart_wrap02 ul li .right_con .qty_wrap a{display: flex; align-items: center;justify-content: center;font-size: 24px; color: #666;width: 32px; height: 32px;border:1px solid #ddd;}
.cart_wrap02 ul li .right_con .qty_wrap input{border:0; width: 40px; height: 32px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px; color: #666;text-align: center;}
.cart_wrap02 ul li .right_con .qty_wrap input:focus{outline:0;}
.cart_wrap02 ul li .right_con .del_btn{display: flex;align-items: center; justify-content: center;width: 21px; height: 21px; border:1px solid #999; border-radius:50%;font-size: 14px; color: #222;}

.mypage_wrap .cart_wrap .con01 .btn_wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.mypage_wrap .cart_wrap .con01 .btn_wrap .del_wrap{display: flex; align-items: center; gap:10px;}
.mypage_wrap .cart_wrap .con01 .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;}

.mypage_wrap .cart_wrap .con02 .box{margin-top: 50px;}
.mypage_wrap .cart_wrap .con02 .box ul li{display: flex; align-items: center; justify-content: space-between;}
.mypage_wrap .cart_wrap .con02 .box ul li:not(:last-child){margin-bottom: 20px;}
.mypage_wrap .cart_wrap .con02 .box ul li p{font-size: 16px; color: #666;}
.mypage_wrap .cart_wrap .con02 .box ul li p em{color: #222;font-weight: 700;}
.mypage_wrap .cart_wrap .con02 .box ul li.li03{padding-top: 20px; border-top: 1px solid #ddd;}
.mypage_wrap .cart_wrap .con02 .box ul li.li03 p{font-size: 18px; color: #222;}
.mypage_wrap .cart_wrap .con02 .box ul li.li03 p b{font-size: 26px; color: #666; font-weight: 700;}
.mypage_wrap .cart_wrap .con02 .box ul li.li03 p b em{color: #ff4800;}

.mypage_wrap .cart_wrap .con02 .btn_wrap{margin-top: 60px;}
.mypage_wrap .cart_wrap .con02 .btn_wrap a{display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; font-size: 16px; color: #fff; background: #222;}


/* 구매내역 */
.order_list_wrap{line-height: 1;}
.order_list_wrap .top_wrap{margin-bottom: 60px;}

.order_list_wrap .top_wrap .tab_wrap{display: flex;flex-wrap:wrap;gap:10px; margin-bottom: 40px;}
.order_list_wrap .top_wrap .tab_wrap a{display: flex;flex-direction: column;align-items: center; justify-content: center;gap:12px;width: calc((100% - 30px) / 4); height: 90px; border-radius:8px; border:1px solid #ddd;}
.order_list_wrap .top_wrap .tab_wrap a p{font-size: 15px; color: #333; font-weight: 700;text-align: center;}
.order_list_wrap .top_wrap .tab_wrap a span{display: block;font-size: 14px;color: #333;text-align: center;font-weight: 700;}
.order_list_wrap .top_wrap .tab_wrap a span b{font-size: 18px;  font-weight: 700;}
.order_list_wrap .top_wrap .tab_wrap a.on{border:1px solid #222;}

.order_list_wrap .top_wrap .chk_box_wrap{border-top: 1px solid #ddd;margin-top: 40px;}
.order_list_wrap .top_wrap .chk_box_wrap .box{display: flex;border-bottom: 1px solid #ddd;padding: 17px 0;}
.order_list_wrap .top_wrap .chk_box_wrap .box p{width: 120px;font-size: 14px; color: #000; font-weight: 700;text-align: center;}
.order_list_wrap .top_wrap .chk_box_wrap .chk_wrap{display: flex;flex-wrap:wrap;gap:15px;width: calc(100% - 120px);}
.order_list_wrap .top_wrap .chk_box_wrap .box input[type="radio"].chk_st01 + label{font-size: 14px; padding-left: 20px;}
.order_list_wrap .top_wrap .chk_box_wrap .box input[type="radio"].chk_st01 + label::after{border-radius:2px;top: 0px;}

.order_list_wrap .top_wrap .select_wrap{display: flex;gap:10px;padding: 15px 20px;background: #f5f5f5;border:1px solid #ddd;}
.order_list_wrap .top_wrap .select_wrap .cate{width: 160px;}
.order_list_wrap .top_wrap .select_wrap .cate select{width: 100%; height: 45px; border:1px solid #ddd;padding: 0 10px; font-size: 14px; background: url(/assets/images/sub/select_icon.png)center right 10px no-repeat #fff; background-size: 12px; color: #666; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.order_list_wrap .top_wrap .select_wrap .cate select:focus{outline:0;}

.order_list_wrap .top_wrap .select_wrap .p_wrap{display: flex;width: 350px;}
.order_list_wrap .top_wrap .select_wrap .p_wrap input[type="radio"]{display: none;}
.order_list_wrap .top_wrap .select_wrap .p_wrap input[type="radio"] + label{display: flex; align-items: center; justify-content: center; flex:1;height: 45px;font-size: 14px; color: #666;border:1px solid #ddd; background: #fff;}
.order_list_wrap .top_wrap .select_wrap .p_wrap input[type="radio"]:checked + label{border:1px solid #222; color: #222;}

.order_list_wrap .top_wrap .select_wrap .p_wrap02{display: flex;align-items: center;width: calc(100% - 530px);}
.order_list_wrap .top_wrap .select_wrap .p_wrap02 em{display: flex; align-items: center; justify-content: center;width: 24px;font-size: 14px; color: #666;}
.order_list_wrap .top_wrap .select_wrap .p_wrap02 input[type="date"]{position: relative;width: calc((100% - 24px) / 2); height: 45px; border:1px solid #ddd;padding: 0px 35px 0 15px;font-size: 14px; color: #666;background: url(/assets/images/sub/cal_icon01.png)center right 10px no-repeat #fff; background-size: 13px; }
.order_list_wrap .top_wrap .select_wrap .p_wrap02 input[type="date"]::-webkit-calendar-picker-indicator{position: absolute;opacity: 0;width: 100%; height: 100%;top: 0; left: 0;}
.order_list_wrap .top_wrap .select_wrap .p_wrap02 input[type="date"]:focus{outline:0;}

.order_list_wrap .top_wrap .select_wrap .p_wrap03{display: flex;gap:10px;}
.order_list_wrap .top_wrap .select_wrap .p_wrap03 select{width: 180px;height: 45px; background: #fff; border:1px solid #ddd;font-size: 14px; color: #666;padding: 0 35px 0 15px; ; background: url(/assets/images/sub/select_icon.png)center right 10px no-repeat #fff; background-size: 12px; color: #666; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.order_list_wrap .top_wrap .select_wrap .p_wrap03 select:focus{outline:0;}
.order_list_wrap .top_wrap .select_wrap .p_wrap03 input[type="text"]{width: 298px;height: 45px; background: #fff; border:1px solid #ddd;font-size: 14px; color: #666;padding: 0 15px;}
.order_list_wrap .top_wrap .select_wrap .p_wrap03 input[type="text"]:focus{outline:0;}

.order_list_wrap .top_wrap .select_wrap .search_btn01{display: flex; align-items: center; justify-content: center; width: 80px; height: 45px; color: #fff;font-size: 14px; background: #222;}

@media screen and (max-width:880px) {
.order_list_wrap .top_wrap .select_wrap{flex-wrap:wrap;}
.order_list_wrap .top_wrap .select_wrap .cate{width: 160px;}
.order_list_wrap .top_wrap .select_wrap .p_wrap{width: calc(100% - 170px);}
.order_list_wrap .top_wrap .select_wrap .p_wrap02{width: 100%;}
.order_list_wrap .top_wrap .select_wrap .p_wrap03{width: calc(100% - 90px);}
.order_list_wrap .top_wrap .select_wrap .p_wrap03 input[type="text"]{width: calc(100% - 190px);}
.order_list_wrap .top_wrap .select_wrap .search_btn{width: 100px;}
}

.order_list_wrap .top_wrap .sub_txt{margin-top: 15px;}
.order_list_wrap .top_wrap .sub_txt ul li{font-size: 14px; color: #666;}
.order_list_wrap .top_wrap .sub_txt ul li:not(:last-child){margin-bottom: 10px;}

.order_list_wrap table.tbl01 td{padding: 10px;}
.order_list_wrap table.tbl01 td .product_con .txt_con{width: calc(100% - 80px);}
.order_list_wrap table.tbl01 td .stat{font-weight: 500;}
.order_list_wrap table.tbl01 td .stat01{color: var(--co01);}
.order_list_wrap table.tbl01 td .stat02{color: var(--co01);}
.order_list_wrap table.tbl01 td .stat03{color: #00a286;}
.order_list_wrap table.tbl01 td .stat04{color: #ad813d;}
.order_list_wrap table.tbl01 td .stat05{color: #905eb4;}
.order_list_wrap table.tbl01 td .stat06{color: #d90000;}
.order_list_wrap table.tbl01 td .preview_pop_btn{display: flex; align-items: center; justify-content: center; border:1px solid #ddd;font-size: 16px; color: #666; height: 40px;margin: 10px auto 0;}
.order_list_wrap table.tbl01 td .write_pop_btn{display: flex;align-items: center; justify-content: center;width: 100%;height: 34px; font-size: 13px; color: #666; border:1px solid #ddd; margin-top: 10px;}

.order_list_wrap table.tbl01 td ul.ship_detail{margin-top: 10px;}
.order_list_wrap table.tbl01 td ul.ship_detail li{position: relative;font-size: 12px;text-align: left;padding-left: 10px;}
.order_list_wrap table.tbl01 td ul.ship_detail li::after{content:'';position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #666; border-radius:50%;}

.order_list_wrap .review_form_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;z-index: 9999; background: rgba(0,0,0,.5); line-height: 1;}
.order_list_wrap .review_form_pop .scroll_wrap{height: 72vh;overflow-y: scroll;}
.order_list_wrap .review_form_pop .review_form{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 90%; padding: 40px 30px 30px; background: #fff;}
.order_list_wrap .review_form_pop .review_form .tit{margin-bottom: 40px; padding-bottom: 20px;border-bottom: 2px solid #222;}
.order_list_wrap .review_form_pop .review_form .tit p{font-size: 35px; color: #222; }
.order_list_wrap .review_form_pop .review_form .pop_x_btn{position: absolute;right: 0;top: -50px;}
.order_list_wrap .review_form_pop .review_form .txt{margin-bottom: 20px;}
.order_list_wrap .review_form_pop .review_form textarea{width: 100%; height: 300px; padding: 20px; background: #f5f5f5; resize:none;font-size: 15px; color: #666; font-weight: 500; border:0;}
.order_list_wrap .review_form_pop .review_form textarea::placeholder{font-size: 15px; color: #999; font-weight: 500;}
.order_list_wrap .review_form_pop .review_form textarea:focus{outline:0;}
.order_list_wrap .review_form_pop table.tbl01{}
.order_list_wrap .review_form_pop table.tbl01 th span{font-size: 14px; color: #999; font-weight: 500;}
.order_list_wrap .review_form_pop table.tbl01 td{border:1px solid #ddd}
.order_list_wrap .review_form_pop table.tbl01 td input[type="file"]{display: none;}
.order_list_wrap .review_form_pop table.tbl01 td input[type="file"] + label{display: flex;align-items: center; justify-content: center;width: 90px;height: 34px;background: #222;color: #fff; cursor:pointer;}
.order_list_wrap .review_form_pop table.tbl01 td .file_wrap{display: flex;gap:2px;}
.order_list_wrap .review_form_pop table.tbl01 td .file_txt_wrap{width: 320px; height: 34px; border:1px solid #ddd;padding: 0px 20px;}
.order_list_wrap .review_form_pop table.tbl01 td .file_txt_wrap span{display: block;font-size: 16px; line-height: 34px; color: #999;text-align: left;}
.order_list_wrap .review_form_pop .write_btn{display: flex;align-items: center; justify-content: center; width: 180px; height: 45px; background: #222; font-size: 15px; color: #fff; margin: 40px auto 0;}

.order_list_wrap .request_form_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;z-index: 9999; background: rgba(0,0,0,.5); line-height: 1;}
.order_list_wrap .request_form_pop .scroll_wrap{height: 72vh;overflow-y: scroll;}
.order_list_wrap .request_form_pop .review_form{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 90%; padding: 40px 30px 30px; background: #fff;}
.order_list_wrap .request_form_pop .review_form .tit{margin-bottom: 40px; padding-bottom: 20px;border-bottom: 2px solid #222;}
.order_list_wrap .request_form_pop .review_form .tit p{font-size: 35px; color: #222; }
.order_list_wrap .request_form_pop .review_form .pop_x_btn{position: absolute;right: 0;top: -50px;}
.order_list_wrap .request_form_pop .review_form .txt{margin-bottom: 20px;}
.order_list_wrap .request_form_pop .review_form textarea{width: 100%; height: 300px; padding: 20px; background: #f5f5f5; resize:none;font-size: 15px; color: #666; font-weight: 500; border:0;}
.order_list_wrap .request_form_pop .review_form textarea::placeholder{font-size: 15px; color: #999; font-weight: 500;}
.order_list_wrap .request_form_pop .review_form textarea:focus{outline:0;}
.order_list_wrap .request_form_pop table.tbl01{}
.order_list_wrap .request_form_pop table.tbl01 th span{font-size: 14px; color: #999; font-weight: 500;}
.order_list_wrap .request_form_pop table.tbl01 td{border:1px solid #ddd}
.order_list_wrap .request_form_pop table.tbl01 td input[type="file"]{display: none;}
.order_list_wrap .request_form_pop table.tbl01 td input[type="file"] + label{display: flex;align-items: center; justify-content: center;width: 90px;height: 34px;background: #222;color: #fff; cursor:pointer;}
.order_list_wrap .request_form_pop table.tbl01 td .file_wrap{display: flex;gap:2px;}
.order_list_wrap .request_form_pop table.tbl01 td .file_txt_wrap{width: 320px; height: 34px; border:1px solid #ddd;padding: 0px 20px;}
.order_list_wrap .request_form_pop table.tbl01 td .file_txt_wrap span{display: block;font-size: 16px; line-height: 34px; color: #999;text-align: left;}
.order_list_wrap .request_form_pop .write_btn{display: flex;align-items: center; justify-content: center; width: 180px; height: 45px; background: #222; font-size: 15px; color: #fff; margin: 40px auto 0;}

/* 장바구니 */
table.tbl01 th input[type="checkbox"].chk_st01 + label{color: #333;}
table.tbl01 td .product_con{position: relative;}
table.tbl01 td .product_con{display: flex;}
table.tbl01 td .product_con .img_con{width: 80px; border-radius:8px; overflow: hidden;height: fit-content;}
table.tbl01 td .product_con .img_wrap{position:relative; width:100%; padding-bottom:100%;}
table.tbl01 td .product_con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
table.tbl01 td .product_con .txt_con{width: calc(100% - 108px);padding-left: 10px;}
table.tbl01 td .product_con .txt_con p{font-size: 14px; color: #333; font-weight: 500;}
table.tbl01 td .product_con .txt_con .opt{margin-top: 5px;width: 100%;}
table.tbl01 td .product_con .txt_con .opt ul li{display: flex;align-items: center; justify-content: space-between;margin-top: 8px;}
table.tbl01 td .product_con .txt_con .opt ul li:not(:last-child){margin-bottom: 5px;}
table.tbl01 td .product_con .txt_con .opt ul li span{font-size: 13px; color: #666;}
table.tbl01 td .product_con .txt_con .opt ul li .opt_del_btn{font-size: 12px; color: #333; font-weight: 700;}
table.tbl01 td .product_con .del_btn{display: flex;align-items: center; justify-content: center;position: absolute;top: 0; right: 0;width: 18px; height: 18px; border:1px solid #999; border-radius:50%;font-size: 12px; color: #333; font-weight: 700;line-height: 1;}

table.tbl01 td .qty_con p{font-size: 17px; color: #666; text-align: center;}
table.tbl01 td .qty_con .mod_btn{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;margin: 10px auto 0;}

table.tbl01 td .price_con p{font-size: 22px; color: #333; font-weight: 900;text-align: center;}
table.tbl01 td .price_con a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid var(--co01);font-size: 16px; color: #fff;margin: 4px auto 0; background: var(--co01);}

table.tbl01 td .ship_con p{font-size: 17px; color: #333;text-align: center;font-weight: 500;}
table.tbl01 td .ship_con span{display: block;font-size: 16px; color: #666;text-align: center;margin-top: 2px;}

/* 주문/결제list_new */
.order_wrap02 .cart_wrap02 ul li.tit{flex-direction: row;gap:0px;}
.order_wrap02 .cart_wrap02 ul li.tit p.id{width: 120px;}
.order_wrap02 .cart_wrap02 ul li.tit p.prod{width: calc(100% - 120px);}
.order_wrap02 .cart_wrap02 ul li{gap: 10px;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.order_wrap02 .cart_wrap02 ul li .con{width: 100%;}
.order_wrap02 .cart_wrap02 ul li .right_con{gap:20px;margin-left: auto;}
.order_wrap02 .cart_wrap02 ul li .right_con p{font-size: 16px; color: #666;}
.order_wrap02 .cart_wrap02 ul li .right_con .qty{margin: 0 30px;}
.order_wrap02 .cart_wrap02 ul li .right_con .total_wrap em{font-size: 18px; color: #666; font-weight: 700;}
.order_wrap02 .cart_wrap02 .sub_txt{margin-top: 20px; }
.order_wrap02 .cart_wrap02 .sub_txt p{text-align: right;font-size: 16px; color: #666;}
.order_wrap02 .cart_wrap02 .sub_txt p b{color: #222; font-weight: 700;}

.order_wrap02 .ship_wrap{margin-top: 80px;}
.order_wrap02 .ship_wrap h3{font-size: 20px; color: #222; margin-bottom: 20px;}
.order_wrap02 .ship_wrap .input_wrap{display: flex;flex-wrap:wrap; gap:30px 20px;padding: 40px 0; border-top: 2px solid #222;}
.order_wrap02 .ship_wrap .input_wrap .input{width: calc((100% - 20px) / 2);}
.order_wrap02 .ship_wrap .input_wrap .input p{font-size: 16px; color: #222; font-weight: 700;margin-bottom: 18px;}
.order_wrap02 .ship_wrap .input_wrap .input p b{color: #fe5c04;font-weight: 700;}
.order_wrap02 .ship_wrap .input_wrap input{width: 100%; border:1px solid #ddd; height: 48px; border-radius:6px;padding: 0 20px;font-size: 16px; color: #666;}
.order_wrap02 .ship_wrap .input_wrap input::placeholder{font-size: 16px; color: #666;}
.order_wrap02 .ship_wrap .input_wrap input:focus{outline:0;}

.order_wrap02 .ship_wrap .input_wrap .input02{width: 100%;}
.order_wrap02 .ship_wrap .input_wrap .addr_input{display: flex;align-items: center;gap:5px;}
.order_wrap02 .ship_wrap .input_wrap .addr_input input{width: 315px;}
.order_wrap02 .ship_wrap .input_wrap .addr_input #addrBtn{display: flex;align-items: center; justify-content: center;width: 160px; height: 48px; font-size: 16px; background: #222; color: #fff; border-radius:6px; }
.order_wrap02 .ship_wrap .input_wrap .input02 > input{margin-top: 5px;}
.order_wrap02 .ship_wrap .input_wrap .addr_input span.err{display: inline-block;font-size: 12px; color: red; margin-left: 10px;line-height: 1.5;}

.order_wrap02 .con02 .box ul{border-top: 2px solid #222;padding-top: 40px;}
.order_wrap02 .con02 .box ul li{display: flex; align-items: center; justify-content: space-between;}
.order_wrap02 .con02 .box ul li:not(:last-child){margin-bottom: 20px;}
.order_wrap02 .con02 .box ul li p{font-size: 16px; color: #666;}
.order_wrap02 .con02 .box ul li p em{color: #222;font-weight: 700;}
.order_wrap02 .con02 .box ul li.li03{padding-top: 20px; border-top: 1px solid #ddd;}
.order_wrap02 .con02 .box ul li.li03 p{font-size: 18px; color: #222;}
.order_wrap02 .con02 .box ul li.li03 p b{font-size: 26px; color: #666; font-weight: 700;}
.order_wrap02 .con02 .box ul li.li03 p b em{color: #ff4800;}

.order_wrap02 .con02 .pay_box{margin-top: 80px;}
.order_wrap02 .con02 .pay_box h3{font-size: 20px; color: #222; font-weight: 700;margin-bottom: 20px;}
.order_wrap02 .con02 .pay_box .ra_wrap{display: flex;gap:10px;}
.order_wrap02 .con02 .pay_box .ra_wrap input[type="radio"]{display: none;}
.order_wrap02 .con02 .pay_box .ra_wrap input[type="radio"] + label{display: flex;align-items: center; gap:12px;justify-content: center;width: calc((100% - 40px) / 5); height: 140px; font-size: 15px; color: #666; font-weight: 500; border:1px solid #ddd; cursor:pointer; transition:.3s;}
.order_wrap02 .con02 .pay_box .ra_wrap input[type="radio"]:checked + label{background: #222; color: #fff;}

.order_wrap02 .con02 .pay_box .ra_wrap input[type="radio"] + label span{display: flex;align-items: center;justify-content: center;gap:4px;height: 28px;padding: 0 10px;background: rgba(55,127,246,.1);font-size: 11px; color: #222; font-weight: 700;}
.order_wrap02 .con02 .pay_box .ra_wrap input[type="radio"] + label span img{display: block;width: 9px;}

.order_wrap02 .con02 .pay_btn{display: flex;align-items: center; justify-content: center;width: 100%; height: 54px; background: #222; color: #fff;font-size: 16px; margin-top: 80px;}

.shop_wrap .order_pop_wrap{position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;overflow-y: scroll;}
.shop_wrap .order_pop_wrap .order_pop{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 600px;max-width: 95%;max-height: 95vh;}
.shop_wrap .order_pop_wrap .order_pop img{width: 100%;}
.shop_wrap .order_pop_wrap .order_pop .chk_wrap{display: flex;align-items: center;justify-content: flex-end;background: #fff;padding: 10px 20px; border-radius:0 0 12px 12px;}
.shop_wrap .order_pop_wrap .order_pop .chk_wrap p{font-size: 16px; color: #222; font-weight: 700; margin-right: 20px;}
.shop_wrap .order_pop_wrap .order_pop .chk_wrap .ra_wrap{display: flex; align-items: center; gap:15px;}
.shop_wrap .order_pop_wrap .order_pop .chk_wrap .ra_wrap input label{cursor:pointer;}
.shop_wrap .order_pop_wrap .order_pop .chk_wrap a.btn{padding: 10px 12px; border-radius:5px; font-size: 15px; color: #fff;font-weight: 500; background: #222;margin-left: 20px;}

.shop_wrap .cc_pop_wrap{display: none;position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;overflow-y: scroll;}
.shop_wrap .cc_pop_wrap .cc_pop{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 600px;max-width: 95%;max-height: 95vh;}
.shop_wrap .cc_pop_wrap .cc_pop img{width: 100%;}
.shop_wrap .cc_pop_wrap .cc_pop .foot_wrap{display: flex;align-items: center;justify-content: flex-end;background: #fff;padding: 10px 20px; border-radius:0 0 12px 12px;}
.shop_wrap .cc_pop_wrap .cc_pop .foot_wrap a.close_btn{padding: 10px 12px; border-radius:5px; font-size: 15px; color: #fff;font-weight: 500; background: #222;margin-left: 20px;}

.coupon_pop_wrap{display: none;position: fixed;top: 0;left: 0;width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999; line-height: 1;}
.coupon_pop_wrap .pop_wrap{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 855px;}
.coupon_pop_wrap .pop_wrap em.coupon_x_btn{display: block;cursor:pointer;margin-left: auto;margin-bottom: 30px;width: fit-content;}
.coupon_pop_wrap .pop_box{width: 100%; /* height: 650px; */padding: 40px 30px;background: #fff;}
.coupon_pop_wrap .pop_box .tit{border-bottom: 2px solid #222;padding-bottom: 20px;margin-bottom: 30px;}
.coupon_pop_wrap .pop_box .tit p{font-size: 30px; color: #222; }

.coupon_pop_wrap .coupon_wrap{display: flex;flex-wrap:wrap;gap:40px 20px;overflow-y: scroll;border-bottom: 2px solid #222;padding-bottom: 40px;}
.coupon_pop_wrap .coupon_wrap::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */}
.coupon_pop_wrap .coupon_wrap::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.coupon_pop_wrap .coupon_wrap::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0);  /*스크롤바 뒷 배경 색상*/}
.coupon_pop_wrap .coupon_wrap .coupon{width: calc((100% - 40px) / 3);}
.coupon_pop_wrap .coupon_wrap .coupon .img{position: relative;}
.coupon_pop_wrap .coupon_wrap .coupon .img img{width: 240px;}
.coupon_pop_wrap .coupon_wrap .coupon .img p{position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 200px;font-size: 28px; color: #222; font-weight: 700;text-align: center;font-family: 'Pretendard-All-B';}	
.coupon_pop_wrap .coupon_wrap .coupon .txt{margin-top: 15px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt p{font-size: 14px; color: #666;font-family: 'Pretendard-All-M';}
.coupon_pop_wrap .coupon_wrap .coupon .txt p b{color: #222; font-family: 'Pretendard-All-B';}
.coupon_pop_wrap .coupon_wrap .coupon .txt p span{display: inline-block;font-size: 14px; font-weight: 700;font-family: "Play", sans-serif;color: #ff4800;padding-left: 10px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="checkbox"].ra_st01 + label{display: flex;padding-left: 24px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="checkbox"].ra_st01 + label::after{width: 18px; height: 18px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="checkbox"].ra_st01:checked + label::after{display: flex;border:4px solid var(--co01);}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="radio"].ra_st01 + label{display: flex;padding-left: 24px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="radio"].ra_st01 + label::after{width: 18px; height: 18px;}
.coupon_pop_wrap .coupon_wrap .coupon .txt input[type="radio"].ra_st01:checked + label::after{display: flex;border:4px solid var(--co01);}
.coupon_pop_wrap a.a_btn{display: flex;align-items: center; justify-content: center;margin: 40px auto 0;width: 200px; height: 48px;font-size: 16px; background: #222; color: #fff;font-family: 'Pretendard-All-M';}

@media screen and (max-width:1024px) {
.coupon_pop_wrap .pop_wrap{width: calc(100% - 6%);}
.coupon_pop_wrap .coupon_wrap{max-height: 340px; }
.coupon_pop_wrap .coupon_wrap .coupon .img img{width: 100%;}
.coupon_pop_wrap .coupon_wrap .coupon .img p{width: calc(100% - 38px);}
}

/* coupon */
.mypage_wrap .coupon_wrap{display: flex; flex-wrap:wrap;gap:40px 30px;}
.mypage_wrap .coupon_wrap .coupon{width: calc((100% - 60px) / 3);}
.mypage_wrap .coupon_wrap .coupon .img{position: relative;}
.mypage_wrap .coupon_wrap .coupon .img img{width: 100%;}
.mypage_wrap .coupon_wrap .coupon .img p{position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 80%;font-size: 24px; color: #222; font-weight: 700;text-align: center;}	
.mypage_wrap .coupon_wrap .coupon .txt{margin-top: 17px;}
.mypage_wrap .coupon_wrap .coupon .txt p{font-size: 16px; color: #666;}
.mypage_wrap .coupon_wrap .coupon .txt p b{color: #222; font-weight: 700;}
.mypage_wrap .coupon_wrap .coupon .txt p span{display: inline-block;font-size: 16px; font-weight: 700;font-family: "Play", sans-serif;color: #ff4800;padding-left: 10px;}

/* my_review */
.mypage_wrap .my_review_wrap table.tbl01 th{font-family: 'Pretendard-All-B';}
.mypage_wrap .my_review_wrap table.tbl01 td{text-align: center;}
.mypage_wrap .my_review_wrap table.tbl01 td .view_btn{display: flex;align-items: center;justify-content: center;width: 100%; height: 34px; border:1px solid #ddd;font-size: 14px; color: #666; margin: 0 auto;}

.mypage_wrap .my_review_wrap table.tbl01 td .img_con{width: 100%; border:1px solid #ddd;border-radius:10px;overflow: hidden;}
.mypage_wrap .my_review_wrap table.tbl01 td .img_con .img_wrap{position:relative; width:100%; padding-bottom:124.706%; }
.mypage_wrap .my_review_wrap table.tbl01 td .img_con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.mypage_wrap .my_review_wrap table.tbl01 td .r_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;}

.mypage_wrap .review_form_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;z-index: 9999; background: rgba(0,0,0,.5); line-height: 1;}
.mypage_wrap .review_form_pop .scroll_wrap{max-height: 72vh;height: auto;overflow-y: scroll;}
.mypage_wrap .review_form_pop .review_form{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 90%; padding: 40px 30px 30px; background: #fff;}
.mypage_wrap .review_form_pop .review_form .tit{margin-bottom: 40px; padding-bottom: 20px;border-bottom: 2px solid #222;}
.mypage_wrap .review_form_pop .review_form .tit p{font-size: 35px; color: #222; }
.mypage_wrap .review_form_pop .review_form .pop_x_btn{position: absolute;right: 0;top: -50px;}

.mypage_wrap .review_form_pop .review_form .img{margin-bottom: 20px;}
.mypage_wrap .review_form_pop .review_form .img img{display: block;margin: 0 auto;max-width: 400px;}
.mypage_wrap .review_form_pop .review_form .txt{margin-bottom: 20px;}
.mypage_wrap .review_form_pop .review_form .txt_box{width: 100%;height: auto;padding: 20px; background: #f5f5f5; }
.mypage_wrap .review_form_pop .review_form .txt_box p{font-size: 15px; color: #666; font-weight: 500; line-height: 1.6;}

.mypage_wrap .review_form_pop table.tbl01{}
.mypage_wrap .review_form_pop table.tbl01 th span{font-size: 14px; color: #999; font-weight: 500;}
.mypage_wrap .review_form_pop table.tbl01 td{border:1px solid #ddd}
.mypage_wrap .review_form_pop .write_btn{display: flex;align-items: center; justify-content: center; width: 180px; height: 45px; background: #222; font-size: 15px; color: #fff; margin: 40px auto 0;}


/* === Main === */
#wrap {position:relative; width:100%; max-width:1400px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

#header{position: relative; line-height: 1; border-bottom: 1px solid #ddd;}
#header .top{background: #111;}
#header .top .inner{display: flex;align-items: center;justify-content: center;height:  40px;}
#header .top p{font-size: 14px; color: #fff;}

.header .h_top{position: relative;}
.header .h_top .inner{display: flex;align-items: center;justify-content: space-between; height: 80px;background: #fff;}
.header .h_top h1{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.header .h_top h1 a img{width: 160px;}
.header .h_top .a_wrap{display: none;gap:20px;}
.header .h_top .a_wrap a{position: relative;display: block;font-size: 15px; color: #666;}
.header .h_top .a_wrap a:not(:last-child)::after{content:'|';position: absolute;top: 50%; right: -19px;transform:translateY(-50%);font-size: 15px; color: #ddd;}

.header .h_top .right{display: flex;gap:25px;align-items: center;}
.header .h_top .right a{position: relative;}
.header .h_top .right a em{position: absolute;top: -6px;right: -12px;display: flex;align-items: center;justify-content: center; width: 20px; height: 20px; border-radius:50%; background: #333;font-size: 11px; color: #fff; font-weight: 700;}
.header .h_top .right a img{width: 23px;}
.header .h_top .right a:nth-child(2) img{width: 20px;}

.header .h_bot{display: none;}
.header .h_bot .inner{display: flex;align-items: center;height: 60px;}
.header .h_bot .left{width: 100px;}
.header .m_btn{position: relative;width: 30px; height: 18px;}
.header .m_btn::before{content:'';position: absolute;top: 0;left: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.header .m_btn::after{content:'';position: absolute;bottom: 0;left: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
.header .m_btn span{position: absolute;top: 8px; left: 0; width: 20px; height: 2px; background: #333;}

.header .h_bot ul.gnb{display: flex;width: calc(100% - 100px);}
.header .h_bot ul.gnb li {padding: 0px 70px;}
.header .h_bot ul.gnb li a{font-size: 18px; color: #333; font-weight: 600;}

.nav_btn{display: block;}
#header.nav .m_btn::before{transform:rotate(45deg);top: 8px;}
#header.nav .m_btn::after{transform:rotate(-45deg);bottom: 8px;}
#header.nav .m_btn span{opacity: 0;}

.navigation{position:absolute;top: 120px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;left: 0px;z-index: 4000; line-height: 1;}
.navigation .log_wrap{padding: 30px 20px 0;}
.navigation .log_wrap p{font-size: 16px;color: #333; font-weight: 500;}
.navigation .log_wrap p strong{color: var(--co01);}
.navigation .log_wrap .btn_wrap{display: flex;gap:10px;padding: 20px 0;border-bottom: 1px solid #ddd;}
.navigation .log_wrap .btn_wrap a{display: flex;align-items: center;justify-content: center;width: calc((100% - 10px) / 2);height: 40px; border:1px solid #ddd; border-radius:6px;font-size: 14px; color: #333;}

.navigation h3{height:55px;width:100%;}
.navigation h3 a{position: relative;height:100%;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 20px;color:#333;font-size:16px;font-weight: 700;}
.navigation h3.on a::after,
.navigation h3.active a::after,
.navigation h3.hover a::after{transform:translateY(-50%) rotate(180deg);}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 20px;width: 13px;height: 8px;background:url(/assets/images/main/nav_arr_tab.png)center no-repeat;background-size:cover ;transition:.3s;}
.navigation ul{display: block; padding:20px;background:#f5f5f5;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#666;font-size:14px;border:none;font-weight: 400;word-break:keep-all;}
.navi_bg{display: none;position: absolute;top: 120px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}

#header.on .m_btn::before{transform:rotate(45deg);top: 8px;}
#header.on .m_btn::after{transform:rotate(-45deg);bottom: 8px;}
#header.on .m_btn span{opacity: 0;}

.all_menu_wrap{display: none;position: absolute;left: 0;top: 190px; z-index: 6000; width: 100%;background: #fff;border-top: 1px solid #ddd; line-height: 1; box-shadow:0px 6px 10px rgba(0,0,0,.12);}
.all_menu_wrap .inner{display: flex;border-left: 1px solid #ddd;}
.all_menu_wrap .all_menu{padding: 30px 20px;flex:1; border-right: 1px solid #ddd;}
.all_menu_wrap .all_menu h3{margin-bottom: 25px;}
.all_menu_wrap .all_menu h3 a{font-size: 18px; color: #333; font-weight: 700;}
.all_menu_wrap .all_menu ul li:not(:last-child){margin-bottom: 15px;}
.all_menu_wrap .all_menu ul li a{font-size: 15px; color: #666;}
.all_menu_wrap .all_menu ul li a:hover{border-bottom: 1px solid #666;}

.search_box{display: none;position: absolute;left: 0;top: 120px; z-index: 6000; width: 100%;background: #fff;border-top: 1px solid #ddd; line-height: 1; box-shadow:0px 6px 10px rgba(0,0,0,.12);padding: 85px 0px 110px;}
.search_box .search_wrap{display: flex;align-items: center;justify-content: center;border-bottom: 2px solid #333;width: 600px;margin: 0 auto;max-width: calc(100% - 20px);}
.search_box .search_wrap input[type="text"]{width: calc(100% - 18px);border:0;height: 45px;font-size: 15px; color: #666;}
.search_box .search_wrap input[type="text"]::placeholder{color: #666;}
.search_box .search_wrap input[type="text"]:focus{outline:0;}
.search_box .search_wrap a.search_btn{width: 18px;}
.search_box .search_wrap a.search_btn img{width: 100%;}

/*visual_wrap*/
#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .visual img{width: 100%;}
#visual_wrap .visual .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);z-index: 100; text-indent: -9999px; width: 55px; height: 55px; border-radius:50%;}
#visual_wrap .visual .slick-prev{left: 2.6%; background: url(/assets/images/main/prev01_tab.png)center no-repeat; background-size: cover;}
#visual_wrap .visual .slick-next{right: 2.6%; background: url(/assets/images/main/next01_tab.png)center no-repeat; background-size: cover;}
#visual_wrap .visual .slick-dots{position: absolute; left: 50%;transform:translateX(-50%);bottom: 40px;display: flex;gap:10px;}
#visual_wrap .visual .slick-dots li{width: 8px; height: 8px;background: #c6baad;text-indent: -9999px; border-radius:50px; transition:.3s;}
#visual_wrap .visual .slick-dots li.slick-active{width: 24px; background: var(--co01);}

/* section */
.section{padding-bottom: 90px;line-height: 1;}
.sec_tit01{margin-bottom: 25px;text-align: center;}
.sec_tit01.flex{display: flex;align-items: center;justify-content: space-between;}
.sec_tit01 p{font-size: 27px; color: #333; font-weight: 700;}
.sec_tit01 a{font-size: 14px; color: #999;}

.list_wrap_st01{display: flex;flex-wrap:wrap;gap:30px 15px;}
.list_wrap_st01 .list{width: calc((100% - 30px) / 3);}
.list_wrap_st01 .list .img_box{position: relative; }
.list_wrap_st01 .list .img_box .tag_wrap{position: absolute;top: 15px; left: d15px;z-index: 100;display: flex;gap:5px;}
.list_wrap_st01 .list .img_box .tag_wrap em{display: flex;align-items: center;height: 20px;font-size: 10px; color: #fff;font-weight: 700;padding: 0px 10px; text-transform:uppercase;}
.list_wrap_st01 .list .img_box .tag_wrap em.new{background: #00c9af;}
.list_wrap_st01 .list .img_box .tag_wrap em.hot{background: #e59d23;}
.list_wrap_st01 .list .img_box .tag_wrap em.best{background: #8939ac;}
.list_wrap_st01 .list .img_box .tag_wrap em.premium{background: #00b1e4;}

.list_wrap_st01 .list .img_box a.wish_btn{position: absolute;bottom: 15px; right: 15px; width: 30px; height: 30px; background: rgba(0,0,0,.5); border-radius:50%;}
.list_wrap_st01 .list .img_box a.wish_btn img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 15px;}
.list_wrap_st01 .list .img_box a.wish_btn img.on{opacity: 0;}
.list_wrap_st01 .list .img_box a.wish_btn.on img.off{opacity: 0;}
.list_wrap_st01 .list .img_box a.wish_btn.on img.on{opacity: 1;}

.list_wrap_st01 .list .img_wrap{position:relative; width:100%; padding-bottom:100%;border-radius:12px; overflow: hidden;}
.list_wrap_st01 .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;transition:.4s;} 
.list_wrap_st01 .list:hover .img_wrap img{transform:scale(1.1);}

.list_wrap_st01 .list .txt_wrap{margin-top: 20px;}
.list_wrap_st01 .list .txt_wrap span{display: block;font-size: 13px; color: #999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_wrap_st01 .list .txt_wrap p{font-size: 15px; color: #333; font-weight: 700; margin-top: 8px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_wrap_st01 .list .txt_wrap strong{display: block; margin-top: 13px;font-size: 15px;color: #333;}
.list_wrap_st01 .list .txt_wrap strong em{display: inline-block;margin-right: 6px;color: #e00000;font-size: 13px;font-weight: 700;}

/* slide */
.list_wrap_st01.sl{display: block;}
.list_wrap_st01.sl ul .slick-list{width: calc(100% + 15px) ;}
.list_wrap_st01.sl ul li{margin-right: 15px;}
.list_wrap_st01.sl .list{width: auto;}

.list_wrap_st01.sl .slick-arrow{position: absolute;top: 40%;transform:translateY(-50%);z-index: 100; text-indent: -9999px; width: 45px; height: 45px; border-radius:50%;}
.list_wrap_st01.sl .slick-prev{left: 20px; background: url(/assets/images/main/prev01_tab.png)center no-repeat; background-size: cover;}
.list_wrap_st01.sl .slick-next{right: 20px; background: url(/assets/images/main/next01_tab.png)center no-repeat; background-size: cover;}

/* section01 */
#section01{padding-top: 90px;}
#section01 .btn_wrap{display: flex;gap:60px; justify-content: center;}
#section01 .btn_wrap .btn .icon img{width: 120px;transition:.3s ease-in;}
#section01 .btn_wrap .btn:hover .icon img{transform:rotateY(180deg);}
#section01 .btn_wrap .btn p{font-size: 15px; color: #333; font-weight: 700; margin-top: 25px;text-align: center;}

@media screen and (max-width:1025px) {
#section01 .btn_wrap{gap:25px; }
}

/* section04 */
#section04 .box_wrap{display: flex;gap:20px;}
#section04 .box_wrap .box{width: calc((100% - 20px) / 2);}
#section04 .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; border-radius:12px;}
#section04 .box_wrap .box .slick-dots{position: absolute; left: 50%;transform:translateX(-50%);bottom: 10px;display: flex;gap:10px;}
#section04 .box_wrap .box .slick-dots li{width: 8px; height: 8px;background: rgba(255,255,255,.5);text-indent: -9999px; border-radius:50px; transition:.3s;}
#section04 .box_wrap .box .slick-dots li.slick-active{width: 24px; background: #fff;}

#section04 .box_wrap .box ul.sec04_slide01 li .img_wrap{position:relative; width:100%; padding-bottom:76.47%;}
#section04 .box_wrap .box ul.sec04_slide01 .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);z-index: 100; text-indent: -9999px; width: 45px; height: 45px; border-radius:50%;}
#section04 .box_wrap .box ul.sec04_slide01 .slick-prev{left: 20px; background: url(/assets/images/main/prev01_tab.png)center no-repeat; background-size: cover;}
#section04 .box_wrap .box ul.sec04_slide01 .slick-next{right: 20px; background: url(/assets/images/main/next01_tab.png)center no-repeat; background-size: cover;}

#section04 .box_wrap .box02 .banner{margin-top: 20px;}
#section04 .box_wrap .box02 .img_wrap{position:relative; width:100%; padding-bottom:35.29%;}

/*section06*/
#section06{display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(/assets/images/main/sec06_bg_tab.jpg)center no-repeat; background-size: cover; height: 390px; background-attachment: fixed;padding: 0;margin-bottom: 90px;}
#section06 .logo img{display: block;margin: 0 auto 24px;width: 205px;}
#section06 p{font-size: 15px; color: #fff; text-align: center;}

/* section07 */
#section07{padding-bottom: 140px;}
#section07 .box_wrap{display: flex;gap:40px;}
#section07 .box_wrap .box{width: calc((100% - 40px) / 2);}

#section07 .box ul.sec07_slide .slick-list{width: calc(100% + 15px);}
#section07 .box ul.sec07_slide li.slick-slide{margin-right: 15px;}
#section07 .box ul.sec07_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden;border-radius:10px;}
#section07 .box ul.sec07_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; transition:.4s;}
#section07 .box ul.sec07_slide li:hover .img_wrap img{transform:scale(1.1);}

#section07 .box ul.sec07_slide li .txt_wrap{margin-top: 13px;}
#section07 .box ul.sec07_slide li .txt_wrap .star_wrap{display: flex;gap:5px; margin-bottom: 12px;}
#section07 .box ul.sec07_slide li .txt_wrap .star_wrap em{background: url(/assets/images/main/star_icon01_tab.png)center no-repeat; width: 15px; height: 14px; background-size: cover;filter: grayscale(1) opacity(0.8);}
#section07 .box ul.sec07_slide li .txt_wrap .star_wrap em.on{filter: initial;}
#section07 .box ul.sec07_slide li .txt_wrap p{font-size: 15px; color: #333; line-height: 22px;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section07 .box ul.sec07_slide li .txt_wrap span{display: block;font-size: 14px; color: #999; margin-top: 12px;}

#section07 .box ul.sec07_slide .slick-dots{display: flex;gap:8px;justify-content: center; margin-top: 30px;}
#section07 .box ul.sec07_slide .slick-dots li{width: 8px; height: 8px;background: #ddd;text-indent: -9999px; border-radius:50px; transition:.3s;}
#section07 .box ul.sec07_slide .slick-dots li.slick-active{width: 24px; background: var(--co01);}

#section07 .box .notice_wrap{border-top: 2px solid #333;}
#section07 .box .notice_wrap li{border-bottom: 1px solid #ddd;}
#section07 .box .notice_wrap li a{display: flex;padding: 23px 0;}
#section07 .box .notice_wrap li p{width: calc(100% - 90px);font-size: 15px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section07 .box .notice_wrap li span{display: block;width: 90px;text-align: right;font-size: 14px; color: #999;}

/* quick_menu */
.quick_menu{position: fixed;top: initial;right: initial;left: 0;bottom: 0; transform:initial;box-shadow:-6px -6px 7px rgba(0,0,0,.2);width: 100%;}
.quick_menu.rel{position: absolute;bottom: 325px;}
.quick_menu ul{display: flex;width: 100%;}
.quick_menu ul li{flex:1;border-radius:0px; box-shadow:initial;}
.quick_menu ul li:not(:last-child){margin-bottom: 0;}
.quick_menu ul li:nth-child(1){background: #cc0000;}
.quick_menu ul li:nth-child(2){background: linear-gradient(180deg,#833AB4 0%,#C13584 25%,#E1306C 50%,#F77737 75%,#FCAF45 100%);}
.quick_menu ul li:nth-child(3){background: #333;}
.quick_menu ul li img{width: 23px;}
.quick_menu ul li a.top_btn img{width: 15px;}
.quick_menu ul li a{display: flex; align-items: center;justify-content: center;gap:10px;height: 50px;}
.quick_menu ul li p{display: block;font-size: 14px; color: #fff;font-weight: 500;}


/* pri_pop */
.pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;}
.pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: calc(100% - 20px); }
.pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 20px; color: #fff;font-weight: 700;margin-bottom: 20px;padding-right: 25px; margin-left: auto;}
.pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 18px; height: 2px; background: #fff;}
.pri_pop_wrap .pop_box{width: 100%; height: 397px;background: #fff; border-radius:12px;padding: 35px 30px;}
.pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;}
.pri_pop_wrap .pop_box .txt p{font-size: 16px; color: #999;line-height: 1.8;white-space:pre-wrap;}

.pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0);  /*스크롤바 뒷 배경 색상*/}

/*footer*/
#footer{line-height: 1;border-top: 1px solid #ddd;}
#footer .f_top{padding: 50px 0;}
#footer .f_top .inner{display: flex;justify-content: space-between;}
#footer .f_top h3{font-size: 20px; color: #333; font-weight: 700; margin-bottom: 30px;}
#footer .f_top address p{font-size: 14px; color: #999; line-height: 24px;}
#footer .f_top address p em{display: block;font-size: 0;margin: 0;width: 0; height: 0;padding: 0;}

#footer .f_top .right{display: flex;justify-content: flex-end;gap:50px;}
#footer .f_top .right h4{font-size: 15px; color: #333; margin-bottom: 22px;}
#footer .f_top .right .box01 a{font-size: 20px; color: #333; font-weight: 700;}
#footer .f_top .right .box01 span{display: block;font-size: 14px; color: #999; line-height: 22px; margin-top: 12px;}
#footer .f_top .right .box .sns_wrap{display: flex;gap:20px;}
#footer .f_top .right .box .sns_wrap a img{height: 17px;}

#footer .f_bot{padding:  20px 0;border-top: 1px solid #ddd;}
#footer .f_bot .inner{display: flex;align-items: center;justify-content: space-between;}
#footer .f_bot p{font-size: 13px; color: #999;}
#footer .f_bot a p{color: #666;}

/* ==sub======================================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap ul.sub_nav{display: flex;gap:25px;align-items: center;justify-content: center;margin-bottom: 20px;}
#sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;font-size: 16px; color: #fff; font-weight: 500;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:not(:last-child)::after{content:'•';position: absolute;top: 50%;transform:translateY(-50%);right: -17px;font-size: 16px;font-weight: 500;font-weight: 700;color: #d6c1a9;}
#sub_visual_wrap .txt_wrap h3{font-size: 40px; color: #fff; font-weight: 700; text-align: center;}

#sub_contents{padding: 80px 0 130px;}
#sub_contents .contop{line-height: 1; margin-bottom: 50px;}
#sub_contents .contop.mb02{margin-bottom: 35px;}
#sub_contents .contop h3{font-size: 34px; color: #333;font-weight: 700;text-align: center;}

.cate_wrap_st01{line-height: 1;margin-bottom: 50px;}
.cate_wrap_st01 ul{display: flex;align-items: center;justify-content: center;flex-wrap:wrap;gap:10px;}
.cate_wrap_st01 ul li a{display: flex;align-items: center;justify-content: center;min-width: 92px; height: 40px;padding: 0 15px; font-size: 14px; color: #666; border-radius:25px; border:1px solid #ddd;}
.cate_wrap_st01 ul li.on a{background: var(--co01); border:1px solid var(--co01);color: #fff;}

.bd_search_wrap{display: flex;align-items: center;justify-content: center;gap:10px;}
.bd_search_wrap select{width: 100px; height: 40px;border:1px solid #ddd; font-size: 16px; color: #333;padding: 0px 15px;background: url(/assets/images/sub/select_icon01_pc.png)center right 15px no-repeat; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.bd_search_wrap input[type="text"]{width: 300px; height: 40px;border:1px solid #ddd; font-size: 15px; color: #333;padding: 0px 15px; }
.bd_search_wrap a.search_btn{display: flex;align-items: center;justify-content: center;width: 100px; height: 40px; font-size: 15px; background: #333; color: #fff;}

/* sub01 */
.sub01_wrap{line-height: 1;}
.sub01_wrap .top{display: flex;align-items: flex-end;justify-content: space-between; margin-bottom: 20px;}
.sub01_wrap .top p{font-size: 14px; color: #333; font-weight: 700;}
.sub01_wrap .top p span{color: var(--co01); }
.sub01_wrap .top select{width: 110px; height: 30px;border:1px solid #ddd; font-size: 13px; color: #333;padding: 0px 10px;background: url(/assets/images/sub/select_icon01_tab.png)center right 10px no-repeat; background-size: 9px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}

/* sub01_view */
.sub01_view_wrap{line-height: 1;}
.sub01_view_wrap .con01 .box_wrap{display: flex;gap:60px;}
.sub01_view_wrap .con01 .box_wrap .img_box{width: calc((100% - 60px) / 2);}
.sub01_view_wrap .con01 .box_wrap .img_box .slide_wrap{position: relative;overflow: hidden;}
.sub01_view_wrap .con01 .box_wrap .img_box .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden;}
.sub01_view_wrap .con01 .box_wrap .img_box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub01_view_wrap .con01 .box_wrap .img_box .slide_items{position: absolute;bottom: 15px;left: 50%;transform:translateX(-50%);}
.sub01_view_wrap .con01 .box_wrap .img_box .slide_items .numcount{display: flex;align-items: center;justify-content: center;gap:13px;width: 50px; height: 23px; border-radius:14px;background: rgba(0,0,0,.5);}
.sub01_view_wrap .con01 .box_wrap .img_box .slide_items .numcount span{position: relative;display: block;font-size: 13px; color: #fff;font-weight: 500;}
.sub01_view_wrap .con01 .box_wrap .img_box .slide_items .numcount span.total::after{content:'/';position: absolute;top: 0;left: -8px;}

.sub01_view_wrap .con01 .box_wrap .img_box .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);z-index: 100; text-indent: -9999px; width: 40px; height: 40px; border-radius:50%;}
.sub01_view_wrap .con01 .box_wrap .img_box .slick-prev{left: 15px; background: url(/assets/images/main/prev01_pc.png)center no-repeat; background-size: cover;}
.sub01_view_wrap .con01 .box_wrap .img_box .slick-next{right: 15px; background: url(/assets/images/main/next01_pc.png)center no-repeat; background-size: cover;}

.sub01_view_wrap .con01 .box_wrap .img_box .view_slide_wrap{position: relative;width: 100%;}
.sub01_view_wrap .con01 .box_wrap .img_box .view_slide .img_wrap{border-radius:10px;}

.sub01_view_wrap .con01 .box_wrap .img_box .sm_slide_wrap{position: initial;top: 0; right: 0;width: auto;margin-top: 10px;}
.sub01_view_wrap .con01 .box_wrap .img_box .sm_slide_wrap .slick-list{overflow: hidden;width: calc(100% + 10px);}
.sub01_view_wrap .con01 .box_wrap .img_box .sm_slide_wrap .slick-track{margin: 0;}
.sub01_view_wrap .con01 .box_wrap .img_box .sm_slide li{width: 60px;margin-bottom: 0px;margin-right: 10px;}
.sub01_view_wrap .con01 .box_wrap .img_box .sm_slide .img_wrap{border-radius:5px;}

.sub01_view_wrap .con01 .box_wrap .txt_box{width: calc((100% - 60px) / 2);line-height: 1.6;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top{padding-bottom: 15px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .tit{margin-bottom: 15px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .tit p{font-size: 22px; color: #333; font-weight: 700;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .tit span{display: block;font-size: 14px; color: #999; margin-top: 3px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .price del{display: block;font-size: 13px; color: #999;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .price p{font-size: 18px; color: #333; font-weight: 700; margin-top: 5px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .top .price p span{display: inline-block;color: #e00000;margin-right: 5px;}

.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .option{padding: 25px 0px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .option .opt{display: flex;align-items: center;justify-content: space-between;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .option .opt:not(:last-child){margin-bottom: 10px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .option .opt p{width: 110px;font-size: 14px; color: #999;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .option .opt select{width: calc(100% - 110px);height: 30px;padding: 0 10px;border:1px solid #ddd;font-size: 13px; color: #333; background: url(/assets/images/sub/select_icon01_pc.png)center right 10px no-repeat;  background-size: 9px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}

.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result{padding: 15px 20px; margin-top: 25px; background: #f5f5f5; border-radius:5px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result ul li{display: flex;align-items: center;justify-content: space-between;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result ul li:not(:last-child){margin-bottom: 5px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result ul li p{font-size: 14px; color: #666;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result ul li .del_btn{display: flex;align-items: center;justify-content: center;width: 15px; height: 15px;border:1px solid #999; border-radius:50%;font-size: 10px; color: #333; font-weight: 700;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result .result{display: flex;align-items: center;justify-content: space-between;margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ddd;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result .result .qty{display: flex;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result .result .qty a{display: flex;align-items: center;justify-content: center;width: 30px; height: 30px;border:1px solid #ddd;background: #fff;font-size: 20px; color: #666;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result .result .qty input{display: block;text-align: center; width: 48px; height: 30px; background: #fff;border:0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 14px; color: #666;}
.sub01_view_wrap .con01 .box_wrap .txt_box .option_wrap .opt_result .result p{font-size: 14px; color: #666;}

.sub01_view_wrap .con01 .box_wrap .txt_box .bot{margin-top: 20px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .price_wrap{display: flex;justify-content: space-between;	}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .price_wrap p{font-size: 14px;color: #666;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .price_wrap strong{font-size: 18px; color: #333; font-weight: 700;}

.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap{display: flex;gap:5px;margin-top: 25px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap a{display: flex;align-items: center;justify-content: center;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap a.b_btn{width: calc(100% - 85px);height: 40px; background: #333;color: #fff;font-size: 16px; font-weight: 500;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right{display: flex;gap:5px;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a{position: relative;width: 40px; height: 40px; border:1px solid #ddd;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a img{width: 16px;}

.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a.wish_btn img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 16px;}		
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a.wish_btn img.on{opacity: 0;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a.wish_btn.on img.off{opacity: 0;}
.sub01_view_wrap .con01 .box_wrap .txt_box .bot .btn_wrap .right a.wish_btn.on img.on{opacity: 1;}

.sub01_view_wrap .con02{margin-top: 80px;}
.sub01_view_wrap .con02 .tab-menu-wrap{display: flex;margin-bottom: 40px;}
.sub01_view_wrap .con02 .tab-menu-wrap a{display: flex;align-items: center;justify-content: center;flex:1;height: 40px;border:1px solid #ddd;border-right: 0;font-size: 14px; color: #666;}
.sub01_view_wrap .con02 .tab-menu-wrap a:last-child{border-right: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-menu-wrap a.on{border-top: 2px solid #333;border-bottom: 0;color: #333;}

.sub01_view_wrap .con02 .tab-con{font-size: 14px;}
.sub01_view_wrap .con02 .tab-con .tit{margin-bottom: 20px;}
.sub01_view_wrap .con02 .tab-con .tit p{font-size: 18px;font-weight: 700;color: #333;}
.sub01_view_wrap .con02 .tab-con .tit em{font-size: 14px;color: #999;font-weight: 700;}

.sub01_view_wrap .btn_wrap02{display: flex;justify-content: flex-end;gap:10px; margin-top: 30px;}
.sub01_view_wrap .btn_wrap02 a{display: flex;align-items: center;justify-content: center;width: 100px;height: 42px; border:1px solid #ddd;font-size: 14px; color: #333; font-weight: 500;}
.sub01_view_wrap .btn_wrap02 a.co02{color: #fff; background: #333; border:1px solid #333;}

/* 구매후기 */
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap{border-top: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list{display: flex;align-items: center;padding: 15px 0;border-bottom: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .img_box{width: 100px; height: 100px; border-radius:12px; overflow: hidden;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .img_box img{width: 100%; height: 100%; object-fit:cover;}

.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .txt_box{width: calc(100% - 220px);padding: 0px 40px 0px 30px;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .txt_box p{font-size: 14px; color: #333;font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .txt_box span{display: block;font-size: 13px; color: #999;line-height: 1.6;margin-top: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .txt_box a{display: block;font-size: 13px;color: var(--co01);font-weight: 700; margin-top: 10px;}

.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .right{width: 120px;border-left: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .review_wrap .list_wrap .list .right p{font-size: 13px; color: #999;text-align: right;}

.sub01_view_wrap .con02 .tab-con .review_wrap .star_wrap{display: flex;justify-content: flex-end;gap:5px; margin-bottom: 15px;}
.sub01_view_wrap .con02 .tab-con .review_wrap .star_wrap em{background: url(/assets/images/main/star_icon01_pc.png)center no-repeat; width: 15px; height: 14px; background-size: cover;filter: grayscale(1) opacity(0.8);}
.sub01_view_wrap .con02 .tab-con .review_wrap .star_wrap em.on{filter: initial;}

.review_slide_pop{display: none;position: fixed; top: 0;left: 0;width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;}
.review_slide_pop .pop_wrap{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);/* background: #fff; */width: 1200px; max-width: 95%;}
.review_slide_pop .pop_wrap .slide_wrap{position: relative;}
.review_slide_pop .pop_wrap .slide_wrap .img_wrap{position:relative; width:100%; min-height: calc(100vh - 250px);}
.review_slide_pop .pop_wrap .slide_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:100%; max-width:100%; max-height:100%;}
.review_slide_pop .pop_wrap .slide_arr{position: relative;display: flex;justify-content: center;gap:10px;margin-top: 40px;z-index: 100;}
.review_slide_pop .pop_wrap .slide_arr img{width: 40px;}
.review_slide_pop .pop_wrap .slide_wrap .slide_items{position: absolute;bottom: 20px;left: 50%;transform:translateX(-50%);}
.review_slide_pop .pop_wrap .slide_wrap .slide_items .numcount{display: flex;align-items: center;justify-content: center;gap:15px;width: 60px; height: 28px; border-radius:14px;background: rgba(0,0,0,.5);}
.review_slide_pop .pop_wrap .slide_wrap .slide_items .numcount span{position: relative;display: block;font-size: 14px; color: #fff;font-weight: 500;}
.review_slide_pop .pop_wrap .slide_wrap .slide_items .numcount span.total::after{content:'/';position: absolute;top: 0;left: -10px;}

/* 구매안내 */
.sub01_view_wrap .con02 .tab-con .guide_wrap .list_wrap{border-top: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list{border-bottom: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap{padding: 20px;cursor:pointer;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap .flex{display: flex;align-items: center;justify-content: space-between;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap p{font-size: 16px; color: #333; font-weight: 700;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap em{position: relative;display: block; width: 14px; height: 14px;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap em::before{content:'';position: absolute;top: 50%; left: 0;transform:translateY(-50%);width: 100%; height: 2px; background: #333;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .tit_wrap em::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 2px; height: 100%; background: #333;transition:.3s;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list.on .tit_wrap em::after{transform:translateX(-50%) rotate(90deg);}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .txt_wrap{display: none;padding: 20px;border-top: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .guide_wrap .list .txt_wrap p{font-size: 14px; color: #999; line-height: 1.6;white-space: pre-wrap;}

/* 상품문의 */
.sub01_view_wrap .con02 .tab-con .qna_wrap .list_wrap{border-top: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list{border-bottom: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap{display: flex;padding: 20px;cursor:pointer;font-size: 14px; color: #333;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap .num{width: 80px;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap .txt{position: relative;width: calc(100% - 160px);}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list.reply .tit_wrap .txt{padding-left: 20px;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list.reply .tit_wrap .txt::after{content:'';position: absolute;left: 0; top: 6px; background: url(/assets/images/sub/re_icon01.png)center no-repeat;width: 10px; height: 10px;background-size: cover;}

.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap .txt p{position: relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-left: 22px;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap .txt p::after{content:'';position: absolute;left: 0; top: 6px; background: url(/assets/images/sub/secret_icon01.png)center no-repeat;width: 12px; height: 15px;background-size: cover;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .tit_wrap .writer{width: 80px;text-align: right;}

.sub01_view_wrap .con02 .tab-con .qna_wrap .list .txt_wrap{display: none;padding: 20px;border-top: 1px solid #ddd;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list.show .txt_wrap{display: block;}
.sub01_view_wrap .con02 .tab-con .qna_wrap .list .txt_wrap p{font-size: 14px; color: #999; line-height: 1.6;white-space: pre-wrap;}

.qna_form_pop{display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;}
.qna_form_pop .pop_wrap{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0,0,0,.12);width: 1000px;padding: 40px;text-align: center; max-width: 90%; background: #fff;}
.qna_form_pop .pop_wrap .tit{margin-bottom: 30px;}
.qna_form_pop .pop_wrap .tit p{font-size: 20px; color: #333; font-weight: 700;}
.qna_form_pop .pop_wrap .input_wrap .input{display: flex;}
.qna_form_pop .pop_wrap .input_wrap .input:not(:last-child){margin-bottom: 20px;}
.qna_form_pop .pop_wrap .input_wrap .input p{width: 100px;font-size: 16px; color: #333;font-weight: 700;line-height: 40px;}
.qna_form_pop .pop_wrap .input_wrap .input p em{color: var(--co01);}
.qna_form_pop .pop_wrap .input_wrap .input input[type="text"]{width: calc(100% - 100px); height: 40px;border:1px solid #ddd;padding: 0px 15px;font-size: 14px; color: #666;}
.qna_form_pop .pop_wrap .input_wrap .input input[type="text"]::placeholder,
.qna_form_pop .pop_wrap .input_wrap .input textarea::placeholder{color: #999;}
.qna_form_pop .pop_wrap .input_wrap .input textarea{width: calc(100% - 100px); height: 150px; padding: 15px;border:1px solid #ddd;font-size: 14px; color: #666; resize:none;}


.password_pop{display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;}
.password_pop .pop_wrap{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0,0,0,.12);width: 500px;text-align: center; max-width: 100%;}
.password_pop .pop_wrap .tit{display: flex;align-items: center;justify-content: center;height: 60px;background: var(--co01);}
.password_pop .pop_wrap .tit p{font-size: 20px;font-weight: 700;color: #fff;}
.password_pop .pop_wrap .input_wrap{padding: 40px;background: #fff; }
.password_pop .pop_wrap .input_wrap h4{font-size: 16px; color: #333;font-weight: 400; margin-bottom: 20px;}
.password_pop .pop_wrap .input_wrap input[type="text"]{width: 100%; height: 40px; border:1px solid var(--co01); padding: 0px 15px; font-size: 14px;text-align: center;}
.password_pop .pop_wrap .input_wrap p{font-size: 14px; line-height: 1.6;color: #666;margin-top: 15px; }

.sub01_view_wrap .pop_wrap .btn_wrap02{display: flex;justify-content: center;gap:10px; margin-top: 35px;}

.sub01_view_wrap a.list_btn{display: flex;align-items: center;justify-content: center; margin: 40px auto 0; width: 180px; height: 40px; font-size: 14px;font-weight: 500; background: #333; color: #fff;}

/* 상품문의 페이지 */
.sub0401_wrap .qna_wrap{margin-top: 40px;}
.sub0401_wrap .btn_wrap02{display: flex;justify-content: flex-end;gap:10px; margin-top: 30px;}
.sub0401_wrap .btn_wrap02 a{display: flex;align-items: center;justify-content: center;width: 100px;height: 42px; border:1px solid #ddd;font-size: 14px; color: #333; font-weight: 500;}
.sub0401_wrap .btn_wrap02 a.co02{color: #fff; background: #333; border:1px solid #333;}

.sub0401_wrap .qna_wrap .list_wrap{border-top: 1px solid #ddd;}
.sub0401_wrap .qna_wrap .list{border-bottom: 1px solid #ddd;}
.sub0401_wrap .qna_wrap .list .tit_wrap{display: flex;padding: 20px;cursor:pointer;font-size: 14px; color: #333;}
.sub0401_wrap .qna_wrap .list .tit_wrap .num{width: 80px;}
.sub0401_wrap .qna_wrap .list .tit_wrap .txt{position: relative;width: calc(100% - 160px);}
.sub0401_wrap .qna_wrap .list.reply .tit_wrap .txt{padding-left: 20px;}
.sub0401_wrap .qna_wrap .list.reply .tit_wrap .txt::after{content:'';position: absolute;left: 0; top: 6px; background: url(/assets/images/sub/re_icon01.png)center no-repeat;width: 10px; height: 10px;background-size: cover;}

.sub0401_wrap .qna_wrap .list .tit_wrap .txt p{position: relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-left: 22px;}
.sub0401_wrap .qna_wrap .list .tit_wrap .txt p::after{content:'';position: absolute;left: 0; top: 6px; background: url(/assets/images/sub/secret_icon01.png)center no-repeat;width: 12px; height: 15px;background-size: cover;}
.sub0401_wrap .qna_wrap .list .tit_wrap .writer{width: 80px;text-align: right;}

.sub0401_wrap .qna_wrap .list .txt_wrap{display: none;padding: 20px;border-top: 1px solid #ddd;}
.sub0401_wrap .qna_wrap .list.show .txt_wrap{display: block;}
.sub0401_wrap .qna_wrap .list .txt_wrap p{font-size: 14px; color: #999; line-height: 1.6;white-space: pre-wrap;}

/* 위치안내 */
.sub0402_wrap{line-height: 1;}
.sub0402_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0402_wrap .con .txt_wrap{display: flex;gap:20px 40px;line-height: 1.4;flex-wrap:wrap;}
.sub0402_wrap .con .txt_wrap .txt p{font-size: 18px; color: #333;font-weight:  700;}
.sub0402_wrap .con .txt_wrap .txt span{display: block;margin-top: 15px;font-size: 15px; color: #666;}
.sub0402_wrap .con .map_wrap{position:relative; width:100%; padding-bottom:33.33%;margin-top: 30px;}
.sub0402_wrap .con .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}


/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap ul.list_wrap{display: flex;flex-wrap:wrap; gap: 40px 20px;}
.sub0201_wrap ul.list_wrap li{width: calc((100% - 40px) / 3);}
.sub0201_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden;border-radius:10px;}
.sub0201_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; transition:.4s;}
.sub0201_wrap ul.list_wrap li:hover .img_wrap img{transform:scale(1.1);}

.sub0201_wrap ul.list_wrap li .txt_wrap{margin-top: 15px;}
.sub0201_wrap ul.list_wrap li .txt_wrap .star_wrap{display: flex;gap:5px; margin-bottom: 12px;}
.sub0201_wrap ul.list_wrap li .txt_wrap .star_wrap em{background: url(/assets/images/main/star_icon01_pc.png)center no-repeat; width: 17px; height: 16px; background-size: cover;filter: grayscale(1) opacity(0.8);}
.sub0201_wrap ul.list_wrap li .txt_wrap .star_wrap em.on{filter: initial;}
.sub0201_wrap ul.list_wrap li .txt_wrap p{font-size: 16px; color: #333; line-height: 1.6;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0201_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 14px; color: #999; margin-top: 10px;}

}