/*공통*/
#wrap { max-width: 750px; margin: 0 auto; position: relative;  height: auto;  -ms-overflow-style: none; /* IE and Edge */  scrollbar-width: none; min-height: 90%;}
.topbnr_area{width:100%;max-width:750px;overflow:hidden;display:none;position:relative;text-align:right;max-height:65px;min-height:35px;}
.topbnr_area a{display:block;height: 65px;}
.topbnr_area img{width:100%;}
.topbnr_area .close_wrap{position:absolute;top:22px;right:10px;}
.topbnr_area .btn_close{background: url(/contents/module/images/ic_close.svg) center no-repeat;width: 22px;height: 22px; font-size: 0;background-size: contain;border-radius: 10px;}

.top_nav_wrap{background:#fff;position:relative;border-bottom:1px solid #E5E5E5;}
.top_nav.swiper{height:42px; padding:10px 0 0;margin:0 30px;}
.top_nav_wrap.t_scroll{position:sticky;top:65px;max-width:750px;z-index:10;border-bottom: 1px solid #E5E5E5; background-color:rgb(255 255 255 / 80%)}
.top_nav .top_nav_box{display:flex;}
.top_nav .top_nav_box a{color:var(--c_gray); font-size:15px;font-weight:var(--f_medium);display:inline-block;padding-bottom:9px;position:relative;margin-right:24px;max-width:128px;overflow:hidden;}
.top_nav .top_nav_box li{ text-align: center; display:inline-flex;justify-content: center; align-items: center;width:auto;}
.top_nav .top_nav_box li.active a,.top_nav .top_nav_box li.swiper-slide-active a{color:var( --c_black);}
.top_nav .top_nav_box li.active a:after,.top_nav .top_nav_box li.swiper-slide-active a:after{content:'';width:100%;height:100%;position:absolute;left:0;border-bottom:3px solid var(--c_black);bottom:-1px;}

.line_gray {width: 100%;border-bottom: 1px solid var(--c_l_gray);}
.ic_package {position:relative; padding-left:22px; font-weight:var(--f_medium); color:#009df8;}
.ic_package:before {content:""; position:absolute; width:20px; height:19px; left:0; top:0; background:url(/contents/module/images/ic_package.svg)no-repeat 0 50%;}
.ic_package_none {position:relative; padding-left:22px; font-weight:var(--f_medium); color:var(--c_red);}
.ic_package_none:before {content:""; position:absolute; width:20px; height:19px; left:0; top:0; background:url(/contents/module/images/ic_package_none.svg)no-repeat 0 50%;}
.ic_airplane {position:relative; padding-left:22px; font-weight:var(--f_medium); color:#009df8;}
.ic_airplane:before {content:""; position:absolute; width:20px; height:19px; left:0; top:0; background:url(/contents/module/images/ic_airplane.svg)no-repeat 0 50%;}
.ico_deli_jeju_none {position:relative; padding-left:22px; font-weight:var(--f_medium); color:var(--c_red);}
.ico_deli_jeju_none:before {content:""; position:absolute; width:20px; height:19px; left:0; top:0; background:url(/contents/module/images/ico_jeju_none.svg)no-repeat 0 50%;}
.ico_deli_island_none {position:relative; padding-left:22px; font-weight:var(--f_medium); color:var(--c_red);}
.ico_deli_island_none:before {content:""; position:absolute; width:20px; height:19px; left:0; top:0; background:url(/contents/module/images/ico_island_none.svg)no-repeat 0 50%;}

/* 체크박스 */
.cbox {display:inline-block;}
.cbox label {position:relative; display:inline-block; font-size:14px; line-height:18px; padding-left:25px; cursor:pointer;}
.cbox label input {opacity:0; position:absolute; left:0; top:0;}
.cbox label span {position:absolute; left:0; top:0; display:block; width:18px; height:18px; background:url(/contents/module/images/ic_cbox.svg) no-repeat 0 0; cursor:pointer;}
.cbox label input:checked + span {background:url(/contents/module/images/ic_cbox.svg) no-repeat 100% 0;}
.cbox.mg0 {display:inherit;}
.cbox.mg0 label {line-height:0;}

/* 라디오버튼 */
.rbox {display:inline-block;}
.rbox label {position:relative; display:inline-block; font-size:14px; line-height:18px; padding-left:25px; cursor:pointer;}
.rbox label input {opacity:0; position:absolute; left:0; top:0;}
.rbox label span {position:absolute; left:0; top:0; display:block; width:18px; height:18px; background:url(/contents/module/images/ic_rbox.svg) no-repeat 0 0; cursor:pointer;}
.rbox label input:checked + span {background:url(/contents/module/images/ic_rbox.svg) no-repeat 100% 0;}

/*인풋*/
input.error {border-color:var(--c_red);}
input.calendar {background:url(/contents/module/images/ic_calendar.svg)no-repeat 100% 50%;}

/*버튼*/
.btn_l {height:48px; font-size:16px; font-weight:var(--f_bold);}
.btn_m {height:40px; font-size:14px; font-weight:var(--f_medium);}
.btn_s {height:34px; font-size:12px; font-weight:var(--f_medium);}
.btn_b1 {padding:0 15px; color:var(--c_white); background:var(--c_dark);}
.btn_br {padding:0 15px; color:var(--c_dark); background:var(--c_white); border:1px solid var(--c_dark);}
.btn_red {background: var(--c_red);}
.btn_gray {background:var(--c_gray3); cursor:default;}
.btn_br_gray {border-color:var(--c_gray); color:var(--c_gray);}
.btn_br_gray2 {border-color:var(--c_gray3); color:var(--c_black);}
.btn_br_gray3 {border-color:var(--c_gray3); color:#c1c1c1; background:#f5f8f9; cursor:default;}

/*토글버튼*/
.on_off {position:relative; width:46px; height:25px; border-radius:25px; background:#eee;}
.on_off input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor: pointer;}
.on_off .dong {width:21px; height:21px; background:var(--c_white); border-radius:50%; position:absolute; left:2px; top:2px; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.10)); transition:all .2s;cursor: pointer;}
.on_off.on {background:var(--c_red);}
.on_off.on .dong {left:23px;}
/*헤더*/
/*header {position:sticky; max-width:750px; top:0; width:100%; height:auto; background:#fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); z-index:2;}*/
header .inn {position:relative; display:flex; justify-content:space-between; align-items: center; height:100%; padding:0 20px;}
header .inn > div {display:flex; align-items:center; gap:16px;}
header .center {display:block; position:absolute; left:50%; width:280px; height:50px; transform: translateX(-50%);justify-content:center;overflow:hidden;}
header .left {overflow:hidden;}
header h1 {display:block; max-width:280px; max-height:50px; line-height:50px; text-align:center; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
header h1 a {display:block; font-size:18px; font-weight:bold; color:#222; max-width:280px; max-height:50px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
header button {position:relative; width:26px; height:26px; font-size:0;}
header .btn_menu.black {background:url(/contents/module/images/ic_menu_b.svg)no-repeat 50% 50%}
header .btn_menu.white {background:url(/contents/module/images/ic_menu_w.svg)no-repeat 50% 50%}
header .btn_cart.black {background:url(/contents/module/images/ic_cart_b.svg)no-repeat 50% 50%}
header .btn_cart.black span {position:absolute; right:-10px; top:0; width:20px; line-height:15px; text-align:center; font-size:10px; color:#fff; background:#fe5653; border-radius:8px;}
header .btn_cart.white {background:url(/contents/module/images/ic_cart_w.svg)no-repeat 50% 50%}
header .btn_cart.white span {position:absolute; right:-10px; top:0; width:20px; line-height:15px; text-align:center; font-size:10px; color:#222; background:#F3EDC3; border-radius:8px;}
header .btn_srch.black {background:url(/contents/module/images/ic_search_b.svg)no-repeat 50% 50%}
header .btn_srch.white {background:url(/contents/module/images/ic_search_w.svg)no-repeat 50% 50%}
header.overlay {z-index:10;box-shadow:0 0 0 0;border:0;}
header.overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-back);opacity:var(--overlay-opacity);z-index:0;transition: opacity 0.3s ease;}
header.overlay + .main_bnr {margin-top:-65px; z-index:0;}
header.overlay + .main_bnr .floating_bnr {top:77px;}
.logo img {width:100%;height:100%;max-height:50px;}
.logo a {display:block;height:100%}
.main_bnr {position:relative;}
.main_bnr img {width:100%;}
.main_bnr .slick-dots {position:absolute; left:0; bottom:0; width:100%; background:rgba(255,255,255,0.5); display:table !important; table-layout:fixed;}
.main_bnr .slick-dots li {display:table-cell; height:4px;}
.main_bnr .slick-dots li:first-child {background:#333;}
.main_bnr .slick-dots li.slick-active {background:#333;}
.main_bnr .slick-dots button {display:block; font-size:0;}
.floating_bnr {position:absolute; left:20px; top:12px; display:flex; gap:10px; align-items:center; width:calc(100% - 40px); padding:10px 14px; background:rgba(0, 0, 0, 0.20); backdrop-filter:blur(7.5px); box-sizing:border-box;}
.floating_bnr .img {overflow:hidden; width:38px; height:38px; border-radius:50%;}
.floating_bnr .img img {width:100%;}
.floating_bnr .txt {font-size:14px; color:#fff;margin-left:15px;}
.floating_bnr .btn_close {position:absolute; right:14px;}

/*헤더*/
header {position:sticky; max-width:750px; top:0; width:100%; height:65px; z-index:2;}
#wrap.bnr_open header {top:0px; }
#wrap.bnr_open header.nav-up { top: 0; /*animation: fadeIn 1s;transition: top all .4s;*/ }
header .inn {display:flex; height:65px; justify-content:space-between; align-items:center;}

/*header h1 img {height:40px;}*/
header .inn > button {width:65px; }
header .page_name {font-size:18px; font-weight:500; text-align:center;}
/*header .inn > button.btn_category{background: url(/contents/module/images/ic_category.svg) 50% no-repeat; background-size: 30px;font-size: 0;}*/
header .inn button.btn_category{background: url(/contents/module/images/ic_category.svg) 50% no-repeat; background-size: 30px;font-size: 0;}
header.order h1 {margin-right:-27px;}
header.order .btn_wrap button {width:30px; margin-right:15px;}
header.order .btn_wrap button img {width:30px;}

/*전체메뉴*/
.all_menu_wrap .bg {display:none; position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); z-index:10;}
.all_menu_wrap .all_menu {overflow-y:auto; position:fixed; left:-100%; top:0; width:350px; height:100%; overflow-y:auto; background:var(--c_white); z-index:100; box-shadow:5px 0 0 rgba(0,0,0,.2);}
.all_menu_wrap .all_menu {-ms-overflow-style:none; scrollbar-width:none;}
.all_menu_wrap .all_menu::-webkit-scrollbar {display:none;}
.all_menu_wrap .all_menu .top_box{background-color:#f5f8f9}
.all_menu_wrap .btn_close {position:fixed; left:-100%; top:10px;}
.all_menu_wrap .btn_close img {width:60px;}
.all_menu_wrap .ic_menu_top {display:flex; padding:15px; width:100%;}
.all_menu_wrap .ic_menu_top p {width:100%;}
.all_menu_wrap .ic_menu_top a {display:block; text-align:var(--a_center); line-height:45px; font-size:14px; font-weight:var(--f_medium);}
.all_menu_wrap .ic_menu_top .btn_blk {flex-grow:1; width:160px; height:45px; background:var(--c_dark);}
.all_menu_wrap .ic_menu_top .btn_blk a {color:var(--c_white);}
.all_menu_wrap .ic_menu_top .btn_br {flex-grow:1; width:160px; height:45px; border:1px solid var(--c_dark); background:var(--c_white);}
.all_menu_wrap .ic_menu_top .btn_br a {color:var(--c_dark);}
.all_menu_wrap .ic_menu_top .btn_login a {font-size:16px;}
.all_menu_wrap .ic_menu_top img {vertical-align:middle; margin:-2px 8px 0 0;}
.all_menu_wrap .profile {padding:0 15px 15px 15px; display:flex; justify-content:space-between; align-items:center;}
.all_menu_wrap .profile p {font-size:14px; font-weight:var(--f_medium);}
.all_menu_wrap .profile span {color:#009df8; margin-left:3px; font-size:14px; font-weight:var(--f_medium);}
.all_menu_wrap .modify a {display:block; text-indent:-9999px; font-size:0; width:38px; height:38px; background:url(/contents/module/images/ic_setting2.svg)no-repeat 0 0;}
.all_menu_wrap .quick_menu {padding:0 15px 15px 15px;}
.all_menu_wrap .quick_menu ul {display:table; width:100%; vertical-align:middle; table-layout:fixed;  height:77px;}
.all_menu_wrap .quick_menu ul li {display:table-cell; border-right:1px solid #f5f8f9; text-align:center;}
.all_menu_wrap .quick_menu ul li:last-child {border-right:0;}
.all_menu_wrap .quick_menu ul li a {display:block; padding-top:10px;}
.all_menu_wrap .quick_menu ul li p {margin-top:13px; font-weight:var(--f_medium);}
.all_menu_wrap .quick_menu ul li p span {color:var(--c_red); margin-left:3px;}
.all_menu_wrap .tab_menu ul {display:flex; flex-wrap:wrap; align-items: stretch; align-items:center;}
.all_menu_wrap .tab_menu li {position:relative; flex:1 1 50%; text-align:center; background:var(--c_white); border-bottom:1px solid var(--c_l_gray);}
.all_menu_wrap .tab_menu li a {display:block; line-height:45px; font-size:14px;}
.all_menu_wrap .tab_menu li.on:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:var(--c_dark);}
.all_menu_wrap .tab_menu li.on a {font-weight:var(--f_bold);}
.all_menu_wrap .gnb {display:none; padding:15px;}
.all_menu_wrap .gnb ul {background:var(--c_white); padding:15px;}
.all_menu_wrap .gnb li {margin-bottom:30px;}
.all_menu_wrap .gnb li:last-child {margin-bottom:0;}
.all_menu_wrap .gnb li a {display:block; font-size:16px; font-weight:var(--f_medium); word-break:break-word;}
.all_menu_wrap .gnb .dth_2 {position:relative;}
.all_menu_wrap .gnb .dth_2 > a {display:block; width:calc(100% - 40px);}
.all_menu_wrap .gnb .dth_2 .more {position:absolute; right:0;top:0; width:20px; height:20px; background:url(/contents/module/images/ic_plus.svg)no-repeat 50% 50%; cursor:pointer;}
.all_menu_wrap .gnb .dth_2 .more.open {background:url(/contents/module/images/ic_minus.svg)no-repeat 50% 50%;}
.all_menu_wrap .gnb .dth_2 div {display:none; padding-left:12px;}
.all_menu_wrap .gnb .dth_2 p {margin-top:20px;}
.all_menu_wrap .gnb .dth_2 p a {font-size:16px; font-weight:var(--f_regular);}
.all_menu_wrap + div {margin-top:0;}

/*푸터*/
footer {padding-bottom:60px;}
footer .top{background-color:#fff;display:flex;}
footer .top a{color:#666;font-size:12px;padding:13px 20px;}
footer .top a strong{color:#222;}
footer .mid{background-color:#222;padding:30px 20px}
footer .mid ul li, footer .mid ul a {color:#fff;font-size:12px;}
footer .mid ul li .tit {color:#999;margin-right:4px;display:inline-block;}
footer .mid p{font-size:10px;color:#999;}
footer .mid .f_customer,footer .mid .f_compayname {font-weight:600;color:#fff;margin-bottom:10px;display:inline-block;}
footer .mid .con_top {border-bottom:1px solid #444;padding-bottom:20px; margin-bottom:20px;}
footer .mid .con_bot .btn_insurance {margin:10px 0 8px;padding: 0 8px;height:26px;line-height:24px;border:1px solid #ddd; border-radius:5px;font-size: 12px;color: #666;background-color: #fff;}
footer .bot{background-color:#F4F4F4;padding:13px 20px;text-align:center;}
footer .bot{color:#666}
footer .bot strong{color:#222; font-weight:400;}


/*하단메뉴*/
.botm_menu {z-index: 4; position: fixed; max-width: 750px; width: var(--w_full); background: var(--c_white); left: 50%; bottom: 0; transform: translateX(-50%); border-top:1px solid #eee;}
.botm_menu ul {display:flex;justify-content:space-around;}
.botm_menu li {width:25%; height:60px; padding-top:8px; text-align:center;}
.botm_menu li a {font-size:12px; color:#000;}
.botm_menu li img {margin-bottom:4px; width:26px;}
.botm_menu .talk_bar {display:flex; justify-content:space-between; align-items:center; padding:6px 15px; background:#fff; border-top:1px solid #DFDFDF;}
.botm_menu .talk_bar .shop_name {font-size:12px; color:#222;}
.botm_menu .talk_bar .shop_name em {font-weight:600; color:#0BC1CC;}
.botm_menu .talk_bar .btn {display:flex; align-items:center; gap:5px; padding:0;}
.botm_menu .talk_bar .btn a {position:relative;}
.botm_menu .talk_bar .btn a:first-child {margin-right:5px;}
.botm_menu .talk_bar .btn a .cart_cnt {position:absolute; right:-3px; padding:0 4px; min-width:16px; line-height:16px; border-radius:50%; background:#F00; color:#fff; font-weight:bold; font-size:12px;}

/*보증보험 가입사실 팝업*/
.pop_insurance {display:none;}
.pop_insurance .bg {position:absolute; max-width:750px; width:var(--w_full); height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_insurance .content {position:absolute; top:100px; left:50%; margin-left:-250px; width:500px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_insurance .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_insurance .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_insurance .title_box .btn_close {margin-right:-15px;}
.pop_insurance .txt {padding:24px 0; margin-bottom:20px;}
.pop_insurance dl {display:flex; gap:6px; flex-wrap:wrap;}
.pop_insurance dt {font-size:14px; color:var(--c_dark); font-weight:var(--f_medium); line-height:1.85;}
.pop_insurance dd {font-size:14px; color:var(--c_dark2); line-height:1.85;}

/*위로가기*/
.btn_top_wrap {position:fixed; right:max(calc(50% - 355px), 20px); bottom:70px; display: flex; flex-direction:column; gap:8px;z-index:100;}

/*이용약관*/
.agree_wrap .tab_menu ul {display:table; table-layout:fixed; width:100%; height:45px; padding:0 15px; border-bottom:1px solid var(--c_l_gray); background:var(--c_white);}
.agree_wrap .tab_menu li {position:relative; display:table-cell; vertical-align:var(--va_middle); text-align:var(--a_center);}
.agree_wrap .tab_menu li a {display:block; line-height:45px; font-size:14px; color:var(--c_gray);}
.agree_wrap .tab_menu li.on:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:var(--c_dark);}
.agree_wrap .tab_menu li.on a {font-weight:var(--f_bold); color:var(--c_black);}
.agree_wrap .content {overflow-y:auto;  margin-top:25px; padding:0 15px 25px; font-size:12px; color:var(--c_dark2); white-space:pre-line; line-height:1.6;overflow-x:hidden;}
.agree_wrap .content select {display:block; height:30px; font-size:13px; background-size:20px; background-position:calc(100% - 6px) 50%;}
.agree_wrap .content select option {font-size:13px;}
.agree_wrap .content select.selct_w {min-width:300px; padding-right:35px;}
.agree_wrap .content table {border:1px solid var(--c_l_gray);}
.agree_wrap .content table caption {font-size:0;}
.agree_wrap .content table th {height:33px; background:var(--c_l_gray2); font-size:14px; color:var(--c_dark); font-weight:var(--f_normal); border:1px solid var(--c_l_gray); text-align:var(--a_center);}
.agree_wrap .content table td {padding:7px 14px; font-size:12px; color:var(--c_dark2); font-weight:var(--f_normal); border:1px solid var(--c_l_gray);}

/*이용약관팝업*/
.agree_wrap_pop {display:none;}
.agree_wrap_pop .bg {position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.agree_wrap_pop .content {position:absolute; left:50%; margin-left:-250px; width:500px; height:calc(100vh - 80px); padding:0 15px; background:#fff; z-index:11; box-sizing:border-box;}
.agree_wrap_pop .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid #404040;}
.agree_wrap_pop .title_box .title {line-height:50px; font-size:16px; font-weight:bold;}
.agree_wrap_pop .title_box .btn_close {margin-right:-15px;}
.agree_wrap_pop .txt {margin:20px 0; overflow-y:auto; height:calc(100vh - 171px); font-size:12px; color:var(--c_dark2); white-space:pre-line; line-height:1.6;}

/*상품 목록*/
/*(큰 이미지, 1열)*/
.pdt_wrap {padding-left:20px;}
.pdt_list {display:flex; flex-wrap:wrap; row-gap:40px; box-sizing:border-box;}
.pdt_list.category_list {padding-top:60px}
.pdt_list .pdt_box {display:flex; flex-direction:column; gap:10px; padding-right:10px; width:var(--w_full);}
.pdt_list.col1 .pdt_box {padding-right:20px;}
.pdt_list .pdt_box p {line-height:1;}
.pdt_list .img_box {overflow:hidden; position:relative; width:var(--w_full); height:auto; aspect-ratio:1/1;}
.pdt_list .img_box a:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,0.03);}
.pdt_list .img_box img {width:var(--w_full);height:100%}
.pdt_list .img_box.rounded {border-radius:20px;}
.pdt_list .img_box.opensoon:before {content:''; position:absolute; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.14));}
.pdt_list .img_box.opensoon:after {content:''; position:absolute; width:170px; height:72px; left:50%; top:50%; transform:translate(-50%,-50%); background:url(/contents/module/images/ic_open_soon.png)no-repeat center center; background-size: contain;}
.pdt_list .img_box .etc {position:absolute; left:0; bottom:0; display:flex; flex-direction:column; width:var(--w_full);}
.pdt_list .img_box .timer {width:var(--w_full); line-height:30px; background:rgba(0, 0, 0, 0.5); text-align:var(--a_center); color:#fff; font-size:12px;} 
.pdt_list .img_box .like_count {position:absolute;}
.pdt_list.row .info_box { width:67%;}
.pdt_list .info_box {display:flex; flex-direction:column; gap:6px; text-overflow:ellipsis;}
.pdt_list .info_box .info, .pdt_list .info_box .price {display:flex; flex-direction:column; gap:4px;}
.pdt_list .pdt_name {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;}
.pdt_list .pdt_name a {font-size:14px; color:var(--c_black); line-height:1.5;}
.pdt_list .pdt_add_txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pdt_list .pdt_add_txt a {font-size:12px; font-weight:var(--f_medium); color:var(--c_gray);}
.pdt_list .price .dp_flex {gap:4px; align-items:center; justify-content:space-between;}
.pdt_list .price .dp_flex > div {display:flex; gap:3px; align-items:baseline;}
.pdt_list .price .percent {color:#FE5653; font-weight:var(--f_bold);}
.pdt_list .price .sell_price {color:#222;}
.pdt_list .price .org_price {text-decoration:line-through; font-size:12px; color:#999;}
.pdt_list .score {display:flex; gap:6px; align-items:center;}
.pdt_list .score .review {display:flex; gap:2px; align-items:center; padding-left:14px; background:url(/contents/module/images/ic_star_gray.svg)no-repeat 0 50%;}
.pdt_list .score p {font-size:12px; color:#999;}
.pdt_list .score .bar {width:1px; height:10px; background:#EEE;}
.pdt_list .btn_like_wrap .btn_like {position:relative; width:20px; height:20px; font-size:0; background:url(/contents/module/images/ic_heart_g.svg)no-repeat 0 0;}
.pdt_list .btn_like_wrap .like_count {position:relative; display:none;}
.pdt_list .etc .btn_like_wrap {text-align:right; margin:0 20px 20px;}
.pdt_list .etc .btn_like_wrap .btn_like {background:url(/contents/module/images/ic_heart_w.svg)no-repeat 0 0; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.35));}
.pdt_list .btn_like_wrap .btn_like.on {background:url(/contents/module/images/ic_heart_on.svg)no-repeat 0 0;}
.pdt_list .btn_more {margin-top:40px; width:var(--w_full); height:40px; background:#222; color:#fff; font-size:12px;}
.pdt_list .subs {display: flex; flex-wrap: wrap;gap: 10px;}
.pdt_list .subs img {margin:0; max-width:43px; width:auto; height: 15px;}
.btn_more_wrap { padding-right:20px; }
/*(작은 이미지)*/
.pdt_list.row {
    gap: 0;
}
.pdt_list.row .pdt_box {flex-direction:row; width:100%; padding:20px 0; border-bottom:1px solid #EEE;}
.pdt_list.row .pdt_box:last-child {padding-bottom:0; border-bottom:0;}
.pdt_list.row.slick-slider .pdt_box {border:0;}
.pdt_list.row .img_box {flex-shrink:0; width:100px; height:100px;}
.pdt_list.row .info_box .btn_like_wrap {position:absolute;left:85%;}
/*(2열)*/
.pdt_list.col2 .pdt_box {width:calc((100% - 10px) /2);}
.pdt_list.col2 .etc .btn_like_wrap {margin:0 5% 5% 0;}
/*(3열)*/

.pdt_list.col3 .pdt_box {width:calc((100% - 20px) /3);padding:0px 5px;}
.pdt_list.col3 .etc .btn_like_wrap {margin:0 5% 5% 0;}
.pdt_list.col3 .pdt_box.time_deal .img_box.opensoon:after {width:112px; height:48px;}
.swiper-wrapper.col3 .pdt_box {width:40%; padding:0 10px 0 0;}
.swiper-wrapper .pdt_box:last-child {margin-right:10px;}

/*기타*/
.recomm_title {margin:40px 0 30px; text-align:var(--a_center); font-size:14px; font-weight:var(--f_bold);}
.pdt_wrap .pdt_category_wrap.swiper {border-bottom:1px solid #EEE;}
.pdt_category { display:flex; margin-bottom:30px; padding:0px 0px 3px; }
.pdt_category a {position:relative; font-size:16px; color:#666; margin-right:20px;min-width:max-content;width:auto;}
.pdt_category a.on {font-size:16px; font-weight:600; color:#222;}
.pdt_category a.on:after {content:""; position:absolute; left:0; bottom:-3px; width:100%; height:2px; background:#222;}
.pdt_wrap .btn_more {margin-top:40px; width:100%; height:40px; background:#222; color:#fff; font-size:12px;}
/*.pdt_list {display:flex; padding:0 30px 0 30px; flex-wrap:wrap; box-sizing:border-box;}*/
/*.pdt_list.category_list {padding-top:60px}*/
/*.pdt_list .pdt_box {width:calc((100% - 30px) / 2); margin-bottom:30px; margin-right:30px;}*/
/*.pdt_list.type_col2 .pdt_box:nth-child(2n) {margin-right:0;}*/
/*.pdt_list.type_col3 .pdt_box {width:calc((100% - 40px) / 3);margin-right:20px;}*/
/*.pdt_list.type_col3 .pdt_box:nth-child(3n) {margin-right:0;}*/
/*.pdt_list .pdt_box .img_box {position:relative; margin-bottom:10px;}*/
/*.pdt_list .pdt_box .img_box img {width:100%; border:1px solid #D8D8D8;}*/
/*.pdt_list.slide_col.slick-slider{display:flex; flex-wrap:nowrap;} */
/*.pdt_list .pdt_box .info_box {position:relative;}*/
/*.pdt_list .pdt_box .pdt_name a {overflow:hidden; text-overflow:ellipsis; max-height:40px; font-size:14px; color:var(--c_black); font-weight:var(--f_medium); line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}*/
/*.pdt_list .pdt_box .pdt_add_txt{margin-top:8px}*/
/*.pdt_list .pdt_box .pdt_add_txt a {overflow:hidden; text-overflow:ellipsis; max-height:36px; font-size:12px; color:var(--c_gray); font-weight:var(--f_medium); line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}*/
.prod_last{color: var(--c_black); padding: 40px 0 24px; text-align: var(--a_center); font-size: 14px; display:block;}
/*.pdt_list .pdt_box .org_price { text-decoration:line-through;font-size:15px; color:#C1C1C1}*/
/*.pdt_list .pdt_box .sell_price {font-size:16px; font-weight:bold; position:relative;}*/
/*.pdt_list .txt_center {width:100%; margin-top:20px; flex-shrink:0;}*/
/*.pdt_list .btn_more02 {width:100%; height:40px; border:1px solid #d7d7d7;}*/
/*.pdt_list .btn_more02 img {margin-top:2px;}*/
.pdt_list .img_box .txt_flag{position: absolute; color: #fff;background:#FE5653; padding: 5px; left:7px; top:7px;max-width: 120px;border-radius:3px}
.pdt_list .pdt_box.sold_out .img_box a:after,.pdt_list .pdt_box.sold_out .img_box .data_link:after{content:"sold  out";width: 100%;height: 100%;color: #fff;font-size: 16px;font-weight: bold; text-align: center; position: absolute; background: rgb(0 0 0 / 70%);left: 0;top: 0;display: flex; align-items: center; justify-content: center; text-transform: uppercase;}
.pdt_list .pdt_box.time_deal .img_box.opensoon:before {content:''; position:absolute; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.2));}
.pdt_list .pdt_box.time_deal .img_box.opensoon:after {content:''; position:absolute; width:112px; height:48px; left:50%; top:50%; transform:translate(-50%,-50%); background:url(/contents/module/images/ic_open_soon.png)no-repeat center center; background-size: contain;}
.pdt_list .pdt_box.time_deal .img_box .timer{position:relative;bottom:0;width:100%;height:26px;line-height:26px;font-weight:500;color:#fff;text-align:center;z-index: 1;}
.pdt_list .pdt_box.time_deal .img_box .timer .num{color:#fff;margin:0 4px;font-size:12px;text-overflow:ellipsis}
/*.pdt_list .price_box{position:relative; margin-top:12px;}*/
/*.pdt_list .pdt_box .btn_like_wrap{position:absolute; bottom:0px; right:4px;}*/
/*.pdt_list .pdt_box .btn_like_wrap .btn_like {text-indent:-9999px; width:24px; height:24px; background:url(/contents/module/images/ic_heart.svg)no-repeat; background-size:cover;font-size:0;}*/
/*.pdt_list .pdt_box .btn_like_wrap .btn_like.on {background:url(/contents/module/images/ic_heart_on.svg)no-repeat; background-size:cover;}*/
/*.pdt_list .pdt_box .btn_like_wrap .like_count{color:var(--c_gray);font-size:12px;position:relative;top:5px;}*/
/*.pdt_list .pdt_box.sold_out .price_box .sold_out,.pdt_list .price_box .percent{color:#FE5653;font-size:16px;font-weight:bold;text-transform:uppercase;}*/
/*.pdt_list .pdt_box.sold_out .pdt_name{color:var(--c_gray2);font-size:14px; }*/
/*.pdt_list .pdt_box.sold_out .sell_price{color:var(--c_red);text-transform: uppercase;}*/
/*.pdt_list .pdt_box.open_ready .sell_price{color:var(--c_dark2);}*/
/*.pdt_list .price_box .percent{margin-right:5px;font-size:14px;}*/
/*.pdt_list .price_box .pdt_selling{color:#787878;margin-top:5px;}*/
/*.pdt_list .price_box .price_bl{width:calc(100% - 35px);overflow:hidden;align-items: center;}*/
/*.pdt_list.type_col3 .pdt_box.time_deal .img_box.opensoon:after {width:112px; height:48px;}*/
/*.pdt_list.type_col3 .pdt_box .sell_price {font-size:14px;}*/
/*.pdt_list.type_col3 .pdt_box .btn_like_wrap {right:0;}*/
/*.pdt_list.type_col3 .pdt_box .btn_like_wrap .like_count {display:none;}*/


/*상품정렬*/
.selc_array {text-align:var(--a_right); margin:28px 30px; position:relative;}
.selc_array dt {padding-right:20px; background:url(/contents/module/images/ic_arr_down04.svg)no-repeat 100% 50%; cursor:pointer;}
.selc_array dd {display:none; position:absolute; right:0; top:25px; padding:10px 20px; text-align:center; border:1px solid #eee; background:#fff; box-shadow:0 3px 12px rgba(0,0,0,0.05); z-index:1;}
.selc_array dd p + p {margin-top:20px;}
.selc_array dd p {color:var(--c_gray);}
.selc_array dd p.on {color:var(--c_black);}
.selc_array + .pdt_list.category_list {padding-top:0;}

/*장바구니팝업*/
.cart_popup {display:none;}
.cart_popup .bg {position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.cart_popup .content {position:absolute; left:50%; margin-left:-250px; width:500px; padding:0 15px 30px 15px; background:#fff; z-index:11; box-sizing:border-box;}
.cart_popup .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid #404040;}
.cart_popup .title_box .title {line-height:50px; font-size:16px; font-weight:bold;}
.cart_popup .title_box .btn_close {margin-right:-15px;}
.cart_popup .pdt_box {display:flex; gap:14px; align-items:center; margin-bottom:14px; padding:14px 0; border-bottom:1px solid #404040;}
.cart_popup .pdt_box .img_box {width:70px;}
.cart_popup .pdt_box .img_box img {width:100%;}
.cart_popup .pdt_box .pdt_name {font-size:15px;}
.cart_popup .price_box {display:flex; width:100%; }
.cart_popup .price_box > div {flex-grow:1; display:flex; width:50%;}
.cart_popup .price_box .title {font-size:14px; color:#6d6d6d;}
.cart_popup .price_box .delivery_price {justify-content:space-between;}
.cart_popup .price_box .delivery_price .price {padding-right:10px;}
.cart_popup .price_box .parcel_price .title {margin-right:10px;}
.cart_popup .price_box .parcel_price select {display:block; margin-bottom:6px; padding:0 40px 0 8px; color:#404040; font-size:12px; height:30px; background-size:20px; background-position:calc(100% - 6px) 50%;}
.cart_popup .option_box {margin-bottom:24px;}
.cart_popup .option_box .title {margin-bottom:10px; font-size:15px;}
.cart_popup .option_box select {width:100%;}
.cart_popup .pdt_option_box {padding:15px 0 5px; border-top:1px solid #e5e5e5;}
.cart_popup .pdt_option_box > div {display:flex; margin-bottom:10px; justify-content:space-between;}
.cart_popup .pdt_option_box .pdt_name {font-size:13px; font-weight:bold; width:calc(100% - 40px);}
.cart_popup .pdt_option_box .btn_delete {width:20px;}
.cart_popup .pdt_option_box .btn_delete img {width:100%;}
.cart_popup .pdt_option_box .num {display:flex;}
.cart_popup .pdt_option_box .num > * {width:30px; height:28px; margin-left:-1px; border:1px solid #d7d7d7;}
.cart_popup .pdt_option_box .num button {color:#404040;}
.cart_popup .pdt_option_box .num button.disabled {color:#c9c9c9; cursor:initial;}
.cart_popup .pdt_option_box .num input {text-align:center; font-weight:bold; background:#f8f8f8;}
.cart_popup .pdt_option_box .price {font-size:14px; font-weight:bold;}
.cart_popup .complete_btn {border-top:1px solid #404040; padding-top:24px; display:flex; justify-content:center; gap:6px;}
.cart_popup .complete_btn button {flex-grow:1; height:48px; font-size:16px;}

/*페이징*/
.paging {margin-top:50px; display:flex; justify-content:center;}
.paging a {width:32px; height:32px; line-height:32px; text-align:center;}
.paging .page {font-size:12px; color:var(--c_gray);}
.paging .page.on {color:var(--c_black); font-weight:var(--f_medium); background:rgba(64,64,64,.05);}

/*달력*/
#ui-datepicker-div {display:none;padding: 10px 0;background:#fff;border:1px solid #d7d7d7;}
#ui-datepicker-div .ui-datepicker-header {position:relative;margin-bottom: 2px;}
#ui-datepicker-div .ui-datepicker-title {text-align:center; font-size:12px; font-weight:500;}
#ui-datepicker-div .ui-datepicker-prev {cursor:pointer; text-indent:-9999px; position:absolute; top:0; left:50%; transform:translateX(-60px); width:17px; height:17px; background:url(/contents/module/images/ic_arr_left_b.svg)no-repeat 50% 50%; background-size:12px;}
#ui-datepicker-div .ui-datepicker-next {cursor:pointer; text-indent:-9999px; position:absolute; top:0; left:50%; transform:translateX(43px); width:17px; height:17px; background:url(/contents/module/images/ic_arr_right_b.svg)no-repeat 50% 50%; background-size:12px;}
.ui-datepicker-calendar thead th {width:30px; height:30px; text-align:center; font-size:12px; font-weight:400;}
.ui-datepicker-calendar tbody td {width:30px;padding: 3px 0;text-align:center;}
.ui-datepicker-calendar tbody td a {display:block; width:20px; height:20px; margin:0 auto; font-size:12px; color:#6d6d6d;}
.ui-datepicker-calendar tbody td a.ui-state-active {background:var(--c_red); color:#fff !important; font-weight:var(--f_bold);}
.ui-datepicker-calendar tbody td.ui-state-disabled span {display:block; color:var(--c_gray3); font-size:12px; width:30px; height:30px; margin:0 auto; line-height: 30px;}
.ui-datepicker-calendar tbody td.ui-state-disabled-holiday span { background-color: #f8d7da !important; color: #721c24 !important; border-radius: 100%;}                                
.ui-datepicker-calendar th:last-child span, 
.ui-datepicker-calendar td:nth-child(7n) a {color:var(--c_skyblue);}
.ui-datepicker-calendar th:first-child span, 
.ui-datepicker-calendar td:nth-child(7n+1) a,
.ui-datepicker-calendar .special-date a {color:var(--c_red);}

/*찜 팝업*/
.wish_popup {display:none;}
.wish_popup .bg {position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.wish_popup .content {position:absolute; left:50%; margin-left:-250px; width:500px; padding:0 15px 30px 15px; background:#fff; z-index:11; box-sizing:border-box;}
.wish_popup .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid #404040;}
.wish_popup .title_box .title {line-height:50px; font-size:16px; font-weight:bold;}
.wish_popup .title_box .btn_close {margin-right:-15px;}
.wish_popup .content_txt{padding:20% 0 ;text-align:center;}
.wish_popup .content_txt img{width:30px;height:30px;}
.wish_popup .content_txt p{font-size:15px;color:#222}
.wish_popup .complete_btn {border-top:1px solid #404040; padding-top:24px; display:flex; justify-content:center; gap:6px;}
.wish_popup .complete_btn button {flex-grow:1; height:48px; font-size:16px;}

/* 스크롤 */
::-webkit-scrollbar {width:3px;}
::-webkit-scrollbar-thumb { background:#D7D7D7; border-radius:10px; height:3px;}
::-webkit-scrollbar-track {background: rgba(33, 122, 244, .0); }

/* 체크박스*/
.chk_box {display: none;}
.chk_box + label {position: relative; color:#222;font-size:14px;font-weight:500;}
.chk_box + label:before {content:'';display: inline-block;width:18px;height:18px;border:1px solid #707070;position: relative;top: 3px;    margin-right: 5px;}
.chk_box:checked + label:before {border-color:#222;}
.chk_box:checked + label::after {content: '';background: url('/contents/module/images/ic_checking.svg') 0 0 no-repeat;width: 11px;height: 9px;position: absolute;left: 4px;top: 6px;background-size: contain;}

.btn {height: 34px; padding: 5px 10px;font-weight:500;font-size:13px;box-sizing:border-box;text-align:center;}
.btn_white {border:1px solid #D7D7D7;color:#222;}
.btn_black {background-color:#404040;color:#fff;}
.btn_box_flex {display:flex;}
.btn_box_flex .btn {flex-grow:1;}
.btn_box_flex .btn:first-child {margin-right:5px;}
.btn_full .btn,.btn_full {width:100%;}
.btn_box {margin:0 auto;}
.gap_t16 {margin-top:16px;}
.gap_b20 {margin-bottom:20px;}

/*레이어팝업*/
.layer_pop_wrap {display:none; position:fixed; max-width:750px; width:var(--w_full); height:var(--w_full); top:0; z-index:10; margin:0 auto; background:var(--c_white);}
.layer_pop_wrap .hea {position:fixed; max-width:750px; top:0; width:100%; height:65px; border-bottom:1px solid #e5e5e5; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.2); z-index:1;
                      display:flex; height:65px; justify-content:space-between; align-items:center;}
.layer_pop_wrap .hea button {width:65px; height:65px;}
.layer_pop_wrap .hea .page_name {font-size:18px; font-weight:500; text-align:var(--a_center);}

/*로딩*/
.layer_loading {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.layer_loading .loading {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:120px; height:120px; background:url(/contents/module/images/loading.gif)no-repeat 50% 50%;}

/*알럿팝업*/
.alert_popup {display:none;}
.alert_popup .bg {position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.alert_popup .content {position:absolute; left:50%; margin-left:-172.5px; width:345px; padding:0 15px 30px 15px; background:#fff; z-index:11; box-sizing:border-box;}
.alert_popup .txt {margin:50px 0 70px; text-align:var(--a_center); font-size:16px; font-weight:var(--f_medium);}
.alert_popup .complete_btn {display:flex; justify-content:center; gap:6px;}
.alert_popup .complete_btn button {flex-grow:1;}

/*상품 리뷰/별점*/
.bl_star_review{text-align:left; font-weight:bold;}
.bl_star_review .lst_star_score{color:#313131;padding-left:20px; background:url(/contents/images/icon/ico_reveiw_star.svg) 0 3px no-repeat; background-size:15px;}
.bl_star_review .review_count,.sell_count,.double{color:#C1C1C1;font-size:13px;font-weight:normal }
.double{display:inline-block;padding:0 5px}

/*툴팁*/
.tooltip {margin-left:5px; font-size:14px; color:#444;}
.ui-tooltip.custom_tooltip {padding:0; border:0; width:fit-content; z-index:1; filter: drop-shadow(4px 0 2px rgba(0,0,0,0.09));}
.ui-tooltip.custom_tooltip .ui-tooltip-content {position:relative; padding:12px; border:1px solid #b0b0b0; border-radius:4px; background:#fff; pointer-events: none; white-space:nowrap;}
.ui-tooltip.custom_tooltip .ui-tooltip-content:after {content:""; position:absolute; bottom:-16px; left:20px; width:16px; height:16px; background:url(/contents/module/images/ic_tooltip.png)no-repeat 0 0;}
.ui-tooltip.custom_tooltip .ui-tooltip-content .tooltip_txt .em {font-weight:var(--f_medium);}

@media screen and (max-width:540px) {
    /*전체메뉴*/
    .all_menu_wrap .all_menu {position:fixed; width:300px;}
    /*아이콘 텍스트*/
    .grid li{margin:0 10px 32px;    width: calc(100% - 20px);}
    .grid.type_col5 li:nth-child(4n) {margin-right: 20px;}
    .grid a .icon_txt{ white-space: normal;font-size: 14px;width: calc(100% - 10px);word-break: break-all;height: auto;max-height: 28px;}
    .logo {width:180px;}
   
    /*상품리스트영역*/
    /*    .pdt_list .pdt_box { width: calc((100% - 9px) / 2);}
    .pdt_list{padding:0 15px;}
    .pdt_list.slide_col{padding-right:0;padding-left:15px;}
    .pdt_list .pdt_box{margin-right:15px;}
    .pdt_list.slide_col .pdt_box:nth-child(3n), .pdt_list.slide_col .pdt_box:nth-child(2n){margin-right:15px;}
    .pdt_list.type_col3 .pdt_box{ width:calc((100% - 20px) / 3);margin-right:10px;}
    .pdt_list.type_col2 .pdt_box{ width:calc((100% - 15px) / 2)}
    .pdt_list .pdt_box.time_deal .img_box.opensoon:after {width:85px; height:36px;}
    .pdt_list.type_col3 .pdt_box.time_deal .img_box.opensoon:after {width:56px; height:24px;}*/
    /*상품정렬*/
    .selc_array {
        margin: 14px 15px;
    }

    /*장바구니팝업*/
    .cart_popup .content {width:92%; margin-left:-46%;}
    .cart_popup .price_box > div {width:auto; gap:10px;}

    /*이용약관팝업*/
    .agree_wrap_pop .content {width:92%; margin-left:-46%;}

    /*레이어팝업*/
    .layer_loading .loading {width:60px; height:60px; background-size:60px;}
    .topbnr_area a {height: auto; }
    .topbnr_area img {position: absolute; left: 50%;transform: translateX(-50%);height:auto;}  
    .topbnr_area .close_wrap{top:3px;}

    footer .cs_info{position:relative;top:0;padding:20px }
    footer .cs_info .btn_cs{right:0;}

    /*보증보험 가입사실 팝업*/
    .pop_insurance .content {width:calc(100% - 30px); margin-left:0; left:50%; transform:translateX(-50%);}
}

@media screen and (max-width:430px) {
    .grid a .i_img_box img{max-width:45px;}    
    .footer_bar ul{gap:30px;padding:5px 40px;}
    .footer_bar ul li a{font-size:11px;}
    .footer_bar ul li.home a{ background-size:auto;background-position: center 5px;}
    .footer_bar ul li.btn_gnb a{background-size:auto;background-position: center 8px;}
    .footer_bar ul li.mypage a{background-size:auto;background-position: center 5px;}
    .footer_bar ul li.cart a{background-size:auto;background-position: center 6px;}
    .header .inn {padding: 0 10px;}
    header .inn > div {gap: 14px;}
    .pdt_list.col3 .pdt_box.time_deal .img_box.opensoon:after{width:80px;}
    .pdt_list .pdt_box.time_deal .img_box.opensoon:after {width:70px;}
}
@keyframes fadeIn {
    0% {  opacity: 0;  }
    50% {opacity: 0.6; }
    100% {opacity: 1; }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}