@charset "UTF-8";

:root{--safeTop:env(safe-area-inset-top);--safeBtm:env(safe-area-inset-bottom)}

@font-face{
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:local('Pretendard Black'), url('/fonts/Pretendard-Black.subset.woff2') format('woff2'), url('/fonts/Pretendard-Black.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:local('Pretendard Bold'), url('/fonts/Pretendard-Bold.subset.woff2') format('woff2'), url('/fonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:local('Pretendard SemiBold'), url('/fonts/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/fonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:local('Pretendard Medium'), url('/fonts/Pretendard-Medium.subset.woff2') format('woff2'), url('/fonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:local('Pretendard Regular'), url('/fonts/Pretendard-Regular.subset.woff2') format('woff2'), url('/fonts/Pretendard-Regular.subset.woff') format('woff');
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;font-size:14px;line-height:1.5}
body{position:relative;background-color:#ebebeb;color:#5c5c5c;word-break:break-all;-webkit-text-size-adjust:none;padding:var(--safeTop) 0 var(--safeBtm)}
html{font-size:10px;line-height:15px}
table{border-collapse:collapse}
fieldset,img{border:0;vertical-align:top}
ol,ul,li{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
/* a:hover{color:#000} */
img{vertical-align:top}
mark{color:inherit;font-weight:700;background:0 0}
button,input{-webkit-border-radius:0;border-radius:0;background:0 0;box-sizing:border-box;-webkit-appearance:none;border:0;outline:0}
button{cursor:pointer}
button:disabled{cursor:default}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.blind::before{display:block;width:0;height:0;content:'\00a0';font-size:0}
caption .blind{position: static !important}

/* default */
body{
	overscroll-behavior-y:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:antialiased;
}
@media only screen and (max-width:720px){
	body{overscroll-behavior-y:auto}
}

body.body_fixed{position:sticky;overflow-y:hidden}
body.body_fixed::-webkit-scrollbar{display:none}
.ellip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellip_line2{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellip_line3{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.fade_up_content{
	-webkit-transition:opacity 0.6s linear, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:opacity 0.6s linear, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity:0;
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
}
.fade_up_content.fade_up{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

.item_tag{position:absolute;left:0;top:0;z-index:2;display: flex;}
.item_flag{display: inline-block;font-size:12px;line-height:14px;margin-right:1px;font-weight:600;padding:7px 12px;background:#000;color:#fff;border-radius:1px 0 0 0;z-index:1000}
.item_flag.sale_tag_style{background:#000}
.item_flag.new_tag_style{background:#D92D20}
.item_flag.best_tag_style{background:#000}
.item_flag.soldout_tag_style{background:#9198A3}
.item_flag.b2b_tag_style{background:#3538CD}
.item_flag_b2b{position:absolute;right:8px;bottom:8px;z-index:2;display: inline-block;z-index:2;width:62px;height:22px;background:url(/images/common/flag_b2b.png) 0 0 no-repeat;background-size:62px 22px;}

.swiper-scrollbar{border-radius:0;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.4);margin:0 24px}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:0;right:0;bottom:24px;z-index:50;height:4px;width:auto !important}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(255,255,255,1);border-radius:0;left:0;top:0}

.swiper-pagination{position:absolute;bottom:16px;right:16px;left:auto;display:inline-block;border-radius:14px;background:rgba(0, 0, 0, 0.5);width:58px;height:28px;color:#fff;line-height:28px;font-size:13px}

.md-ripples{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.ripples-light .ripple{background-color:#fff}
.ripples-dark .ripple{background-color:#000}
.ripple{background-color:#000;opacity:.1;position:absolute;border-radius:50%;pointer-events:none;animation:ripple .3s ease-out}
@keyframes ripple{from{transform:scale(0)}to{transform:scale(1)}}

.btn{position:relative;display:block;width:100%;text-align:center;line-height:48px;height:50px;font-size:15px;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;outline:0;border-radius:4px}
.btn:disabled{cursor:default;pointer-events:none}
.btn.btn_m{line-height:50px;height:52px;border-radius:4px;font-size:17px}
.btn.btn_f{line-height:50px;height:50px;border-radius:0}

.btn_inline{display:inline-block;width:auto;padding:0 24px}
.btn_inline_s{display:inline-block;width:auto;padding:0 16px;height:40px;line-height:38px;font-size:13px;}
.btn_t0{background-color:#F2F3F5;color:#38404D}
.btn_t0:hover{background:#E8E9EB}
.btn_t0:disabled{background:#F9FAFA;color:#C3C7CD}
.btn_t1{background-color:transparent;color:#38404D;border:1px solid #C3C7CD}
.btn_t1:hover{background:#F9FAFA}
.btn_t1:disabled{background:transparent;color:#C3C7CD;border:1px solid #E8E9EB}
.btn_t2{background:#262626;color:#fff}
.btn_t2:hover{background:#393939}
.btn_t2:disabled{background:#F9FAFA;color:#C3C7CD}
.fxd_bot_btn{position:fixed;left:0;right:0;bottom:0;z-index:100}
.fxd_bot_btn_nav{bottom:56px}
.fxd_bot_btn .fxd_bot_btn_wrap{width:100%;max-width:720px;margin:0 auto;background:#fff;box-shadow:0 -0.5px #C3C7CD}
.fxd_bot_btn .fxd_bot_btn_full_wrap{width:100%;max-width:720px;margin:0 auto;background:#fff;border-bottom:0.5px solid #C3C7CD}
.fxd_bot_btn .fxd_bot_btn_wrap .btn_area{padding:16px 16px}
.fxd_bot_option .fxd_bot_btn_wrap{height:134px}
.fxd_bot_btn_round .fxd_bot_btn_wrap{height:84px}
.fxd_bot_btn .fxd_bot_btn_wrap .btn{font-size:17px;height:52px;line-height:50px;}
.btn_area{display:flex;flex-direction:row;text-align:center;padding:24px 16px}
.btn_form_area{padding:0 16px}
.btn_confirm_code{padding:16px 16px 32px}
.btn_area li{flex:1 0 auto}
.btn_type_1{flex-wrap:wrap}
.btn_type_1 li{flex:1 1 auto;width:100%}
.btn_type_1 li + li{margin-top:12px}
.btn_type_2{margin-left:-6px;margin-right:-6px}
.btn_type_2 li{flex:1 0 auto;width:50%}
.btn_type_2 li span{display:block;margin:0 6px}
.btn_full_area{display:flex;flex-direction:row;}
.btn_full_area li{flex:1 0 auto;width:50%}
.btn_txt_area{padding:16px;display: flex;justify-content:space-between;align-items:center;}

.tlink,.tlink:active,.tlink:link,.tlink:visited{position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:2px}
.tlink:hover{border-bottom:0}
.tlink:after{content:"";position:absolute;width:0;height:1px;bottom:-1px;left:0;background-color:#000}
.tlink:hover:after{width:100%;transition:all 0.3s ease-out}

/* form */
.ftit_area{padding:24px 16px 40px}
.ftit_area_pb16{padding-bottom:16px;}
.ftit{position:relative;font-size:20px;line-height:26px;font-weight:600;color:#22272E}
.ftit_s{font-size:18px;line-height:21px;}
.ftit_sub{position:relative;margin-top:24px;font-size:14px;line-height:19px;font-weight:600;color:#6D7582}
.ftit_desc{font-size:14px;line-height:20px;margin-top:12px;color:#6D7582}
.ftit_desc_list{margin-top:12px;font-size:14px;line-height:20px}
.ftit_desc_list li{position:relative;padding-left:16px;color:#6D7582}
.ftit_desc_list li:after{content:'';display:block;width:4px;height:4px;position:absolute;left:4px;top:8px;background:#6D7582;border-radius:100%}
.ftit_sub + .ftit_desc_list{margin-top:0;}
.form_wrap{position:relative;padding:0 16px}
.form_row + .form_row{margin-top:24px}
.form_row label{display:block;line-height:17px;font-size:14px;color:#565D6B}
.form_row label.disabled_label{color:#B2B7C0 !important}
.form_error label{color:#F04438}
.form_desc{margin-top:10px;font-size:14px;line-height:17px;color:#9198A3}
.form_inp{position:relative}
.form_inp:after{content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:1px;background:#F04438;z-index:10;transition:all .3s ease-in-out}
.form_error .form_inp:after{width:100%}
.inpt,.inpta{box-sizing:border-box;width:100%;outline:0;padding:16px 0;border:0;border-radius:0;outline:none;height:52px;font-size:17px;line-height:20px;color:#22272E;background-color:transparent;transition:border-color .3s ease-in-out}
.inpt{border-bottom:1px solid #E8E9EB}
.inpta{min-height:52px;padding:16px 0 0 0;font-size:18px;line-height:20px;color:#22272E;display:block;box-shadow:none;resize:none;border-bottom:1px solid #E8E9EB}
.inpt:focus{border-bottom:1px solid #22272E}
.inpta:focus{border-bottom:1px solid #22272E}
.inpt::-webkit-input-placeholder,.inpta::-webkit-input-placeholder{font-size:17px;color:#B2B7C0;letter-spacing:0 !important}
.inpt::-ms-input-placeholder,.inpta::-ms-input-placeholder{font-size:17px;color:#B2B7C0;letter-spacing:0 !important}
input[type='password']{letter-spacing:2px}
input[type='password']:-webkit-input-placeholder{letter-spacing:0 !important}
input[type='password']:-ms-input-placeholder{letter-spacing:0 !important}
.inpt::-ms-clear{display:none}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.inpt[type="text"]:disabled{color:#B2B7C0 !important;opacity:1;-webkit-text-fill-color:#B2B7C0}
.agree{margin-top:24px}
.form_inp.form_inp_pw .inpt{padding:16px 76px 16px 0}
.form_inp.form_inp_pw .btn_pw_sh{position:absolute;top:0;right:0;width:52px;height:52px;background:url(/images/common/icon_show_pw.png) 50% 50% no-repeat;background-size:24px 24px}
.form_inp.form_inp_pw .btn_pw_sh.btn_pw_show{background:url(/images/common/icon_hide_pw.png) 50% 50% no-repeat;background-size:24px 24px}
.form_error_txt{display:none;margin-top:10px;font-size:14px;line-height:17px;font-weight:400;text-align:left;color:#F04438}
.form_notice_txt{display:none;margin-top:10px;font-size:14px;line-height:17px;font-weight:400;text-align:left;color:#FF611E}
.form_error .form_error_txt{display:block}
.form_notice .form_notice_txt{display:block}
.btn_inpr{position:absolute !important;top:0;right:0;width:110px;font-size:15px}
.verification .inpt{padding:20px 120px 20px 0}
.verification .limit_count{position:absolute;top:0;right:0;width:50px;text-align:right;font-size:17px;font-weight:400;line-height:64px;color:#000}
.verification .btn_again_code{position:absolute;top:0;right:60px;width:50px;text-align:right;font-size:16px;font-weight:600;line-height:64px;color:#1570EF}
.zipcode .inpt{padding:0 120px 0 0}
.btn_find_zipcode{width:110px;position:absolute !important;top:0;right:0;font-size:17px;color:#22272E;line-height:52px}
.addr_form_inp{margin-top:16px}
.check_wrap{position:relative}
.round_check{position:absolute;top:0;left:0;width:28px;height:28px;outline:0}
.round_check + label{position:relative;display:inline-block;padding-left:40px;font-size:15px;font-weight:400;line-height:28px;cursor:pointer;color:#5c5c5c}
.round_check:disabled + label{color:#B2B7C0}
.round_check + label:before{content:'';position:absolute;top:0;left:0;display:block;width:28px;height:28px;background:url(/images/common/rdo.png) no-repeat 0 0;background-size:28px 28px}
.round_check:checked+label:before{content:'';background:url(/images/common/rdo_checked_f.png) no-repeat 0 0;background-size:28px 28px}
.round_check:disabled+label:before{content:'';background:url(/images/common/rdo_disabled.png) no-repeat 0 0;background-size:28px 28px}
.round_check_inline{display:block;width:28px;height:28px;background:url(/images/common/rdo.png) no-repeat 0 0;background-size:28px 28px;cursor:pointer}
.round_check_inline:checked{background:url(/images/common/rdo_checked_f.png) no-repeat 0 0;background-size:28px 28px}
.square_check{position:absolute;top:0;left:0;width:28px;height:28px;outline:0}
.square_check + label{position:relative;display:inline-block;padding-left:40px;font-size:15px;font-weight:400;line-height:28px;cursor:pointer;color:#5c5c5c}
.square_check:disabled + label{color:#B2B7C0}
.square_check + label:before{content:'';position:absolute;top:0;left:0;display:block;width:28px;height:28px;background:url(/images/common/ckb.png) no-repeat 0 0;background-size:28px 28px}
.square_check.square_check_sub + label:before{content:'';background: url(/images/common/ckb_sub.png) no-repeat 50% 50%;background-size:24px 24px}
.square_check:checked+label:before{content:'';background:url(/images/common/ckb_checked_f.png) no-repeat 0 0;background-size:28px 28px}
.square_check.square_check_sub:checked+label:before{content:'';background:url(/images/common/ckb_sub_checked.png) no-repeat 50% 50%;background-size:24px 24px}
.square_check:disabled+label:before{content:'';background:url(/images/common/ckb_disabled.png) no-repeat 0 0;background-size:28px 28px}
.sel{background:#fff;width:100%;padding:0 16px;height:50px;border-radius:4px;font-size:15px;line-height:50px;color:#22272E;border:none;border-radius:4px;-webkit-appearance:none;outline:0;box-sizing:border-box;-webkit-box-sizing:border-box}
.form_inp .sel_box{margin-top:16px}
.sel_box{position:relative;display:block;height:52px;border:1px solid #f0f0f0;border-radius:4px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.sel_box:after{content:'';display:block;width:24px;height:24px;position:absolute;right:16px;top:50%;margin-top:-12px;background:url(/images/common/btn_expand_down.png) 50% 50% no-repeat;background-size:24px 24px}
.btn_check_round{display:block;width:40px;height:40px;background:url(/images/common/round_check.png) no-repeat 50% 50%;background-size:20px 20px}
.btn_checked_round,.btn_check_round:active{background:url(/images/common/round_checked.png) no-repeat 50% 50%;background-size:20px 20px}

.switch_btn_wrap{display:flex;flex-direction:row;justify-content:space-between}
.switch_btn_title{flex:1 0 auto;font-size:15px;line-height:28px;color:#22272E;}
.switch_btn{position:relative;flex:0 0 auto;width:50px;height:28px;border-radius:14px}
.switch_btn .btn_switch{position:absolute;top:0px;right:0px;bottom:0px;left:0px;overflow:hidden;background-color:#C3C7CD;border-radius:14px;transition:all .3s ease-in-out}
.switch_btn .btn_switch:before{content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:all .3s ease-in-out;z-index:1;}
.switch_btn .btn_switch.on{background-color:#2E90FA}
.switch_btn .btn_switch.on:before{left:24px}

/* layout */
.wrap{display:flex;position:relative;width:100%;max-width:720px;min-height:100vh;margin:0 auto;background:#fff;flex-direction:column;z-index:2}
.container{flex:1 1 auto;position:relative;width:100%;max-width:720px;margin:0 auto}
.feed_container{padding-bottom:32px}
.container_pb{padding-bottom:56px}
.container_pb_nav{padding-bottom:112px}
.container_pbr{padding-bottom:84px}
.container_pb_option{padding-bottom:134px}
.container_nav{padding-bottom:56px}
.container_pb_cart{padding-bottom:150px}
.container_pb_reset_pw{padding-bottom:140px}
.container_error{position:absolute;top:56px;right:0;bottom:72px;left:0;width:100%;max-width:720px;margin:0 auto;background:#f8f8f8}
.container_dlv{background:#f0f1f3;}

/* error */
.error_content{display:flex;height:100%;padding:0 16px;align-items:center}
.error_tit{width:100%;font-size:19px;line-height:24px;color:#000;font-weight:600}
.error_txt{margin-top:24px;color:#545454;font-size:17px;line-height:24px}
.error_etc{margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5}
.error_etc, .error_etc a{color:#1f97f5;font-size:17px}

/* b2b header */
.b2b_header{position:relative;max-width:720px;height:36px;z-index:40;}
.b2b_header_fxd{position:fixed;width:100%;max-width:720px;height:36px;}
.b2b_header_fxd_title{max-width:720px;background:#393939;text-align: center;color:#fff;line-height:36px;font-size:14px;font-weight:500;}

/* header */
.header{position:relative;max-width:720px;height:56px;z-index:40}
.header_fxd{position:fixed;width:100%;max-width:720px;height:56px}
.header_fxd_wrap{position:relative;max-width:720px;height:56px;background:#fff}
.header_fxd_wrap.header_fxd_wrap_bd{box-shadow:0 0.5px #C3C7CD}
/* .header_fxd_wrap:after{display:block;width:100%;height:1px;background:#e2e2e2;position:absolute;bottom:0;left:0;right:0;content:''} */
.header_fxd_wrap h1{padding:0 56px 0;text-align:center}
.header_fxd_wrap h1 a,.header_fxd_wrap h2 a{display:inline-block;height:56px;line-height:56px}
.header_fxd_wrap .header_logo{height:56px}
.header_fxd_wrap h2{padding:0 56px 0;font-size:17px;width:100%;line-height:56px;height:56px;color:#22272E;font-weight:400;text-align:center;box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header_fxd_wrap .hbtn{position:absolute;top:0;display:inline-block;width:56px;height:56px;line-height:56px;text-align:center;outline:0}
.header .btn_l{left:0}
.header .btn_r{right:0}
.header .btn_header_txt{padding:0 16px;width:auto;font-size:17px;color:#6D7582}
.header .btn_left_reveal{background:url(/images/common/btn_menu.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_left_back{background:url(/images/common/btn_back.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_header_close{background:url(/images/common/btn_close_x.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_share{background:url(/images/common/btn_share.png) 50% 50% no-repeat;background-size:24px 24px}

/* ft_nav */
.ft_nav{position:fixed;left:0;right:0;bottom:0;height:56px;z-index:100}
.ft_nav .ft_nav_wrap{width:100%;max-width:720px;margin:0 auto;box-shadow:4px 0px 16px rgba(0, 0, 0, 0.08);background:#fff}
.ft_nav_list{display:flex;flex-direction:row;text-align:center;padding:0}
.ft_nav_list li{flex:1 0 auto}
.ft_nav_list li a{display:block;padding:8px 0 0px;height: 56px;font-size:12px;color:#6D7582}
.ft_nav_list li a.selected{color:#1A1F27}
.ft_nav_list li a strong{position:relative;display:inline-block;min-width:32px;padding-top:28px;font-weight:500;line-height:14px;background-size:24px 24px;background-position:50% 0;background-repeat:no-repeat}
.ft_nav_list li a strong .count{position:absolute;left:50%;top:-4px;display:inline-block;min-width:8px;height:16px;padding:0 4px;font-size:11px;font-weight:400;line-height:16px;border-radius:16px;white-space:nowrap;color:#fff;text-align:center;background:#B42318}
.nav_home a strong{background-image:url(/images/common/nav_home.png)}
.nav_home a.selected strong{background-image:url(/images/common/nav_home_on.png)}
.nav_order a strong{background-image:url(/images/common/nav_delivery.png)}
.nav_order a.selected strong{background-image:url(/images/common/nav_delivery_on.png)}
.nav_order_list a strong{background-image:url(/images/common/nav_orderlist.png)}
.nav_order_list a.selected strong{background-image:url(/images/common/nav_orderlist_on.png)}
.nav_cart a strong{background-image:url(/images/common/nav_cart.png)}
.nav_cart a.selected strong{background-image:url(/images/common/nav_cart_on.png)}
.nav_my a strong{background-image:url(/images/common/nav_my.png)}
.nav_my a.selected strong{background-image:url(/images/common/nav_my_on.png)}
.nav_products a strong{background-image:url(/images/common/nav_products.png)}
.nav_products a.selected strong{background-image:url(/images/common/nav_products_on.png)}
.nav_pickup a strong{background-image:url(/images/common/nav_pickup.png)}
.nav_pickup a.selected strong{background-image:url(/images/common/nav_pickup_on.png)}
.ft_nav_list li a.md-ripples .ripple{background:#ddd}

/* swipe_category */
.swipe_category_wrap{position:relative;width:100%;height:54px;z-index:400}
.swiper_category_fxd{position:fixed;width:100%;max-width:720px;height:54px;background:#fff;display:flex;align-items:center;justify-content:space-between;align-items:center}
.swipe_category{position:relative;width:100%;max-width:720px;padding:8px 11px;background:#E8E9EB;box-sizing:border-box}
.swipe_category ul{position:relative}
.swipe_category li{position:relative;width:auto !important;padding:0 5px}
.swipe_category li:nth-child(1){margin-left:0}
.swipe_category li a{position:relative;display:inline-block;padding:0 20px 0;font-size:14px;height:38px;color:#5C5C5C;background-color:#fff;font-weight:600;line-height:38px;text-align:center;border-radius:19px}
.swipe_category li.on a{color:#fff;background-color:#22272E}

/* aside */
.aside_layer{position:fixed;top:0;left:-100%;bottom:0;z-index:6000;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s}
.aside_show{left:0}
.aside_wrap{position:relative;display:border-box;width:100%;max-width:720px;min-height:100%;margin:0 auto;background:#fff;flex-direction:column}
.aside_header{position:relative;z-index:500;max-width:720px;height:56px;margin:0 auto;background:#fff}
.aside_container{position:absolute;top:56px;left:0;right:0;bottom:0;overflow:auto}
.aside_content{position:relative;padding-bottom:48px}
.aside_login .btn_area{padding:24px 16px}
.greeting_new{padding:40px 16px 0}
.greeting{padding:24px 16px 24px;border-bottom:8px solid #f2f3f5}
.greeting_msg{font-size:20px;line-height:28px;font-weight:600;color:#22272E}
.user_id_email{margin-top:8px;font-size:14px;line-height:20px;color:#6D7582}
.my_grade_wrap{margin-top:24px;display:flex;justify-content:space-between;align-items:flex-end}
.my_grade span{display:block;font-size:16px}
.my_grade strong{display:block;font-size:32px;line-height:38px;font-weight:800;color:#22272E}
.my_grade_wrap a{display:inline-block;text-decoration:underline;color:#B1B1B1;font-size:16px}
.my_tab{display:flex;border-bottom:8px solid #E8E9EB}
.my_tab li{flex:1 0 auto;width:calc(100%/3);position:relative}
.my_tab li:after{content:'';position:absolute;left:0;top:50%;margin-top:-28px;display:block;width:1px;height:56px;background:#E8E9EB}
.my_tab li:nth-child(1):after{display:none}
.my_tab li a{display:block;padding:20px 0;text-align:center;font-size:14px;font-weight:500;color:#22272E}
.my_tab li a span{display:block}
.my_tab li a strong{display:block;margin-top:8px;font-size:20px}
.grade_gold .my_tab{border-bottom:8px solid #FFC977}
.grade_gold .greeting{border-bottom:8px solid #FFC977}
.user_link{display:flex}
.user_link li{flex:1 0 auto;width:50%;position:relative}
.user_link li:after{content:'';position:absolute;left:0;top:50%;margin-top:-16px;display:block;width:1px;height:32px;background:#E8E9EB}
.user_link li:nth-child(1):after{display:none}
.user_link li a{display:block;padding:20px 0;height:20px;text-align:center;font-size:15px;font-weight:500;color:#22272E}
.aside_link_wrap{padding:12px 0;border-top:8px solid #F2F3F5}
.aside_link_wrap h3{margin:0 16px 8px;font-size:17px;line-height:25px;font-weight:600;color:#22272E}
.btn_close_aside{position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;background:url(/images/common/btn_close_x.png) no-repeat;background-size:24px 24px;background-position:50% 50%}
.aside_link li a{position:relative;padding:16px 40px 16px 16px;font-size:15px;line-height:24px;font-weight:400px;color:#22272E;display:block;background-color:#fff;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s}
.aside_link li a:after{content:'';width:24px;height:24px;position:absolute;top:50%;right:16px;margin-top:-12px;background:url(/images/common/arrow_link.png) 50% 50% no-repeat;background-size:24px 24px}
.aside_link li a.no_link:after{display: none;}
.aside_link li a:hover{background-color:#f9f9f9}
.account_wrap h3{padding:24px 16px 12px;font-size:17px;line-height:20px;font-weight:600;color:#22272E}
.account_info li{position: relative;padding:12px 16px;display: flex;justify-content:space-between;align-items:center;}
.account_info li .account_info_content{flex:1 0 auto;}
.account_info li h4{color:#22272E;font-size:15px;line-height:20px;}
.account_info li p{color:#6D7582;font-size:13px;line-height:20px;}
.account_info li .account_btn{flex:0 0 auto;margin-left:20px;}
.account_info li a.account_info_change{display: inline-block;color:#2E90FA;font-size:17px;line-height:20px;}

/* footer */
.footer{width:100%;max-width:720px;margin:0 auto; padding:0; border:0; background-color:#F2F3F5}
.footer_nav{padding-bottom:56px}
.footer_wrap{box-sizing:border-box;padding:32px 16px 56px; font-size:14px}
.cs_link{margin-top:24px;position:relative;display:flex;align-items:center;}
.cs_link li{position:relative;margin-left:9px;padding-left:10px}
.cs_link li a{font-size:13px;color:#565D6B;line-height:16px}
.cs_link li:nth-child(1){margin-left:0px;padding-left:0px}
.cs_link li:after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#565D6B}
.cs_link li:nth-child(1):after{display:none}
.footer_top{position:relative;margin-top:16px;height:24px;padding:20px 0;border-top:1px solid #C3C7CD}
.footer_top .btn_footer_more{position:relative;display:block;width:100%;height:24px;line-height:24px;font-size:13px;padding-right:28px;text-align:left;color:#565D6B}
.footer_top .btn_footer_more:after{content:'';position:absolute;top:0;right:0;width:24px;height:24px;display:inline-block;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.footer_top .btn_footer_more.footer_show:after{transform:rotate(180deg)}
.sns_link li a{display:block;padding:4px 0 4px 32px;height:24px;line-height:24px;background-position:0 4px;background-repeat:no-repeat;background-size:24px 24px;color:#22272E}
.sns_link li a.instagram{background-image:url(/images/common/sns_instagram.png)}
.sns_link li a.kakao{background-image:url(/images/common/sns_kakao.png)}
.footer_content{display:none}
.svc_company_info{padding-bottom:24px}
.company_info{padding:24px 0;border-top:1px solid #C3C7CD}
.footer_list li{display:flex; flex-direction:row;line-height:14px;margin-top:8px;font-size:12px;color:#565D6B}
.footer_list li:nth-child(1){margin-top:0}
.footer_list li strong{flex:0 0 auto;width:110px;margin-right:8px;font-weight:400}
.footer_list li span{flex:1 1 auto;text-align:left}
.footer_list li span a{color:#565D6B}
.footer_mid .company_info:nth-child(1){padding:0 0 16px 0;border-top:0}
.footer_notice{padding-top:16px;color:#9198A3;border-top:1px solid #C3C7CD;font-size:12px;line-height:18px;}

/* login, signup, find_id, find_pw */
.idpw_cc{margin-top:12px;font-size:14px;line-height:24px;color:#1570EF}
.idpw_rbox{text-align:center}
.idpw_rbox .result{padding:20px 0;color:#3e3e3e;font-size:20px;line-height:30px}
.login_check{position:relative;margin:10px 0 10px 0}
.idpw_find{display:flex;margin:0 16px;padding:8px 0 24px;justify-content:space-between}
.idpw_find li{position:relative;flex:1 0 auto}
.idpw_find li:nth-child(2){text-align:right}
.idpw_find li a{color:#5c5c5c;font-size:14px;font-weight:400}
.idpw_find li:nth-child(1) a{font-weight:600}
.idpw_find li span{position:relative;display:inline-block;padding-left:10px;margin-left:8px}
.idpw_find li span:after{position:absolute;left:0;top:4px;content:'';display:block;width:2px;height:16px;background:#E8E9EB}
.idpw_find li span:nth-child(1):after{display:none}

.sns_login_tit{font-size:14px;padding:8px 16px 0}
.sns_list{margin:16px 16px 32px}
.sns_list li{position:relative;margin-top:10px}
.sns_list li:nth-child(1){margin-top:0}
.sns_list li a{display:block;height:24px;padding:13px 10px;height:50px;line-height:24px;font-size:15px;color:#22272E;text-align:center;font-weight:500;border-radius:4px;background-repeat:no-repeat;background-size:24px 24px;background-position:15px 50%;box-sizing:border-box}
.sns_list .apple{border:1px solid #000;background-color:#fff;background-image:url(/images/common/apple.png)}
.sns_list .kakao{border:1px solid #fee500;background-color:#fee500;background-image:url(/images/common/kakao.png)}
.sns_list .naver{border:1px solid #1dc502;background-color:#1dc502;color:#fff;background-image:url(/images/common/naver.png)}
.sns_list .google{ border-radius:1px !important;box-shadow:0 2px 4px 0 rgb(0 0 0 / 25%);cursor:pointer;background-color:#fff; color:#757575; background-image:url(/images/common/google.png)}
.sns_list #naverIdLogin{position:relative;border:1px solid #1dc502;background-color:#1dc502;background-image:url(/images/common/naver.png);background-position:15px 50%;background-repeat:no-repeat;background-size:24px 24px;font-weight:500;border-radius:6px}
.sns_list #naverIdLogin a img{display:none}
.sns_list #naverIdLogin a{position:relative}
.sns_list li.naver{cursor:pointer}
.sns_list li.naver .naver_txt{position:relative;color:#fff;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;padding:13px 10px;line-height:24px;text-align:center;font-weight:500}

.account_check{display:flex;width:100%;height:calc(100vh - 56px);flex-direction:column;align-items:center;justify-content:center;text-align:center}
.account_check h3{font-size:22px;line-height:28px;font-weight:700;color:#1A1F27}
.account_check_msg{margin-top:8px;font-size:15px;color:#6D7582;line-height:22px}
.id_txt{padding-left:26px;font-size:15px;line-height:22px;color:#565D6B;background-size:20px 20px;background-position:0 50%;background-repeat:no-repeat}
.ic_email{background-image:url(/images/common/icon_email.png)}
.ic_kakao{background-image:url(/images/common/icon_kakao.png)}
.ic_phone{background-image:url(/images/common/icon_phone.png)}
.btn_column{padding-top:20px;text-align:center}
.btn_column li{margin:12px auto 0}
.new_notice_txt{margin:0 16px;font-size:13px;color:#FD853A;line-height:20px}

.signup_bx_code{padding-bottom:32px}
/* 삭제 예정 부분 */
.signup_agreement{padding:12px 0 0 0}
.all_agreement{margin:40px 0 0;padding:0 0 16px;border-bottom:1px solid #E8E9EB}
.signup_agreement .ftit_area{padding:24px 16px 0}
.signup_agreement .signup_all_agreement{margin:24px 0 0}
.form_row + .agreement_list{margin-top:16px}
.agreement_list{padding:6px 0 6px}
.agreement_list li{position:relative;padding:8px 0}
.agreement_list li a{content:'';width:24px;height:24px;position:absolute;top:50%;right:0;margin-top:-12px;background:url(/images/common/arrow_link.png) 50% 50% no-repeat;background-size:24px 24px}
.fxd_bot_reset_pw .fxd_bot_btn_wrap{height:120px}
.fxd_bot_reset_pw .all_agreement{margin:0;border:0;padding:14px 16px 0}
/* 삭제 예정 부분 */

.agreement_form{padding:16px 16px 16px}
.signup_agree_box .agreement_form{margin-top:-24px;}
.member_agree_box .agreement_form{margin-top:-12px;padding:16px 16px 40px}
.all_agree_check{padding:0 0 16px 0;border-bottom:1px solid #E8E9EB}
.all_agree_check + .agreement_wrap{margin-top:16px;}
.part_agreement{position: relative;margin-top:12px;}
.all_agree_check .square_check + label{font-size:16px;line-height:28px;padding:0 0 0 40px;font-weight:500;word-break:keep-all;color:#22272E}
.label_mid,.agreement_list_new li .square_check + label.label_mid{font-size:14px;line-height:28px;padding:0 0 0 40px;word-break:keep-all;color:#38404D}
.agreement_list_new li{position: relative;margin-top:8px;width:100%;display: flex;justify-content: space-between;}
.agreement_list_new li .square_check + label{flex:0 1 auto;font-size:12px;line-height:16px;padding:6px 0 6px 40px;word-break:keep-all;color:#565D6B;}
.btn_agreement_more{flex:0 0 auto;margin-left:10px;width:28px;font-size:12px;line-height:16px;padding:6px 0;text-align:center;text-decoration: underline;color:#565D6B;}
.btn_terms_more{position:absolute;top:0px;right:0;width:28px;height:28px;display:inline-block;background:url(/images/common/btn_expand_down.png) 50% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.detail_show .btn_terms_more{transform:rotate(180deg)}
.agreement_desc{padding:0 16px 40px;color:#6D7582;font-size:12px}

.reset_pw_msg{margin-top:16px}
.reset_pw_email{margin-top:4px;font-size:16px;color:#22272E}

.terms_list{display: grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #E8E9EB;}
.terms_list li{position: relative;}
.terms_list li:nth-child(2n-1){border-right:1px solid #E8E9EB}
.terms_list li:after{content:'';display: block;width:100%;height:1px;background:#E8E9EB;position: absolute;bottom:-1px;left:0;}
.terms_list li .btn_terms{display: block;width:100%;height:100%;padding: 14px 16px;font-size:12px;line-height:16px;color:#6D7582;text-align: left;word-break:keep-all;box-sizing:border-box}
.terms_list li .btn_terms.selected{color:#2E90FA}
.terms_select_area{padding:28px 16px 24px;border-bottom:1px solid #E8E9EB}
/* .terms_container{max-height:300px;overflow:hidden;overflow-y:auto} */
.terms_container + .terms_select_area{margin-top:28px;border-top:8px solid #F2F3F5}
.terms_select_area h3{font-size:20px;font-weight:600;line-height:28px;color: #22272E;word-break:keep-all;}
.terms_select_area .select{margin-top:24px;}
.terms_select_area .select_options{max-height:300px;overflow-y:auto;}

.confirm_content{display:flex;align-items:center;width:100%;min-height:100vh;background:#fff}
.confirm_wrap{width:100%;text-align:center;box-sizing:border-box;padding:0 16px}
.confirm_wrap h1 img{height:64px}
.confirm_wrap h1 img.logo_img{height:80px}
.confirm_wrap h2{margin-top:32px;font-size:20px;line-height:32px;color:#22272E;font-weight:600}
.confirm_wrap p{margin:16px 0 8px;font-size:16px;line-height:32px}
.confirm_wrap .btn_area{padding:24px 0}
.confirm_complete{position:relative;padding-top:68px;margin-top:0}
.confirm_complete:after{content:'';position:absolute;left:50%;margin-left:-26px;top:0;display:block;width:52px;height:52px;border-radius:100%;background-color:#22272E;background-image:url(/images/common/icon_complete.png);background-position:50% 50%;background-size:24px 17px;background-repeat:no-repeat}

.code_wrap .btn_area{padding:24px 0}

.terms_wrap{padding:24px 16px 24px;font-size:13px;font-weight:normal;text-align:left}
.tit_subject{display:block;padding-top:32px;line-height:28px;font-size:15px;font-weight:500}
.list_1depth li{padding-top:8px;line-height:24px}
.list_1depth li:nth-child(1){padding-top:0}
.list_1depth .txt_num{display:inline-block;min-width:16px;margin:-2px 4px 0 0;vertical-align:top}
.tit_2depth{display:block;padding:8px 0 0 16px;line-height:24px;font-size:13px;font-weight:400}
.list_2depth{margin-top:16px;padding:8px 0 0 0}
.list_1depth .list_2depth{margin-top:0;padding-left:16px}
.list_2depth li{padding-top:0;font-size:13px;line-height:24px}
.list_2depth li .list_2depth_content{padding-left:16px;}
/* .list_2depth li:before{display:inline-block;width:2px;height:2px;margin:12px 14px 0 8px;vertical-align:top;background-color:#000;content:''} */
.list_2depth_type2{padding:8px 0 0 16px}
.list_2depth_type2 li{font-size:13px;line-height:24px}
.list_2depth_type2 .txt_num{display:inline-block;min-width:16px;margin:0 4px 0 0;vertical-align:top}
.list_1depth .list_2depth_type2{padding-left:16px}
.list_1depth .list_2depth_type2 li{padding-top:0}
.tit_terms{margin-top:32px;padding-top:32px;font-size:18px;font-weight:500;line-height:32px;border-top:1px solid #c4c4c4}
.terms_wrap .tit_terms:nth-child(1){margin-top:0;border:0;padding-top:0}
.info_table_area{max-width:100%;overflow-x:auto;padding:8px 0}
.info_table{width:100%;table-layout:fixed}
.info_table thead tr th{padding:8px 8px;line-height:18px;font-size:13px;background:#e5e5e5;text-align:center;border:1px solid #000;vertical-align:middle;font-weight:500}
.info_table tbody tr th{padding:8px 8px;line-height:18px;font-size:13px;background:#e5e5e5;text-align:left;border:1px solid #000;vertical-align:middle;font-weight:500}
.info_table tbody tr th.bgw{background:#Fff}
.info_table tbody tr td{padding:8px 8px;text-align:left;font-size:13px;border:1px solid #000;background:#fff;vertical-align:middle;font-weight:normal;word-break:break-all}
.info_table tbody tr td .list_2depth{padding:0}
.terms_foot{margin-top:32px;}
.terms_p + .list_1depth{margin-top:16px;}
.list_1depth p{padding-left:16px;}

.find_link{margin:0 16px}
.find_link a{color:#9198A3;font-size:15px;line-height:18px}
.is_no_user{color:#F04438;text-align:center;font-size:15px;line-height:18px;margin:24px 16px 0}

/* home */
.home_visual{background:#e5e5e5}
.home_visual li{position:relative;padding-top:120%}
.home_visual li a,.home_visual li .home_visual_box{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}

.home_item_wrap{padding:32px 0 0 0}
.home_item_wrap.home_item_list_store{padding:32px 0 32px 0}
.home_title_area{position:relative;margin:0 16px 0}
.home_title{font-size:20px;line-height:24px;color:#22272E;font-weight:600}
.home_title_desc{margin-top:4px;font-size:15px;line-height:18px;color:#565D6B}
.home_item .home_item_desc{display: none;}
.home_item.home_item_desc_show .home_item_desc{display:block;}

.home_item_list .btn_area{margin-top:28px;padding:0 16px}
.item_swipe{margin-top:20px}
.item_swipe_oblong{position:relative;padding:0 16px;overflow:hidden}
.item_swipe_oblong .swiper-slide{width:240px}
.item_swipeitem_swipe_oblong_round .swiper-slide .item_box{display:block;width:240px}
.item_swipe_oblong .swiper-slide .item_box .item_img{position:relative;width:240px;height:144px;overflow:hidden}
.item_swipe_oblong .swiper-slide .item_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}
.item_swipe_oblong .swiper-slide .item_box img{width:100%}
.item_swipe_oblong .swiper-slide .item_box .item_name{margin-top:12px;font-size:15px;line-height:18px;color:#22272E}
.item_swipe_oblong .swiper-slide .item_box .item_desc{display: none;}

.item_swipe_square{position:relative;padding:0 16px;overflow:hidden}
.item_swipe_square .swiper-slide{width:128px}
.item_swipe_square .swiper-slide .item_img{position:relative;width:128px;height:128px;overflow:hidden;border-radius:1px}
.item_swipe_square .swiper-slide .item_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}
.item_swipe_square .swiper-slide img{max-width:100%}
.item_swipe_square .item_name{margin-top:12px;font-size:15px;line-height:18px;color:#22272E}
.item_swipe_square .swiper-slide .item_box .item_desc{display: none;}

.item_swipe_round{position:relative;padding:0 16px;overflow:hidden}
.item_swipe_round .swiper-slide{width:128px}
.item_swipe_round .swiper-slide .item_img{position:relative;width:128px;height:128px;overflow:hidden;border-radius:1px;border-radius:100%;overflow:hidden}
.item_swipe_round .swiper-slide .item_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08);border-radius:100%}
.item_swipe_round .swiper-slide img{max-width:100%}
.item_swipe_round .item_name{margin-top:12px;font-size:15px;line-height:18px;color:#22272E;text-align:center}
.item_swipe_round .swiper-slide .item_box .item_desc{display: none;}

.item_nswipe_square{position:relative;padding:0 16px;overflow:hidden}
.item_nswipe_square .swiper-slide{width:100%}
.item_nswipe_square .swiper-slide .item_box{position:relative;width:100%;overflow:hidden;display:block}
.item_nswipe_square .swiper-slide .item_img{position:relative;width:100%;;overflow:hidden;border-radius:1px}
.item_nswipe_square .swiper-slide .item_img img{width:100%;}
.item_nswipe_square .swiper-slide .item_box .item_text{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);padding:28px 24px 28px;}
.item_nswipe_square .swiper-slide .item_box .item_text .item_name{font-size:20px;line-height:24px;color:#fff;font-weight:600}
.item_nswipe_square .swiper-slide .item_box .item_text .item_desc{margin-top:4px;font-size:15px;line-height:18px;color:#fff}
.item_nswipe_square .swiper-slide .item_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}

.home_feed_list .home_title_area{margin-bottom:-4px}
.home_item{position:relative;margin:24px 16px 0;overflow:hidden;background:#fff;z-index:1}
.home_item a.not_link{cursor:default !important}
.home_item_img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:1px;overflow:hidden}
.home_item_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}
.home_item a,.home_item .home_item_box{position:relative;display:block;width:100%;height:100%}
.home_item_title{font-size:19px;line-height:23px;font-weight:700}
.home_item_desc{font-size:15px;line-height:18px;margin-top:8px;font-weight:500}
.home_item .home_item_desc{display: none;}
.home_item.home_item_desc_show .home_item_desc{display:block;}

.home_item.home_item_v1 a,.home_item.home_item_v1 .home_item_box{padding-top:100%}
.home_item.home_item_v2 a,.home_item.home_item_v2 .home_item_box{padding-top:60%}
.home_item_v1 .home_item_text{padding:28px 24px 28px;color:#fff;box-sizing:border-box;width:100%}
.home_item_v1.v1_center .home_item_text{position:absolute;left:0;bottom:0;right:0;top:0;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}
.home_item_v1.v1_bottom .home_item_text{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)}
.home_item_v2 .home_item_text{position:absolute;left:0;bottom:0;right:0;top:0;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:28px 24px 28px;color:#fff;box-sizing:border-box;width:100%}
.home_item_v3 .home_item_img{position:relative;padding-top:60%}
.home_item_v3 .home_item_text{padding:16px 0 36px 0;color:#22272E}
.home_item_v4 .home_item_img{position:relative;overflow:hidden}

.instagram{position:relative}
.instagram .instagram_link{position:absolute;top:50%;right:0px;width:40px;height:40px;margin-top:-20px;display:block;background:url(/images/common/logo_instagram.png) 0 0 no-repeat;background-size:40px 40px}
.instagram_list{margin-top:20px;position:relative;padding-top:100%}
.instagram_row{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:row;flex-wrap:wrap}
.instagram_row .instargram_item{position:relative;flex:1 0 auto;width:calc(100%/3);margin-bottom:1px}
.instagram_row .instargram_item:nth-child(3n-1):after,.instagram_row .instargram_item:nth-child(3n):after{position:absolute;left:0;top:0;bottom:0;width:1px;height:100%;background:#fff;content:'';z-index:1}
.instagram_row .instargram_item a{position:relative;display:block;padding-bottom:100%;overflow:hidden}
.instagram_row .instargram_item span{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-position:50% 50%;background-size:cover}

.youtube{position:relative}
.youtube .youtube_link{position:absolute;top:50%;right:0px;width:40px;height:40px;margin-top:-20px;display:block;background:url(/images/common/icon_youtube.png) 0 0 no-repeat;background-size:40px 40px}
.youtube_row{display:flex;flex-wrap:wrap;padding:0 0 24px}
.youtube_row li{flex:0 0 auto;width:50%;margin-top:24px}
.youtube_row li:nth-child(2n-1) .ytd_box{padding:0 8px 0 16px}
.youtube_row li:nth-child(2n) .ytd_box{padding:0 16px 0 8px}
.ytd_box .ytd_thumbnail{position:relative;padding-top:56.25%}
.ytd_box .ytd_thumbnail .ytb_img{position:absolute;left:0;top:0;right:0;width:100%}
.ytd_box .ytb_title{font-size:13px;margin-top:8px;line-height:18px}

.floating_kakao{position:fixed;z-index:10;bottom:80px;left:50%;margin-left:288px;;right:24px;display:inline-block;width:48px;height:48px;background:#FFE500 url(/images/common/floating_kko.png) 50% 50% no-repeat;background-size:28px 28px;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1), 0px 8px 30px rgba(0, 0, 0, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);border-radius:100%}
.container_pbr .floating_kakao{bottom:106px}
@media only screen and (max-width:720px){
	.floating_kakao{left:auto;right:24px;margin-left:0}
}

.b2b_banner img{width:100%;}
.select_receive_wrap{padding:36px 16px 92px}
.stit{font-size:22px;font-weight:600;line-height:26px;color:#1A1F27}
.select_receive{margin-top:24px;padding-bottom:16px;}
.select_receive li + li{margin-top:16px}
.select_receive li a{display:flex;min-height:146px;padding:20px 16px;justify-content:space-between;flex-wrap:wrap;flex-direction:column;background-color:#F2F3F5;background-repeat:no-repeat;background-size:108px 108px;background-position:right 8px bottom 8px;border-radius:12px;box-sizing:border-box;transition:all 0.3s}
.select_receive li a:hover,.select_receive li a:active{background-color:#E8E9EB}
.select_receive li.receive_logistics a{background-image:url(/images/common/bg_logistics.png)}
.select_receive li.receive_pickup a{background-image:url(/images/common/bg_pickup.png)}
.select_receive li.receive_delivery a{background-image:url(/images/common/bg_delivery.png)}
.select_receive li a strong{display:inline-block;font-size:17px;font-weight:600;line-height:20px;padding-right:20px;background:url(/images/common/icon_arrow.png) no-repeat;background-size:16px 16px;background-position:100% 50%;color:#000}
.select_receive li a p{margin-top:6px;font-size:14px;line-height:17px;color:#38404D;font-weight:500;}
.select_receive li a span{position:relative;display:inline-block;color:#6D7582;font-size:13px;line-height:18px;}
.select_receive li a .svc_info div{line-height:18px;}
.select_receive li a span + span{margin-left:6px;padding-left:7px;}
.select_receive li a span + span:after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;;width:1px;height:12px;background:#C3C7CD;}
/* .svc_datetime{background-image:url(/images/common/icon_calandar.png)}
.delivery_type_price{background-image:url(/images/common/icon_package.png)} */

/* product_list */
.delivery_date_filter_wrap{position:relative;width:100%;height:46px;max-width:720px;background:#fff;box-sizing:border-box}
.delivery_date_filter{position:fixed;width:100%;max-width:720px;height:46px;display: flex;border-width:1px 0;border-style:solid;border-color:#E8E9EB;z-index:10;box-sizing: border-box;align-items:center;background-color:#F9FAFA;background-image:url(/images/common/btn_datepick.png);background-repeat: no-repeat;background-position:12px 50%;background-size:20px 20px}
.delivery_date_selected{flex:1 0 auto;display: flex;padding-left:40px;}
.delivery_date_selected span{flex:0 0 auto;display: inline-block;padding:0 5px;color:#0086C9;font-size:13px;line-height:26px;border:1px solid #B9E6FE;background:#F5FBFF;border-radius:4px;}
.delivery_date_selected span + span{margin-left:6px;}
.filter_set{padding:0 16px 0 8px;}
.btn_filter_set{display: inline-block;padding:0px 8px;background:#2E90FA;border-radius:4px;color:#fff;line-height:26px;font-size:14px;font-weight:500;}
.btn_filter_set:disabled{background: #E8E9EB;color:#B2B7C0;}
.delivery_date_wrap{position:relative;height:46px;z-index:1}
.delivery_date_fxd{position:fixed;height:46px;width:100%;max-width:720px;background:#fff}
.delivery_date_fxd p{line-height:20px;height:20px;padding:10px 48px 10px 16px;font-size:12px;font-weight:500;color:#22272E;background:#F2F3F5}
.btn_date_select{position:absolute;top:0;right:6px;display:block;height:40px;width:40px;background:url(/images/common/btn_datepick.png) 50% 50% no-repeat;background-size:20px 20px}
.delivery_notice{position:relative;height:48px;background:#262626}
.delivery_notice a{position:relative;display:block;line-height:24px;padding:16px 56px 16px 16px;font-size:13px;line-height:16px;font-weight:600;color:#fff}
.delivery_notice a:after{position:absolute;top:50%;right:16px;content:'';margin-top:-12px;display:block;width:24px;height:24px;background:url(/images/common/arrow_link_w.png) 50% 50% no-repeat;background-size:24px 24px}
.delivery_notice.stuck{position:fixed;top:101px;width:100%;max-width:720px;z-index:1000}
.no_date{background:#F2F3F5;text-align:center;font-size:15px;line-height:20px;padding:15px 16px;color:#38404D;font-weight:500}
.no_product{color:#9198A3;font-size:17px;line-height:20px;margin:40px 16px 40px;text-align:center}
.swipe_pd_category_wrap{position:relative;width:100%;height:51px;max-width:720px;background:#fff;box-sizing:border-box;}
.swiper_pd_category_fxd{position:fixed;max-width:720px;width:100%;background:#fff;height:45px;padding-top:6px;box-shadow:0 0.5px rgba(0, 0, 0, 0.2);z-index:1}
.store_category ul{position:relative}
.store_category li{position:relative;width:auto !important}
.store_category li:nth-child(1){margin-left:0}
.store_category li a{position:relative;display:inline-block;color:#9F9F9F;min-width:40px;padding:10px 24px 16px;font-size:16px;line-height:19px;text-align:center;color:#C3C7CD}
.store_category li.on a{font-weight:500;color:#38404D}
.store_category li.on:after{content:'';display:block;position:absolute;width:100%;left:0;bottom:0;height:2px;background:#38404D}
.store_category.stuck{position:fixed;top:56px;z-index:1000}

.store_item_wrap{padding:16px 0}
.store_item_list_v1 li{position:relative;padding:0}
.store_item_list_v1 li a{position:relative;display:block;margin:0 16px 20px;overflow:hidden}
.store_item_list_v1 li .item_img_box{position:relative;width:100%;overflow:hidden;border-radius:1px;box-sizing:border-box}
.store_item_list_v1 li .item_img_box span{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}
.store_item_list_v1 li .item_img_box:after{content:'';display:block;padding-top:60%}
.store_item_list_v1 li .item_img_box.item_soldout:before,.store_item_list_v1 li .item_img_box.item_coming_soon:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);/*backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);*/z-index:1}
.store_item_list_v1 li .item_img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:all 0.3s;transition:all 0.3s}
.store_item_list_v1 li a:hover .item_img,.store_item_list_v2 li a:focus .item_img{-webkit-transform:scale(1.03);transform:scale(1.03)}
.store_item_list_v1 li a .item_info{padding:12px 0 12px}
.store_item_list_v1 li a .item_name{width:100%;font-size:17px;line-height:20px;color:#1A1F27;font-weight:600}
.store_item_list_v1 li a .item_desc{margin-top:2px;width:100%;font-size:13px;line-height:16px;color:#6D7582}
.store_item_list_v1 li a .item_row_price{display:flex;margin-top:6px;line-height:18px}
.store_item_list_v1 li a .item_sale_price{display:inline-block;font-size:15px;font-weight:500;color:#38404D}
.store_item_list_v1 li a .item_discount{display:inline-block;margin-left:8px;font-size:13px;font-weight:600;color:#F04438}
.store_item_list_v1 li a .item_origin_price{display:inline-block;margin-left:4px;font-size:13px;font-weight:500;color:#C3C7CD;text-decoration:line-through}

.store_item_list_v1.store_item_list_auto_img li .item_img_box:after{content:'';display:block;padding-top:0}
.store_item_list_v1.store_item_list_auto_img li .item_img_box.item_soldout:before,.store_item_list_v1.store_item_list_auto_img li .item_img_box.item_coming_soon:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);/*backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);*/z-index:1}
.store_item_list_v1.store_item_list_auto_img li .item_img{position:relative;-webkit-transition:all 0.3s;transition:all 0.3s}
.store_item_list_v1.store_item_list_auto_img li .item_img img{width:100%}

.store_item_list_v2{display:flex;flex-wrap:wrap;padding:0 12px}
.store_item_list_v2 > li{flex:0 0 auto;width:50%}
.store_item_list_v2 li a{position:relative;display:block;margin:0 4px 20px;overflow:hidden}
.store_item_list_v2 li .item_img_box{position:relative;width:100%;overflow:hidden;border-radius:1px;box-sizing:border-box}
.store_item_list_v2 li .item_img_box span{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08)}
.store_item_list_v2 li .item_img_box:after{content:'';display:block;padding-top:100%}
.store_item_list_v2 li .item_img_box.item_soldout:before,.store_item_list_v2 li .item_img_box.item_coming_soon:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);/*backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);*/z-index:1}
.store_item_list_v2 li .item_img{z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:all 0.3s;transition:all 0.3s}
.store_item_list_v2 li a:hover .item_img,.store_item_list_v2 li a:focus .item_img{-webkit-transform:scale(1.03);transform:scale(1.03)}
.store_item_list_v2 li a .item_info{padding:12px 0 12px}
.store_item_list_v2 li a .item_name{width:100%;font-size:15px;line-height:18px;color:#1A1F27;font-weight:600}
.store_item_list_v2 li a .item_desc{margin-top:4px;width:100%;font-size:13px;line-height:16px;color:#6D7582}
.store_item_list_v2 li a .item_row_price{margin-top:4px;line-height:18px}
.store_item_list_v2 li a .item_sale_price{display:block;margin-bottom:4px;font-size:15px;font-weight:500;color:#38404D}
.store_item_list_v2 li a .item_discount{display:inline-block;font-size:13px;font-weight:600;color:#F04438}
.store_item_list_v2 li a .item_origin_price{display:inline-block;margin-left:4px;font-size:13px;font-weight:500;color:#C3C7CD;text-decoration:line-through}

.product_order_type{display:flex;margin-top:12px}
.product_order_type li{margin-left:6px}
.product_order_type li:nth-child(1){margin-left:0}
.order_type_label{width:54px;height:22px;background-size:54px 22px;background-repeat:no-repeat;background-position:0 0}
.order_type_label.order_type_delivery_seoul{background-image:url(/images/common/lb_seoul.png)}
.order_type_label.order_type_delivery{background-image:url(/images/common/lb_delivery.png)}
.order_type_label.order_type_delivery_day{background-image:url(/images/common/lb_day.png)}

/* products  */
.products_visual{position:relative;background:#e5e5e5}
.products_visual li{position:relative;padding-top:100%}
.products_visual li a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%;cursor:initial}
.select_item_info{margin:20px 16px 24px}
.select_item_title{font-size:20px;line-height:24px;font-weight:600;color:#1A1F27}
.select_item_sub_title{margin-top:6px;font-size:15px;line-height:18px;color:#565D6B}
.select_item_desc{margin-top:8px;font-size:13px;line-height:18px;color:#9198A3}
.select_item_option_desc{margin-top:8px;padding-bottom:8px;font-size:13px;line-height:18px;color:#9198A3}
.select_item_info .item_price{margin-top:16px}
.select_item_info .item_price .discount{display:inline-block;font-size:14px;font-weight:500;color:#F04438;line-height:17px}
.select_item_info .item_price .item_origin_price{font-size:14px;font-weight:500;color:#C3C7CD;line-height:17px}
.select_item_info .item_price .discount + .item_origin_price{margin-left:6px}
.select_item_info .item_sale_price{display:block;margin-top:4px;font-size:19px;font-weight:500;color:#38404D}
.delivery_price_info{margin-top:24px;padding-top:16px;border-top:1px solid #E8E9EB}
.delivery_price_info_detail{display:flex;}
.delivery_price_info_detail + .delivery_price_info_detail{margin-top:8px;}
.delivery_price_info_detail h3{flex:0 0 auto;width:60px;margin-right:10px;font-weight:400;font-size:13px;color:#9198A3;line-height:20px}
.delivery_price_info_detail strong{font-weight:normal;}
.delivery_minimum_type,.delivery_minimum_price {font-weight:500 !important}

.bdt_box{border-top:8px solid #f0f1f3}
.dlv_type_info li{color:#9198A3;font-size:13px;font-weight:500;line-height:20px}
.dlv_type_info li + li{margin-top:2px}
.dlv_type_info li span{display:inline-block;margin-right:6px}
.btn_alert_dlv_price_info{display:inline-block;width:20px;height:20px;background:url(/images/common/icon_exc.png) 50% 50% no-repeat;background-size:20px 20px;vertical-align:middle}
.new_option_pm{display:flex;align-items:center;width:96px;height:28px}
.btn_option_ctrl{width:28px;height:28px;line-height:28px;cursor:pointer;vertical-align:middle;background-position:50% 50%;background-size:24px 24px;background-repeat:no-repeat;box-sizing:border-box;border:1px solid #9198A3;border-radius:100%}
.btn_option_ctrl:disabled{border-color:#C3C7CD}
.new_option_pm .btn_minus{background-image:url(/images/common/btn_minus_s.png)}
.new_option_pm .btn_plus{background-image:url(/images/common/btn_plus_s.png)}
.new_option_pm .btn_minus:disabled{background-image:url(/images/common/btn_minus_disabled_s.png)}
.new_option_pm .btn_plus:disabled{background-image:url(/images/common/btn_plus_disabled_s.png)}
.new_option_pm .option_num{width:40px;display:inline-block;font-size:15px;line-height:28px;text-align:center;color:#22272E}
.pd_bot_option{display:flex;padding:16px 16px 0;height:36px;align-items:center;justify-content:space-between}
.pd_bot_option .btn_option_ctrl{width:36px;height:36px;line-height:36px}
.pd_bot_option .new_option_pm .btn_minus{background-image:url(/images/common/btn_minus.png)}
.pd_bot_option .new_option_pm .btn_plus{background-image:url(/images/common/btn_plus.png)}
.pd_bot_option .new_option_pm .btn_minus:disabled{background-image:url(/images/common/btn_minus_disabled.png)}
.pd_bot_option .new_option_pm .btn_plus:disabled{background-image:url(/images/common/btn_plus_disabled.png)}
.pd_bot_option .new_option_pm{width:128px;height:36px}
.pd_bot_option .new_option_pm .option_num{width:56px;font-size:20px;line-height:36px;font-weight:400;color:#38404D}
.pd_bot_option .select_total_price{font-size:20px;font-weight:600;line-height:36px;color:#22272E}
.dlv_price{margin:0 16px;color:#7c7c7c;font-size:13px;text-align:right;line-height:16px;height:16px}
.selcte_order_info_add .select_add{padding:24px 16px 27px}
.option_tit_area{display:flex;justify-content:space-between}
.select_add_tit{font-size:18px;font-weight:600;color:#1A1F27;line-height:21px}
.option_tit_area p{margin-top:4px;color:#6D7582;line-height:17px}
.option_tit_area strong{font-weight:400;color:#F04438;line-height:17px}
.select_add_list{margin-top:24px}
.select_add_list li{position:relative;margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.select_add_list li:nth-child(1){margin-top:0}
.select_add_list li label{font-weight:normal}
.select_add_list li label span{font-weight:normal;color:#a5a5a5}
.select_add_list li label:before{top:50%;margin-top:-14px}
.select_add_list li .opt_label{flex:1 1 auto;min-height:28px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;color:#22272E;font-size:15px;line-height:18px}
.select_add_list li .opt_label em{color:#9198A3}
.select_add_list li .opt_label span{display:block;margin-top:2px;color:#9198A3;font-size:14px;line-height:17px}
.select_add_list li .opt_label input:disabled + label span{color:#B2B7C0}
.opt_select{line-height:28px;text-align:right}
.opt_select .new_option_pm{margin-left:24px}
.opt_price_selected{color:#22272E}

.detail_content{background:#fff;border-bottom:8px solid #f0f1f3}
.detail_content .detail_content_tit{padding:20px 16px;font-size:18px;font-weight:600;color:#1A1F27;line-height:21px;text-align: left;}
.detail_content .detail_tit_desc{padding:0 10px 15px 10px;color:#7e7e7e;font-size:15px;line-height:21px;text-align:center}
.detail_content .article{text-align:center;font-size:15px;line-height:21px}
.detail_content .article .obd{position:relative}
.detail_content .article img{position:relative;z-index:1;vertical-align:top;max-width:100%}
.detail_content .article .mov{position:relative;margin:0 16px 0 16px;padding-top:56.25%}
.detail_content .article .mov iframe{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.add_products{padding:20px 16px 32px 16px}
.add_products_title{font-size:18px;color:#22272E;line-height:24px;font-weight:600}
.add_item_box a{display:flex;align-items:center;margin-top:20px}
.add_item_box + .add_item_box{margin-top:16px}
.option_img{flex:0 0 auto;margin-right:16px;width:60px;height:60px;border-radius:4px;overflow:hidden}
.option_img img{width:60px;height:60px;border-radius:4px}
.option_txt{flex:1 1 auto;font-size:15px;font-weight:700;color:#22272E}
.detail_info{padding:20px 16px 20px}
.detail_info_txt{font-size:11px;line-height:16px}
.detail_info_txt img{max-width:100%}
.detail_info_content{margin-top:20px;display:none}
.detail_info_list li{display:flex;flex-direction:row;padding:6px 0;border-top:1px solid #ebebeb;font-size:11px;line-height:16px}
.detail_info_list li strong{flex:0 0 auto;width:110px;margin-right:8px}
.btn_detail_info_more{position:relative;display:block;width:100%;text-align:left;font-size:18px;height:24px;line-height:24px;font-weight:600;color:#1A1F27;padding-right:28px}
.btn_detail_info_more:after{content:'';position:absolute;top:50%;right:0;margin-top:-12px;width:24px;height:24px;display:inline-block;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.detail_show .btn_detail_info_more:after{transform:rotate(180deg)}

.nav_tab_ct{position:sticky;top:56px;height:49px;z-index:90}
.content_tab{width:100%;max-width:720px;height:49px;background:#fff;display:flex;align-items:center;justify-content:space-between;align-items:center;box-shadow:0 0.5px rgba(0, 0, 0, 0.2)}
.content_tab li{flex:1 0 auto;width:50%;height:49px}
.content_tab li a{position:relative;display:block;height:49px;text-align:center;font-size:16px;font-weight:400;line-height:49px;color:#C3C7CD}
.content_tab li a.selected{color:#38404D;font-weight:500;}
.content_tab li a.selected:after{z-index:1;display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#38404D;content:''}

/* carts, order, order_complete, order_list */
.receive_info{background:#262626;text-align:center;height:20px;padding:10px 16px;color:#fff;font-size:13px;line-height:20px}
.carts_header{padding:16px 16px 0}
.order_type{padding-left:38px;display:inline-block;font-size:15px;font-weight:900;line-height:32px;color:#6F6F6F;background-repeat:no-repeat;background-position:0 0;background-size:32px 32px;}
.label_delivery{background-image:url(/images/common/icon_delivery.png)}
.label_pickup{background-image:url(/images/common/icon_pickup.png)}
.label_logistics{background-image:url(/images/common/icon_logistics.png)}
.label_product{background-image:url(/images/common/icon_logistics.png)}
.label_gift{background-image:url(/images/common/icon_present.png)}
.order_header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;align-items:center;height:32px;padding:12px 0 16px}
.order_header .order_number{font-weight:400;color:#9F9F9F}

.order_info_list{padding:0 16px}
.order_cart_list{margin-bottom:-8px}
.order_box{padding:16px 0 20px;border-top:1px solid #E8E9EB}
.order_box:nth-child(1){border-top:0}
.order_box:last-child{padding:16px 0 0}
.order_pd_area{position:relative;min-height:52px;display:flex;padding-bottom:20px;}
.order_pd_area .pd_img_area{position:relative;flex:0 0 auto;width:52px;height:52px;margin-right:16px;border-radius:4px;overflow:hidden}
.order_pd_area .pd_img_area a,.order_pd_area .pd_img_area span{position:relative;display:block}
.order_pd_area .pd_img_area a:after,.order_pd_area .pd_img_area span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.08)}
.order_pd_area .pd_img_area img{width:52px;height:52px}
.order_pd_area .pd_info_area{position:relative;flex:1 1 auto}
.order_pd_area .pd_order_count_price{margin-top:8px;color:#38404D;font-size:15px}
.order_pd_area .pd_order_count_price strong{font-weight:500}
.pd_info .pd_name{font-size:16px;line-height:22px;font-weight:500;color:#1A1F27}
.order_cart_list .pd_info .pd_name{padding-right:24px}
.btn_cart_del{display:inline-block;position:absolute;top:-8px;right:-12px;width:40px;height:40px;background:url(/images/common/btn_del_cart.png) 50% 50% no-repeat;background-size:24px 24px}
.pd_info .pd_option_name{font-size:13px;color:#6D7582;line-height:18px}
.pd_info .pd_option_name li:nth-child(1){margin-top:6px}
.pd_info .pd_option_name li .option_value{width:100%;display:flex;justify-content:space-between}
.pd_info .pd_option_name li .option_value span{flex:1 1 auto}
.pd_info .pd_option_name li .option_value em{flex:0 0 auto;margin-left:16px}
.pd_cart_count{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.cart_option_pm{flex:1 0 auto;display:flex}
.pd_cart_count .new_option_pm{width:96px}
.pd_cart_count .new_option_pm .option_num{width:40px;font-size:15px;line-height:28px;color:#22272E}
.pd_cart_count .pd_price{min-width:100px;font-size:15px;text-align:right;font-weight:600;line-height:28px;color:#38404D}
.cart_total_pd_price{display:flex;justify-content:space-between;margin:8px 16px 0;padding:20px 0;border-top:1px solid #E8E9EB;line-height:21px}
.cart_total_pd_price strong{color:#565D6B;font-size:15px;font-weight:500}
.cart_total_pd_price span{color:#1A1F27;font-weight:700;font-size:18px}

.cart_info{position: sticky;top:56px;z-index:90;padding:10px 52px 10px 16px;background:#262626;color:#fff;font-size:13px;line-height:20px;font-weight:500;}
.cart_info .btn_info_close{position: absolute;top:0;right:6px;width:40px;height:40px;background:url(/images/common/btn_close_w.png) 50% 50% no-repeat;background-size:20px 20px;}
/* ~ order */
.order_ct_wrap{padding:20px 0 32px}
.order_info_wrap,.receive_list_wrap,.order_user_info_wrap{padding:20px 0 20px}
.otit_area{display:flex;justify-content:space-between;height:24px;padding:0 16px;overflow:hidden}
.otit_area .otit{flex:0 0 auto;font-size:18px;font-weight:600;line-height:24px;color:#22272E}
.odesc_area{margin-top:6px;padding:0 16px;line-height:17px;font-size:13px;color:#565D6B;}
.btn_obtn{flex:1 1 auto;position:relative;display:block;margin-left:8px;text-align:right;padding-right:28px;height:24px;line-height:24px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.btn_obtn span{font-size:14px;font-weight:500;color:#22272E}
.btn_obtn:after{display:block;content:'';width:24px;height:24px;position:absolute;top:0;right:0;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.btn_obtn.show:after{transform:rotate(180deg)}
.cart_item_delete{margin:16px 16px 0}
.dlv_method_list{margin:20px 16px 0}
.dlv_method_list li{position:relative}
.dlv_method_list li + li{margin-top:10px}
.dlv_method_list li label{position:relative;display:flex;justify-content:space-between;width:100%;align-items:center;padding:20px 16px 20px 56px;border:1px solid #C3C7CD;border-radius:8px;color:#9198A3;box-sizing:border-box}
.dlv_method_list li .round_check:checked + label{border:2px solid #393939;padding:19px 15px 19px 55px}
.dlv_method_list li label:before{position:absolute;left:16px;top:50%;margin-top:-15px}
.lb_wrap{flex:1 1 auto}
.lb_wrap strong{display:block;font-weight:600;font-size:17px;line-height:20px}
.lb_wrap em{display:block;margin-top:4px;font-size:15px;line-height:18px}
.dlv_method_price{flex:0 0 auto;max-width:70px;margin-left:12px;font-size:17px;font-weight:600;line-height:20px}
.dlv_method_list li .round_check:checked + label .lb_wrap strong{color:#22272E}
.dlv_method_list li .round_check:checked + label .lb_wrap em{color:#565D6B}
.dlv_method_list li .round_check:checked + label .dlv_method_price{color:#38404D}

.dlv_method_txt{margin:16px 16px 0}
.dlv_method_txt h4{font-size:14px;font-weight:600;line-height:20px;color:#6D7582}
.dlv_method_txt li{position:relative;margin-top:4px;padding-left:20px;line-height:20px;color:#6D7582}
.dlv_method_txt li:nth-child(1){margin-top:6px}
.dlv_method_txt li:after{content:'';position:absolute;left:9px;top:9px;width:2px;height:2px;border-radius:100%;background:#6D7582}

.dlv_info_list{margin:0 16px;padding:20px 0;color:#22272E;border-bottom:1px solid #E8E9EB;}
.dlv_info_list li{display:flex;justify-content:space-between;margin-top:6px;font-size:15px}
.dlv_info_list li:nth-child(1){margin-top:0px}
.dlv_info_list li strong{flex:0 0 auto;margin-right:24px;color:#6D7582;font-weight:normal}
.dlv_info_list li span{text-align:right;color:#38404D}
.dlv_info_list li span.pickup_time_select{color:#1570EF}
.dlv_info_list li span.pickup_time_selected{font-weight:600;color:#F04438}
.dlv_price_info{display:flex;justify-content:space-between;padding:20px 0;font-size:15px;border-bottom:1px solid #E8E9EB}
.dlv_price_info strong{flex:0 0 auto;margin-right:24px;color:#6D7582;font-weight:normal}
.dlv_price_info span{text-align:right;color:#38404D}
.pickup_time_list{margin:0 16px;padding-bottom:16px;display:flex;flex-wrap:nowrap;overflow:hidden;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid #E8E9EB}
.pickup_time_list::-webkit-scrollbar{display:none}
.pickup_time_list li{position:relative;width:68px;height:38px;margin-left:12px}
.pickup_time_list li:nth-child(1){margin-left:0}
.pickup_time_list li label{text-align:center}
.time_check{position:absolute;top:0;left:0;width:36px;height:38px;outline:0}
.time_check + label{position:relative;display:block;width:68px;height:38px;line-height:36px;text-align:center;font-size:14px;font-weight:400;border:1px solid #B2B7C0;border-radius:4px;box-sizing:border-box;cursor:pointer;color:#9198A3}
.time_check:checked + label{background:#FFD2BF;border:1px solid #F04438;color:#F04438}
.pickup_time_list::after{content:"";display:block;clear:both}
.pickup_add_msg{margin:20px 16px 0}
.add_delivery_msg{margin:0 16px;padding:20px 0;font-size:15px;border-bottom:1px solid #E8E9EB}
.order_ct_wrap .add_delivery_msg{border-bottom:0}
.pickup_add_msg h4,.add_delivery_msg h4{color:#6D7582;line-height:20px}
.add_delivery_msg p,.pickup_add_msg p{margin-top:12px;color:#38404D;line-height:24px}
.order_ct_wrap .send_first_name_input{margin:16px 16px 0}
.sender_info_input {margin:16px 16px 0;display:none}

/* discount benefit */
.discount_summary{padding:20px 16px 24px;}
.discount_summary li{display: flex;justify-content:space-between}
.discount_summary li + li{margin-top:8px;}
.discount_summary li h4{font-size:15px;line-height:20px;color:#565D6B;font-weight:500;}
.btn_alert_discount_info{display:inline-block;width:20px;height:20px;background:url(/images/common/icon_exc.png) 50% 50% no-repeat;background-size:20px 20px;vertical-align:top}
.discount_summary li .discount_use_txt{font-size:15px;line-height:20px;}
.discount_summary li .discount_use_txt .coupon_used{color:#FF611E}
.discount_summary li .discount_use_txt .coupon_able{color:#039855}
.discount_summary li .discount_use_txt .coupon_disable{color:#9198A3}
.discount_summary li .discount_use_txt strong{font-weight:600}
.coupon_select_area + .coupon_select_area{margin-top:32px;border-top:1px solid #ebebeb}
.coupon_select_area.payment_coupon_area{padding-bottom:350px}
.coupon_select_area .select_options{max-height:300px;overflow-y:auto;}
.coupon_wrap .btn_area{padding:0 16px 0;}
.coupon_wrap .total_dc{/*display:flex;*/display:none;justify-content:space-between;padding:12px 16px;line-height:24px; background:#f6f6f6;position:absolute;left:0;bottom:0;right:0;height:48px;border-top:1px solid #E8E9EB;box-sizing:border-box;font-size:16px}
.coupon_wrap .total_dc strong{font-weight:600}
.coupon_wrap .total_dc em{color:#1570EF;font-weight:600}
.ctit{font-size:15px;font-weight:600}
.order_coupon_list{padding:16px 0 0}
.order_coupon_list li{margin-top:24px}
.order_coupon_list li.no_coupon{margin-top:24px} 
.order_coupon_list li:nth-child(1){margin:0}
.cp_list{padding:0 16px}
.dsc_tit_area{display:flex;justify-content:space-between;margin-top:24px}
.dsc_tit_area .ctit{font-size:16px;font-weight:600;color:#22272E;line-height:28px;}
.dsc_tit_area  .user_coupon_price{font-size:15px;color:#FF611E;font-weight:600;line-height:28px;}
.dsc_tit_desc{font-size:13px;color:#9198A3;line-height:20px}
.target_coupon{display:flex;justify-content:space-between;padding-bottom:12px}
.target_ctarget_couponoupon .tg_name{flex:1 1 auto;color:#565D6B}
.target_coupon .selected_dc_price{flex:0 0 auto;color:#9198A3;margin-left:16px}
.tg_option_box{position:relative;color:#9198A3;font-size:12px}
.tg_option_tit{position:absolute;left:0;top:0}
.tg_option li{position:relative;margin:0;display:inline-block;padding-left:8px}
.tg_option li:nth-child(1){padding-left:0}
.tg_option li:after{content:',';display:inline-block;position:absolute;top:0;left:0;}
.tg_option li:nth-child(1):after{display:none}
.tg_option li[opt_type='opt_type1']{display:none}
.tg_option li .option_type{display:none}
.tg_option li div em{display:none}
.tg_option li div span{position:relative;padding-left:5px}
.tg_option li div span:before{content:',';position:absolute;left:0}
.tg_option li div span:nth-child(1){padding-left:0}
.tg_option li div span:nth-child(1):before{display:none}
.select{cursor:pointer;display:block;position:relative;font-size:16px;color:#9198A3;width:100%;height:52px;border:1px solid #C3C7CD;border-radius:8px;box-sizing:border-box;font-size:15px}
.select.active{border-radius:8px 8px 0 0}
.select_styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;text-align:left;font-size:15px;padding:8px 15px;transition:all 0.2s ease-in;border-radius:8px;color:#22272E}
.select_styled strong{font-weight:normal}
.select_styled span{display:none}
.select_styled:after{content:'';display:block;content:'';width:24px;height:24px;position:absolute;top:50%;right:14px;margin-top:-12px;background:url(/images/common/btn_expand_down.png) 50% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.select_loding:before{content:'';display:block;content:'';width:24px;height:24px;position:absolute;top:50%;right:14px;margin-top:-12px;background:url(/images/common/bg_loading_s.png) 50% 50% no-repeat;background-size:24px 24px;animation: spin 1s linear 0s infinite;}
@keyframes spin {
	from {
		transform: rotate(0);
	}
	to{
		transform: rotate(359deg);
	}
}
.no_select_styled:after{display:none}
.select_styled:hover{background-color:#fff}
.select_styled:active, .select_styled.active{background-color:#E8E9EB;border-radius:8px 8px 0 0}
.select_styled:active:after, .select_styled.active:after{transform:rotate(180deg)}
.select_styled:disabled{cursor:default;background:#f9fafa;color:#c3c7cd}
.select_styled:disabled:after{display:none}
.select_options{display:none;position:absolute;top:100%;right:-1px;left:-1px;z-index:30;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #c3c7cd;border-radius:0 0 8px 8px;overflow:hidden}
.select_options li{margin:0;border-top:1px solid #E8E9EB;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in}
.select_options li:nth-child(1){border-top:0}
.select_options li button{display:block;width:100%;padding:14px 14px;line-height:24px;text-align:left;color:#22272E}
.select_options li button.selected{color:#0BA5EC}
.select_options li button strong{font-weight:normal}
.select_options li button span{display:block}
.select_options li button:active{color:#0BA5EC}
.select_options li button:hover{color:#0BA5EC}
.select_options li button:disabled{cursor:default;background:#f9fafa;color:#c3c7cd}
.select_options li button:disabled:hover{background:#f9fafa;color:#c3c7cd}
.select_options li button.selected:disabled{background:#fff;color:#0BA5EC}
.select_options li button.selected:hover{color:#0BA5EC}
.fxd_inline_txt h3{color:#9198A3;font-size:13px;line-height:16px;font-weight:500;}
.fxd_inline_txt strong{margin-top:3px;display: block;color:#22272E;font-size:21px;line-height:25px;font-weight:600;}

.delivery_modify{margin:16px 16px 0}
.btn_delivery_modify{font-size:14px;text-decoration:underline;color:#1570EF;font-weight:400}
.default_deliver_msg{margin:6px 16px 20px;color:#565D6B;font-size:14px;line-height:17px;}
.delivery_wrap{padding:20px 0 20px}
.delivery_wrap .btn_area{padding:0 16px 12px}
.price_list{margin-top:16px;padding:0 16px}
.price_list li{display:flex;justify-content:space-between;line-height:20px;margin-top:6px;font-size:15px}
.price_list li:nth-child(1){margin-top:0}
.price_list li span{color:#38404D}
.price_list li strong{font-weight:normal;color:#6D7582}
.price_list li.selected_total_price{margin-top:20px;padding-top:20px;border-top:1px solid #E8E9EB}
.price_list li.selected_total_price span{font-size:18px;font-weight:700;;color:#1A1F27}
.price_list .dlv_price_list{margin-top:0 !important}
.dlv_price_list{width:100%;margin-top:6px;}
.dlv_price_list li{margin-top:4px;}
.dlv_price_list li strong{padding-left:16px;position: relative;background:url(/images/common/bg_corner.png) 0 2px no-repeat;background-size:12px 12px;color:#9198A3;font-size:14px;}
.dlv_price_list li span{color:#9198A3;font-size:14px;}

.no_content{padding:40px 16px 40px;font-size:20px;line-height:32px;text-align:center}
.no_content p{padding:8px 0;font-size:20px;line-height:32px}
.no_content .btn_area{padding:24px 0}

.payment_select{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0;flex-wrap:wrap}
.payment_select li{margin-top:8px;flex:1 1 auto}
.payment_select.payment_select4 li{width:50%;}
.payment_select li span{display:block;position:relative;padding:0 4px}
.payment_check{position:absolute;top:0;left:0;width:36px;height:36px;outline:0}
.payment_check + label{position:relative;display:block;padding:0 0 18px;text-align:center;font-size:13px;line-height:16px;border:1px solid #C3C7CD;border-radius:4px;box-sizing:border-box;cursor:pointer;color:#565D6B}
.payment_check + label em{display:inline-block;min-width:80px;padding-top:64px;background-repeat:no-repeat;background-position:50% 10px}
.payment_check:checked + label{border-color:#22272E;color:#22272E;font-weight:600}
.credit_card .payment_check:checked + label em{background-image:url(/images/common/icon_card_selected_v4.png);background-size:56px 56px}
.credit_card .payment_check + label em{background-image:url(/images/common/icon_card_v4.png);background-size:56px 56px}
.bank .payment_check:checked + label em{background-image:url(/images/common/icon_bank_selected_v4.png);background-size:56px 56px}
.bank .payment_check + label em{background-image:url(/images/common/icon_bank_v4.png);background-size:56px 56px}
.kakaopay .payment_check + label em{background-image:url(/images/common/icon_kakaopay_v4.png);background-size:56px 56px}
.kakaopay .payment_check:checked  + label em{background-image:url(/images/common/icon_kakaopay_selected_v4.png);background-size:56px 56px}
.npay .payment_check + label em{background-image:url(/images/common/icon_npay_v4.png);background-size:56px 56px}
.npay .payment_check:checked  + label em{background-image:url(/images/common/icon_npay_selected_v4.png);background-size:56px 56px}

.refund_info .form_wrap{padding:0 16px}
.refund_info .form_row{margin-top:16px}
.refund_info .form_row + .form_row{margin-top:24px}
.refund_info .form_row .form_inp{height:auto}
.refund_info .btn_area{padding:24px 16px 0}
.order_fxd_btn{font-size:17px}

.package_summary{margin:20px 16px 0 16px;padding-bottom:20px;border-bottom:1px solid #E8E9EB;font-size:14px;color:#22272E;}
.package_summary strong{display:inline-block;font-weight: 500;background:#EFF8FF;padding:4px 6px;font-size:11px;line-height:13px;border-radius:4px;color:#2E90FA}
.package_summary .package_pd_name{margin-top:6px;}
.package_pd_total_price{margin:0 16px 0 16px;padding-top:20px;display: flex;justify-content:space-between;border-top:1px solid #E8E9EB;color:#22272E;line-height:19px;font-size:16px;}
.package_pd_total_price strong{font-weight: 600;}
.package_notice{margin:20px 16px 12px 16px;padding:12px 12px;border:1px solid #F2F3F5;background:rgba(249,250,250,.8);border-radius:4px;}
.package_notice li{position: relative;font-size:12px;line-height:16px;color: #565D6B;padding-left:16px;}
.package_notice li:after{content:'';position: absolute;left:7px;top:7px;display: block;width:2px;height:2px;border-radius:100%;background:#565D6B;}
.package_notice li + li{margin-top:6px;}

.order_footer_notice{padding:20px 16px 56px;background:#f2f3f5;line-height:18px;font-size:12px;color: #9198A3;}
.order_footer_notice p + p{margin-top:8px;}

/* ~ order_complete */
.order_notice{padding:24px 16px;border-top:8px solid #f0f1f3}
.ntc_txt{padding:2px 0 0 32px;background:url(/images/common/icon_notice_new.png) 0 0 no-repeat;background-size:24px 24px}
.ntc_txt p{color:#1A1F27;font-weight:700;line-height:20px}
.order_notice .link_txt{display:inline-block;margin-top:8px}
.link_txt{padding-bottom:0 0 4px;border-bottom:1px solid #C3C7CD;color:#6D7582;font-size:13px;line-height:16px}
.order_field{position:relative;margin:20px 16px 0}
.order_field li{display:flex;flex-direction:row;justify-content:space-between;margin-top:6px;line-height:20px;font-size:15px}
.order_field li:nth-child(1){margin-top:0}
.order_field li.receipt{margin-top:24px}
.order_field span{flex:0 0 auto;min-width:100px;line-height:24px;width:100px;margin-right:10px;color:#6D7582}
.order_field strong{word-break:break-all;text-align:right;font-weight:400;color:#38404D}
.bank_account{line-height:24px;padding:0;width:auto;margin:0;text-align:right}
.copy_account{margin-left:5px;display:inline-block;width:24px;height:24px;background:url(/images/common/btn_clip.png) 50% 50% no-repeat;background-size:24px 24px;vertical-align:middle}
.receipt_btn_area{text-align: center;}
.order_complete_wrap{padding:24px 16px 24px;}
.receipt_btn_area{margin-top:16px;}
.btn_receipt{display: inline-block;padding:0 16px;width:auto;height:40px;line-height:38px;color:#38404D;font-size:13px;border:1px solid #B2B7C0;border-radius:20px}
.order_complete_msg{color:#1A1F27;font-size:22px;font-weight:700;line-height:28px;text-align: center;}
.price_list_new{padding:24px 16px 20px}
.price_list_new li{display:flex;justify-content:space-between;line-height:18px;margin-bottom:8px;font-size:15px;color:#565D6B;}
.price_list_new li span{color:#38404D}
.price_list_new li strong{font-weight:normal;}
.price_list_new li.selected_total_price{margin-bottom:20px;padding:20px 0;border-bottom:1px solid #E8E9EB}
.price_list_new li.selected_total_price span,.price_list_new li.selected_total_price strong{font-size:17px;font-weight:600;;color:#22272E}
.order_notice_new{padding:16px;background:#F9FAFA;border-radius:12px;text-align: right;}
.order_notice_new p{font-size:15px;line-height:22px;color:#38404D;text-align: left;}
.order_notice_new p strong{font-weight:600;}
.link_more_txt{position: relative;margin-top:8px;display: inline-block;padding-right:24px;color:#1570EF;font-size:15px;line-height:24px;}
.link_more_txt:after{content:'';position: absolute;top:0;right:0;display: block;width:24px;height:24px;background:url(/images/common/arr_link_more.png) 50% 50% no-repeat;background-size:24px 24px;}

/* ~ order_list */
.ol_conatainer{background:#f0f1f3}
.nav_tab{position:relative;height:45px;z-index:400}
.header_tab{position:fixed;width:100%;max-width:720px;height:45px;background:#fff;display:flex;align-items:center;justify-content:space-between;align-items:center;box-shadow:0 0.5px rgba(0, 0, 0, 0.2)}
.header_tab li{flex:1 0 auto;width:50%;height:45px}
.header_tab li a{position:relative;display:block;height:45px;text-align:center;font-size:16px;font-weight:500;line-height:45px;color:#b1b1b1}
.header_tab li a.selected{color:#22272E}
.header_tab li a.selected:after{z-index:1;display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#38404D;content:''}

.order_hst_header{padding:24px 16px 0;border-radius:8px 8px 0 0;background:#fff}
.order_hst_body{padding:0 16px 32px;background:#fff}
.order_hst_foot{border-radius:0 0 8px 8px;background:#393939;color:#fff;overflow:hidden}
.order_process{line-height:18px;color:#9198A3}
.order_process .process_name{font-weight:700}
.order_process .delivery_ready{color:#0BA5EC}
.order_process .delivering{color:#0BA5EC}
.order_process .delivery_complete{color:#0BA5EC}
.order_process .payment_complete{color:#565D6B}
.order_process .payment_wait{color:#F79009}
.order_process .order_canceled{color:#9198A3}
.order_process .order_complete{color:#565D6B}
.order_process .delivery_ready{color:#F04438}
.order_type_pickup .order_process .delivery_ready{color:#F04438}
.order_process .date_info{display:inline-block;margin-left:8px}
.gift_name{margin:16px -16px 0;background: #262626;color:#fff;font-size:12px;line-height:14px;padding:11px 16px;}
.gift_name span,.gift_name strong{font-weight:600;}
.order_status{font-size:16px;font-weight:600;line-height:22px;color:#1570EF}
.order_date{margin-top:8px;font-size:14px;line-height:19px;color:#5c5c5c}
.order_history_list{padding:0 0 16px 0}
.order_info_list .ol_box{margin:16px 16px 0;padding:0}
.ol_box .order_list_item_box{position:relative;}
.ol_box .order_list_item_box.multi_order_end + .order_list_item_box{margin-top:20px}
.ol_box .order_list_item_box.cancel_item:after{content:'';position:absolute;left:-16px;top:0;right:-16px;bottom:0;background:rgba(255, 255, 255, 0.5);z-index:1}
.ol_box .order_list_item_box:last-child .btn_delivery_area{display:flex}
.order_list_item_box + .order_list_item_box{padding-top:16px;border-top:1px solid #E8E9EB}
.order_list_item_box + .order_list_item_box.multi_first{border-top:0}
.gift_item_box + .gift_item_box{padding-top:16px;border-top:0}
.order_complete_time{line-height:22px;padding:0 0 16px}
.order_complete_time strong{font-weight:500}
.item_order_info_list{padding:20px 0;color:#6D7582;font-size:15px;border-top:1px solid #E8E9EB}
.item_order_info_list li{display:flex;justify-content:space-between;line-height:20px;margin-top:4px}
.item_order_info_list li:nth-child(1){margin-top:0}
.item_order_info_list li span{color:#38404D}
.item_order_info_list li strong{font-weight:normal}
.item_order_info_list li.item_total_price span{font-weight:700}
.bank_info{margin-top:20px;}
.pd_info_area .item_order_info_list{margin-top:12px;padding:12px 0}
.ol_content .dlv_info_list{margin:0}
.ol_content .add_delivery_msg{margin:0}
.ol_content .btn_area{padding:0}
.ol_content .pickup_time_list{margin:20px 0}
.ol_content .pickup_add_msg{margin:20px 0}
.ol_content .refund_info .form_wrap{padding:0}
.ol_content .delivery_info_area,.ol_content .pickup_info_area{border-top:1px solid #E8E9EB}
.ol_content .delivery_info_area .btn_area{margin-top:20px;margin-bottom:-8px}
.ol_content .pickup_info_area{margin:20px 0 0}
.ol_content .refund_info{margin-top:24px}
.ol_content .otit_area{padding:0}
.ol_content .refund_info .btn_area{padding:24px 0 0}
.order_cancel{display:flex;justify-content:space-between;margin-top:8px;padding:16px 0 20px 0}
.btn_order_cancel{display:inline-block;color:#9198A3;font-size:15px;line-height:18px}
.btn_pd_question{display:inline-block;color:#9198A3;font-size:15px;line-height:18px}
.order_review{padding:8px 0 0 0}

.order_each_total {
	padding: 0 16px
}
.order_each_total li{display:flex;justify-content:space-between;font-size:14px}
.order_each_total li.ol_total_pd_price{padding:22px 0 14px;border-bottom:1px solid #525252}
.order_each_total li.ol_coupon_dc_price{padding:16px 0 4px}
.order_each_total li.dbl .dlv_price_list{margin-top:-4px;padding-bottom:2px;}
.order_each_total li.dbl .dlv_price_list li strong,.order_each_total li.dbl .dlv_price_list li span{color: #C3C7CD;}
.order_each_total li.ol_dlv_price{padding:4px 0 16px}
.order_each_total li.ol_dlv_price.ol_dlv_price_only{padding:16px 0 16px}
.order_each_total li.ol_dlv_gift_price{padding:16px 0 16px}
.order_each_total li.ol_total_item_price{padding:16px 0 60px;border-top:1px solid #525252}
.order_each_total li strong{font-weight:400}
.order_each_total li span{font-weight:400}
.order_each_total li span em{font-size:17px;;font-weight:700}
.btn_receipt_link{display:block;text-align:center;height:56px;line-height:56px;font-size:17px;font-weight:500;color:#FFF;background:#262626;border-bottom:0 0 8px 8px}
.btn_receipt_link:hover{background:#22272E}

.btn_pickup_confirm{margin-top:24px;}
.order_cancel_all {margin-top:20px;}
.btn_pickup_confirm_area {margin-top:20px}

/* delivery address */
.address_content .form_wrap{padding:24px 16px 24px 16px}
.addr_list{padding-top:8px}
.addr_list li{position:relative;padding:24px 0 24px 0;margin:0 16px;line-height:24px;color:#22272E;border-top:1px solid #E8E9EB}
.addr_list li:nth-child(1){border-top:0}
.addr_list li .round_check{display:none}
.addr_list li .inp_lb{padding:0;font-weight:normal;display:block}
.addr_list li .inp_lb:before{display:none}
.addr_list.addr_check_list .inp_lb{padding-left:40px;font-size:15px;line-height:22px;color:#565D6B}
.addr_list.addr_check_list .round_check{display:block}
.addr_list.addr_check_list .inp_lb:before{display:block}
.dlv_name{font-weight:600;font-size:17px;color:#22272E;line-height:24px}
.dlv_tel{margin-top:6px}
.dlv_addr{margin-top:6px}
.dlv_msg{margin-top:6px}
.default_addr{display:inline-block;color:#1570EF;margin-left:6px;font-weight:400;font-size:15px}
.addr_btn{margin-top:16px;text-align:right}
.addr_btn span{display:inline-block}
.addr_btn span + span{margin-left:8px}
.addr_btn span .btn{height:40px;line-height:40px}
.find_zip_area + .form_row{margin-top:24px}
.address_mofidy_layer{display:none}
.address_mofidy_show{display:block}
.address_wrap{display:flex;position:relative;width:100%;max-width:720px;min-height:100vh;margin:0 auto;background:#fff;flex-direction:column}
.address_container{flex:1 1 auto;position:relative;width:100%;max-width:720px;margin:0 auto;padding-bottom:80px}
.btn_close_address_modify{position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;background:url(/images/common/btn_close_x.png) no-repeat;background-size:24px 24px;background-position:50% 50%}
.btn_zip_area_close{position:absolute;top:-48px;right:-1px;width:48px;height:48px;border:1px solid #000;background:#F2F3F5 url(/images/common/btn_close_x.png) 50% 50% no-repeat;background-size:24px 24px}

/* board */
.board_list li{padding:24px 16px;box-shadow:inset 0px -1px 0px rgba(0, 0, 0, 0.1);line-height:24px;-webkit-transition-duration:.3s;transition-duration:.3s}
.board_list li:hover,.board_list li.selected{background:#fafafa}
.board_list li a{display:block;position:relative}
.board_list li .board_tit_img{position:relative;margin-bottom:24px;background:#eaeaea;clip-path:inset(0 round 16px);border-radius:16px;overflow:hidden}
.board_list li .board_tit_img:before{content:'';display:block;width:100%;padding-top:50%}
.board_list li .board_tit_img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%}
.board_sub_tit{margin-bottom:4px;color:#1f97f5;font-size:16px;font-weight:600}
.board_tit{font-size:19px;font-weight:600}
.board_list li.selected .board_tit{padding-right:30px}
.board_desc{margin-top:4px;color:#b1b1b1;font-size:16px}
.board_date{margin-top:4px;color:#545454;font-size:16px}
.board_view{padding:24px 16px 24px}
.board_list li.selected .board_view{display:block}
.board_list li .board_view{padding:24px 0 24px}
.board_view_header{padding:24px 16px 24px}
.board_view_body{font-size:17px;line-height:24px}
.board_view img{max-width:100%;clip-path:inset(0 round 16px);border-radius:16px}
.board_view .board_img{margin-bottom:24px;clip-path:inset(0 round 16px);border-radius:16px;overflow:hidden}
.board_view .mov{position:relative;margin-bottom:24px;padding-top:56.25%;background:#f6f6f6}
.board_view .mov iframe{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.board_view .board_txt{margin-bottom:24px}
.btn_close_notice{position:absolute;top:24px;right:24px;display:none;width:24px;height:24px;line-height:24px;text-align:center;outline:0;background:url(/images/common/btn_x.png) 50% 50% no-repeat;background-size:24px 24px;cursor:pointer}
.board_list li.selected .btn_close_notice{display:block}
.feed_view{padding:0}
.feed_view img{max-width:100%;clip-path:inset(0);border-radius:0}
.feed_view .board_txt{padding:24px 16px}
.detail_swiper img{width:100%}

/* contactus */
.contactus{padding-bottom:24px}
.contactus h4{font-size:14px;color:#565D6B;font-weight:400;}
.contactus_agreement{margin:32px 16px 0;padding-bottom:12px;}
.contactus_agreement.b2b_agreement{margin:16px 16px 0;}
.privacy_agreement{position:relative;margin-top:14px;}
.contactus_agreement_box{margin-top:16px;padding:16px 12px;border:1px solid #E6E6E6;border-radius:8px;font-size:12px;line-height:18px;color:#9198A3}
.contactus_agreement_box dl dt{}
.contactus_agreement_box dl + dl{margin-top:8px}
.contactus_agreement_box dd{padding-left:14px;}
.add_photo_tit_area{margin-top:24px;}
.add_photo_tit_area h4{font-size:14px;font-weight:400;line-height:17px;color:#565D6B;}
.add_photo_tit_area p{margin-top:4px;font-size:13px;line-height:18px;color:#9198A3;}

.add_photo{position: relative;display: flex;padding:16px 0 16px 0;min-height:120px;height:120px;overflow:hidden;overflow-x:auto;}
.add_photo_area{position: relative;width:120px;height:120px;}
.add_photo_area .fileinput_button{position: absolute;top: 0;left: 0;margin: 0;width:120px;height:120px;opacity: 0;filter: alpha(opacity=0);cursor: pointer;z-index:1;}
.add_photo_area .btn_add_photo{position: relative;box-sizing: border-box;width:120px;height:120px;border-radius:4px;border:1px solid #E8E9EB;}
.add_photo_area .btn_add_photo span{display: inline-block;color:#9198A3;font-size:14px;line-height:24px;font-weight:500;padding-top:24px;background:url(/images/common/icon_add_photo.png) 50% 0 no-repeat;background-size:24px 24px;}
.added_img{flex:0 0 auto;height:120px;display:flex;position:relative;}
.added_img li{position: relative;width:120px;height:120px;border-radius:4px;margin-left:12px;overflow:hidden;z-index:100;-ms-touch-action:auto;touch-action:auto;}
.added_img li img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:4px}
.added_img li:after{content:'';display: block;;position: absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border: 1px solid rgba(0, 0, 0, 0.25);z-index:1;}
.remove_photo{position: absolute;top:0;right:0;width:36px;height:36px;border-radius:0 4px 0 4px;background: rgba(0, 0, 0, 0.8) url(/images/common/btn_photo_del.png) 50% 50% no-repeat;background-size:24px 24px;z-index:2;cursor:pointer !important}
.added_img:after{content:'';display: block;clear: both;}

/* add_photo_row3
.add_photo_grid{display: grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.add_photo_cell{position: relative;padding-top:100%;}
.add_photo_cell .dropzone{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100% !important}
.add_photo_cell .dropzone .dz-default{width:100%;height:100%;min-height:100% !important}
.add_photo_cell .dropzone .dz-message .dz-button.btn_add_photo{box-sizing: border-box;width:100%;height:100%;border-radius:4px;border:1px solid #E8E9EB;}
.add_photo_cell .dropzone_uploads_inner{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100% !important;z-index:1;}
.dropzone_uploads_inner .upload_item{position: relative;width:100%;height:100%;border-radius:4px;margin-left:0;overflow:hidden}
.dropzone_uploads_inner .upload_item img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:4px}
.add_photo_cell .dropzone_uploads_inner .upload_item_thumb{position: relative;display: block;width:100%;height:100%}
 */

/* faq */
.faq_list li{border-top:1px solid #E8E9EB;margin:0 16px}
.faq_list li:nth-child(1){border-top:0}
.faq_list li .faq_q a{position:relative;display:block;padding:20px 30px 20px 20px;font-size:15px;line-height:20px;font-weight:500;color:#22272E}
.faq_list li .faq_q a .qst{position:absolute;left:0;top:20px;line-height:20px}
.faq_list li .faq_q a:after{content:'';position:absolute;top:18px;right:-6px;width:24px;height:24px;display:inline-block;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.faq_list li.selected .faq_q a:after{transform:rotate(180deg)}
.faq_list li .faq_a{position:relative;display:none;color:#38404D;font-size:15px;line-height:26px}
.faq_list li .faq_a a{text-decoration:underline}
.faq_list li.selected .faq_a{display:block;padding:0 0 20px 0}

/* coupon */
.coupon_container{background:#f0f1f3}
.coupon_reg{padding:16px 16px;background:#fff;}
.coupon_reg_input{display: flex;}
.coupon_reg_input .inpt_box{flex:1 1 auto;height:40px;line-height:38px;padding:0 12px;border:1px solid #C3C7CD;color: #38404D;font-size:13px;border-radius:4px;}
.inpt_box::-webkit-input-placeholder{font-size:13px;font-weight:400;color:#9198A3;letter-spacing:0 !important}
.inpt_box::-ms-input-placeholder{font-size:13px;font-weight:400;color:#9198A3;letter-spacing:0 !important}
.coupon_reg_input .btn_inline_s{flex:0 0 auto;margin-left:8px;}
.coupon_header_tab{top:56px}
.coupon_list > li{padding:0;margin-top:8px;background:#fff}
.coupon_list > li.no_content{padding:40px 16px 40px;font-size:20px;line-height:32px;text-align:center;background:none;}
.coupon_box{display:flex;padding:16px 16px;align-items:center;justify-content:space-between; background:#fff;border-radius:16px;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s}
.coupon_box .coupon_ct{flex:1 1 auto}
.coupon_box .coupon_ct_top{display: flex;justify-content:space-between}
.coupon_box .coupon_cont{font-size:14px;line-height:17px;font-weight:600;color:#FF611E}
.coupon_box .coupon_expire{font-size:12px;line-height:17px;color:#9198A3;font-weight:500}
.coupon_box .coupon_expire.d7{color:#FF611E;font-weight:700}
.coupon_box .coupon_name{font-size:20px;line-height:24px;margin-top:4px;color:#22272E;font-weight:700;}
.coupon_box .coupon_desc{font-size:13px;line-height:16px;margin-top:12px;color:#565D6B;}
.coupon_btn_area{margin-top:8px;display: flex;justify-content:space-between;align-items:center;min-height:32px;}
.coupon_box .btn_coupon_download{position: relative;display: inline-block;height:32px;line-height:30px;padding:0 16px 0 34px;font-size:13px;color:#565D6B;box-sizing: border-box;background: #F2F3F5;border-radius:16px}
.coupon_box .btn_coupon_download:after{content:'';position: absolute;left:12px;top:6px;display: block;width:20px;height:20px;background: url(/images/common/icon_download.png) 0 0 no-repeat;background-size:20px 20px;}
.coupon_box .coupon_download_complete{position: relative;display: inline-block;height:32px;line-height:30px;padding:0 16px 0 34px;font-size:13px;color:#6D7582;box-sizing: border-box;background: #fff;border-radius:16px;border: 1px solid #E8E9EB;}
.coupon_box .coupon_download_complete:after{content:'';position: absolute;left:12px;top:6px;display: block;width:20px;height:20px;background: url(/images/common/icon_download_comp.png) 0 0 no-repeat;background-size:20px 20px;}
.btn_view_coupon{position:relative;line-height:20px;color:#9198A3;font-size:13px;padding-right:20px}
.btn_view_coupon:after{display:block;content:'';width:20px;height:20px;position:absolute;top:0;right:0;background:url(/images/common/btn_expand_down_s.png) 100% 50% no-repeat;background-size:20px 20px;transition:all 0.3s ease;transform:rotate(0deg)}
.coupon_detail{display:none;margin:0 16px;padding:16px 0;border-top:1px solid #e8e9eb}
.coupon_detail li{margin-top:8px;line-height:16px;font-size:13px;color:#565D6B}
.coupon_detail li:nth-child(1){margin-top:0}
.coupon_detail_show .coupon_detail{display:block}
.coupon_detail_show .btn_view_coupon:after{transform:rotate(180deg)}
.coupon_list_wrap .no_content{color:#B2B7C0}

/* popup */
.popup{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.popup.popup_show{visibility:visible;opacity:1;z-index:9000}
.popup_bg,.popup_bg_prevent{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;background:rgba(0,0,0,.4);z-index:8000}
.popup_bg_review{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;background:rgba(0,0,0,1);z-index:8000}
.popup_container{min-width:320px;max-width:688px;width:100%;margin:0 16px;z-index:9999;display:flex;flex-direction:column}
.popup_review_container{max-width:600px;margin:0}
.popup_confirm_container{max-width:720px;margin:0}
.popup_address_container{max-width:720px;margin:0}
.popup_terms_container{max-width:720px;margin:0}
.iframe_container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}
.iframe_container iframe{border:0;width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute}
.popup_content{position:relative;width:100%;max-height:calc(100vh - 140px);background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:4px 4px 16px rgba(0, 0, 0, 0.5)}
@media (min-width:620px) and (max-height:720px){
	.popup_container{width:100%;max-width:480px}
	.popup_full .popup_container{width:100%;max-width:720px}
}

.popup_layout{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.popup_layout.popup_show{visibility:visible;opacity:1;z-index:450}
.popup_layout_container{position:relative;min-width:320px;max-width:720px;width:100%;height:100%;margin:0;z-index:9999;background-color:#fff;overflow-y:auto;box-sizing:border-box;}
.popup_container_bg_gray{background:#f0f1f3}
#select_receive_popup{bottom:57px;height:auto;}
.popup_iframe_wrap{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:9000;display:flex;align-items:center;justify-content:center}
.popup_full_container{position:relative;min-width:320px;max-width:720px;width:100%;height:100%;margin:0;z-index:9999;background-color:#fff}
.popup_full_content{position:relative;width:100%;height:100%;background:#fff}
.popup_full_body{position:absolute;top:56px;bottom:80px;left:0;right:0;background:000;overflow-y:auto;background:#fff;padding:36px 16px;color:#22272E}
.popup_full_body::-webkit-scrollbar{
	display:none;
  }
.popup_full_btn{position:absolute;bottom:0;left:0;right:0;flex:0 1 auto;height:80px;background:#fff}
.popup_full_btn .btn_area{padding:16px;max-width:720px;margin:0 auto;box-sizing:border-box;box-shadow:0px -1px 0px rgba(0, 0, 0, 0.15);background:#fff}
.popup_full_iframe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}
.popup_full_iframe iframe{border:0;width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute}

.popup_full_body.auth_adult_prc1{padding:0}
.auth_adult_prc3{display:flex;align-items:center;justify-content:center;text-align:center}
.auth_adult_content{display:none}
.auth_adult_prc1 .auth_adult_prc1_content{display:block}
.auth_adult_prc2 .auth_adult_prc2_content{display:block}
.auth_adult_prc3 .auth_adult_prc3_content{display:block}
.auth_adult_content .svc_logo img{height:80px}
.auth_adult_content .svc_txt{margin-top:16px;font-size:16px}
.auth_adult_content .svc_img img{width:100%}
.auth_adult_content h3{font-size:20px;font-weight:700;line-height:28px}
.auth_age{margin-bottom:8px}
.auth_age span{display:inline-block;width:52px;height:52px;border-radius:100%;text-align:center;line-height:24px;padding:14px 0;font-size:24px;font-family:Inter;font-weight:400;border:1.5px solid #F04438;box-sizing:border-box}
.auth_desc{margin-top:8px;line-height:18px;font-size:12px;color:#525252}
.auth_adult_prc2 .form_row label{color:#393939;font-weight:400;font-size:13px}
.agreement_box{margin-top:16px;padding:16px;border-radius:12px;background-color:#f6f6f6;font-size:11px;line-height:18px;color:#6f6f6f}
.agreement_box dl dt{color:#393939}
.agreement_box dl + dl{margin-top:8px}
.agreement_box p{border-top:1px solid #ccc;margin-top:12px;padding-top:12px}
.check_complete{margin-bottom:16px}
.auth_adult_prc3 p{margin-top:6px;font-size:12px;line-height:18px;color:#525252}

.popup_content_img{border-radius:12px 12px 0 0;overflow:hidden}
.popup_content_img img{max-width:100%}
.popup.popup_show .popup_page{opacity:1}
.popup_content_title{font-size:19px;line-height:23px;font-weight:500;color:#22272E}
.popup_content_txt{margin-top:8px;font-size:15px;line-height:22px;color:#38404D}
.popup_content_notice_txt{margin-top:12px;padding:12px;border:1px solid #FECDCA;border-radius:4px;background:#FEF3F2;color:#D92D20;font-size:14px;line-height:18px;}
.popup_content_txt_list{margin-top:12px;color:#565D6B;font-size:14px;line-height:20px}
.selected_date{margin-top:8px;color:#565D6B;line-height:18px}
.no_product_text{margin-top:12px;color:#565D6B;font-size:14px}
.date_select_list{margin:20px -16px 0 -16px;padding:0 20px}
.date_select_list_scroll{padding:20px 20px 20px;box-sizing:border-box;height:240px;overflow:hidden;overflow-y:auto;border-top:1px solid rgba(0, 0, 0, 0.15);border-bottom:1px solid rgba(0, 0, 0, 0.15)}
.date_select_list li{position:relative}
.date_select_list li + li{margin-top:10px}
.date_select_list li label{display:block;padding:10px 12px 10px 52px;border:1px solid #E8E9EB;border-radius:8px;font-size:15px;color:#22272E}
.date_select_list li input:checked + label{font-weight:600}
.date_select_list li input:disabled + label{background:#F9FAFA}
.date_select_list li label:before{position:absolute;left:12px;top:50%;margin-top:-14px}
/* .delivery_date_select_wrap{display: flex;margin:16px -16px 0;height:198px;border-top:0.5px solid #E8E9EB;border-bottom:0.5px solid #E8E9EB;}
.delivery_select_list{flex:1 0 auto;width:50%;height:198px;background: #F2F3F5;}
.date_select_list{flex:1 0 auto;width:50%;height:198px;overflow:hidden;overflow-y:auto;}
.delivery_type_txt{margin-top:6px;}
.delivery_type_txt li{font-size:13px;color: #9198A3;line-height:16px;}
.select_delivery_type_desc_txt{font-size:13px;margin:16px 0 -4px;color:#0086C9;font-weight:500;}
.delivery_select_list li{position:relative}
.delivery_select_list li label{display:block;padding:14px 16px 14px 16px;line-height:16px;font-size:13px;font-weight:500;color:#6D7582}
.delivery_select_list li input:checked + label{color:#0086C9;font-weight:600;background:#fff}
.delivery_select_list li input:disabled + label{color:#C3C7CD}
.delivery_select_list li label:before{display: none;}

.date_select_list li{position:relative}
.date_select_list li label{display:block;padding:14px 16px 14px 16px;line-height:16px;font-size:13px;font-weight:500;color:#6D7582}
.date_select_list li input:checked + label{color:#0086C9;font-weight:600}
.date_select_list li input:disabled + label{color:#C3C7CD}
.date_select_list li label:before{display: none;}
.date_select_list li.no_date_select p{padding:14px 16px 14px 16px;line-height:16px;font-size:13px;font-weight:500;color:#C3C7CD} */

@media(hover: hover) and (pointer: fine) {
	.delivery_select_list li label:hover{background:#fafafa}
	.date_select_list li label:hover{background:#fafafa}
}

.rdo_list{padding:10px 0 8px 0;}
.rdo_list li{margin-top:10px;}
.rdo_list li label{font-size:13px;color:#9198A3;}
.rdo_list li .round_check:checked + label{color:#22272E;font-weight:600;;}
.popup_body{padding:24px 16px 16px}
.btn_cls_pop{z-index:9010;position:absolute;top:0px;right:0px;width:68px;height:68px;background:url(/images/common/btn_close_rx.png) 50% 50% no-repeat;background-size:36px 36px}
.popup_page .btn_cls_pop{width:56px;height:56px}
.popup_content_btn{margin-top:20px}
.popup_content_btn li{margin-top:12px}
.popup_content_btn li:nth-child(1){margin-top:0}
.popup_content_btn.btn_type_2{display:flex;flex-direction:row;margin-left:-4px;margin-right:-4px;}
.popup_content_btn.btn_type_2 li{margin-top:0}
.popup_content_btn.btn_type_2 li span{margin:0 4px}
.popup_content_btn.btn_type_auto li{flex:1 0 auto;width:auto}
.popup_btn_area{margin:20px 0 0}
.btn_popup_header_close{position:absolute;top:0;display:inline-block;width:56px;height:56px;line-height:56px;text-align:center;outline:0;background:url(/images/common/btn_close_x.png) 50% 50% no-repeat;background-size:24px 24px}

.popup_notice{overflow:hidden}
.popup_notice_content{position:relative;width:100%;max-width:343px;margin:0 auto;min-height:383px;}
.popup_swiper{width:100%;max-width:343px;overflow:hidden;border-radius:12px 12px 0 0}
.popup_notice_content_img{width:100%;max-width:343px}
.popup_notice_content_img a{display:block;border-radius:12px 12px 0 0;overflow:hidden}
.popup_notice_content_img img{width:100%;max-width:343px}
.popup_close_area{position:relative;z-index:1;width:100%;max-width:343px;margin:0 auto;display:flex;height:50px;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 -0.5px rgba(0, 0, 0, 0.2)}
.popup_close_area li{position:relative;flex:1 0 auto;width:50%;text-align:center}
.popup_close_area li:nth-child(2):after{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:1px;height:100%;background-color:#C3C7CD}
.popup_close_area li button{display:block;width:100%;line-height:50px}

.popup_feed_body{max-height:600px;overflow:hidden;overflow-y:auto;border-radius:12px}

.popup_pickup_content .popup_pickup_header{height:48px;line-height:48px;background:#F2F3F5;font-size:14px;font-weight:500;color:#22272E;text-align:center;border-radius:12px 12px 0 0}
.popup_pickup_content .popup_pickup_number{margin:0 16px;padding:20px 0 16px;text-align:center;border-bottom:1px solid #E8E9EB;color:#22272E}
.popup_pickup_number h3{font-size:15px;line-height:18px;font-weight:400}
.popup_pickup_number .pickup_idx{margin-top:4px;font-size:20px;line-height:24px;font-weight:700}
.popup_pickup_content{max-height:calc(100vh - 100px) !important}
.popup_pickup_content .popup_pickup_body{max-height:280px;overflow:hidden;overflow-y:auto}
@media only screen and (max-height:667px){
	.popup_pickup_content .popup_pickup_body{max-height:220px}
}
.popup_pickup_content .popup_pick_footer{margin:16px 16px 0 16px;padding:16px 0 20px 0;text-align:center;text-align:center;border-top:1px solid #E8E9EB;border-radius:0 0 12px 12px}
.pickup_confirm_msg{color:#F04438;font-size:14px;line-height:20px;font-weight:500}
.popup_pickup_content .popup_pickup_body .order_etc_info{border:0}
.order_etc_info{margin:0 24px;padding:0 0 16px;border-top:2px solid #E8E9EB;font-size:13px;color:#22272E}
.order_etc_info > li{display:flex;justify-content:space-between;margin-top:6px;line-height:16px}
.order_etc_info > li:nth-child(1){margin-top:16px;border:0}
.order_etc_info > li:last-child{display:block;text-align:left;margin-top:16px;padding-top:16px;border-top:1px solid #E8E9EB}
.order_etc_info li strong{flex:0 0 auto;min-width:70px;margin-right:24px;font-weight:400;color:#565D6B}
.order_etc_info li span{font-weight:normal;text-align:right}
.order_etc_info li .pickpu_time_selected{color:#F04438}
.pickup_menu li{line-height:16px;color:#22272E;text-align:left;margin-top:8px;line-height:16px;font-size:13px}
.pickup_menu li .pickup_menu_name{font-weight:500}
.popup_pickup_content .popup_pickup_body .popup_content_btn{margin-top:20px}

/* agreement popup */
.popup_terms_content{min-height:calc(100vh - 200px)}
.popup_terms_content .terms_header{padding:32px 16px 0;line-height:30px;font-size:18px;color:#22272E}
.popup_terms_content .agree_txt{position:absolute;top:70px;left:0;right:0;bottom:40px;overflow:hidden;overflow-y:auto}

/* share_link */
.share_list{margin-top:12px}
.share_list li{padding:12px 0}
.btn_share{display:inline-block;height:28px;line-height:28px}
.btn_share span{position:relative;display:inline-block;padding-left:40px;height:28px;color:#38404D;font-size:15px;font-weight:500;line-height:28px}
.btn_share span:after{content:'';position:absolute;left:0;top:0;width:28px;height:28px;border-radius:100%}
.btn_share span.btn_share_kakao:after{background:#FFE500 url(/images/common/floating_kko.png) 50% 50% no-repeat;background-size:18px 18px}
.btn_share span.btn_copy_link:after{background:#EEEEEE url(/images/common/btn_copy_link.png) 50% 50% no-repeat;background-size:22px 22px}

.set_list{flex:0 0 auto;padding:16px 24px}
.set_list li{margin-top:8px;font-size:14px}
.set_list li:nth-child(1){margin-top:0}
.set_list li .set_wrap{display:flex;padding:8px 16px;flex-direction:row;justify-content:space-between}
.dot_list li,.dot_txt{position:relative;padding-left:16px;line-height:24px;font-size:14px}
.dot_list li:after,.dot_txt:after{content:'';display:block;width:4px;height:4px;position:absolute;left:4px;top:10px;background:#000;border-radius:100%}

#toast-container{position:fixed;z-index:90;pointer-events:none}
#toast-container > div{position:relative;pointer-events:auto;overflow:hidden}
#toast-container{width:100%;margin-left:auto;margin-right:auto}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.ytoast{position:fixed;left:0;bottom:150px;right:0;margin:0 auto;max-width:720px;z-index:90;transition:all .3s ease-in-out}
.cart_toast{height:50px;margin:0 16px;background:#262626;border-radius:4px;color:#fff;display:flex;justify-content:space-between;padding:8px 8px 8px 16px;box-sizing:border-box}
.cart_toast span{padding:8px 0;line-height:18px;font-size:12px;font-weight:500}
.cart_toast a{padding:8px 10px;line-height:18px;font-size:12px;font-weight:400}

.alert_toast{position:fixed;left:0;top:50%;right:0;margin:-25px auto 0;max-width:720px;z-index:90;transition:all .3s ease-in-out}
.alert_toast_box{height:50px;margin:0 16px;background:#262626;border-radius:4px;color:#fff;padding:15px 15px;font-size:12px;text-align:center;font-weight:500;box-sizing:border-box}

/* review */
.review_reg{padding:20px 16px}
.review_reg h3{padding:24px 0 16px;font-size:15px;font-weight:600;line-height:18px;color:#1A1F27;}
.review_reg h3 span{font-size:12px;font-weight:500;color:#9198A3;}
.review_pd_area{position:relative;min-height:72px;display:flex}
.review_pd_area .review_img_area{position:relative;flex:0 0 auto;width:72px;height:72px;margin-right:12px;border-radius:4px;overflow:hidden}
.review_pd_area .review_img_area a{position:relative;display:block}
.review_pd_area .review_img_area a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.08)}
.review_pd_area .review_img_area img{width:72px;height:72px;object-fit:cover;object-position:center center;}
.review_info_area{position:relative;flex:1 1 auto}
.review_info_area .review_order_num{color:#9198A3;font-size:11px}
.review_info_area .review_pd_name{margin-top:2px;color:#38404D;font-size:15px;line-height:17px;}
.review_info_area .review_order_date{margin-top:8px;font-size:12px;line-height:14px;color:#565D6B;}
.star_check{display:flex;}
.star{flex:0 0 auto;width:36px;height:36px;background:url(/images/common/bg_star_off.png) 0 0 no-repeat;background-size:36px 36px;}
.star + .star{margin-left:8px;}
.star.star_on{background:url(/images/common/bg_star_on.png) 0 0 no-repeat;background-size:36px 36px;}
.review_write_area{margin-top:28px;border-top:1px solid #E8E9EB;}
.inpta_box{width:100%;height:230px;padding:16px;font-size:14px;line-height:22px;border:1px solid #E8E9EB;color:#22272E;background:#fff;border-radius:4px;outline:none;box-shadow:none;resize:none;box-sizing:border-box;vertical-align:top;overflow-y:auto;}
.inpta_box::placeholder{color:#9198A3}
.review_inp_count{margin-top:8px;text-align:right;font-size:13px;color:#B2B7C0;}
.review_notice{margin-top:16px;}
.review_notice h4{font-size:12px;color:#9198A3;line-height:18px;font-weight:500;}
.review_notice ul li{position: relative;margin-top:8px;padding-left:12px;font-size:12px;color:#9198A3;line-height:18px;}
.review_notice ul li:after{content:'';display: block;position: absolute;left:4px;top:8px;width:2px;height:2px;background:#9198A3;border-radius:100%;}

.star_s_wrap{width:96px;height:16px;background:url(/images/common/bg_star_s.png) 0 0 no-repeat;background-size:96px 16px;}
.star_s_wrap .star_point{display:inline-block;height:16px;background:url(/images/common/bg_star_s_on.png) 0 0 no-repeat;background-size:96px 16px;}

.review_total{display:flex;margin:0 16px;padding:8px 0 8px;border-bottom:1px solid #E8E9EB;align-items:center}
.star_avg{font-size:19px;color:#38404D;font-weight:700;line-height:28px;margin-right:8px;}
.review_list_wrap{padding:0 16px;}

.review_li{padding:16px 0 28px;border-top:1px solid #E8E9EB;}
.review_li:nth-child(1){border-top:0}
.review_li.review_li_no_content{text-align:center;font-weight:500;padding:28px 0}
.review_hd{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.review_date{font-size:13px;color:#9198A3;line-height:19px;}
.review_user{margin-top:8px;font-size:14px;line-height:20px;color:#565D6B;}
.review_content_box{margin-top:8px;display: flex;justify-content: space-between;}
.review_ct{font-size:14px;line-height:20px;color:#565D6B;word-break:keep-all;}
.review_thumbnail{position: relative;flex:0 0 auto;width:64px;height:64px;border-radius:4px;overflow:hidden;margin-left:16px;}
.review_thumbnail:after{content:'';display: block;;position: absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border: 1px solid rgba(0, 0, 0, 0.25);}
.review_thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.review_thumbnail span{position: absolute;bottom:0;right:0;display:block;width:24px;height:24px;line-height:24px;text-align: center;background: #1A1F27;border-radius: 4px 0px 0px 0px;border-radius:4px 0 4px 0;color:#fff;font-size:12px;}
.review_btn_area{display: flex;justify-content:space-between;}
.btn_review_more{display: inline-block;position: relative;margin-top:16px;padding:6px 32px 6px 12px;border:1px solid #C3C7CD;border-radius:4px;line-height:24px;font-size:12px;color: #6D7582;}
.btn_review_more:after{content:'';position:absolute;top:6px;right:8px;width:24px;height:24px;display:inline-block;background:transparent url(/images/common/btn_expand_review.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.btn_review_more.review_show:after{transform:rotate(180deg)}
.btn_review_view_all{padding:0 16px 24px}
.review_btn_ctrl{flex:1 0 auto;margin-top:16px;text-align: right;}
.review_btn{display: inline-block;position: relative;padding:6px 12px 6px 12px;border:1px solid #C3C7CD;border-radius:4px;line-height:24px;font-size:12px;color: #6D7582;}
.review_btn_ctrl span + span{margin-left:8px;}
.review_swiper{margin:12px 0 16px;}
.review_swiper li{position: relative;padding-top:100%;border-radius:4px;overflow:hidden}
.review_swiper li:after{content:'';display: block;position: absolute;top:0;right:0;left:0;bottom:0;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 4px;}
.review_swiper li span{position: absolute;top:0;right:0;bottom:0;left:0;display: block;width:100%;height:100%}
.review_swiper img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.review_add_photo_tit_area{margin-top: 28px;border-top: 1px solid #E8E9EB;}
.add_photo.review_add_photo{margin-bottom:-16px;padding:0 0 16px 0}

.popup_review .review_swiper_wrap{position:relative;}
.popup_review .review_swiper{margin:0;}
.popup_review .review_swiper li{position: relative;padding-top:100%;border-radius:8px;overflow:hidden}
.popup_review .review_swiper li:after{content:'';display: block;position: absolute;top:0;right:0;left:0;bottom:0;border: 1px solid rgba(0, 0, 0, 0.08);border-radius:8px;}
.popup_review .review_swiper li span{position: absolute;top:0;right:0;bottom:0;left:0;display: block;width:100%;height:100%}
.popup_review .review_swiper img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.btn_review_popup_close{position:absolute;top:-48px;right:0;width:40px;height:40px;background:url(/images/common/btn_close_img_popup.png) 50% 50% no-repeat;background-size:40px 40px;}

.paging{text-align:center;padding:16px 16px 40px;}
.paging_arr{display:inline-block;width:32px;height:32px;font-size:14px;line-height:30px;color:#4a4a4a;margin:0;vertical-align:top;box-sizing: border-box;background-image: url(/images/common/bg_paging_arr.png);background-repeat: no-repeat;background-size:64px 64px;}
.paging_arr.paging_prev{background-position: 0 0;}
.paging_arr.paging_next{background-position: -32px 0;}
.paging_arr.paging_prev.disabled{background-position: 0 -32px;cursor:default}
.paging_arr.paging_next.disabled{background-position: -32px -32px;cursor:default}
.paging_num{display:inline-block;width:32px;height:32px;font-size:14px;line-height:30px;color:#4a4a4a;margin:0 4px;vertical-align:top;box-sizing: border-box;}
.paging_num.paging_current{background:#262626;color:#fff;border:1px solid #000;border-radius:100%;font-weight:500;}

/* present */
.present_select_wrap{padding:24px 16px 24px}
.present_pd{margin:24px 0 20px;border:1px solid #E8E9EB;border-radius:8px}
.present_pd .order_box:last-child{padding:16px 0 20px}
.present_pd_summary{position:relative;display:block;margin:0 16px;padding:16px 32px 16px 0;text-align:right;line-height:20px;min-height:24px;text-align: left;cursor:pointer}
.present_pd_summary .present_pd_info{font-size:15px;font-weight:400;line-height:20px;color:#1A1F27}
.present_pd_summary .present_pd_info strong{display:inline-block;font-weight: 500;background:#EFF8FF;padding:4px 6px;font-size:11px;line-height:13px;border-radius:4px;color:#2E90FA}
.present_pd_summary .present_pd_info .package_pd_name{margin-top:6px;font-weight:500}
.present_pd_summary .present_order_total_price{margin-top:4px;font-size:13px;font-weight:500;line-height:20px;color:#38404D}
.present_pd_summary:after{display:block;content:'';width:24px;height:24px;position:absolute;top:50%;right:0;margin-top:-12px;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.present_pd_summary.show{border-bottom:1px solid #E8E9EB;}
.present_pd_summary.show:after{transform:rotate(180deg)}

.receive_num{position: relative;background:#F2F3F5;margin:0 -16px;padding:0 52px 0 16px;line-height:36px;height:36px;color:#38404D;font-size:12px;font-weight:600;}
.btn_del_receive_num{display:inline-block;position:absolute;top:0;right:8px;width:36px;height:36px;background:url(/images/common/btn_del_cart.png) 50% 50% no-repeat;background-size:20px 20px}
.receive_select_count{padding:20px 0;}
.receive_name{padding-bottom:8px;font-size:17px;line-height:20px;font-weight:600;}
.receive_pd_name{padding-bottom:4px;font-size:14px;line-height:17px;color: #565D6B;}
.receive_select_count .pd_cart_count .pd_price{font-size:17px;font-weight:500;}
.no_addr_content .no_address{text-align: center;}
.no_addr_content .no_address p{font-size:17px;line-height:24px;color: #38404D;padding:40px 16px 16px;}

.container_receive_present{padding-bottom:90px;background:#000}
.present_info{padding:32px 62px;}
.present_sender{text-align: center;color:#fff;font-size:16px;font-weight:600;line-height:19px;}
.present_info .card_image{margin-top:20px;}
.present_info .card_image img{width:100%}
.present_info .present_msg{margin-top:20px;color:rgba(255, 255, 255, 0.95);font-size:15px;line-height:24px;}
.btn_receive_present_area{padding:20px 0;text-align: center;}
.btn_receive_present{display:inline-block;padding:0 24px;width:auto;height:50px;line-height:48px;color:#38404D;font-size:15px;font-weight:600;color:#22272E;background:#fff;border-radius:25px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.2);}
.fxd_bot_receive_present .fxd_bot_btn_wrap{background:none;box-shadow:none;}

.card_select_wrap{position: relative;background: #000;padding:32px 88px 32px;}
.card_selected_img{text-align: center;}
.card_selected_img img{width:100%;height:100%;object-fit:cover;object-position:center center;}

.card_select_title{margin:20px 16px 0;height:41px;display: flex;justify-content:space-between}
.card_select_title h3{line-height:17px;padding:12px 0;font-size:14px;color:#22272E;font-weight:600}
.card_select_title .btn_{line-height:17px;padding:12px 0;font-size:14px;color:#565D6B;}

.card_img_list .swiper-slide{width:60px;height:90px;border-radius:2px}
.card_img_list li.swiper-slide:first-child{margin-left:16px;}
.card_img_list li.swiper-slide:last-child{margin-right:16px !important;}
.card_img_list .swiper-slide a{display:block;height:100%;position: relative;border-radius:2px;overflow:hidden;}
.card_img_list .swiper-slide a:before{content:'';display: block;position: absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border: 1px solid rgba(0, 0, 0, 0.08);}
.card_img_list .swiper-slide a.selected:after{content:'';display:block;position: absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.5) url(/images/common/bg_card_checked.png) 50% 50% no-repeat;background-size:24px 24px;}
.card_img_list .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;}

.card_msg_list .swiper-slide{width:auto;height:46px;}
.card_msg_list li.swiper-slide:first-child{margin-left:16px;}
.card_msg_list li.swiper-slide:last-child{margin-right:16px !important;}
.card_msg_list .swiper-slide button{height:46px;display:inline-block;border:1px solid #E8E9EB;border-radius:4px;color:#565D6B;font-size:13px;font-weight:600;text-align: center;padding:15px 16px;line-height:16px;box-sizing:border-box}
.card_msg_list .swiper-slide button.selected{border:1.5px solid #22272E;color:#22272E;font-size:14px;}

.card_msg_input{margin:0 16px;padding-bottom:100px;}
.card_msg_input .inpta_box{height:112px}
.msg_inp_count{margin-top:8px;text-align: right;color:#B2B7C0;font-size:13px;line-height:16px;}

.content_hd_title_area{padding:24px 16px 32px}
.content_hd_title{color:#22272E;font-size:20px;line-height:28px;font-weight: 600;}
.content_hd_title_area p,.content_hd_desc{color:#6D7582;font-size:14px;line-height:20px;margin-top:8px;}

.present_pd_area{position:relative;min-height:44px;display:flex}
.present_pd_area .pd_img_area{position:relative;flex:0 0 auto;width:44px;height:44px;margin-right:16px;border-radius:4px;overflow:hidden}
.present_pd_area .pd_img_area a,.present_pd_area .pd_img_area span{position:relative;display:block}
.present_pd_area .pd_img_area a:after,.present_pd_area .pd_img_area span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.08)}
.present_pd_area .pd_img_area img{width:44px;height:44px}
.present_pd_area .pd_info_area{position:relative;flex:1 1 auto}
.present_pd_area .pd_order_count_price{margin-top:8px;color:#38404D;font-size:14px}
.present_pd_area .pd_order_count_price strong{font-weight:400}
.present_pd_area .pd_info .pd_name{font-size:14px;line-height:18px;font-weight:400;color:#22272E}
.present_pd_area .pd_info .pd_option_name{font-size:13px;color:#6D7582;line-height:18px}
.present_pd_area .pd_info .pd_option_name li{margin-top:2px;}
.present_pd_area .pd_info .pd_option_name li:nth-child(1){margin-top:6px}
.present_pd_area .pd_info .pd_option_name li .option_value{width:100%;display:flex;justify-content:space-between}
.present_pd_area .pd_info .pd_option_name li .option_value span{flex:1 1 auto}
.present_pd_area .pd_info .pd_option_name li .option_value em{flex:0 0 auto;margin-left:16px}

.gift_hd{display: flex;justify-content:space-between;align-items:center;padding:24px 16px;}
.gift_hd_tit_area{flex:1 0 auto;}
.gift_hd_tit_area h3{font-size:20px;font-weight:600;line-height:28px;color:#22272E;}
.gift_receiver_name_list{padding:0 0 16px;}
.gift_receiver_list_count{padding:0 16px;font-size:13px;font-weight:600;}
.gift_receive_name_box{position: relative;display: inline-block;padding:0 27px 0 13px;border: 1px solid #E8E9EB;border-radius:25px;}
.gift_receive_name_box .gift_receive_name{display: inline-block;font-size:14px;line-height:18px;padding:7px 0;color:#38404D;}
.gift_receive_name_box .btn_receiver_del{position: absolute;top:0;right:0;width:32px;height:32px;background:url(/images/common/btn_close_g.png) 50% 50% no-repeat;background-size:16px 16px;}
.gift_receiver_swipe{padding:8px 0;}
.gift_receiver_swipe li.swiper-slide{width:auto;}
.gift_receiver_swipe li.swiper-slide:first-child{margin-left:16px;}
.gift_receiver_swipe li.swiper-slide:last-child{margin-right:16px !important;}
.btn_gift_add{display: inline-block;width:44px;height:44px;margin-left:16px;background:#22272E url(/images/common/btn_plus_add.png) 50% 50% no-repeat;background-size:28px 28px;border-radius:12px}
#gift_receiver_popup{height:auto}
.gift_receive_ct{padding:24px 16px;}
.gift_receive_ct h3{font-size:17px;font-weight:600;line-height:17px;color:#22272E;}
.send_first_name_input{margin-top:16px;}
.send_first_name_input .inpt_box{height:50px;line-height:50px;padding:0 16px;border:1px solid #E8E9EB;color: #38404D;font-size:15px;border-radius:6px;}
.gift_receiver_area > p,.gift_sender_area > p{margin-top:8px;font-size:13px;line-height:18px;color:#565D6B;}
.no_receiver{margin-top:20px;padding:40px 16px;border:1px solid #E8E9EB;border-radius:8px;text-align: center;}
.no_receiver p{padding-bottom:20px;font-size:16px;font-weight:500;line-height:22px;color:#38404D}
.btn_gift_add_receiver{height:44px;line-height:24px;font-size:15px;color:#565D6B;font-weight:500;padding:0 20px 0 10px;background:#F2F3F5;border-radius:22px}
.btn_gift_add_receiver span{display: inline-block;padding-left:24px;background:url(/images/common/bg_plus.png) 0 0 no-repeat;background-size:24px 24px;}
.gift_receiver_body{padding:24px 16px 24px;}
.gift_receiver_total{padding:0 0 24px 0;color:#22272E;}
.gift_receiver_total h3{font-size: 15px;font-weight: 600;}
.gift_receiver_total .gift_receiver_count{margin-top:5px;font-size:24px;font-weight:600;line-height:29px;}
.gift_receiver_body .btn_add_receiver{padding:24px 0;text-align: center;}
.gift_receiver_body .no_receiver{margin-top:0;}
.gift_receiver_input{padding-bottom:84px;}
.gift_receiver_input_list li{border-radius:8px;overflow:hidden}
.gift_receiver_input_list li + li{margin-top:12px;}
.gift_receiver_input_list li .gift_receiver_num{position: relative;background:#22272E;padding:0 52px 0 16px;line-height:36px;height:36px;color:#fff;font-size:13px;font-weight:600;}
.gift_receiver_input_list li .gift_receiver_num .btn_receiver_item_del{display:inline-block;position:absolute;top:0;right:4px;width:36px;height:36px;background:url(/images/common/btn_close_w.png) 50% 50% no-repeat;background-size:20px 20px}
.gift_receiver_input_list li .gift_receiver_info{padding:20px 0 24px;border:1px solid #E8E9EB;border-top:0;border-radius:0 0 8px 8px}
.gift_receiver_list li{margin-top:8px;}
.gift_receiver_list li:nth-child(1){margin-top:20px;}
.gift_receive_select_count{position: relative;padding:16px 16px;border:1px solid #E8E9EB;border-radius:8px}
.gift_receive_head{font-size:15px;line-height:20px;color:#9198A3;}
.gift_receive_head strong{font-weight:600;color:#38404D;}
.gift_receive_select_count .pd_cart_count{margin-top:16px;}
.gift_receive_select_count .pd_cart_count .pd_price strong{font-weight:500;}
.gift_receive_select_count .btn_receiver_del{position: absolute;top:4px;right:0;width:44px;height:44px;background:url(/images/common/btn_close_g.png) 50% 50% no-repeat;background-size:20px 20px;}
.container_gift_confirm{padding-bottom:88px;}
.container_gift_confirm .floating_kakao{bottom:20px}
.gift_status{position: sticky;top:56px;z-index:90;height:40px;padding:12px 12px 12px 12px;background:#fff;color:#fff;font-size:13px;line-height:16px;font-weight:400;text-align: center;box-sizing: border-box;}
.gift_status strong{font-weight:700;color:#FD853A}
.gift_status.d7{background: #FD853A;color:#262626;}
.gift_status.d7 strong{color:#fff}
.gift_status.d_end{background: #9198A3;color:#fff;}
.gift_ct{padding:24px 16px;}
.gift_ct_tit{color:#22272E;font-size:17px;line-height:20px;font-weight:600;}
.gift_ct .gift_ct_desc p{margin-top:12px;font-size:13px;line-height:20px;color:#38404D;}
.gift_ct .gift_ct_desc p.mt0{margin-top:0;}
.gift_ct .gift_ct_desc p strong{font-weight:600;}
.gift_ct .btn_detail_info_more{font-size:15px;}
.gift_ct .stock_notice_txt{margin-top:8px;font-size:13px;line-height:18px;color:#38404D;font-weight:500;}
.gift_ct .stock_soldout_txt{margin-top:8px;font-size:13px;line-height:18px;color:#FF611E;font-weight:500;}
.gift_ct .gift_cancel_txt{margin-top:16px;font-size:13px;line-height:18px;color:#38404D;}
.gift_ct .gift_cancel_txt strong{font-weight:600;}
.gift_ct .redeive_date_select{padding:16px 0 0;}
.gift_ct .redeive_date_select .select_options{max-height:370px;overflow-y:auto;}
.gift_ct .delivery_able_text{margin-top:8px;font-size:13px;color:#565D6B;line-height:18px;}
.gift_addr_input{margin-top:24px;padding-top:24px;border-top:1px solid #E8E9EB}
.gift_receive_notice{padding-bottom:32px;color:#FF611E;font-size:14px;line-height:22px}
.gift_receive_notice h4{font-weight: 600;}
.gift_receive_notice p{margin-top:8px;}
.gift_ct .form_wrap{padding:0;margin-top:30px;}
.gift_ct .form_wrap + .btn_area{padding:24px 0}
.gift_detail_info{position: relative;border-bottom:1px solid #E8E9EB}
.gift_detail_info h4{padding:19px 50px 19px 16px;font-size:15px;line-height:18px;font-weight:600;color:#1A1F27;}
.gift_detail_info .btn_inline_kakao{position: absolute;top:12px;right:16px;display: inline-block;background:#F2F3F5;padding:8px 10px;font-size:13px;line-height:16px;color:#22272E;border-radius:4px}
.gift_detail_info_content{display: none;background:#F9FAFA;padding:20px 16px;font-size:13px;line-height:20px;}
.gift_detail_info_content ul li + li{margin-top:10px;}
.btn_gift_detail_info_more{position:relative;display:block;width:100%;padding:19px 50px 19px 16px;text-align:left;font-size:15px;line-height:18px;font-weight:600;color:#1A1F27;}
.btn_gift_detail_info_more:after{content:'';position:absolute;top:50%;right:16px;margin-top:-12px;width:24px;height:24px;display:inline-block;background:url(/images/common/btn_expand_down.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.detail_show .btn_gift_detail_info_more:after{transform:rotate(180deg)}
.gift_cancel_btn_area{margin-top:20px;}
.btn_cancel_gift{position: relative;display: inline-block;padding:0 16px;border:1px solid #c3c7cd;border-radius:4px;line-height:40px;font-size:13px;color:#565D6B;}
.gift_ct .dlv_info_list{margin:16px 0 0;;padding:24px 0 0 0;color:#22272E;border-top:1px solid #E8E9EB;border-bottom:0;}
.gift_ct .dlv_info_list li{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;line-height:20px;}
.gift_ct .dlv_info_list li:nth-child(1){margin-top:0px}
.gift_ct .dlv_info_list li strong{flex:0 0 auto;width:72px;color:#22272E;margin-right:12px;font-weight:500}
.gift_ct .dlv_info_list li span{flex:1 1 auto;text-align:left;color:#38404D}
.gift_notice_text{padding:16px 16px 32px;font-size: 13px;line-height:20px;color:#9198A3;}

.gift_pd_list li{padding:16px 0;}
.gift_pd_list li + li{border-top:1px solid #E8E9EB;}
.gift_pd_area{min-height:108px}
.gift_pd_area a{position:relative;min-height:108px;display:flex}
.gift_pd_area .pd_img_area{position:relative;flex:0 0 auto;width:108px;height:108px;margin-right:16px;border-radius:1px;overflow:hidden}
.gift_pd_area .pd_img_area img{width:108px;height:108px}
.gift_pd_area .pd_info .pd_name{margin-top:8px;font-size:15px;line-height:18px;font-weight:500;color:#22272E;}
.gift_pd_area .pd_option_list{margin-top:6px;font-size:12px;line-height:16px;color:#6D7582;}
.pd_more{margin-top:10px;display: inline-block;padding-right:16px;line-height:20px;color: #565D6B;font-size:12px;background: url(/images/common/arr_pd_more.png) 100% 50% no-repeat;background-size:16px 16px}
.pd_order_count span{font-size:12px;line-height:16px;padding:2px 6px;color:#565D6B;background:#F2F3F5;border-radius:4px;}
.gift_list_more{margin-top:8px;}

.receive_card_list li{padding:16px 0;margin:0 16px;}
.receive_card_list li + li{border-top:1px solid #E8E9EB}
.receive_card_list li a{position: relative;padding:0 40px 0 0;display: flex;align-items:center;}
.receive_card_list li a:after{content:'';width:24px;height:24px;position:absolute;top:50%;right:0;margin-top:-12px;background:url(/images/common/arrow_link.png) 50% 50% no-repeat;background-size:24px 24px}
.card_img{position: relative;flex:0 0 auto;width:80px;height:120px;margin-right:16px;border-radius:1px;overflow:hidden}
.card_img img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.card_img:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.08)}
.card_msg{flex:1 1 auto;font-size:14px;line-height:18px;}
.card_receive_name{font-weight: 500;color:#22272E;}
.card_receive_msg{margin-top:8px;color:#565D6B;}

.order_receive_list{margin:0 16px;}
.order_receive_list li{padding:20px 0;}
.order_receive_list li:last-child{padding:20px 0 0;}
.order_receive_list li + li{border-top:1px solid #E8E9EB}
.receive_name_price{display:flex;flex-direction:row;justify-content:space-between;font-weight: 600;font-size:16px;line-height:19px;}
.receive_addr_phone{position: relative;margin-top:8px;padding-left:10px;font-size:13px;line-height:18px;color:#565D6B;}
.receive_addr_phone:after{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:1px;background:#E8E9EB;}
.receive_phone{margin-top:4px;}
.receive_order_count{margin-top:8px;}
.receive_order_count span{display: inline-block;padding:6px 12px;line-height:16px;background:#F2F3F5;border-radius:14px;color:#22272E;font-size:13px;font-weight:500;}

.tooltip{position:absolute;top:-50px;margin-left:16px;display:inline-block;background: #161616;padding:8px 10px;line-height:17px;border-radius: 4px;color:#fff;font-weight:500;font-size:14px;}
.tooltip strong{color:#32D583;font-weight:700}
.tooltip:after{content: '';position: absolute;   width:0; height: 0;border: 6px solid transparent;border-top-color:#161616;bottom:-12px;left: 36px;}

/* delivery_status */
.dlv_status_area{margin:16px;border-radius:8px;background:#fff;overflow:hidden}
.dlv_status{padding:14px 16px;background: #393939;color:#fff;line-height:16px;font-size:13px;}
.dlv_status .dlv_type_name{font-weight:600;}
.dlv_status .dlv_order_date{position: relative;font-weight:600;display: inline-block;margin-left:6px;padding-left:7px;}
.dlv_status .dlv_order_date:after{content:'';display:block;width:1px;height:12px;position:absolute;top:2px;left:0;background:#fff;}
.dlv_status .dlv_order_date span{display: inline-block;margin-left:12px;font-weight:400;}
.dlv_status_content{padding:16px 16px;}
.dlv_status_info h3{font-size:12px;color:#565D6B;line-height:14px;font-weight: 500;}
.dlv_status_info .invoice_no{margin-top:2px;font-size:17px;color:#22272E;line-height:20px;font-weight:600;}
.dlv_status_info .dlv_company_name{margin-top:8px;font-size:13px;color:#22272E;line-height:16px;font-weight:500;}
.pickup_status_info h3{margin-top:2px;font-size:17px;color:#22272E;line-height:20px;font-weight:600;}
.pickup_status_info .pickup_status_addr{margin-top:4px;font-size:12px;color:#565D6B;line-height:14px;}
.dlv_process{display: flex;flex-direction: row;margin-top:16px;}
.dlv_process li{position: relative;flex:1 1 auto;min-width:40px;}
.dlv_process li:after{content:'';width:100%;height:1px;position: absolute;left:0;top:19px;background:#E8E9EB;}
.dlv_process li:last-child{flex:0 0 auto;width:40px;}
.dlv_process li strong{position: relative;display:inline-block;min-width:40px;text-align: center;padding-top:46px;color:#B2B7C0;font-size:11px;line-height:13px;font-weight:500;z-index:1;}
.dlv_process li strong.on{color:#22272E}
.dlv_process li strong:after{content:'';position: absolute;top:0;left:0;width:40px;height:40px;border:1px solid #E8E9EB;background-color:#fff;background-repeat: no-repeat;background-position:50% 50%;background-size:24px 24px;border-radius:100%;box-sizing:border-box}
.dlv_process li strong.on:after{border-color:#22272E}
.dlv_process li strong.dlv_ready:after{background-image: url(/images/common/icon_dlv_ready.png);}
.dlv_process li strong.on.dlv_ready:after{background-image: url(/images/common/icon_dlv_ready_on.png);}
.dlv_process li strong.dlv_complete:after{background-image: url(/images/common/icon_dlv_complete.png);}
.dlv_process li strong.on.dlv_complete:after{background-image: url(/images/common/icon_dlv_complete_on.png);}
.dlv_process li strong.dlv_gather:after{background-image: url(/images/common/icon_dlv_gather.png);}
.dlv_process li strong.on.dlv_gather:after{background-image: url(/images/common/icon_dlv_gather_on.png);}
.dlv_process li strong.dlv_move:after{background-image: url(/images/common/icon_dlv_move.png);}
.dlv_process li strong.on.dlv_move:after{background-image: url(/images/common/icon_dlv_move_on.png);}
.dlv_process li strong.dlv_planned:after{background-image: url(/images/common/icon_dlv_planned.png);}
.dlv_process li strong.on.dlv_planned:after{background-image: url(/images/common/icon_dlv_planned_on.png);}
.dlv_process li strong.pickup_today:after{background-image: url(/images/common/icon_pickup_today.png);}
.dlv_process li strong.on.pickup_today:after{background-image: url(/images/common/icon_pickup_today_on.png);}
.dlv_status_list_box{position: relative;margin-top:16px;padding:16px 0 0; border-top:1px solid #E8E9EB;}
.dlv_status_list{position:relative;}
.dlv_status_list:after{content:'';display:block;width:20px;position:absolute;top:30px;bottom:30px;left:9px;background:url(/images/common/bg_dot.png);background-repeat:repeat-y;background-position:0 0;background-size:2px 6px;}
.dlv_status_list li{position: relative;padding:11px 46px 10px 36px;}
.dlv_status_list li:before{content:'';display:block;width:20px;height:20px;position:absolute;top:50%;left:0;margin-top:-10px;box-sizing:border-box;background:#fff;z-index:1;}
.dlv_status_list li:after{content:'';display:block;width:12px;height:12px;position:absolute;top:50%;left:4px;margin-top:-6px;box-sizing:border-box;border: 1.5px solid #6D7582;background:#fff;z-index:2;}
.dlv_status_list li.on:after{background:#22272E;border:1.5px solid #22272E}
.dlv_status_detail{color:#22272E;font-size:13px;line-height:16px;font-weight:500;}
.dlv_status_detail strong{font-weight:500;}
.dlv_status_detail span{position: relative;font-weight:500;margin-left:6px;padding-left:7px;}
.dlv_status_detail span:after{content:'';display:block;width:1px;height:12px;position:absolute;top:2px;left:0;background:#22272E;}
.dlv_status_detail_date{margin-top:4px;color:#9198A3;font-size:11px;line-height:13px;}
.call_dlv{position: absolute !important;top:50%;right:0;margin-top:-17px;display: inline-block;width:34px;height:34px;border:1px solid #B2B7C0;background:#fff url(/images/common/icon_dlv_call.png);background-size:24px 24px;background-position:50% 50%;background-repeat: no-repeat;box-sizing:border-box;border-radius:100%}
.call_dlv:hover{background-color:#f9f9f9;}

.notify_list{padding:0 16px;}
.notify_list li{position: relative;padding:12px 0;}
.notify_list li + li{border-top:1px solid #E8E9EB}
.notify_list li .switch_btn_wrap{padding:10px 0;}
.notify_list li .switch_btn{position: absolute;top:22px;right:0;}
.term_link{padding:8px 0;}
.term_link a{position: relative;padding-right:24px;line-height:24px;display: flex;justify-content: space-between;}
.term_link a strong{font-weight:400;font-size:13px;color:#565D6B;}
.term_link a span{flex:0 0 auto;font-size:13px;margin-left:10px;}
.term_link a span.agree_n{color:#FF611E}
.term_link a span.agree_y{color:#2E90FA}
.term_link a:after{content:'';width:24px;height:24px;position:absolute;top:50%;right:0;margin-top:-12px;background:url(/images/common/arrow_link.png) 50% 50% no-repeat;background-size:24px 24px}


.pd_list_slide{margin:16px 16px 0 16px;background:#e5e5e5}
.pd_list_slide li{position:relative;padding-top:44%}
.pd_list_slide li a,.pd_list_slide li .pd_list_slide_box{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.pd_list_slide li a img{width:100%;height:100%;object-fit:cover;object-position:center center;}











.error_wrap{display:flex;width:100%;height:100%;align-items: center;text-align: center;}
.error_content{flex:0 0 auto;width:100%;}
.error_box{padding:24px;}
.error_box h1{margin-top:16px;font-size:19px;font-weight: 700;line-height:26px;color:#1A1F27}
.error_box p.error_desc{margin-top:8px;font-size:13px;font-weight:500;line-height:18px;color:#6D7582}
.error_box p.cs_tel,.error_box p.cs_tel a,.error_box p.cs_tel a:hover{margin-top:16px;font-size:13px;font-weight:500;line-height:16px;color:#9198A3}
.cs_btn{margin-top:20px;}
.cs_btn .btn{display: inline-block;padding:12px 16px;color:#38404D;font-size:13px;border: 1px solid #B2B7C0;border-radius: 4px;font-weight:500}
.cs_btn .btn + .btn{margin-left:16px;}