@charset "UTF-8";

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

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:-apple-system,'Apple SD Gothic Neo','NotoSans',BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:15px;line-height:1.5}
body{position:relative;background-color:#ebebeb;color:#000;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)}
/* 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}
#skip_nav,.blind,legend{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
#skip_nav::before.blind::before{display:block;width:0;height:0;content:'\00a0';font-size:0}

/* default */
body{overscroll-behavior-y:none}
@media only screen and (max-width:720px) {
	body{overscroll-behavior-y:auto}
}
body.body_fixed{position: sticky;overflow-y:hidden}
.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}

.btn{position:relative;display:block;width:100%;text-align:center;line-height:62px;height:64px;font-size:18px;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}
.btn_s{position:relative;display:inline-block;width:100%;text-align:center;line-height:30px;height:32px;font-size:15px;padding:0 16px;border-radius:16px;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}
.btn_s.btn_inline{display: inline-block;width: auto;}
.btn_t1{background:#000;color:#fff}
.btn_t1:hover{background:#222}
.btn_t2{border:1px solid #000;background:#fff;color:#000}
.btn_t2:hover{background:#f8f8f8}
.btn_t3{border:1px solid #d8d8d8;background:#fff;color:#000}
.btn_t3:hover{background:#f8f8f8}
.fxd_bot_btn{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:100;}
.fxd_bot_btn_nav{bottom:56px}
.fxd_bot_round{height:96px}
.fxd_bot_btn .fxd_bot_btn_wrap{width:100%;max-width:720px;margin:0 auto;background:#fff;box-shadow:0px -1px 0px rgba(0, 0, 0, 0.1)}
.fxd_bot_btn .fxd_bot_btn_wrap .btn_area{padding:16px 24px}
.btn_area{display:flex;flex-direction:row;text-align:center;padding:24px 24px}
.btn_area li{flex:1 0 auto}
.btn_area .btn{border-radius:32px}
.btn_type_2 li:nth-child(1) span{display:block;margin-right:8px} 
.btn_type_2 li:nth-child(2) span{display:block;margin-left:8px}
.btn_inline_area{text-align: center;text-align: center;}
.btn_inline_area .btn{display: inline-block;width:auto;padding:0 24px;height:48px;line-height:48px;border-radius:24px;vertical-align:top}

/* form */
.stit_area{display: flex;justify-content:space-between}
.stit{position:relative;padding:24px 24px 0;font-size:19px;line-height:24px;font-weight:600}
.form_wrap{position:relative;padding:32px 24px 24px}
.form_wrap_bot{padding:0 24px 24px}
.form_wrap .stit{padding:0}
.form_row{margin-top:24px}
.form_row label{display:block;line-height:32px}
.form_inp{position:relative;height:64px}
.form_inp:after{content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:1px;background:#ec672c;z-index:10;transition:all .3s ease-in-out}
.form_inp.form_error:after{width:100%}
.inpt,.inpta{box-sizing:border-box;width:100%;outline:0;padding:20px 16px;color:#8a8a8a;border:none;outline:none;height:64px;font-size:16px;line-height:24px;color:#000;background-color:transparent;transition:border-color .3s ease-in-out}
.inpt{border-bottom:1px solid #c4c4c4}
.inpta{height:90px;line-height:20px;font-size:16px;display:block;box-shadow:none;outline:0;resize:none}
.inpt:focus{border-bottom:1px solid #000}
.inpt::-webkit-input-placeholder{font-size:16px;color:#c4c4c4;letter-spacing:0 !important}
.inpt::-ms-input-placeholder{font-size:16px;color:#c4c4c4;letter-spacing:0 !important}
input[type='password']{letter-spacing:5px}
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}
.agree{margin-top:24px}
.cc_txt{display:block;margin-top:5px;font-size:14px;line-height:24px;font-weight:400;text-align:left;color:#EC672C}
.btn_inpr{position:absolute !important;top:0;right:0;width:110px;font-size:15px}
.verification .inpt{padding:20px 170px 20px 16px}
.verification .limit_count{position:absolute;top:0;right:120px;font-size:14px;font-weight:700;line-height:64px}
.zipcode .inpt{padding:20px 120px 20px 16px}
.btn_find_zipcode{width:110px;position:absolute !important;top:0;right:0;font-size:15px}
.check_wrap{position:relative}
.round_check{position:absolute;top:0;left:0;width:32px;height:32px;outline:0}
.round_check + label{position:relative;display:inline-block;padding-left:40px;font-size:16px;font-weight:500;line-height:32px;cursor:pointer;color:#000}
.round_check:disabled + label{color:#ccc;}
.round_check + label:before{content:'';position:absolute;top:0;left:0;display:block;width:32px;height:32px;background:url(/parts/images/common/round_check.png) no-repeat 0 0;background-size:32px 32px}
.round_check:checked+label:before{content:'';background:url(/parts/images/common/round_checked_black.png) no-repeat 0 0;background-size:32px 32px}
.round_check:disabled+label:before{content:'';background:url(/parts/images/common/round_check_disabled.png) no-repeat 0 0;background-size:32px 32px}
.square_check{position:absolute;top:0;left:0;width:32px;height:32px;outline:0}
.square_check + label{position:relative;display:inline-block;padding-left:40px;font-size:16px;font-weight:500;line-height:32px;cursor:pointer;color:#000}
.square_check:disabled + label{color:#ccc;}
.square_check + label:before{content:'';position:absolute;top:0;left:0;display:block;width:32px;height:32px;background:url(/parts/images/common/square_check.png) no-repeat 0 0;background-size:32px 32px}
.square_check:checked+label:before{content:'';background:url(/parts/images/common/square_checked_black.png) no-repeat 0 0;background-size:32px 32px}
.square_check:disabled+label:before{content:'';background:url(/parts/images/common/square_check_disabled.png) no-repeat 0 0;background-size:32px 32px}
.sel{background:#fff;width:100%;padding:0 16px;height:63px;font-size:15px;line-height:63px;color:#000;border:none;border-radius:0;-webkit-appearance:none;outline:0;box-sizing:border-box;-webkit-box-sizing:border-box}
.sel_box{position:relative;display:block;height:64px;border-bottom:1px solid #c4c4c4;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(/parts/images/common/bg_select.png) 50% 50% no-repeat;background-size:24px 24px}

.switch_wrap{display:flex;padding:8px 16px;margin-top:16px;flex-direction:row;justify-content:space-between}
.switch_title{flex:1 0 auto;font-size:14px;line-height:32px;}
.switch_check{position: relative;flex:0 0 auto;width:48px;height:32px;border-radius:16px;}
.switch_check .switch{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: 0px;cursor: pointer;opacity: 0;z-index: 2;}
.switch_check label{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;overflow: hidden;background-color: #c4c4c4;border-radius: 16px;transition:all .3s ease-in-out;}
.switch_check label:before{content: '';position: absolute;top:2px;width:28px;height:28px;background-color: #fff;margin-left:2px;border-radius: 50%;transition:all .3s ease-in-out;}
.switch_check .switch:checked + label{background-color: #000;}
.switch_check .switch:checked + label:before{transform: translate(16px,0px);}

@media only screen and (max-width:360px) {
	.stit{padding:16px 24px 0;font-size:16px;}
	.form_wrap{padding:24px 8px 16px}
	.inpt::-webkit-input-placeholder {font-size: 13px;}
	.inpt::-ms-input-placeholder{font-size:13px;}
}

/* layout */
.wrap{display:flex;position:relative;display:border-box;width:100%;max-width:720px;min-height:100vh;margin:0 auto;background:#fff;flex-direction:column;}
.container{flex:1 1 auto;position:relative;width:100%;max-width:720px;margin:0 auto}
.container_pb{padding-bottom:64px}
.container_pbr{padding-bottom:96px}
.container_pb_nav{padding-bottom:120px}
.container_nav{padding-bottom:56px}
.container_error{position:absolute;top:56px;right:0;bottom:72px;left:0;width:100%;max-width:720px;margin:0 auto;background:#f8f8f8;}
.box_border{background:#ebebeb;height:8px}

/* error */
.error_content{display:flex;height:100%;padding:0 24px;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;}

/* header */
.header{position:relative;z-index:500;height:56px}
.header_fxd{position:fixed;top:0;left:0;right:0;width:100%;height:56px}
.header_fxd_wrap{position:relative;max-width:720px;height:56px;margin:0 auto;background:#fff;box-shadow:inset 0px -1px 0px rgba(0, 0, 0, 0.1)}
.header h2{padding:10px 56px 10px;font-size:18px;line-height:36px;height:36px;font-weight:400;text-align:center;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_left_x{left:0;background:url(/parts/images/common/btn_x.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_left_reveal{background:url(/parts/images/common/btn_menu.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_left_back{background:url(/parts/images/common/arrow_left.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_right_home{background:url(/parts/images/common/nav_home_black.png) 50% 50% no-repeat;background-size:24px 24px}
.header .btn_right_cart{background:url(/parts/images/common/nav_cart.png) 50% 50% no-repeat;background-size:36px 36px}
.header .btn_right_cart .count{position:absolute;right:5px;top:5px;display:inline-block;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px;border-radius:100%;border:2px solid #fff;text-align:center;white-space:nowrap;line-height:18px;color:#fff;font-size:11px;text-align:center;background:#000}

.home_notice{position: relative;height:56px;background: #ffcc00;}
.home_notice a{position: relative;display: block;line-height:56px;padding:0 36px;font-size:14px;background: url(/parts/images/common/icon_delivery.png) 8px 50% no-repeat;background-size:24px 24px;}
.home_notice a:after{position: absolute;top:14px;right:8px;content:'';display: block;width:24px;height:24px;background: url(/parts/images/common/arrow_right.png) 50% 50% no-repeat;background-size: 24px 24px;}
.home_notice.stuck{position:fixed;top:56px;width:100%;max-width:720px;z-index:1000}

/* 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:0px -1px 0px rgba(0, 0, 0, 0.10);background:#fff}
.ft_nav_list{display:flex;flex-direction:row;text-align:center;padding:0 24px}
.ft_nav_list li{flex:1 0 auto}
.ft_nav_list li a{display:block;padding:8px 0 0px;height:48px;font-size:11px;color:#b1b1b1}
.ft_nav_list li a.selected{color:#000}
.ft_nav_list li a strong{position:relative;display:inline-block;min-width:32px;padding-top:28px;font-weight:500;line-height:16px;background-size:28px 28px;background-position:50% 0;background-repeat:no-repeat}
.ft_nav_list li a strong .count{position:absolute;right:-5px;top:-5px;display:inline-block;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px;border-radius:100%;border:2px solid #fff;white-space:nowrap;line-height:18px;color:#fff;font-size:11px;text-align:center;background:#000}
.nav_home a strong{background-image:url(/parts/images/common/nav_home.png)}
.nav_home a.selected strong{background-image:url(/parts/images/common/nav_home_black.png)}
.nav_order a strong{background-image:url(/parts/images/common/nav_order.png)}
.nav_order a.selected strong{background-image:url(/parts/images/common/nav_order_black.png)}
.nav_cart a strong{background-image:url(/parts/images/common/nav_cart.png)}
.nav_cart a.selected strong{background-image:url(/parts/images/common/nav_cart_black.png)}
.nav_my a strong{background-image:url(/parts/images/common/nav_my.png)}
.nav_my a.selected strong{background-image:url(/parts/images/common/nav_my_black.png)}
.nav_products a strong{background-image:url(/parts/images/common/nav_products.png)}
.nav_products a.selected strong{background-image:url(/parts/images/common/nav_products_black.png)}
.nav_pickup a strong{background-image:url(/parts/images/common/nav_pickup.png)}
.nav_pickup a.selected strong{background-image:url(/parts/images/common/nav_pickup_black.png)}
.ft_nav_list li a.md-ripples .ripple{background:#ddd}

/* swipe_category */
.swipe_category.stuck{position:fixed;top:56px;z-index:1000}
.swipe_category{position:relative;width:100%;max-width:720px;padding:16px 20px;background:#f8f8f8;box-sizing:border-box;box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1);}
.swipe_category ul{position:relative;}
.swipe_category li{position:relative;width:auto !important;padding:0 4px;}
.swipe_category li:nth-child(1){margin-left:0}
.swipe_category li a{position:relative;display:inline-block;min-width:40px;padding:4px 24px 4px;height:32px;background-color:#fff;font-size:15px;line-height:32px;text-align:center;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);border-radius: 32px;}
.swipe_category li.on a{font-weight:700;color:#fff;background-color: #000;}

/* aside */
.aside_layer{position:fixed;top:0;left:-100%;bottom:0;z-index:6000;width:100%;height:100%;background-color:#ebebeb;transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s;background-image:url(/parts/images/common/hmc/logo.png);background-size:101px 36px;background-position:50% 50%;background-repeat:no-repeat;background-image:none !important;}
.aside_show{left:0}
.aside_header{position:relative;height:56px;padding:12px 56px 12px 24px;background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;align-items:center;box-sizing:border-box}
.aside_header .login_member{flex:1 0 auto;display:block;line-height:32px;font-size:17px;}
.aside_header .btn_logout{flex:0 0 auto;display:inline-block;width:84px;height:32px;margin:0 8px 0 16px;background:#fff;border-radius:16px 16px;line-height:32px;font-size:15px;color:#000}
.btn_close_aside{position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;background:url(/parts/images/common/btn_x_white.png) no-repeat;background-size:24px 24px;background-position:50% 50%}
.aside_link li a{position:relative;padding:16px 48px 16px 24px;font-size:15px;font-weight:700px;display:block;background-color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden}
.aside_link li a:hover{background:#f6f6f6}
.aside_link li a:after{content:'';width:24px;height:24px;position:absolute;top:16px;right:16px;background:url(/parts/images/common/arrow_right_gray.png) 50% 50% no-repeat;background-size:24px 24px}
.aside_link + .aside_link{margin-top:8px}

/* footer */
.footer {width:100%;max-width:720px;margin:0 auto; padding:0; border:0; background-color:#f8f8f8}
.footer_nav{padding-bottom:56px}
.footer_wrap {box-sizing:border-box;padding:16px 24px; font-size:14px; color:#000; }
.footer_wrap a { color:#000; font-size:14px; }
.footer_top{position:relative;height:24px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;align-items:center}
.footer_wrap .sns_link {display:flex;align-items:center;justify-content:space-between;align-items:center}
.footer_wrap .sns_link li{margin-left:8px}
.footer_wrap .sns_link li:nth-child(1){ margin-left:0}
.footer_wrap .sns_link li a{display:block;width:24px;height:24px;background-position:50% 50%;background-repeat:no-repeat;background-size:24px 24px}
.footer_wrap .sns_link li a.instagram{background-image:url(/parts/images/common/icon_instagram.png)}
.footer_wrap .sns_link li a.facebook{background-image:url(/parts/images/common/icon_facebook.png)}
.footer_wrap .sns_link li a.naver{background-image:url(/parts/images/common/icon_naver.png)}
.footer_wrap .sns_link li a.twiiter{background-image:url(/parts/images/common/icon_twitter.png)}
.footer_wrap .sns_link li a.naver{background-image:url(/parts/images/common/icon_naver.png)}
.footer_wrap .sns_link li a.youtube{background-image:url(/parts/images/common/icon_youtube.png)}
.footer_wrap .sns_link li a.kakaochannel{background-image:url(/parts/images/common/icon_kakao.png)}
.footer_wrap .btn_footer_more{position:absolute; top:0; right:0;height:24px;line-height:24px;font-size:14px; color:#000;padding-right:28px}
.footer_wrap .btn_footer_more:after{content:'';position:absolute;top:0;right:0;width:24px;height:24px;display:inline-block;background:url(/parts/images/common/arrow_bot.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.footer_wrap .btn_footer_more.footer_show:after{transform:rotate(180deg)}
.footer_content { display:none}
.company_info{padding:16px 0;border-bottom:1px solid #d8d8d8}
.footer_list li { display:flex; flex-direction:row; justify-content:space-between;line-height:24px}
.footer_list li strong {flex:1 0 auto;margin-right:20px;font-weight:600; }
.footer_list li span{text-align: right;}
.footer_mid .company_info:nth-child(1){padding:0 0 16px 0}
.footer_mid .company_info:nth-child(2){border:0}
.footer_bot{padding-top:16px;border-top:1px solid #d8d8d8}
.footer_wrap .cs_link { position:relative;display:flex;align-items:center;align-items:center}
.footer_wrap .cs_link li{position:relative;margin-left:8px;padding-left:8px}
.footer_wrap .cs_link li:nth-child(1){margin-left:0px;padding-left:0px}
.footer_wrap .cs_link li:after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-2px;width:2px;height:2px;background:#000;border-radius:100%}
.footer_wrap .cs_link li:nth-child(1):after{display:none}

.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);
}

/* home */
.store_top_box{position:relative}
.store_main_img{position:relative;overflow:hidden;height:280px}
.store_main_img .swiper-slide{position:relative;height:280px;overflow:hidden;background-position:50% 50%;background-size:cover}
.store_main_img .swiper-slide a{display:block;width:100%;height:100%}
.store_top_box .swiper-pagination{bottom:16px !important}
.store_top_box .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.5}
.store_top_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1 !important}
.store_name{margin-top:16px;text-align:center}
.store_name img{height:80px}

.store_info{position:relative;padding:16px 24px 32px;}
.store_info h2{margin-bottom:16px;font-size:21px;font-weight:600}
.store_info h3{margin-top:24px;font-size:16px;font-weight:600;color:#777;}
.store_info_txt{line-height:24px;font-size:16px;}
.store_info_list{margin-top:8px;}
.store_info_list li{position:relative;padding-left:10px;line-height:24px;font-size:15px;color: #777;}
.store_info_list li:after{content:'';display: block;position: absolute;left:0;top:11px;width:2px;height:2px;border-radius:100%;background: #000;}
.store_info_text2{margin-top:8px;line-height:24px;font-size:15px;color: #777;}
.more_view_area{padding:5px 0;text-align:center}
.btn_more_view{display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(/parts/images/common/arrow_bot.png) 50% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg);cursor:pointer}
.store_info.more_view_show .btn_more_view{transform:rotate(180deg)}
.event_title{position:relative}
.store_info .event_desc{height:0;overflow:hidden;transition:all .3s ease;opacity:0}
.store_info.more_view_show .event_desc{height:auto;opacity:1}
.event_btn_area{margin-top:24px;}
.event_btn_area .btn{line-height:32px;height:32px;display: inline-block;width:auto;padding:0 16px;border-radius:16px;font-size:15px;}
.event_btn_area .btn span{display: inline-block;padding-right:16px;background:url(/parts/images/common/arrow_right_white.png) 100% 7px no-repeat;background-size: 16px 16px;}

.store_category.stuck{position:fixed;top:56px;z-index:1000}
.store_category_pd.stuck{top:112px;}
.store_category{position:relative;width:100%;max-width:720px;background:#fff;box-sizing:border-box;border-bottom:1px solid #ebebeb;}
.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;min-width:40px;padding:8px 16px 8px;font-size:18px;line-height:31px;text-align:center}
.store_category li.on a{font-weight:700}
.store_category li.on:after{content:'';display:block;position:absolute;width:100%;left:0;bottom:0;height:2px;border-bottom:2px solid #000}

.store_item_wrap_v3{padding-top:16px;}

/* home_v1 */
.store_item_tit{font-size:18px;line-height:24px;font-weight:500;}
.store_item_list li{border-bottom:1px solid #ebebeb}
.store_item_list li:nth-child(1){border-top:0}
.store_item_list li a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;padding:16px 24px 16px 24px;min-height:80px;box-sizing: border-box;}
.store_item_list li a .item_img{position:relative;flex:0 0 auto;width:80px;height:80px;margin-left:10px}
.store_item_list li a .item_img em {display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;line-height:20px;width:100%;height:100%;color:#fff;text-align:center;background-color:rgba(0,0,0,0.3)}
.store_item_list li a .item_img img{width:80px;height:80px}
.store_item_list li a .item_info{flex:1 1 auto;text-align:left}
.store_item_list li a .item_name{width:100%;font-size:16px;line-height:24px;font-weight:700}
.store_item_list li a .item_price{font-size:16px;font-weight:500;color:#000}
.store_item_list li a .item_desc{font-size:13px;line-height:20px;color:#666}

/* home_v2 */
.store_item{padding:0;border-bottom:0;background:#ebebeb;}
.store_item_list_v2 li{position: relative;padding:0;border-bottom:8px solid #ebebeb;background:#fff;}
.store_item_list_v2 li:after{content:'';display: block;width:100%;height:1px;background:#e5e5e5;position: absolute;left:0;bottom:0;right:0;}
.store_item_list_v2 li a{position: relative;display:block;padding:16px}
.store_item_list_v2 li a:after{background: none repeat scroll 0 0 transparent;bottom: 1px;content: "";display: block;height: 2px;left: 50%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.store_item_list_v2 li a:hover:after { width: 100%; left: 0; }
.store_item_list_v2 li .item_img_box{position:relative;width:100%;background-color:#f6f6f6;overflow:hidden}
.store_item_list_v2 li .item_img_box:after{content:'';display:block;padding-top:66.66%}
.store_item_list_v2 li .item_img_box:before{z-index:1;content:'';display: block;position: absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.05)}
.store_item_list_v2 li .item_img_box .discount_flag{position: absolute;left:0;top:0;width:72px;height:40px;font-size:19px;font-weight:600;line-height:40px;text-align: center;color:#fff;background:#ec672c;}
.store_item_list_v2 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_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{text-align:center}
.store_item_list_v2 li a .item_name{margin-top:24px;width:100%;font-size:19px;line-height:24px;font-weight:600}
.store_item_list_v2 li a .item_price{font-size:19px;margin-top:4px;font-weight:500;}
.store_item_list_v2 li a .item_price .discount{display: inline-block;margin-right:8px;font-weight:500;color:#ec672c}
.store_item_list_v2 li a .item_origin_price{font-size:17px;margin-top:4px;text-decoration: line-through;;color:#848484}
.store_item_list_v2 li a .item_img_box .soldout{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:26px;font-size:17px;font-weight:700;color:#fff;text-align:center;background-color:rgba(0,0,0,0.3);z-index:10}

.store_item_list_v3{background:#fff;}
.store_item_list_v3 li{position: relative;padding:0;}
.store_item_list_v3 li:after{content:'';display: block;width:100%;height:1px;position: absolute;left:0;bottom:0;right:0;}
.store_item_list_v3 li a{position: relative;display:block;margin:0 16px 16px;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);border-radius: 8px;overflow:hidden}
.store_item_list_v3 li a:hover:after { width: 100%; left: 0; }
.store_item_list_v3 li .item_img_box{position:relative;width:100%;background-color:#f6f6f6;overflow:hidden}
.store_item_list_v3 li .item_img_box:after{content:'';display:block;padding-top:66.66%}
.store_item_list_v3 li .item_img_box:before{z-index:1;content:'';display: block;position: absolute;top:0;left:0;right:0;bottom:0;border-bottom:1px solid rgba(0,0,0,0.05)}
.store_item_list_v3 li .item_img_box .discount_flag{position: absolute;left:0;top:0;width:72px;height:40px;font-size:19px;font-weight:600;line-height:40px;text-align: center;color:#fff;background:#ec672c;}
.store_item_list_v3 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_v3 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_v3 li a .item_info{padding:24px 16px;text-align:center}
.store_item_list_v3 li a .item_name{width:100%;font-size:19px;line-height:24px;font-weight:600}
.store_item_list_v3 li a .item_price{font-size:19px;margin-top:4px;font-weight:500;}
.store_item_list_v3 li a .item_price .discount{display: inline-block;margin-right:8px;font-weight:500;color:#ec672c}
.store_item_list_v3 li a .item_origin_price{font-size:17px;margin-top:4px;text-decoration: line-through;;color:#848484}
.store_item_list_v3 li a .item_img_box .soldout{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:26px;font-size:17px;font-weight:700;color:#fff;text-align:center;background-color:rgba(0,0,0,0.3);z-index:10}


/* products */
.select_item_info{margin:0 20px 0;padding-bottom:20px}
.select_item_name{padding:32px 24px 16px;font-size:18px;line-height:24px;font-weight:bold}
.select_item_desc{margin-top:5px;font-size:14px;line-height:20px;color:#666}
.selcte_order_info{padding:16px 24px}
.selcte_order_info li{position:relative;line-height:24px;display:flex;justify-content:space-between;font-weight:700;font-size:16px}
.selcte_order_info li + li{margin-top:8px}
.selcte_order_info li span{flex:0 0 auto}
.selcte_order_info li strong{min-width:88px;text-align: right;}
.selcte_order_info li strong.discount_price{font-size:19px;color:#EC672C;}
.selcte_order_info li.count_select{margin-top:32px;line-height:40px;}
.selcte_order_info li.origin_price strong{text-decoration:line-through;;color:#848484}
.new_option_pm{display:flex;justify-content:space-between;width:88px;height:24px;padding:8px 8px;background:#fff;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.08);border-radius:48px}
.btn_option_ctrl{flex:1 0 auto;width:24px;height:24px;line-height:24px;cursor:pointer;vertical-align:middle;background-position:50% 50%;background-size:24px 24px;background-repeat:no-repeat}
.new_option_pm .btn_minus{background-image:url(/parts/images/common/btn_minus.png)}
.new_option_pm .btn_plus{background-image:url(/parts/images/common/btn_plus.png)}
.new_option_pm .option_num{flex:1 1 auto;width:40px;display:inline-block;font-size:20px;line-height:24px;text-align:center}
.select_add_tit{padding:0 24px;height:32px;line-height:32px;background:#f8f8f8;font-size:13px;}
/* .select_add_list{padding:16px 24px}
.select_add_list li{position:relative;margin-top:16px;line-height:24px}
.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:#545454} */
.select_add_list{padding:28px 24px}
.select_add_list li{position:relative;margin-top:16px;line-height:24px;display: flex;justify-content:space-between;width:100%;}
.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;}
.select_add_list li .opt_label{flex:1 1 auto;display: flex;flex-wrap:wrap;justify-content:space-between;padding:4px 0;}
.opt_select{line-height:28px;margin-left:24px;text-align:right;}
.opt_price{margin-left:38px;color:#b1b1b1;font-size: 16px;line-height:32px;}
.opt_price_selected{color: #5c5c5c;}

.detail_content{background:#fff}
.detail_content .detail_title{padding:32px 0 32px;color:#3e3e3e;font-size:24px;line-height:30px;text-align:center}
.detail_content .detail_tit_desc{padding:0 10px 15px 10px;color:#7e7e7e;font-size:15px;line-height:21px;text-align:center}
.detail_content .article{padding:0 0 24px;text-align:center;font-size:15px;line-height:21px}
.detail_content .article .obd{position:relative;min-height:calc(720px - 48px);background-color:#fff}
.detail_content .article img{position: relative;z-index:1;vertical-align:top;max-width:100%}
.option_image{margin:0 24px;}
.option_image .option_image_box{background: #fff;border: 1px solid #e5e5e5;border-radius: 8px;overflow:hidden}
.option_image .option_image_box + .option_image_box{margin-top:24px;}
.option_txt{font-size:19px;padding:16px;}
.option_image img{max-width:100%}
.detail_info{padding:20px 24px 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:16px;height:24px;line-height:24px;color:#000;padding-right:28px}
.btn_detail_info_more:after{content:'';position:absolute;top:0;right:0;width:24px;height:24px;display:inline-block;background:url(/parts/images/common/arrow_bot.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.detail_info.detail_show .btn_detail_info_more:after{transform:rotate(180deg)}
@media only screen and (max-width:720px){
	.detail_content .article .obd{min-height:calc(100vw - 48px) !important}
}
/* carts, order */
.all_check{position:relative;padding:16px 24px 16px;border-bottom:1px solid #ebebeb}
.pd_chk{position:relative;height:24px;margin:0 24px}
.pd_chk label{position:absolute;left:0;top:0;width:24px;height:24px;padding:0}
.btn_cart_del{position:absolute;top:0;right:0;width:24px;height:24px;background:url(/parts/images/common/btn_x.png) no-repeat;background-size:24px 24px;background-position:50% 50%}
.order_list{overflow:hidden}
.order_pd_list li.box .pd{margin:16px 24px 8px;}
.order_pd_list .box .form_wrap .form_row{border-top:0;padding:0}
.cart_list .box{padding:16px 0}
.order_complete_list .box{position:relative;padding:0;border-bottom:8px solid #ebebeb}
.order_complete_list .box:after{content:'';display: block;width:100%;height:1px;background:#e5e5e5;position: absolute;left:0;bottom:0;right:0;}
.order_complete_list .box:last-child{border-bottom:0}
.order_type{display: block;font-size:16px;font-weight:600;}
.order_type_pickup{color:#65A35B;}
.order_type_delivery{color:#f3b740;}
.pd{position:relative;min-height:58px;margin:8px 24px 16px}
.pd a{display:flex;align-items:center}
.pd a .pd_img{flex:0 0 auto;width:80px;height:80px;margin-right:10px;overflow:hidden}
.pd a .pd_img img{width:80px;height:80px}
.pd a .pd_name{flex:1 1 auto;font-size:16px;font-weight:700}
.pd_option_list{margin:0 24px}
.pd_option_list li{position:relative;padding-top:16px}
.pd_option_list li.pd_option_name{padding-right:30px}
.pd_option_list li + li{border-top:1px solid #ebebeb}
.pd_option_add{margin-top:5px;color:#666}
.pd_option_add span{display:inline-block}
.pd_option_add span + span{margin-left:10px}
.pd_option_list li .pd_cart_count{display:flex;align-items:center;justify-content:space-between;align-items:center;padding:16px 0}
.pd_option_list li .pd_cart_count .pd_option_price{min-width:100px;font-size:16px;text-align:right}
.pd_option_list li .btn_opt_del{position:absolute;top:16px;right:0;width:24px;height:24px;background:url(/parts/images/common/btn_del_option.png) no-repeat;background-size:24px 24px;background-position:50% 50%}
.pd_select_list{margin:0 24px}
.pd_select_list li{display:flex;align-items:center;justify-content:space-between;align-items:center;padding:16px 0}
.pd_select_list li + li{padding-top:16px;border-top:1px solid #ebebeb}
.pd_select_list li .pd_option_price{min-width:100px;margin-left:10px;font-size:16px;text-align: right;}
.add_dlv{padding:16px 24px;background:#f8f8f8;text-align:right;line-height:24px;display:flex;align-items:center;justify-content:flex-end}
.add_dlv .sp_letter{padding:0 16px}
.etc_price em{display:block;font-size:14px}
.etc_price strong{display:block;font-size:16px}
.total_price{margin:0 24px}
.total_price li{padding:16px 0;display:flex;align-items:center;justify-content:space-between;align-items:center;font-size:16px;border-top:1px solid #ebebeb}
.total_price li:nth-child(1){border-top:0}
.total_price li.payment_price{border-top:1px solid #000}
.total_price li strong{font-weight:normal}
.total_price li.payment_price strong{font-weight:700}
.total_price li.payment_price span{font-size:21px;font-weight:700}
.no_content{padding:72px 24px 54px;font-size:21px;line-height:30px;text-align:center}
.total_order_num{padding:24px 24px 16px;font-size:19px;font-weight:500}
.dlv_select{margin-top:16px;}
.dlv_select li{margin-right:8px;display: inline-block;}
.dlv_select li:last-child{margin-right:0;}
.dlv_select li label{font-size:14px;}
#btn_dlv_list{position: absolute;top:29px;right:24px}
.coupon_info span{line-height:24px;display: inline-block;vertical-align:middle;font-size:16px;font-weight: 600;}
.coupon_info span strong{color:#b1b1b1;}
.coupon_info span.coupon_selected{color:#000;}
.coupon_wrap.coupon_show .btn_more_view{transform:rotate(180deg)}
.coupon_select{display: none;margin-top:24px;}
.coupon_select li{padding:16px 0;border-top:1px solid #d8d8d8}
.coupon_show .coupon_select{display: block;}
.order_list li .form_wrap{padding:0 24px 24px;}
.order_list li .form_wrap .form_row{margin-top:0;padding-top:24px;border-top:1px solid #ebebeb}
.pickup_time_select{margin:0 24px 24px;padding:24px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.btn_pickup_time_view{position: relative;display: block;width:100%;text-align: left;font-size:16px;height:24px;line-height:24px;color:#000;padding-right:28px}
.btn_pickup_time_view:after{content:'';position:absolute;top:0;right:0;width:24px;height:24px;display:inline-block;background:url(/parts/images/common/arrow_bot.png) 100% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.pickup_time_select.pickup_time_show .btn_pickup_time_view:after{transform:rotate(180deg)}
.btn_pickup_time_view strong{display: inline-block;margin-left:8px;}
.pickup_time_list_wrap{display: none;}
.pickup_time_select.pickup_time_show .pickup_time_list_wrap{display: block;}
.pickup_time_list{display: flex;flex-wrap: wrap;padding-top:8px;}
.pickup_time_list li{position: relative;flex:0 0 auto;width:20%;margin-top:8px;}
.pickup_time_list li label{display: block;margin:0 4px;text-align: center;}
.time_check{position:absolute;top:0;left:0;width:36px;height:36px;outline:0}
.time_check + label{position:relative;display:block;padding:8px 0 8px;text-align:center;font-size:17px;font-weight:700;line-height:24px;border:1px solid #b1b1b1;border-radius:20px;box-sizing:border-box;cursor:pointer;color:#000}
.time_check:checked + label{background: #000;color:#fff}
@media only screen and (max-width:360px){
	.pickup_time_list li{width:25%;}
}

/* order_list */
.header_tab{display:flex;align-items:center;justify-content:space-between;align-items:center}
.header_tab li{flex:1 0 auto;width:50%}
.header_tab li a{position:relative;display:block;text-align:center;font-size:17px;font-weight:600;padding:20px 16px;height:24px;line-height:29px;color:#b1b1b1}
.header_tab li a.selected{color:#000}
.header_tab li a.selected:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;content:''}
.order_info_list{padding:1px 0 0 0}
.order_info_list .oi_li{position:relative;padding:0 0 24px 0;border-bottom:8px solid #ebebeb}
.order_info_list > li:after{content:'';display: block;width:100%;height:1px;background:#e5e5e5;position: absolute;left:0;bottom:0;right:0;}
.order_info_list .oi_li:last-child{border-bottom:0}
.order_header{position:relative;margin-top:-1px;z-index:1;display:flex;align-items:center;justify-content:space-between;align-items:center;padding:24px 24px 24px;height:24px;font-size:16px;background:#f8f8f8;}
.order_header .order_number{font-weight:700}
.order_store_info{position:relative;display:flex;align-items:center;justify-content:space-between;align-items:center;padding:24px 24px 0}
.order_item_status{flex:1 1 auto;line-height:24px}
.order_store_info h2{font-size:16px;line-height:24px;font-weight:700}
.order_store_info .order_time{font-size:14px;color:#b1b1b1}
.order_store_info .order_status{font-size:14px;}
.order_store_info .order_status span{display:inline-block;margin-left:10px;color:#865439}
.order_store_info .order_store_img{flex:0 0  auto;margin-left:10px;width:90px;height:90px}
.order_store_info .order_store_img img{width:90px;height:90px}
.order_item_list{padding:0 24px}
.order_item_list li{position:relative;padding-left:35px;margin-top:10px;font-size:15px;line-height:24px}
.order_item_list li strong{font-weight:normal}
.order_item_list li .order_item_num{position:absolute;left:0;top:0;display:inline-block;width:24px;height:24px;background:#fff;border:1px solid #000;line-height:24px;border-radius:12px;font-size:13px;text-align:center;box-sizing:border-box}
.order_etc_info{line-height:24px;font-size:15px;padding:16px 0 0;margin:16px 24px 0;border-top:1px solid #ebebeb}
.order_button_area{padding:24px 24px 0}
.order_button_area li button{border:1px solid #ebebeb}
.order_modify{margin-top:24px;padding:24px 0 0;border-top:1px solid #ebebeb}
.order_modify .btn_area{padding:24px 24px}

.payment_select{display:flex;align-items:center;justify-content:space-between;padding:0 24px 24px;flex-wrap:wrap}
.payment_select li{margin-top:16px;flex:0 0 auto;width:50%}
.payment_select li span{display:block;position:relative}
.payment_select li:nth-child(2n-1) span{margin-right:8px}
.payment_select li:nth-child(2n) span{margin-left:8px}
.payment_check{position:absolute;top:0;left:0;width:36px;height:36px;outline:0}
.payment_check + label{position:relative;display:block;padding:20px 0 20px;text-align:center;font-size:17px;font-weight:700;line-height:24px;border:1px solid #b1b1b1;border-radius:32px;box-sizing:border-box;cursor:pointer;color:#000}
.payment_check + label em{display:inline-block;padding-left:28px;background-repeat:no-repeat;background-position:0 50%;background-size:24px 24px}
.credit_card .payment_check + label em{background-image:url(/parts/images/common/icon_card.png)}
.kakaopay .payment_check + label em{background-image:url(/parts/images/common/icon_kkopay.png)}
.bank .payment_check + label em{background-image:url(/parts/images/common/icon_bank.png)}
.payment_check:checked+label{border-color:#000;background-color: #000;color:#fff;}
.credit_card .payment_check:checked+label em{background-image:url(/parts/images/common/icon_card_white.png)}
.bank .payment_check:checked+label em{background-image:url(/parts/images/common/icon_bank_white.png)}
.kakaopay .payment_check:checked+label{border-color:#ffeb03;background:#ffeb03;color: #000;}

/* order_complete */
.order_field{position:relative;margin:8px 24px 0;}
.order_field li{display: flex;flex-direction:row;justify-content:space-between;padding:16px 0;border-top:1px solid #ebebeb}
.order_field span{flex:0 0 auto;min-width:100px;line-height:24px;width:100px;margin-right:10px;}
.order_field strong{word-break:break-all;text-align: right;}

/* login, signup, find_id, find_pw */
.form_txt{text-align:left;font-size:19px;line-height:24px;font-weight:600}
.idpw_cc{padding:15px 0;font-size:15px;line-height:20px;color:#3e3e3e}
.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;text-align:center;padding:20px 0 20px}
.idpw_find li{position:relative;flex:1 0 auto;padding:0 10px}
.idpw_find li:after{position:absolute;left:0;top:4px;content:'';display:block;width:1px;height:12px;background:#ebebeb}
.idpw_find li:nth-child(1):after{display:none}
.idpw_find li a{display:block;font-size:16px;line-height:20px}
.all_agreement{position:relative;margin:15px 0;min-height:20px;line-height:20px;font-size:16px;font-weight:bold;color:#333}
.all_agreement label{font-weight:700}
.agreement_list{padding:16px 0;border-bottom:1px solid #ebebeb}
.agreement_list li{position:relative;margin-top:16px;padding:0 30px 0 0;line-height:32px}
.agreement_list li:nth-child(1){margin-top:0}
.agreement_list li a{position:absolute;top:0;right:0;display:block;width:36px;height:36px;background:url(/parts/images/common/arrow_right.png) 50% 50% no-repeat;background-size:24px 24px}
.agreement_popup{display:none}
.agreement_popup_show{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:block;background:rgba(0,0,0,.5)}
.agreement_popup .agreement_popup_wrap{position:absolute;background:#fff;top:30px;left:30px;right:30px;bottom:30px;margin:0 auto;padding:40px 0;max-width:680px;overflow:hidden}
.agreement_popup .agreement_popup_wrap .agree_txt{position:absolute;top:0;right:0;left:0;bottom:0;height:100%;overflow:hidden;overflow-y:auto;padding:40px 30px;font-size:15px;line-height:22px;box-sizing:border-box}
.terms_header{font-size:18px;text-align:center;padding-bottom:10px}
.btn_popup_close{position:absolute;top:10px;right:10px;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;outline:0;background:url(/parts/images/common/btn_x.png) 50% 50% no-repeat;background-size:24px 24px;cursor:pointer}

.terms_wrap{padding:24px 24px 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: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}

/* popup */
.popup{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100vh;z-index:9000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.popup.popup_show{visibility:visible;opacity:1}
.popup_bg{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:8000;}
.popup_container{min-width:320px;max-width:672px;z-index:9999;display:flex;flex-direction:column;border-radius:24px;overflow:hidden}
.popup_content{position: relative;}
.popup_swiper{max-width:320px;}
.popup_swiper .swiper-pagination{bottom:0}
.popup_swiper .swiper-pagination .swiper-pagination-bullet{background:#4d2512;opacity:.5}
.popup_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4d2512;opacity:1 !important}
.popup_content_img a{display: block;}
.popup_content img{max-width:320px;}
.popup_content .popup_content_btn{position: absolute;bottom:0;left:0;right:0;padding:24px;}
.popup_content .popup_content_btn .btn{height:56px;line-height:56px;border-radius:28px}
.popup_page_container{width:672px;z-index:9999;}
.popup_page{position: relative;background: #fff;padding:0;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;transition-delay:0.1s;}
.popup.popup_show .popup_page{opacity:1;}
.popup_title{text-align: center;font-size:19px;line-height:56px;font-weight:500;}
.popup_body{height:520px;padding:0;overflow:hidden;overflow-y:auto}
.btn_cls_pop{z-index:9010;position:absolute;top:0;right:0;width:72px;height:72px;background:url(/parts/images/common/btn_x.png) 50% 50% no-repeat;background-size:24px 24px;}
.popup_page .btn_cls_pop{width:56px;height:56px;}
.popup_close_area{display:flex;height:56px}
.popup_close_area li{position:relative;flex:1 0 auto;width:50%;text-align:center}
.popup_close_area li button{display:block;width:100%;line-height:56px;font-size:19px;color:#fff}

.addr_list li{position: relative;padding:16px 0;margin:0 16px;border-top:1px solid #ebebeb}
.addr_list li:nth-child(1){border-top:0}
.dlv_name{font-weight: 600;}
.dlv_tel{margin-top:4px;}
.dlv_addr{margin-top:4px;color: #545454;}
.addr_footer{display: flex;flex-direction: row;justify-content:space-between;margin-top:16px;}
.addr_btn span{display:inline-block;margin-left:4px;}

@media only screen and (max-width:720px){
	.popup_page_container{width:100%}
	.popup_page{margin:0 24px}
}

/* page */
.page_container{flex:1 1 auto;position:relative;width:100%;max-width:720px;margin:0 auto;padding-bottom:64px;}
.page_img{padding:40px 0;box-sizing:border-box;min-height:720px;background-color:#fff}
.page_img img{width:100%}
.page_close{position:absolute;top:24px;right:24px;width:24px;height:24px;background:url(/parts/images/common/btn_x.png) 50% 50% no-repeat;background-size:24px 24px;}

/* faq */
.faq_list{padding:28px 0;}
.faq_list li a{position: relative;display: block;padding:20px 48px 20px 24px;font-size:17px;line-height:24px;font-weight:600}
.faq_list li a:after{position: absolute;top:20px;right:24px;content:'';display: block;width:24px;height:24px;background: url(/parts/images/common/bg_select.png) 50% 50% no-repeat;background-size:24px 24px;transition:all 0.3s ease;transform:rotate(0deg)}
.faq_list li.selected a:after{transform:rotate(180deg)}
.faq_list li .faq_a{position: relative;display: none;color:#545454;font-size:17px;line-height:24px;}
.faq_list li .faq_a .ans{position: absolute;left:24px;top:8px;font-weight: 600;}
.faq_list li.selected .faq_a{display:block;padding:8px 24px 8px 48px;}

/* board */
.board_list li{padding:24px;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{display:none;padding:24px 24px 24px;}
.board_list li.selected .board_view{display:block}
.board_list li .board_view{padding:24px 0 24px;}
.board_view_header{padding-bottom: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(/parts/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 .board_view_header{padding:0 24px 24px;}
.feed_view img{max-width:100%;clip-path:inset(0);border-radius:0;}
.feed_view .board_txt{padding:24px;}

/* coupon */
.coupon_header{display: flex;flex-direction:row;justify-content:space-between;padding:20px 24px;font-size:16px;}
.coupon_list li{padding:0 24px;margin-top:16px;}
.coupon_list li:nth-child(1){margin-top:0;}
.coupon_list li a{display: block;padding:20px 24px;background:#fff;border-radius:16px;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);}
.coupon_list li a:hover{background:#f9f9f9;}
.coupon_list li a .coupon_name{font-size:19px;line-height:24px;}
.coupon_list li a .coupon_cont{font-size:17px;line-height:24px;color:#ec672c}
.coupon_list li a .coupon_nec{margin-top:8px;font-size:15px;line-height:24px;}
.coupon_list li a .coupon_expire{font-size:15px;line-height:24px;color:#979797}

/* home_sd */
.item_title{font-size:24px;line-height:32px;font-weight:600;}
.item_tag{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:600;}
.item_desc,.item_date{font-size:16px;line-height:24px;margin-top:4px;color: #848484;}
.item_w{position: relative;width:100%;overflow:hidden;margin-bottom:16px;}
.item_w a{position: relative;display: block;width:100%;height:100%;color:#fff;}
.item_w a .item_img_box{position: relative;background-color:#ddd;}
.item_w a .item_img_box:after{content:'';display:block;padding-top:100%}
.item_w a .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}
.item_w a:hover .item_img{-webkit-transform: scale(1.03);transform: scale(1.03);}
.item_w a .item_content_box{position: absolute;top:0;left:0;right:0;bottom:0;display: flex;width:100%;height:100%;}
.item_w a .item_content_box .item_content{width:100%;padding:32px 24px;box-sizing: border-box;}
.item_w.item_wc a .item_content_box{align-items: center;text-align: center;}
.item_w.item_wb a .item_content_box{align-items: flex-end;}
.item_w .item_desc{color:#fff;}

.item_card{position: relative;margin:16px 16px 16px;overflow:hidden;border-radius:8px;background: #fff;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);}
.item_card a{display: block;width:100%;height:100%;}
.item_card .item_img_box{position: relative;overflow:hidden;background-color:#ddd;}
.item_card .item_img_box:after{content:'';display:block;}
.item_card_fimg .item_img_box:after{padding-top:100%}
.item_card_timg .item_img_box:after{padding-top:66.66%}
.item_card .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}
.item_card a:hover .item_img{-webkit-transform: scale(1.03);transform: scale(1.03);}
.item_card_fimg .item_content_box{position: absolute;top:0;left:0;right:0;bottom:0;display: flex;width:100%;height:100%;align-items: flex-end;color:#fff}
.item_card .item_content{width:100%;padding:32px 24px;box-sizing: border-box;}
.item_card_fimg .item_desc{color:#fff;}

.item_banner{position: relative;margin:16px 16px 16px;overflow:hidden;border-radius:8px;background: #fff;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);}
.item_banner a{display: block;width:100%;height:100%;}
.item_banner .item_img_box{position: relative;overflow:hidden;background-color:#ddd;}
.item_banner .item_img_box:after{content:'';display:block;padding-top:40%}
.item_banner .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;}
.item_banner .item_content_box{position: absolute;top:0;left:0;right:0;bottom:0;display: flex;align-items:center;width:100%;height:100%;}
.item_banner .item_content_box .item_content{width:100%;padding:32px 24px;box-sizing: border-box;}
.item_banner .item_title{font-size:24px;line-height:32px;font-weight:600;color:#222}
.item_banner .item_desc,.item_banner .item_date{font-size:16px;line-height:24px;margin-top:4px;color: #222;}

.feed_popup{display:none}
.feed_popup_show{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:block;}
.feed_popup .feed_popup_wrap{position:absolute;background:#fff;top:30px;left:30px;right:30px;bottom:30px;margin:0 auto;padding:40px 0;max-width:680px;overflow:hidden;z-index:10001;}
.feed_popup .feed_content{position:absolute;top:0;right:0;left:0;bottom:0;height:100%;overflow:hidden;overflow-y:auto;padding:40px 0;font-size:15px;line-height:22px;box-sizing:border-box}
.feed_head{padding:0 16px 24px;}
.feed_head h3{font-size:21px;line-height:28px;font-weight: 600;}
.feed_head h4{margin-bottom:8px;font-size:16px;line-height:24px;font-weight: 600;color:#f07060}
.feed_head .feed_date{margin-top:8px;font-size:16px;line-height:24px;color:#545454}
.feed_body{padding:0 16px 16px;font-size:16px;line-height:24px;}
.feed_body img{max-width:100%}
.feed_body .mov{position: relative;margin-bottom:24px;padding-top:56.25%;background:#f6f6f6;}
.feed_body .mov iframe{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.feed_view{display:block}

.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{position: relative;padding-left:16px;line-height:24px;font-size: 14px;}
.dot_list li:after{content:'';display:block;width:4px;height:4px;position: absolute;left:4px;top:50%;margin-top:-2px;background:#000;border-radius:100%;}