/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(406,82): run-time error CSS1039: Token not allowed after unary operator: '-f_medium'
 */
/*헤더*/
header {width:100%; height:120px; padding:15px 0; border-bottom:1px solid #f1f1f1; background:#fff;}
header .top:after {content:""; display:block; clear:both;}
header .top ul {float:right; display:flex; align-items:baseline;}
header .top li {position:relative; padding:0 15px;}
header .top li:last-child {padding-right:0;}
header .top li:after {content:""; position:absolute; right:0; top:2px; width:1px; height:12px; background:#f1f1f1;}
header .top li:last-child:after {display:none;}
header .top .user {position:relative; padding:0; font-size:14px; cursor:pointer;}
header .top .user:after {display:none;}
header .top .user span {font-size:14px; font-weight:500; color:#383c45;}
header .top .user .logout {display:none; position:absolute; left:50%; top:20px; margin-left:-31.5px;}
header .top .user .logout img {filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.1));}
header .top a {font-size:14px; color:#787878;}
header .bot {display:flex; justify-content:space-between; margin-top:2px;}
header .logo {display:flex; gap:20px; align-items:center;}
header h1 img {max-width:280px; max-height:50px;}
header h1 a {font-size:30px; font-weight:bold; color:#282828;}
header .search {position:relative;}
header .search input {width:490px; padding:14px 52px 15px 20px; border-radius:25px;}
header .search button {position:absolute; right:6px; top:5px; width:40px; height:40px; background:url(/contents/images/icon/i_btn_search.svg)no-repeat 0 0; text-indent:-9999px;}
header .util {display:flex; gap:15px; margin-top:10px;}
header .util li {text-align:center; min-width:70px;}
header .util img {margin:0 auto 5px; display:block;}
header .util span {font-size:15px; font-weight:normal; color:#282828;}
header.fixed {position:fixed; left:0; top:0; width:100%; height:70px; padding:10px 0; z-index:10;}
header.fixed .top {display:none;}
header.fixed .bot {margin:0;}
header.fixed .util {margin:0; align-items:center;}
header.fixed .util span {display:none;}

/*GNB*/
.gnb {height:60px; border-bottom:1px solid #f1f1f1; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.05); transition:all .2s;}
.gnb .inner {display:flex; position:relative;}
.gnb .btn_category {width:170px; height:60px; background:#00aebd; font-weight:500; color:#fff;}
.gnb .btn_category img {margin-right:10px;}
.gnb .btn_category.on {background:#fafafa; color:#00aebd;}
.gnb .menu {display:flex; border-right:1px solid #f1f1f1;}
.gnb .menu p {margin:0 30px; line-height:60px;}
.gnb .menu p a {font-weight:500; color:#282828; white-space:nowrap;}
.all_category {display:none; position:absolute; left:0; top:59px; width:100%; padding:30px 21px; border:1px solid #ddd; border-radius:0 0 15px 15px; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.1); z-index:10;}
.all_category .top {display:flex; justify-content:space-between; margin-bottom:20px;}
.all_category .top h2 {font-size:25px; font-weight:bold; color:#282828;}
.all_category .top .btn_close {width:30px; height:30px; background:url(/contents/images/icon/i_pop_close.svg)no-repeat 0 0; text-indent:-9999px;}
.all_category .bot {display:flex; gap:17px; flex-wrap:wrap;}
.all_category .bot dl {flex-shrink:0; width:162px; margin-bottom:13px;}
.all_category .bot dt {width:100%; min-height:40px; margin-bottom:10px; padding:9px 16px; line-height:20px; border-radius:5px; border:1px solid #ddd; font-size:15px; font-weight:500; color:#383c45; text-align:center;}
.all_category .bot dt a {display:block;}
.all_category .bot dd {padding:0 10px;}
.all_category .bot dd p {margin-bottom:10px;}
.all_category .bot dd a {font-size:15px;}
.gnb.fixed {display:none;}


/*상품리스트*/
.pdt_list .inner {display:flex; flex-wrap:wrap;}
.pdt_list .pdt_box {margin-bottom:60px;}
.pdt_list.gap_b0 .pdt_box {margin-bottom:0;}
.pdt_list.type_col4 .pdt_box {width:296px; margin-left:32px;}
.mypage_wrap .pdt_list.type_col4 .pdt_box {width:215px;margin-left:30px;}
.mypage_wrap .pdt_list.type_col4 .inner {width:950px;}
.pdt_list.type_col5 .pdt_box {width:232px; margin-left:30px;}
.pdt_list.type_col4 .pdt_box:nth-child(4n+1),
.pdt_list.type_col5 .pdt_box:nth-child(5n+1) {margin-left:0;}
.pdt_list .bor {position:relative; overflow:hidden; border-radius:15px; margin-bottom:10px;}
.pdt_list .bor:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:15px; border:1px solid rgba(0,0,0,0.1); z-index:1;}
.pdt_list .img {position:relative;}
.pdt_list .img img {width:100%;}
.pdt_list .img .timer {position:absolute; bottom:10px; left:15px; width:calc(100% - 30px); height:25px; border-radius:5px; background:rgba(34,34,37,.55); text-align:center; line-height:25px; font-size:15px; color:#fff; }
.pdt_list .img .timer span {font-weight:bold; color:#D5E6FF;}
.pdt_list .img .flag {position:absolute; left:0; top:0; width:84px; line-height:30px; background:#E33735; text-align:center; font-size:14px; color:#fff; font-weight:500; border-radius:15px 0;}
.pdt_list .pdt_name {overflow:hidden; text-overflow:ellipsis; color:#383c45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.pdt_list .pdt_sub {width:100%; margin-top:5px; font-size:14px; color:#939d9e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pdt_list .price {margin-top:12px;}
.pdt_list .price dl {display:flex; justify-content:space-between; align-items:center;}
.pdt_list .price dl + dl {margin-top:2px;}
.pdt_list .price dt, .pdt_list .price dd {font-size:13px; color:#787878;}
.pdt_list .price dt.prd_cur {font-size:18px; font-weight:500; color:#282828;}
.pdt_list .price dd.prd_cur {font-size:22px; font-weight:bold; color:#282828;}
.pdt_list .price dd.prd_cur span {font-size:14px; font-weight:400; color:#282828;}
.pdt_list .price dt.discount {font-size:14px; font-weight:500; color:#e33735;}
.pdt_list .price dd.discount {font-size:14px; text-decoration:line-through;}
.pdt_list .subscribe {text-align:center; margin-top:12px;}
.pdt_list .subscribe span {display:inline-block; line-height:34px; width:90px; height:34px; border-radius:5px; color:#fff; font-size:15px; background:#00aebd;}
.pdt_list .subscribe .ing {background:#a3aeb7;}
.pdt_list .subscribe .disabled {opacity:0.25;}
.pdt_box.sold_out a, .pdt_box.outof_stock a, .pdt_box.prd_ready a {cursor:default;}
.pdt_box.sold_out .bor:after, .pdt_box.outof_stock .bor:after, .pdt_box.prd_ready .bor:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:15px; background:rgba(255,255,255,0.7 ); z-index:2;}
.pdt_box.sold_out dt.prd_cur, .pdt_box.outof_stock dt.prd_cur {color:#e33735}
.pdt_box.prd_ready dt.prd_cur {color:#787878;}

/* 버튼 기본*/
.btn_default {border-radius: 5px;color: #fff;font-size: 15px;text-align: center;font-weight:400;background-color: #00AEBD;width: 90px;height: 34px;position:relative;display:inline-block;text-align:center;}
.btn_default:focus {border: 1px solid rgba(0,0,0,0.1);}
.btn_default:active {box-shadow: inset 0 2px 8px rgba(0,0,0,0.2);}
.btn_default:hover:after {content:'';width:100%;height:100%; display:inline-block; background-color:rgba(0,0,0,0.05);position:absolute;top:0;left:0;}
.btn_default:disabled {opacity: 0.25; cursor:default;}
.btn_black{background-color:#383C45}
.btn_gray{background-color:#A3AEB7}
.btn_dark_gray{background-color:#585858;}
.btn_red {background-color:#fff1f0; color:#ff5b59 !important;}

/* 버튼 border*/
.btn_br_default{border:1px solid #00AEBD;border-radius:5px;font-size:15px; color:#00AEBD;width: 90px;height: 34px;line-height:normal; background-color:#fff;font-weight:400;position:relative;display:inline-block;text-align:center;}
.btn_br_default:disabled {opacity: 0.25;background: #C0C2CE}
.btn_br_default:focus:after {content:'';width:100%;height:100%; display:inline-block; border-color:rgba(255,255,255,0.3);position:absolute;top:0;left:0;}
.btn_br_default:hover{background-color:#fafafa}
.btn_br_default:active {box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);}
.btn_br_black {border-color:#585858;color:#585858}
.btn_br_lightgray {border-color:#BAC5CE;color:#383C45}
.btn_br_gray{border-color:#939D9E;color:#585858}
.btn_lg{width:200px;height:60px;line-height:60px; font-size:20px;font-weight:500;text-align:center;}
.btn_br_bg_gray{background-color:#FAFAFA;color:#585858;border-color:#939D9E}
.btn_br_sky{border-color:#009BE2;color:#009BE2}
.btn_srch{width:100px;height:50px;}
.btn_back{display:inline-block; width:45px;height:45px;background:url(/contents/images/icon/i_btn_back.svg) 0 0 no-repeat;font-size:0;position:absolute;left:0;}

.btn_sns.btn_kakao{background-image:url(/contents/images/icon/i_Kakaotalk.svg);}
.btn_sns.btn_kakas{background-image:url(/contents/images/icon/i_kakao_story.svg);}
.btn_sns.btn_facebook{background-image:url(/contents/images/icon/i_facebook.svg);}
.btn_sns.btn_band{background-image:url(/contents/images/icon/i_band.png);}
.btn_sns.btn_sms{background-image:url(/contents/images/icon/i_sms.png);}
.btn_sns {color:#383C45;padding-top:68px;min-width:60px; background-size:60px; background-position:center 0;background-repeat:no-repeat;text-align:center;}
.sns_box a{margin-right:22px;display:block}
.sns_box button:last-child{margin-right:0;

}
/* 버튼 정렬*/
.btn_area {width: 100%; overflow:hidden; text-align:center;}
.btn_area .btn_left {float: left;}
.btn_area .btn_right {float: right;}
.clearfix {*zoom: 1}
.clearfix:after,.btn_area .btn_right:after,.btn_area .btn_left:after {content: '';display: block;clear: both;}
.btn_align button{display:block;margin:0 auto 8px;}
.btn_align button:last-child{margin-bottom:0;}
.btn_area.line_h50 button,.btn_area.line_h50 a{line-height:50px}
.btn_area.line_h60 button,.btn_area.line_h60 a{line-height:60px}
/* 파일첨부 버튼 */
.filebox {gap:15px;}
.filebox .upload_name {display: inline-block;padding: 0 20px;vertical-align: middle;border: 1px solid #ddd; height:50px;color:#383838;background-color:#FAFAFA; border-radius:5px; font-size:16px;}
.filebox label {display: inline-block;width:130px; box-sizing:border-box;color:#585858; border:1px solid #585858;vertical-align: middle;cursor: pointer;height:50px;margin-left:5px; background-color:#fff; border-radius:5px;text-align: center;line-height: 50px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/*페이지 제목*/
.member_tit{font-size:30px; font-weight:bold; color:#282828; margin:100px auto 30px; text-align:center;}
.sub_tit{height:100px; padding:30px; font-size:30px; font-weight:500; text-align:center; border-bottom:1px solid #f1f1f1; background:#fff;position:relative;}
.sub_tit.border0 {border:0;}
.sub_tit2 {font-size:24px; font-weight:500; color:#383c45; margin-bottom:15px;}
.sub_tit2 img {vertical-align:middle; margin-right:8px;}
.sub_tit3 {font-size:30px; font-weight:500; color:#383C45; height:100px; line-height:100px; text-align:center; background:rgba(197,177,255,.1);}
.con_title{font-size:24px; color:#383C45;font-weight:500;margin-bottom:20px;position:relative;}
/* 체크박스 */
/* Checkbox */
.custom-checkbox {position: relative;display: inline-block;}
.custom-checkbox .checkbox {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}
.custom-checkbox .checkbox + label {display: inline-block;position: relative;padding-left:24px;height:24px;cursor: pointer;font-size:15px;line-height:24px;margin-right: 20px;text-indent: 8px;}
.custom-checkbox .checkbox + label:before {display: block;content: '';position: absolute;left: 0;top: 0;width:24px;height:24px;text-align: center;border-radius:4px; border:1px solid #ddd; background-color:#fff;}
.custom-checkbox .checkbox:checked + label:before {width:24px;background: #00AEBD url("/contents/images/icon/i_checked.svg")  center no-repeat; border-color:#00AEBD;}
.custom-checkbox .checkbox[disabled]:checked + label:before {width:24px;background: #EBF0F1 url("/contents/images/icon/i_check.svg") center no-repeat;}
.custom-checkbox .checkbox[disabled] + label:before {background:#EFEFEF;border: 1px solid #ddd; color:#b4b4b4}
.custom-checkbox .checkbox[disabled]:checked + label,.custom-checkbox .checkbox[disabled] + label{color:#b4b4b4}
.custom-checkbox .checkbox[disabled] + label, .custom-radio .radio[disabled] + label {cursor: default;opacity: .8;}

/* 라디오버튼 */
/* Radio */
.custom-radio {position: relative;display: inline-block;}
.custom-radio .radio {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.custom-radio .radio + label {display: inline-block;position: relative;padding-left: 22px;height: 22px;cursor: pointer;font-size:16px; margin-right:20px; color:#383C45;line-height: 22px;text-indent:8px}
.custom-radio .radio + label:before {display: block;content: '';position: absolute;left: 0;top: 0;width:22px;height:22px;text-align: center;background: #fff;border: 1px solid #ddd;border-radius: 100%;}
.custom-radio .radio:checked + label {color:#00AEBD;text-indent:8px;}
.custom-radio .radio:checked + label:after {content: '';background:url(/contents/images/icon/i_radio_cheked.svg) 0 0 no-repeat;width:22px;height:22px; display:block;position:absolute;left:0;top:0;}
.custom-radio .radio[disabled] + label:before {background:#EFEFEF; border-color:#ddd}
.custom-radio .radio[disabled] + label:after{background-color:#ddd;}
.custom-radio .radio[disabled] + label{color:#b4b4b4}

/*셀렉트박스*/
select {min-height:37px; padding:0 30px 0 10px; border-radius:5px; border:1px solid #ddd; background:url(/contents/images/icon/i_select.svg)no-repeat calc(100% - 10px) 50%;}

/*푸터*/
footer{padding-bottom:100px}
footer,footer> * {background-color:#fff;}
footer .ft_logo{width: 140px;height: 25px; margin-top: 32px; margin-right: 5px; line-height: 25px;}
footer .ft_logo img{width:100%;}
footer .ft_left_box {display:flex}
footer .ft_left_box ul li {font-size:12px;color:#787878;line-height:18px;padding-left:5px;}
footer .ft_left_box ul li:before{content:''; width:2px;height:2px;background:#636363;display: inline-block;margin-right: 6px;position:relative;top:-3px;}
footer .ft_left_box ul li strong {font-size:12px; margin-right:10px;}
footer .ft_left_box ul li a {font-size:12px; color:#787878}
footer .ft_left_box ul .fo_insurance {padding:0; margin-top:10px;}
footer .ft_left_box ul .fo_insurance:before {display:none;}
footer .ft_left_box ul .btn_insurance {margin-bottom:10px; font-size:12px; color:#787878; width:140px; height:28px; border-radius:5px; border:1px solid #eee;}
footer .term_area{border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;}
footer .term_area .inner{border-left:1px solid #F1F1F1; height:100%;padding:16px 0 16px 30px; height:48px;position:relative;}
footer .term_area .inner a{display:inline-block;}
footer .term_area .inner .btn_pdf{width: 150px;border: 1px solid #00AEBD;   font-size: 12px;height: 30px;
line-height: 30px;color: #00AEBD;border-radius: 5px;padding-right: 10px;background: url(/contents/images/icon/ic_sevice.svg) 94% 5px no-repeat;box-sizing: border-box;text-align: center;font-weight: 500;position: absolute;right: 0;bottom:10px;}
footer .ft_right dl{text-align:right;}
footer .ft_right dl dt{color:#999;margin-bottom:5px;}
footer .ft_right dl dd{margin-bottom:9px;}
footer .ft_right dl dd.info{line-height:18px;font-size:12px;}
footer .ft_right dl dd.info strong{margin-right:8px}
footer .ft_bottom{display:flex;justify-content: space-between; padding-top:21px;}

/*테이블*/
.tb_basic {border-style:hidden; width:100%; border-radius:5px; box-shadow:0 0 0 1px #ddd;}
.tb_basic th {padding:10px; background:#fafafa; font-size:15px; color:#787878; border-bottom:1px solid #ddd; border-right:1px solid #f1f1f1; border-radius:5px 5px 0 0;}
.tb_basic th:last-child, .tb_basic td:last-child {border-right:0;}
.tb_basic td {padding:10px; border:1px solid #f1f1f1; border-bottom:1px solid #ddd; font-size:14px; color:#383c45; text-align:center;position:relative; word-break:break-word;}
.tb_basic td, .tb_basic td *{font-size:14px; color:#383c45;}
.tb_basic td img {width:80px; height:80px; border-radius:5px;}
.tb_basic td .dp_flex_top {gap:10px;}
.tb_basic td .pdt_name {line-height:16px;}
.tb_basic td span {display:block; word-break:break-word;}
.tb_basic .td_nodata {font-size:18px; color:#787878; height:84px;}
.tb_basic.tb_w th{background-color:#fff; width:100px;border-right:0;font-weight:400;color:#585858;}
.tb_basic.tb_w td{text-align:left;}
.tb_basic.tb_w td.order_srch_state .custom-checkbox{margin-bottom:8px;}
.tb_basic.tb_w th,.tb_basic.tb_w td{border-bottom:0;}
.br_right{border-right:1px solid #f1f1f1!important}

/*페이징*/
.paging{display:flex; gap:5px; justify-content:center;}
.paging a {display:block; min-width:27px; height:28px; padding:0 10px; border:1px solid #f1f1f1; border-radius:5px; background-color:#fff; font-size:13px; text-align:center; line-height:26px;}
.paging .active{background-color:#00aebd;color:#fff;font-weight:500;}
.paging .prev {background:#fafafa url(/contents/images/icon/i_prev_off.svg)no-repeat 50% 50%; text-indent:-9999px; cursor:pointer;}
.paging .prev.on {background:#fff url(/contents/images/icon/i_prev_on.svg)no-repeat 50% 50%; cursor:pointer;}
.paging .next {background:#fafafa url(/contents/images/icon/i_next_off.svg)no-repeat 50% 50%; text-indent:-9999px; cursor:pointer;}
.paging .next.on {background:#fff url(/contents/images/icon/i_next_on.svg)no-repeat 50% 50%; cursor:pointer;}

/*결제수단*/
.payment_list li {width:140px; height:80px;}
.payment_list input[type=radio] {display:none;}
.payment_list input[type=radio] + label {display:block; width:100%; height:100%; padding-top:46px; border:1px solid #939d9e; border-radius:10px; text-align:center; color:#444; cursor:pointer;}
.payment_list input[type=radio] + label.i_easypay {background:#fff url(/contents/images/icon/i_easypay.svg)no-repeat 50% 17px;}
.payment_list input[type=radio] + label.i_credit {background:#fff url(/contents/images/icon/i_credit.svg)no-repeat 50% 18px;}
.payment_list input[type=radio] + label.i_tosspay {background:#fff url(/contents/images/icon/i_tosspay.svg)no-repeat 50% 17px;}
.payment_list input[type=radio] + label.i_payco {background:#fff url(/contents/images/icon/i_payco.svg)no-repeat 50% 20px;}
.payment_list input[type=radio] + label.i_npay {background:#fff url(/contents/images/icon/i_npay.svg)no-repeat 50% 19px;}
.payment_list input[type=radio] + label.i_kakaopay {background:#fff url(/contents/images/icon/i_kakaopay.svg)no-repeat 50% 20px;}
.payment_list input[type=radio]:checked + label {position:relative; border-color:#e33735; font-weight:500; color:#e33735;}
.payment_list input[type=radio]:checked + label:after {content:""; position:absolute; top:-4px; right:-4px; width:24px; height:24px; background:url(/contents/images/icon/i_pay_on.svg)no-repeat 0 0;}

/* 공통 팝업 이용약관팝업  장바구니팝업*/
.pop_bg_bl{width:100%;height:100%;position:fixed;top: 0;left: 0;overflow: hidden;display:none;z-index:999}
.pop_layer{overflow:hidden;background:#fff;border-radius:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow: 0 0 11px rgba(0,0,0,.16);}
.pop_layer .pop_hd{color:#383C45;font-size:24px; font-weight:700;text-align:center; border-bottom:1px solid #ddd; height:80px;position:relative;line-height:80px;}
.pop_layer .pop_hd .pop_close{position:absolute;right:30px; top:15px; width:50px;height:50px;text-align:center;}
.pop_layer .pop_hd .pop_close img{width:30px;height:30px;margin-top:10px;}
.pop_layer .pop_cont { transition: 0.7s ease; overflow:hidden; overflow-y:auto; max-height:calc(100vh - 140px);}
.pop_layer .pop_cont .agree_con,.pop_layer .pop_cont .inner_con{margin:30px; background:#FAFAFA;padding:20px; font-size:13px; font-weight:300;line-height:16px;color:#787878;overflow-y:auto;}
.pop_layer .pop_cont .agree_con table {}
.pop_layer .pop_cont .inner_con{background-color:#fff;}
.pop_layer .pop_cont .phone_number {gap:9px;}
.pop_layer.pop_agree{width:700px; height:400px;}
.pop_layer.pop_agree .agree_con { height:260px;}
.pop_layer.pop_agree .agree_con p, .pop_layer.pop_agree .agree_con * {font-size:13px; color:#787878;}
.pop_layer.pop_agree .agree_con b {font-size:13px; font-weight:500; color:#383c45;}
.pop_layer.pop_agree .agree_con table {margin:3px 0; border:1px solid #ddd;}
.pop_layer.pop_agree .agree_con th {background:#f1f1f1; height:47px; border-bottom:1px solid #ddd; font-size:13px; color:#787878;}
.pop_layer.pop_agree .agree_con th + th {border-left:1px solid #ddd;}
.pop_layer.pop_agree .agree_con td {padding:20px 15px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:16px; font-size:13px; color:#787878;}
.pop_layer.pop_ad_agree{width:450px; height:280px;}
.pop_layer.pop_ad_agree .agree_con{height:140px;}
.pop_tbl_col{border-top:1px solid #eee;width:100%;}
.pop_tbl_col  thead th{background-color:#FAFAFA;color:#383C45;font-weight:500;text-align:center;border-bottom:1px solid #eee}
.pop_tbl_col  tbody td{text-align:center;color:#939D9E;background-color:#fff;border-bottom:1px solid #eee}
.pop_tbl_col  tbody tr.active td{color:#383C45;font-weight:400}
.pop_tbl_col  tbody tr.active td:last-child{color:#12BF46}
.pop_tbl_col  thead th,.pop_tbl_col  tbody td{padding:15px 10px}
.pop_scroll_box{overflow-x:hidden;overflow-y:auto;}
.delivery_step{border-bottom:1px solid #eee;padding-bottom:30px; display:flex;align-items: center;justify-content: center;margin-bottom:30px}
.delivery_step li{width:105px;text-align:center; position:relative; padding-top:40px;}
.delivery_step li.step1{background:url(/contents/images/icon/i_delivery_step1.png) center 0 no-repeat; background-size: 40px;}
.delivery_step li.step2{background:url(/contents/images/icon/i_delivery_step2.png) center 0 no-repeat; background-size: 40px;}
.delivery_step li.step3{background:url(/contents/images/icon/i_delivery_step3.png) center 0 no-repeat; background-size: 40px;}
.delivery_step li.active.step3{background-image:url(/contents/images/icon/i_delivery_step3_active.png)}
.delivery_step li.step4{background:url(/contents/images/icon/i_delivery_step4.png) center 2px no-repeat; background-size: 40px;}
.delivery_step li.active.step4{background-image:url(/contents/images/icon/i_delivery_step4_active.png)}
.delivery_step li.step5{background:url(/contents/images/icon/i_delivery_step5.png) center 0 no-repeat; background-size: 40px;}
.delivery_step li.active.step5{background-image:url(/contents/images/icon/i_delivery_step5_active.png)}
.delivery_step li:after{content:'';position:absolute;top:20px;right:0;width:12px;height:22px; background:url(/contents/images/icon/i_link_arrow.svg) 100% 0 no-repeat;}
.delivery_step li:last-child:after{content:none;}
.delivery_step li span{color:#939D9E;font-size:18px;}
.delivery_step li.active span{color:#383C45;font-weight:500;}
.pop_top_box{background-color:#F6F6F6;border-radius:10px;padding:20px 30px;}
.pop_subtit{font-size:24px;color:#383C45;font-weight:500}
.pop_subtit span{color:#939D9E;}
.chk_list{border-bottom:1px solid #eee;padding-bottom:30px;margin-bottom:30px;}
.chk_list li{margin-bottom:15px;padding-left:25px;}
.chk_list li:last-child{margin-bottom:0;}
.form_list li{display:flex;margin-bottom:10px;align-items: center;}
.form_list .form_tit{color:#383C45;width:120px;font-weight:500;font-size:18px;padding:0;border-bottom:0;}
.pop_agree_link:after{content:'펼치기'}
.pop_agree_link.open_toggle:after{content:'접기'}
.pop_cont .agree_box{display:none;}
.pop_imgslide{height:824px;}
.pop_layer.pop_sns{height:300px;}
.pop_layer.pop_post{width:940px;}
.pop_post .form_list{width:880px;}
.pop_post .form_list li {    flex-wrap: wrap;}
.pop_post .form_list li .form_tit{width:180px;}
.img_slide {width:640px;height:640px;/* overflow:hidden;*/}
.img_slide .slick-list{width:100%;height:100%;}
.img_slide .slick-list a{overflow:hidden;display:block;max-width:640px;max-height:640px;overflow:hidden;width:100%;height:100%;}
.img_slide .slick-list a img {margin:0 auto; text-align:center; width:100%;height:100%;}
.img_slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px; z-index:1; width:50px; height:50px;}
.img_slide .slick-prev {left:0; background:url(/contents/images/icon/i_slide_prev.png)no-repeat; background-size:cover;}
.img_slide .slick-prev.slick-disabled{background-image:url(/contents/images/icon/i_slide_prev_disabled.png);}
.img_slide .slick-next {right:0; background:url(/contents/images/icon/i_slide_next.png)no-repeat; background-size:cover;}
.img_slide .slick-next.slick-disabled{background-image:url(/contents/images/icon/i_slide_next_disabled.png)}
.img_slide .slide_cnt {position:absolute; left:50%; transform:translateX(-50%); bottom:-40px;}
.img_slide .slide_cnt li {display:none; width:54px; height:26px; line-height:26px; text-align:center;border-radius:15px; font-size:18px; color:#787878; font-weight:300;}
.img_slide .slide_cnt li span {font-weight:700; font-size:18px; color:#383C45; }
.img_slide .slide_cnt li.slick-active {display:block;}
.pop_regular_payment, .pop_change_price,
.pop_order_payment, .pop_change_service, .pop_simple_pw, .pop_pw_find, .pop_pw_result,.pop_cart, .pop_terms {width:700px;}
.pop_card_info {width:800px;}
.pop_members_only.pop_cont {padding:27px 24px 60px;}
.pop_pw_find .pop_cont, .pop_pw_result .pop_cont {padding:40px 24px 60px;}
.pop_members_only .gray_box {padding:20px 15px; background:#fafafa; border-radius:5px; line-height:1.3;}
.pop_members_only .gray_box.all_chk {padding:16px 10px; width:100%; margin-bottom:16px;}
.pop_members_only .mem_agree_chk li {margin-bottom:16px;}
.pop_members_only .change_box {border-radius:8px; border:1px solid #ddd; overflow:hidden;}
.pop_members_only .change_box .tit {padding:0 20px; line-height:55px; border-bottom:1px solid #ddd; background:#fafafa;}
.pop_members_only .change_box .con {padding:16px 20px;}
.pop_members_only .change_box .con dl {display:flex; justify-content:space-between; align-items:center;}
.pop_members_only .change_box .con dl + dl {margin-top:12px;}
.pop_members_only .change_box.blue .tit {background:#f4f7fc;}
.pop_members_only .change_box .change {display:flex; align-items:center; gap:10px;}
.pop_members_only .step {text-align:center; margin:20px 0;}
.pop_members_only .totall {margin:20px 0; display:flex; justify-content:space-between; align-items:center;}
.pop_members_only .payment_type {margin:20px 0; padding:20px; border-radius:5px; background:#f9f9f9;}
.pop_members_only .payment_type dl {display:flex; align-items:center; gap:47px;}
.pop_members_only .payment_type dd div {display:flex; align-items:center; gap:4px;}
.pop_members_only .agree {margin:30px 0 40px; text-align:center;}
.pop_members_only .line {width:700px; height:10px; background:#fafafa; margin:0 -24px 20px;}
.pop_simple_pw .pop_cont {position:relative;}
.pop_simple_pw .pw_inp {display:flex; justify-content:center; gap:8px; margin-bottom:140px;}
.pop_simple_pw .pw_inp input {width:54px; height:54px; background:#fafafa; border:1px solid #ddd; border-radius:5px; text-align:center;}
.pop_simple_pw .pw_inp input.on {background:#585858;}
.pop_simple_pw .error {position:absolute; left:50%; transform:translateX(-50%); top:192px;}
.pop_simple_pw .pw_reset {position:absolute; left:50%; transform:translateX(-50%); top:250px; text-decoration:underline;}
.pop_simple_pw table {table-layout:fixed; width:100%; background:#fafafa;}
.pop_simple_pw table tr {border-top:1px solid #ddd;}
.pop_simple_pw table tr {border-top:1px solid #ddd;}
.pop_simple_pw table td + td {border-left:1px solid #ddd;}
.pop_simple_pw table a {display:block; height:78px; line-height:78px; text-align:center; font-size:24px; font-weight:500; color:#383c45;}
.pop_simple_pw table img {vertical-align:middle;}
.pop_pw_result .gray_box {padding:20px 15px; text-align:center; border-radius:5px; background:#fafafa; line-height:1.3;}
.pop_card_info .pop_cont, .pop_terms .pop_cont {padding:33px 30px 60px;}
.pop_terms .terms {height:340px; overflow-y:auto; background:#F9F9F9; border-radius:5px; padding:0 20px;}
.pop_terms .terms .inn {line-break:auto; white-space:pre-line; line-height:1.5;}
.pop_members_only .view_agree label {margin-right:10px;}
.pop_members_only .view_agree .btn_view_agree {display:flex; align-items:center; color:#929294; gap:4px;}
.pop_members_only .view_agree .btn_view_agree.on img {transform:rotate(180deg);}
.pop_members_only .view_agree_txt {display:none; overflow-y:auto; height:200px; margin:16px 0 0 32px; padding:0 20px 20px 20px; border-radius:5px; background:#f9f9f9; box-sizing:border-box;}
.pop_members_only .view_agree_txt .inn {line-break:auto; white-space:pre-line; line-height:1.5;}
.pop_cart, .pop_insurance {width:700px;}
.pop_insurance .pop_cont {padding:30px 30px 60px;}
.pop_insurance .bg_gray2 {margin-bottom:30px; padding:10px 0; border-radius:10px; font-size:20px; font-weight:500; line-height:1.5;}
.pop_insurance th {text-align:left; padding-bottom:5px; color:#787878;}
.pop_insurance td {color:#383C45;}

/*구매후기팝업 */
.star_rating {display: inline-flex;flex-direction: row;justify-content: center;align-items: center; width:100%;}
.star_rating .star {width:36px; height:36px; margin-right:5px;display: inline-block;background: url(/contents/images/icon/i_star.svg) 0 0 no-repeat;background-size: 100%;box-sizing: border-box;}
.star_rating .star.on { background: url(/contents/images/icon/i_star_active.svg) 0 0 no-repeat;}
.file_box .img_attach,.file_box #preview_box,.file_box #preview_box li {float: left}
.file_box .file_img,.file_box .btn_addimg,.file_box .img_attach{width:95px;height:95px;display:inline-block;position:relative}
.file_box .btn_addimg{border: 1px solid #585858;background: url(/contents/images/icon/i_btn_file.svg) center 34% no-repeat;border-radius: 5px;padding-top: 62px;text-align: center;}
.file_box #add_img{position: absolute;visibility: hidden;left: 0; height: 95px; width: 95px;top: 39px;}
.file_box #preview_box {width:425px;}
.file_box #preview_box li {margin-left:15px;margin-bottom: 10px;position: relative;border: 1px solid #ececec;cursor: move}
.file_box .btn_img_del {position: absolute;top: 0;right: 0;font-size: 13px;width:25px;height:25px;display: inline-block; background:url(/contents/images/icon/i_btn_delete.png) 0 0 no-repeat;font-size:0;}

/*장바구니담기 팝업*/
.pop_cart .pop_cont {padding:40px 0 60px;}
.pop_cart .pop_cont p {margin:20px 0 40px;}

/* 검색 영역 input */
.srch_box{ position:relative}
.srch_box .btn_srch{width:30px;height:30px; display:block;position:absolute;top:10px;right:15px; background:url(/contents/images/icon/i_btn_search2.svg) 0 0 no-repeat;font-size:0;background-size:30px}
.srch_box .btn_srch.btn_clear{background-image:url(/contents/images/icon/i_cart_option_btn_del.svg);}
#ip_srch_txt{padding:14px 40px 15px 20px}

/*플래그*/
.state_credit {display:inline-block; width:60px; height:17px; line-height:17px; text-align:center; border-radius:8px; background:#64a36a; color:#fff!important; font-size:12px; font-weight:300;}
.state_npay {display:inline-block; width:46px; height:18px; background:url(/contents/images/icon/i_npay.svg)no-repeat 0 0; background-size:cover; text-indent:-9999px;}
.state_kakaopay {display:inline-block; width:43px; height:20px; background:url(/contents/images/icon/i_kakaopay.svg)no-repeat 0 0; background-size:contain; text-indent:-9999px;}
.state_tosspay {display:inline-block; width:93px; height:18px; background:url(/contents/images/icon/i_tosspay.svg)no-repeat 0 0; background-size:cover; text-indent:-9999px;}
.state_payco {display:inline-block; width:71px; height:16px; background:url(/contents/images/icon/i_payco.svg)no-repeat 0 0; background-size:cover; text-indent:-9999px;}
.ico_delivery{background:url(/contents/images/icon/i_packge.svg) 0 1px no-repeat;color:#009df8; font-size:14px;font-weight:400;padding-left:22px; }
.ico_delivery.ico_no_delivery{background-image:url(/contents/images/icon/i_none_packge.svg);color:#fe5653}
.ico_delivery.ico_no_jeju{background-image:url(/contents/images/icon/i_no_jeju.svg);color:#fe5653}
.ico_delivery.ico_no_mt{background-image:url(/contents/images/icon/i_no_mt.svg);color:#fe5653}
.ico_delivery.ico_parcel{background-image:url(/contents/images/icon/i_parcel.svg);color:#12bf46}
.ico_delivery.ico_shipment{background-image:url(/contents/images/icon/i_shipment.svg);color:#ff8000}

/*툴팁*/
.ui-helper-hidden-accessible {display:none;}
.tooltip {margin-left:3px; font-size:14px;}
.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/images/icon/ic_tooltip.png)no-repeat 0 0;}
.ui-tooltip.custom_tooltip .ui-tooltip-content .tooltip_txt {font-size:14px;}
.ui-tooltip.custom_tooltip .ui-tooltip-content .tooltip_txt em {font-weight:var(--f_medium); font-size:14px;}

/*스크롤*/
.scrollbar{overflow-x:hidden; overflow-y:auto}
div::-webkit-scrollbar,.scrollbar::-webkit-scrollbar{width:8px; border-radius:10px}
div::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb {background-clip:padding-box; border-radius:8px; background:#cbced5;}
div::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track { background:#fafafa; border-radius:10px}

#b2b_usr_id:focus-within +.mailtip{display:block}
.mailtip{background:#fff; padding:10px!important; margin:3px 0 0!important; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);border-radius:5px;}
.mailtip li {color:#585858;font-size:17px;margin:0 0 5px!important; padding:5px 10px 10px ;}
.mailtip li:hover,.mailtip li.active{background:#00aebd;padding:5px 0; }
.mailtip li:focus,.mailtip li:focus-within ,#b2b_usr_id.active +.mailtip mailtip li.active{outline:1px solid #E33735}
.mailtip li p{display:block;}
.mailtip li:hover p,.mailtip li.active p{color:#fff;}

/*스크롤버튼*/
.fixed_scroll {display:none; position:fixed; right:35px; bottom:30px;}
.fixed_scroll button {display:block; width:45px; height:45px; text-align:center; border:1px solid #ddd; background:#fff;}
.fixed_scroll .up {border-radius:5px 5px 0 0; margin-bottom:-1px;}
.fixed_scroll .down {border-radius:0 0 5px 5px;}
.fixed_scroll button:hover {position:relative; border-color:#939d9e;}

/*로딩*/
.loading {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; display:flex; align-items:center; justify-content:center;}
.loading img {border-radius:15px; background:rgba(255,255,255,.8);}

/*이용약관*/
.terms .inner.content {margin-top:30px;}
.terms p {line-height:24px;}
.terms b {font-weight:500; color:#383c45;}
.terms table {border-top:2px solid #787878; margin:5px 0; position:relative;}
.terms table:after {content:""; position:absolute; right:-1px; top:0; width:1px; height:100%; background:#fff;}
.terms th {background:#FAFAFA; height:58px; border-bottom:1px solid #ddd; font-weight:500; color:#383C45;}
.terms th + th {border-left:1px solid #ddd;}
.terms td {text-align:center; padding:25px 30px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:24px; color:#787878;}