@charset "UTF-8";
@import url(common.css);
@import url(ahngraphics.css);
@import url(event.css);
@import url(life.css);

/* 메인 연결 서브페이지 */
.main-sub-wrap.recommend { padding-top: 8px }
.main-sub-wrap.recommend .prdt-list{ padding-top: 32px }
.main-sub-wrap.event .prdt-item .prdt-name{ padding-bottom: 2px;}
.main-sub-wrap.event .prdt-item .prdt-desc{ font-size: 14px; line-height: 22px; color: #888;}
.main-sub-wrap.event .prod-details-list { padding-bottom: 57px; }
.main-sub-wrap.event .prod-details-list h2{ color: #000; display: inline-block; font-size: 14px; position: relative; font-weight: 700; }
.main-sub-wrap.event .prod-details-list h2::after{ content: ""; position: absolute; left: -1px; bottom: -3px; right: -1px; height: 2px; background: #000; }
.main-sub-wrap.event .prod-details-list .label-area3{ position: absolute; top: 4px; left: 4px; }
.main-sub-wrap.event .prod-details-list.event > ul > li { border: 0; padding: 18px 0 0 0; }
.main-sub-wrap.event .prod-details-list .btn-type18 { display: block; margin-top:24px; }
.main-sub-wrap.exhibition .prdt-item .prdt-name{ padding-bottom: 2px;}
.main-sub-wrap.exhibition .prdt-item .prdt-desc{ font-size: 14px; line-height: 22px; color: #888;}
.main-sub-wrap.exhibition .view-list-type1 li{ margin-bottom: 50px; text-align: center;}

/* ---------------------------------------------------------- */
/* ========================================================== */
/*                                                            */
/* file		: login                                     	  */
/*                                                            */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* login s ================================================== */
/* login-form-lst */
.login-form-lst { width: 100%; }
.login-form-lst > li .check-txt{display: inline-block; padding-top:4px; color:#888;}
.login-form-lst > li { position: relative; padding-top:28px;}
.login-form-lst > li:first-child { padding: 0; }
.login-form-lst .login_input { display: block; padding: 0 0 0 28px; border: none; height: 48px; font-size: 16px; color: #000; caret-color: #0fd6f7; }
.login-form-lst > li.login .login_input { background: url(../images/info/Icon_Info_email.svg) no-repeat 1px center; letter-spacing: 0; }
.login-form-lst > li.password .login_input { background: url(../images/info/Icon_Info_Lock_on.svg) no-repeat 1px center; }
.login-form-lst > li.phone .login_input { background: url(../images/info/Icon_Info_mobile.svg) no-repeat 1px center; }
.login-form-lst > li.name .login_input { background: url(../images/info/Icon_Info_People.svg) no-repeat 1px center; }
.login-form-lst > li.name .val-check { margin: 4px 0 0; }
.login-form-lst > li.focus .login_input { border-bottom: #5a5b5c; }
.login-form-lst > li.focus .btn-input-id { display: block; }
.login-form-lst > li .btn-input-pw { position: absolute; right: 0; top: 6px; width: 24px; height: 48px; z-index: 10; font-size: 0; text-indent: -999px; background: url(../images/icon-input-pw-on.svg) no-repeat right center; }
.login-form-lst > li .pw-view { display: none; padding: 0 14px 6px 14px; width: 100%; margin: -16px 0 0; font-size: 12px; color: #888; line-height: 26px; background: #fff; letter-spacing: 0; }
.login-form-lst > li .pw-view.on { display: block; }
.login-form-lst > li .input-clear-btn,
.login-form-lst > li .input-passview,
.login-form-lst > li .input-success-icon { right: 12px; }
.login-form-lst > li .input-passview + .input-clear-btn { right: 46px; }
.login-form-lst > li .icon-login-success { position: absolute; right: 0; top: 0; width: 24px; height: 48px; z-index: 10; font-size: 0; text-indent: -999px; background: url(../images/info/Icon_Info_Check_24_success.svg) no-repeat right center; }
.login-form-lst > li:first-child .ico_validation { top: 0; }
.login-form-lst > li .ico_validation { position: absolute; right: 0; top: 6px; display: none; width: 24px; height: 48px; background: url(../images/info/Icon_Info_Check_24_success.svg) no-repeat left center; font-size: 0; text-indent: -9999px; }
.login-form-lst > li .ico_validation.on { display: block; }
.login-form-lst > li.error { border-bottom: 1px solid #ff4644; }
.login-form-lst > li.error .member-validation { border-top: 1px solid #ff4644; }
.login-form-lst.error { border-bottom: 1px solid #ff4644; }
.login-form-lst .login-error-txt { display: none; padding: 6px 0 0; margin: 0 0 -1px; line-height: 16px; font-size: 12px; color: #ff4644; width: calc(100% + 24px); background: #fff; border-top: 1px solid #ff4644; }
.login-form-lst .btn-input-id { position: absolute; right: 0; top: 6px; height: 48px; width: 24px; font-size: 0; text-indent: -9999px; z-index: 10; background: url(../images/button/Icon_Button_List_delete_white_small.svg) no-repeat right center; }
.login-form-lst > li:first-child .btn-input-id { top: 0; }
.login-form-lst .member-validation { display: none; padding: 5px 0 10px; color: #ff4644; }
.login-form-lst .member-validation.on { display: block; }
.login-form-lst .member-validation > li { float: left; padding: 0 0 0 25px; }
.login-form-lst .member-validation > li:first-child { padding: 0; }
.login-form-lst .member-validation .check-txt { display: inline-block; padding: 0 0 0 18px; font-size: 12px; line-height: 15px; color: #888; background: url(../images/info/Icon_Info_Check_16_normal.svg) no-repeat left -1px; }
.login-form-lst .member-validation .check-txt.active { background: url(../images/info/Icon_Info_Check_16_success.svg) no-repeat left -1px; color: #0fd6f7; }
.login-form-lst .member-validation .check-txt.error { background: url(../images/info/Icon_Info_Check_16_failed.svg) no-repeat left -1px; color: #ff4644; }
.login-form-lst > li.error .member-validation .check-txt.active { background: url(../images/info/Icon_Info_Check_16_failed.svg) no-repeat left -1px; color: #ff4644; }
.login-form-lst > li.error:last-child { margin: 0 0 -9px 0; }
.login-form-lst em.val-pw-check { margin-top: 4px; margin-bottom: 10px; color: #ff4644; }
.login-form-lst .input-type1 + .input-error { position: relative; background-color: #fff; }
.login-form-lst .invalid input.input-form { border-bottom: 1px solid #ff4644 !important; }
.login-form-lst > li > div { position: relative; }
.login-form-lst > li.login > div:not(.li) { background: url(../images/info/Icon_Info_email.svg) no-repeat left 0 top 14px; letter-spacing: 0; }
.login-form-lst .input-type1 input.input-form { display: block; padding: 13px 14px; height: 48px; font-size: 14px; color: #000; caret-color: #0fd6f7;}
.login-form-lst .phone .input-txt:not(.certifi-num .input-txt){ display: inline-block; width: calc(100% - 96px); }
.login-form-lst .phone .certifi-num{ position: relative; }
.login-form-lst .phone .certifi-num.input-error{ padding: 0; }
.login-form-lst .phone .certifi-num .input-error{ padding-bottom: 0; }
.login-form-lst .phone .timer-wrap{ top:24px; }
.login-form-lst .input-error{padding-bottom: 10px;}
.login-form-fr{margin:28px 0 30px;}
.login-form-fr .login-form-lst{padding:14px 0 0 30px}
.login-form-fr .login-form-lst li + li{padding-top:17px;}
.login-form-fr .login-form-lst .input-tit{font-size: 14px; line-height: 22px; color:#000;}
.login-form-fr .login-form-lst .enter-box .input-txt-sty1{height: 48px; padding:0; margin-top:6px; z-index: 0; overflow: hidden;}
.login-form-fr .login-form-lst .enter-box .input-txt-sty1.error{border:1px solid #ff4644;}
.login-form-fr .login-form-lst .enter-box .input-txt-sty1 input{padding:13px 14px !important;}
.login-form-fr .login-form-lst .enter-box .input-txt-error{display: block; padding-top:4px;}
.login-form-fr .login-form-lst .enter-box .input-txt-end{display: block; padding-top:4px; font-size: 12px; line-height: 18px; color:#ccc;}
.login-form-fr .login-form-lst .enter-box .form-check-txt{padding-left: 0;}
.login-form-fr .login-form-lst .input-error{padding-bottom:0}
.login-form-fr .check-txt-wrap.disabled span{color:#ccc;}
.login-form-fr .chk-box input:disabled + .form-txt{color:#ccc}
.login-form-fr .chk-box input:disabled + .form-txt + .form-check-txt{display:block; color:#ccc}

/* login-check-lst */
.login-check-lst { overflow: hidden; width: 100%; }
.login-check-lst .chk-box input, .login-check-lst .chk-box .form-txt { vertical-align: middle; color: #666; }
.agree-check .chk-box { position: relative; padding-left: 24px; overflow: visible; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.agree-check .chk-box input { position: absolute; left: 0px; cursor: pointer;}
.agree-check .check-txt-wrap .form-txt { display: block; font-size: 16px; color: #000; word-break: keep-all;}
.agree-check .check-txt-wrap .form-txt.on {color:#000;}
.agree-check .chk-box input:checked + .form-txt{color:#000}
.login_wrap .form-check-txt{ display: block; padding:6px 0 0 30px; line-height:1.5; word-break: keep-all; color:#A56B3D;}
.login_wrap .terms-info{ padding-left: 4px; font-size: 14px; color:#888;}
.agree-terms { padding: 28px 16px 30px; }
.agree-terms.active > button { padding: 24px 24px 24px 0; }
.agree-terms.active > button span { display: none; }
.agree-terms.active > button:after { transform: rotateX(180deg); }
.agree-terms .terms-list li { position: relative; padding-bottom: 8px; font-size: 14px; color: #333; }
.agree-terms .terms-list .arrow-btn { position: absolute; top:-1px; right: 0; width: 28px; height:28px; z-index: 1; }
.agree-terms .terms-list .chk-box { display: flex; margin-right: 28px; }
.agree-terms input { margin-right: 8px; }
.agree-terms .terms-list { margin-top: 16px; }
.agree-terms div p { margin-top: 4px; padding: 14px 0 14px; font-size: 12px; line-height: 18px; color: #888; border-top: 1px solid #eee; }

/* 로그인 - 로그인 */
.login_wrap {position: relative; width: 100%; }
.login_wrap .login-title { display: block; padding: 12px 0 30px; font-size: 26px; line-height: 30px; font-weight: 700; color: #000; }
.login_wrap .login-check-lst{display: flex; justify-content: center; padding: 16px 0 32px;}
.login_wrap .login-check-lst li + li{margin-left:20px;}
.login_wrap.membership .login-check-lst { padding: 24px 0 0; }
.login_wrap .login-form-error { display: none; padding: 4px 0 2px; font-size: 12px; line-height: 15px; color: #ff4644; }
.login_wrap .login-form-error.on { display: block; }
.login_wrap  .login-chk .form-txt{line-height: 22px; color:#000;}
.login_wrap .join-btns{ margin-top: 32px; }
.login_wrap .join-btns button + button{ margin-top: 10px; }
.login_wrap .join-btns button.kakao{ background: #FAE100; }
.login_wrap .join-btns button.apple{ background: #333; color:#fff; }
.login_wrap .join-title{ margin: 16px 0 4px; }
.login-wrapper .container { padding-bottom: 0 !important; }
.login-wrapper .login_wrap .login-btn-wrap { margin-top: 28px; text-align: center; background: #fff;}
.login-wrapper .login_wrap .login-btn-wrap > span{display: block; padding-top:24px; text-align: center; font-size: 13px; color:#888;}
.login-wrapper .login_wrap .login-btn-lst{display: flex; justify-content: center; gap:24px;}
.login-wrapper .login_wrap .login-btn-lst li{ position: relative;}
.login-wrapper .remind-msg{ position: absolute; bottom:-34px; left:50%; transform: translateX(-50%); padding: 4px 5px; width:126px; z-index:1; background: #0fd6f7; color:#fff; border-radius: 4px; }
.login-wrapper .remind-msg::after{ content:""; position: absolute; top:-17px; left:50%; transform: translateX(-50%); border-bottom: 10px solid #0fd6f7; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.login-wrapper .btn .remind-msg{ top:-22px; bottom: initial;  }
.login-wrapper .btn .remind-msg::after{ top: initial; bottom:-17px; border-bottom: 10px solid transparent; border-top: 10px solid #0fd6f7; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.login-wrapper .login_wrap .login-btn-lst .round{width:42px; height: 42px; border:none;}
.login-wrapper .login_wrap .login-btn-lst .naver{ background: #53b85f;}
.login-wrapper .login_wrap .login-btn-lst .kakao{background: #f3e14c;}
.login-wrapper .login_wrap .login-btn-lst .apple{background: #000001;}
.login-wrapper .login_wrap .login-btn-lst .samsung{background: #1646ce;}
.login-wrapper .contents .login_wrap .login-btn-lst.static { position: relative; padding-top: 20px; padding-right: 0; padding-left: 0; }
.login-wrapper .contents .login_wrap .login-btn-lst .login-guide { margin-top: 28px; text-align: center; }
.login-wrapper .emphasis-btn-bx { position: static; padding: 0 0 24px; }
.login-wrapper .emphasis-btn-bx button { margin: 0; }
.login-wrapper .member-assent-bx { padding: 0 0 18px; }
.login-cont { min-height: var(--container); display: flex; flex-direction: column; justify-content: space-between; padding-bottom: var(--bottom-tab);} 
.login-cont.join { padding-bottom: 0; }
.join-cont .login-block{padding:10px 24px 0;}
.join-cont .login-block .login-btn-wrap{margin-top: 28px;}
.login-cont .login-bottom-box.join {position: initial; width: 100%; border-top:10px solid #eee; }
.membership-cont .login_membersip-cont { min-height: calc(100vh - 196px); }
.login-block{padding:20px 24px 0;}
.login-block .notice-write-bx{ display: flex; gap:6px; }
.login-block input.input-form{ font-size: 16px;} 
.login-block .login-input{ position: relative;}
.login-block .login-input + .login-input{padding-top:10px;}
.login-block .login-input:first-child .input-error{display: none;}
.login-block .btns button + button{margin-top:10px;}
.login-block .btn{ position: relative; }
.login-block .btn + .btn { margin-top:10px;}
.login-block .login-chk{ margin-top: 16px; }
.login-block .login-chk .find-lnk { font-size: 14px; color:#888; }
.login_bottom { margin-top: 64px; }
.login_bottom .login-chk .fc-000{ margin-left: 4px;}
.login-block .id-select-lst{ display: block; top:48px; left:0; right:0; }
.login-cont .banner-swiper{ position: relative; margin-top:24px; overflow: hidden;}
.login-cont .banner-swiper .fraction-pagination{ position: absolute; left:unset; right:10px; bottom: 10px; padding:0; width:42px; height:24px; z-index: 2; background: rgba(0,0,0,.3); color:#ddd; font-size:14px; line-height: 24px; letter-spacing: 0; border-radius: 12px;}
.login-cont .banner-swiper .swiper-pagination-current{ padding-right: 2px; font-weight: 500; color:#fff;}
.login-cont .banner-swiper .swiper-pagination-total{ padding-left: 2px; }

/* 아이디 비밀번호 찾기, 휴면, 비번 재설정 */
.find-idpw-wrap .txt-tit { padding: 32px 16px 40px; font-size: 16px; line-height: 1.63; color: #000; }
.find-idpw-wrap .input-block .txt-area-wrap { position: relative; }
.find-idpw-wrap .input-block .txt-area-wrap button[data-actionsheet] { width: 100%; }
.find-idpw-wrap .input-block .txt-area-wrap + .txt-area-wrap { margin-top: 10px; }
.find-idpw-wrap .input-block .input-type1 { position: relative; }
.find-idpw-wrap .input-block .input-type1 .icon-login-success { position: absolute; right: 5px; bottom: 0; width: 24px; height: 48px; z-index: 10; font-size: 0; text-indent: -999px; background: url(../images/info/Icon_Info_Check_24_success.svg) no-repeat right center; }
.find-idpw-wrap .btn-box { padding: 10px 0; }
.find-idpw-wrap .btn-block { padding: 16px; }
.find-idpw-wrap .input-block + .btn-block:not(.bottom) button[class*='btn-'] { font-weight: 700; font-size: 14px; }
.find-idpw-wrap .btn-block.bottom { position: fixed; bottom: 0; width: 100%; max-width: 486px; }
.find-idpw-wrap .btn-block.bottom.static { position: relative; }
.find-idpw-wrap .btn-block.bottom [class^=btn] + [class^=btn] { margin-top: 10px; }
.find-idpw-wrap .btn-block .sm-txt { margin: 20px 0; font-size: 12px; line-height: 18px; color: #888; }
.find-idpw-wrap .btn-block .sm-txt.center { text-align: center; }
.find-idpw-wrap .find-finish { position: absolute; bottom: 0; top: 50px; padding-bottom: 95px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; flex-direction: column; z-index:0}
.find-idpw-wrap .lst-tab ~ * .find-finish { top: 95px; }
.find-idpw-wrap .find-finish .finish-info-txt { padding: 144px 0 0; font-family: "NotoSerif"; font-size: 22px; line-height: 32px; color: #000; text-align: center; background: url(../images/login/bg-find-finish.png) no-repeat center top; background-size: 128px; font-weight: 300; }
.find-idpw-wrap .find-finish .finish-info-txt.type2 { background: url(../images/login/bg-password-complete.png) no-repeat center top; background-size: 128px; }
.find-idpw-wrap .find-finish .finish-info-txt.type3 { background: url(../images/login/rest@3x.png) no-repeat center top; background-size: 128px; }
.find-idpw-wrap .find-finish .finish-info-txt.type4 { background: url(../images/login/com-cancel@3x.png) no-repeat center top; background-size: 128px; }
.find-idpw-wrap .find-finish .finish-info-txt.type5 { background: url(../images/login/bg-find-finish.png) no-repeat center top; background-size: 128px; }
.find-idpw-wrap .find-finish .finish-info-txt.type6 { background: url(../images/login/sns-wit@3x.png) no-repeat center top; background-size: 128px; }
.find-idpw-wrap .find-finish .finish-info-txt .email{font-size:15px; line-height:1.47; color:#000; letter-spacing: 0; font-family: 'Roboto'; font-weight: 400}
.find-idpw-wrap .find-finish .finish-info-txt .email + .tit{margin-top:14px}
.find-idpw-wrap .find-finish .finish-info-txt .tit{font-size:22px; line-height: 1.45; letter-spacing: -0.3px; color:#000}
.find-idpw-wrap .find-finish .finish-info-txt .etc-type1{font-size:14px; color:#666; line-height:1.57; margin-top:14px; font-family: 'NotoSans'; font-weight: 400}
.find-idpw-wrap .find-finish .finish-info-txt .etc-type2{font-size:16px; color:#000; line-height:1.63; margin-top:10px; font-family: 'NotoSans'; font-weight: 400}
.find-idpw-wrap .find-finish .finishbtm-txt { padding: 14px 0 0; text-align: center; font-family: 'Roboto'; font-size: 15px; line-height: 22px; color: #666; letter-spacing: 0; }
.find-idpw-wrap .find-finish .finishbtm-txt.strong { color: #000; }
.find-idpw-wrap .find-finish .find-finish-form { padding: 23px 0 0; width: 100%; text-align: center; }
.find-idpw-wrap .find-finish .finishi-sub-txt { margin-top: 14px; text-align: center; font-size: 14px; line-height: 22px; font-weight: 400; }
.find-idpw-wrap .find-id, .find-idpw-wrap .find-pw { position: relative; padding-bottom: 70px; }
.find-idpw-wrap.no-fixed-btn .find-id, .find-idpw-wrap.no-fixed-btn .find-pw { padding-bottom: 0; }
.find-idpw-wrap .find-finish-wrap { position: relative; padding-bottom: 0; min-height: calc(100vh - 95px); }
.find-idpw-wrap .find-finish-wrap .find-finish{top:0; pointer-events:none} 
.find-idpw-wrap .find-finish .finish-etc-txt{font-size:16px; font-family:'NotoSans'; text-align:center; color:#000; line-height:1.63;}
.find-idpw-wrap .find-finish .finish-etc-txt.text-type01{margin:11px 0 0;}
.find-idpw-wrap .find-finish .finish-etc-txt.text-type02{font-size:14px; color:#666; margin:14px 48px 0; line-height:1.57}
.find-idpw-wrap .find-finish.type01 {padding-bottom:150px; pointer-events:none}
.find-idpw-wrap .find-finish.type02 {padding-bottom:170px; pointer-events:none}
.find-idpw-wrap .find-pw .certify-group:nth-child(1) { padding-top: 14px; }
.find-idpw-wrap .certify-group .certifiy-box dt { height: 60px; padding: 0 16px; line-height: 60px; }
.find-idpw-wrap .certify-group .certifiy-box dt .chk-box { display: block; }
.find-idpw-wrap .certify-group .certifiy-box dt .chk-box input { vertical-align: middle; }
.find-idpw-wrap .certify-group .certifiy-box dt .chk-box .form-txt { padding-left: 12px; }
.find-idpw-wrap .certify-group .certifiy-box dd > div { padding: 0 16px 14px 52px; }
.find-idpw-wrap .certify-group .certifiy-box dd .guide-txt { line-height: 22px; font-size: 14px; color: #000; font-weight: 400; }
.find-idpw-wrap .certify-group .certifiy-box dd .input-block { padding-top: 14px; }
.find-idpw-wrap .certify-group .certifiy-box dd .input-block .input-type1 input.input-form { letter-spacing: 0; }
.find-idpw-wrap .certify-group .certifiy-box dd .btn-box button { font-size: 14px; }
.find-idpw-wrap .certify-group .certifiy-box .id-select-lst { left: 0; right: 0; }
.find-idpw-wrap em.val-check { margin-top: 4px;}
.find-idpw-wrap .guide-account { padding: 20px 16px; }
.find-idpw-wrap .guide-account .tit { font-size: 22px; line-height: 32px; color: #000; font-family: "NotoSerif"; font-weight: 300; }
.find-idpw-wrap .guide-account .tit + p { margin-top: 40px; }
.find-idpw-wrap .guide-account .mail { margin: 10px 0 40px; font-size: 15px; font-weight: 700; letter-spacing: 0; color: #000; }
.find-idpw-wrap .guide-account .date { margin: 10px 0; font-weight: 400; font-size: 14px; color: #000; }
.find-idpw-wrap .guide-account .date em { letter-spacing: 0; }
.find-idpw-wrap .guide-account p { font-size: 14px; line-height: 22px; font-weight: 400; }
.find-idpw-wrap .error-msg { padding: 15px 0 2px; font-size: 12px; line-height: 15px; color: #ff4644; }
.find-email-none{position:absolute; top:40px; bottom:140px; width:100%; display:flex; align-items:center; flex-direction: column; justify-content:center; text-align:center; padding:0 34px;}
.find-email-none:before{content:''; width:128px; height:128px; display: inline-block; margin: 0 auto 16px;  background:url(../images/login/bg-find-none.png) no-repeat 0 0 ; background-size:100% 100%;}
.find-email-none strong{font-size:22px; color:#000; line-height: 32px; display:block; text-align: center; font-family: 'NotoSerif'; font-weight: 300;}
.find-email-none p{margin-top:14px; font-size:14px; line-height: 22px; color:#666; text-align: center }
.find-email-none .input-email{width:100%; margin-top:24px}

.login-bottom-box { position: absolute; left: 16px; bottom: 24px; width: calc(100% - 32px); background-color: #fff; }
.login-bottom-box.static { position: relative; left: 0; bottom: 0; padding-bottom: 24px; width: 100%; }
.login-bottom-box .btn-type11 { margin: 0; }
.login-bottom-box.active { position: relative; left:0; bottom: auto; top: auto; width: auto; padding-top:36px; }
.login-bottom-box .sm-txt { margin: 20px 0; font-size: 12px; line-height: 18px; color: #888; }
.login-bottom-box .sm-txt.center { text-align: center; }
.login-bottom-box .sm-txt-c{margin:16px 0; font-size: 12px; line-height: 1.5; color: #666; text-align:center;}
.login-bottom-box .login-bottom-txt{color:#888; font-family: 'NotoSans'; text-align:center; line-height: 1.5; margin-bottom:20px;}
.login-bottom-box .login-bottom-txt i{margin-right:3px; vertical-align: top}

/* 로그인 - 가입완료 */
.login-finish { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; }
.login-finish .finish-info-txt { padding: 184px 0 0; font-family: "NotoSerif"; font-weight: 300; font-size: 22px; line-height: 32px; color: #000; text-align: center; background: url(../images/login/illu-join-com@3x.png) no-repeat center top; background-size: 160px; }
.login-finish .finishbtm-txt { padding: 24px 0 0; text-align: center; font-size: 14px; line-height: 22px; color: #666; }
.login-finish .login-finish-form { padding: 23px 0 0; width: 100%; text-align: center; }
.login-finish.type2{ top:80px; top: calc(var(--ios-safe-top) + 80px); bottom: 0; transform:initial; background: #f9f9f9;}
/* 로그인 - 가입완료 : 이벤트 버튼 추가된 화면 */
.login-finish.type2 .join-txt { background: #fff;}
.login-finish.type2 .finish-info-txt { padding:0; background: none;}
.login-finish.type2 .join-img { position: relative; margin: 20px auto -42px; display: block;  width: 160px; height: 160px; z-index: 2;} 
.login-finish.type2 .finishbtm-txt { padding-top:14px;} 
.login-finish.type2 .join-benefit { position:relative; display:flex; justify-content: center; text-align: center; padding: 54px 24px 32px; background: #f9f9f9; } 
.login-finish.type2 .join-benefit li{ width: 96px;}
.login-finish.type2 .join-benefit li + li{ margin-left: 12px;}
.login-finish.type2 .join-benefit .ico-benefit{ display: block; margin: 0 auto 8px; width: 54px;}
.login-finish.type2 .join-benefit .txt-benefit{ font-size: 14px; color:#000; font-family: 'NotoSans',sans-serif;}
.login-finish.type2 .join-benefit::before { content: ""; display: block; background: url(../images/bg/BG_Home_Viu_Round_top.svg) no-repeat left top / 100%; width: 100%; height: 0; padding-top: 5.555556%; position: absolute; left:0; z-index: 1; top: -1px; }
.login-finish.type2 .join-btns { padding: 0 16px 16px; }
.login-finish.type2 .join-btns button + button { margin-top:8px; }
.new-mbr-info{ margin: 0 16px 8px; padding:14px 16px 14px 64px; background: url(../images/login/img-sgn-gift.svg) no-repeat left 8px center #f5f5f5; border-radius: 8px; }
.dummy-input{position: absolute; left:-99999px; opacity: 0; }
/* login e ================================================== */
/* ========================================================== */
/*                                                            */
/* file		: section                                      	  */
/*                                                            */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* section s ================================================ */
/* slide */
.full-slide-type .swiper-container .swiper-slide img { display: block; width: 100%; }

.center-slide-type .swiper-container .swiper-slide { width: 85%; padding: 0 3%; }
.center-slide-type .swiper-container .swiper-slide img { display: block; width: 100%; border-radius: 4px; }

/* member-assent-bx */
.member-assent-bx { overflow: hidden; width: 100%; }
.member-assent-bx > button { position: relative; width: 100%; padding: 24px 16px 8px; text-align: left; line-height: 24px; font-size: 16px; font-weight: 400; color: #000; }
.member-assent-bx > button span { display: block; font-size: 12px; line-height: 18px; font-weight: 400; color: #888; }
.member-assent-bx > button:after { content: ''; position: absolute; right: 16px; top: 24px; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat right center; }
.member-assent-bx.link { padding-right: 16px; display: flex; justify-content: space-between; align-items: center;}
.member-assent-bx.link > button { width: 90%; padding-right: 0; }
.member-assent-bx.link > button:after { content: none;}
.member-assent-bx.active > button { padding: 24px 16px; }
.member-assent-bx.active > button span { display: none; }
.member-assent-bx.active > button:after { transform: rotateX(180deg); }
.member-assent-bx > div { padding: 0 16px; }
.member-assent-bx ul:not(.lst-txt-type01) li { display: flex; padding-bottom: 10px; line-height: 22px; font-size: 14px; color: #888; }
.member-assent-bx ul:not(.lst-txt-type01) li a { margin-left: auto; text-decoration: underline; cursor: pointer}
.member-assent-bx div p { margin-top: 4px; padding: 14px 0 4px; font-size: 12px; line-height: 18px; color: #888; border-top: 1px solid #eee; }

.view-list-type1 li { position: relative; margin-bottom: 26px; padding-bottom: 6px; }
.view-list-type1 > li a, .view-list-type2 > li a, .view-list-type4 > li a { display: block; }
.view-list-type1 li { position: relative; margin-bottom: 32px; padding-bottom: 6px; }
.view-list-type1 .prdt-thumb { margin-bottom: 10px; border-radius: 4px; overflow: hidden; }
.view-list-type1 .prdt-head-copy { display: block; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #666; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.view-list-type1 .prdt-name { padding-bottom: 7px; width: 100%; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.view-list-type1 .prdt-price { display: block; margin-top: 12px; line-height: 20px; font-weight: 700; font-size: 14px; color: #000;}
.view-list-type1 .prdt-serving { font-weight: 700; font-size: 14px; line-height: 20px; display: block; }
.view-list-type1 .prdt-price em { font-weight: 700; font-size: 17px; font-family: "Roboto", sans-serif; line-height: 20px; margin-right: 2px; letter-spacing: 0; }
.view-list-type1 .prdt-thumb { position: relative; padding-top: 64.024390243902439%; overflow: hidden; width: 100%; }
.view-list-type1 .prdt-thumb .crop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%); }
.view-list-type1 .prdt-thumb .crop img { position: absolute; top: 0; left: 0; display: block; height: auto; transform: translate(-50%, -50%); }
.view-list-type1 .prdt-serving { font-weight: 400; font-size: 14px; line-height: 20px; display: block;  margin-left: 16px; }
.view-list-type1 .prdt-serving .icon-info-weight { margin-right: 2px; }
.view-list-type1 .prdt-price-serving:after { content: ""; display: block; clear: both; }
.view-list-type1 .prdt-price-serving { width: fit-content; }
.view-list-type1 .prdt-evalution { padding: 0; }
.view-list-type1 .icon-info-weight { vertical-align: bottom; margin-bottom: 3px; }

.view-list-type2 .prdt-price { margin-top: 10px; float: none; font-weight: 700; font-size: 14px; line-height: 20px; display: block; }
.view-list-type2 .prdt-serving { font-weight: 400; font-size: 14px; line-height: 20px; display: block; float: none; margin-left: 0; }
.view-list-type2 .prdt-price-serving:after { content: ""; display: block; clear: both; }
.view-list-type2 .prdt-price-serving { width: auto; min-height: 44px; }
.view-list-type2 .icon-info-weight { vertical-align: bottom; margin-bottom: 3px; margin-right: 2px; }
.view-list-type2 { margin: 0 -6px;}
.view-list-type2 { display: flex; flex-wrap: wrap; }
.view-list-type2.thema {padding-bottom: 28px;}
.view-list-type2 > li { position: relative; flex: 0 1 50%; width: 50%; padding: 0 6px 6px; margin-bottom: 26px; }
.view-list-type2 .cart-disable-mask { height: 100%; }
/*.view-list-type2 .cart-disable-mask .button-cart-wrap { bottom: 14px;}*/
.article-pd2 .view-list-type2 .cart-disable-mask .button-cart-wrap { bottom: 16px;}
.view-list-type2 .prdt-item { display: block; }
.view-list-type2 .prdt-price em { font-weight: 700; font-size: 17px; font-family: "Roboto", sans-serif; line-height: 20px; margin-right: 2px; letter-spacing: 0; vertical-align: bottom; }
.view-list-type2 .prdt-price { color: #000; }
.view-list-type2 .prdt-thumb { margin-bottom: 6px; border-radius: 4px; overflow: hidden; position: relative; padding-top: 100%; }
.view-list-type2 .prdt-thumb .crop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.view-list-type2 .prdt-thumb .crop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.view-list-type2 .prdt-head-copy { display: block; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #666; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*.view-list-type2 .prdt-name { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/
.view-list-type2 .prdt-name { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

/* cart list */
.cart-progress-wrap { position: relative; margin-bottom: 27px; box-sizing: border-box; }
.cart-progress-wrap .progress { position: relative; width: 100%; height: 6px; border-radius: 8px; background: #ddd; z-index: 2; }
.cart-progress-wrap .bar { position: relative; display: block; width: 50px; height: 100%; border-radius: 8px; background: #0fd6f7; }
.cart-progress-wrap .desc { position: relative; display: inline-block; margin-top: 8px; width: 100%; color: #000; font-size: 12px; line-height: 18px; text-align: right; }
.cart-progress-wrap .desc span { font-weight: 700; font-size: 15px; }
.event-warning { position: relative; padding-left: 20px; display: inline-block; font-size: 12px; line-height: 18px; }
.event-warning .icon-information { position: absolute; top: 1px; left: 0; line-height: 12px; margin-bottom: -4px; margin-right: 4px; vertical-align: top; }
.event-warning .copy { width: 230px; display: inline-block; padding-left: 4px; }
.view-list-type3 .cart-list { padding-top: 20px; }
.pricing-banner-wrap { margin-bottom: 32px; }
.pricing-banner-wrap .pricing-banner { position: relative; color: #666; height: 38px; border-radius: 4px; background: #f5f5f5; padding: 0 30px 0 14px; font-size: 14px; line-height: 40px; display: block; width: 100%; text-align: left; }
.pricing-banner-wrap .pricing-banner:after { position: absolute; right: 8px; top: 9px; content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat center center; background-size: auto 16px; }
.pricing-banner-wrap .pricing-banner:disabled:after { display: none; }
.select-all { position: relative; margin-bottom: 10px; }
.select-all .chk-box .form-txt { color: #666; vertical-align: middle; line-height: 26px; }
.select-all .btn-gift, .select-all .btn-gift2, .select-all .btns-box{ position: absolute; bottom: 0; right: 16px; }
.select-all .btns-box{display:flex; align-items: center}
.select-all .btns-box .btn-gift, .select-all .btns-box .btn-gift2{position:relative; right:0}
.select-all .btns-box .icon-information-m + button{margin-left:8px}
.view-list-type3.line{border-bottom:1px solid #ccc}
.view-list-type3 > li { position: relative; padding: 20px 16px; border-top: solid 1px #eee; }
.view-list-type3 > li > .cart-disable-mask { position: relative; }
.view-list-type3 > li a { position: relative; display: block; }
.view-list-type3 .prdt-thumb { flex: 0 0 auto; border-radius: 4px; overflow: hidden; padding: 0 10px; position: relative; }
.view-list-type3 .prdt-thumb img, .view-list-type3 .prdt-thumb .thumb-type1 { width: 72px; height: 72px; border-radius: 4px; }
.view-list-type3 .prdt-item { display: flex; position: relative; }
.view-list-type3 .label-area2 { position: absolute; left: 14px; top: 4px; z-index: 1; }
.view-list-type3 .label-area2 i { vertical-align: top; }
.view-list-type3 .prdt-head-copy { display: block; padding-top: 4px; font-size: 14px; line-height: 18px; color: #000; font-weight: 400; }
.view-list-type3 .prdt-price { font-size: 12px; color: #666; line-height: 18px; }
.view-list-type3 .icon-list-delete { position: absolute; right: 10px; top: 20px; z-index: 1; }
.view-list-type3 .prdt-idvd-sum { padding: 6px 0 0; font-size: 14px; line-height: 24px; color: #000; font-weight: 700; }
.view-list-type3 .prdt-idvd-sum em { margin-right: 2px; font-size: 17px; line-height: 24px; font-family: "Roboto", sans-serif; }
.view-list-type3 .btn-count, .view-list-type3 .btn-alarm { position: absolute; right: 16px; bottom: 20px; z-index: 1; }
.view-list-type3 .cart-disable-mask > label, .view-list-type3 .cart-disable-mask > a { float: left; opacity: unset; }
.view-list-type3 .cart-disable-mask > label { margin-top: 2px; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 1; }
.view-list-type3 .cart-disable-mask > label + a { width: calc(100% - 24px); padding-left: 24px; }
.view-list-type3 .cart-disable-mask:after { content: ""; display: block; clear: both; }
.view-list-type3 .cart-disable-mask.disable .prdt-thumb { opacity: 0.2; }
.view-list-type3 .cart-disable-mask.soldout .prdt-thumb { opacity: 1; }
.view-list-type3 .stop-selling-notice { color: #666; height: 32px; border-radius: 4px; background-color: #f5f5f5; padding: 0 16px; margin-top: 14px; font-size: 14px; line-height: 34px; text-align: center; }
.view-list-type3 .prdt-get-date { padding: 12px 0 6px; color: #000; }
.view-list-type3 .prdt-get-date span { font-size: 12px; line-height: 18px; font-weight: 700; color: #d0ab7d; }
.view-list-type3 .prdt-get-date .num-type4 { font-size: 12px; line-height: 18px; color: #d0ab7d; }
.view-list-type3 .prdt-in-date {display:block; font-size:12px; color: #d0ab7d; line-height:18px;}

/* 체험상품 case add */
.view-list-type3 .cart-prdt-ex .prdt-item{position:relative; min-height:100%}
.cart-list-items .view-list-type3 .cart-prdt-ex .prdt-thumb img{ width:50px; height:50px;}
.view-list-type3 .cart-prdt-ex .prdt-head-copy + .prdt-idvd-sum{position:static; padding-top:15px;}
.view-list-type3 .cart-prdt-ex .default .prdt-head-copy + .prdt-idvd-sum{position:absolute; bottom:0;}
.view-list-type3 .cart-prdt-ex + .stop-selling-notice.f_black{color:#000}
.view-list-type3 .cart-prdt-ex + .stop-selling-notice + .btn-count{bottom:66px}
.view-list-type3 .cart-prdt-ex + .stop-selling-notice + .btn-count.disabled .count, .view-list-type3 .cart-prdt-ex + .btn-count.disabled .count{color:#000}
.price-info { padding-top: 23px; padding-bottom: 50px; color: #000; border-top: 1px solid #ccc; }
.price-info .copy, .price-info .num { font-size: 14px; line-height: 22px; }
.price-info .num { float: right; margin-left: auto; }
.price-info .num em { font-size: 15px; }
.price-info .cart-goods-sum, .price-info .cart-dlvl-sum, .price-info .cart-total-sum { display: flex; align-content: center; }
.price-info .cart-goods-sum .num { font-weight: 700; }
.price-info .cart-dlvl-sum { padding-top: 10px; }
.price-info .cart-dlvl-sum .copy{ display: flex; align-items: center; gap:4px; }
.price-info .discount { padding-top:5px; text-align: right; font-size: 13px; color:#888; }
.price-info .cart-total-sum { padding: 12px 2px 14px 0; font-weight: 700; }
.price-info .cart-total-sum .copy { height: 30px; line-height: 32px; font-weight: 700; font-size: 16px; }
.price-info .cart-total-sum .num-type5 { float: right; margin-left: auto; height: 30px; line-height: 30px; font-size: 18px; }
.price-info .cart-total-sum .num-type5 em { font-size: 22px; line-height: 30px; letter-spacing: 0; font-weight: 700; font-family: "Roboto",sans-serif; vertical-align: middle; }
.glyde-notice { color: #000; border-radius: 4px; background-color: #e5fbff; padding: 5px 16px; font-size: 14px; line-height: 22px; text-align: center; }
.glyde-notice + .glyde-notice { margin-top:8px; }
.glyde-notice strong { letter-spacing: 0; }
.glyde-notice-txt { padding: 10px; font-size: 12px; line-height: 18px; color: #666; text-align: center; }
.add-prdt-suggestion { position: fixed; bottom: 66px; bottom: calc(var(--ios-safe-bottom) + 66px); left: 50%; transform: translate(-50%, 0%); z-index: 2; }
.container.cart-bottom-fix { padding-bottom: 148px !important; }
.view-list-type3 .prdt-price .num-type3 { font-family: 'Roboto', sans-serif; font-weight: 400; color: #666; margin-right: 2px; letter-spacing: 0; }

/*cart sheet*/
.add-tab-sheet.fixed-action-sheet[data-expanded=true] .action-sheet-bx { height: calc(100vh - 40px); height: calc(100vh - 40px - var(--ios-safe-top)); }
.action-sheet-scr.seet-prd-bx { /*max-height:272px;*/ max-height: 342px; padding-top: 20px; padding-right: 16px; padding-left: 16px; padding-bottom: 0; margin-bottom: 54px; margin-bottom: calc(var(--ios-safe-bottom) + 54px); }
.fixed-action-sheet[data-expanded=true] .action-sheet-scr.seet-prd-bx { height: calc(100% - 110px); max-height: fit-content; }

.util-type1 { margin-bottom: 16px; }
.util-type1:after { content: ""; display: block; clear: both; }
.add-tab-sheet.fixed-action-sheet .btns { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; }
.add-tab-sheet.fixed-action-sheet .btns button { height: calc(48px + var(--ios-safe-bottom));}
.cart-sheet-list h2 {
    font-size: 20px; line-height: 28px; margin-bottom: 10px;
    font-family: 'Noto Sans CJK KR', sans-serif;
    font-weight: 500; color: #000;
    letter-spacing: -1px;
}
.cart-sheet-list .price-basis { position: relative; font-size: 14px; line-height: 20px; font-weight: 700; color: black; }
.cart-sheet-list .price-basis em{font-size: 15px; line-height: 22px; letter-spacing: 0;}
.cart-sheet-list .price-basis:after { content: ""; position: absolute; left: -1px; bottom: 0; right: -1px; z-index: -1; height: 8px; background: #0fd6f7; opacity: 0.5; }
.cart-sheet-list .icon-refresh { padding-left: 28px; text-indent: unset; font-size: 14px; line-height: 22px; width: auto; color: #666; float: right; }
.view-list-type4 { margin: 0 -7px; }
.view-list-type4:after { display: block; clear: both; content: ""; }
.view-list-type4 > li { position: relative; float: left; width: 33.33333333333333%; padding: 0 7px 0; margin-bottom: 32px; }
.view-list-type4 > li .cart-disable-mask.disable a { opacity: 1; }
.view-list-type4 .prdt-thumb { margin-bottom: 4px; border-radius: 4px; overflow: hidden; }
.view-list-type4 .prdt-thumb img { width: 100%; height: auto; }
.view-list-type4 .label-area { position: absolute; top: 4px; left: 4px; }
.view-list-type4 .prdt-name { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #000; min-height: 44px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*20210104*/
.view-list-type4 .prdt-price { font-weight: 700; font-size: 13px; line-height: 18px; color: #000; }
.fixed-action-sheet .btn-type17 { width: 100%; height: 54px; background: #d5d5d5; color: #fff; font-size: 16px; font-weight: 700; text-align: center; position: absolute; bottom: 0; z-index: 10; }
.view-list-type4 .prdt-price .num-type1 { font-size: 15px; margin-right: 2px; line-height: 22px; font-family: "Roboto", sans-serif; font-weight: 700; }
.view-list-type4 .prdt-price .num-type3 { font-size: 12px; font-family: 'Roboto',sans-serif; font-weight: 400; color: #666; margin-right: 2px; }
.view-list-type4 .cart-disable-mask .button-cart-wrap { right: 0; }
.view-list-type4 > li .cart-disable-mask.disable .prdt-thumb, .view-list-type4 > li .cart-disable-mask.disable .prdt-name, .view-list-type4 > li .cart-disable-mask.disable .prdt-price { opacity: 0.2; }
.fixed-action-sheet .sheet-txt{padding: 17px 16px 18px;}
.fixed-action-sheet .cart-sheet-list .sheet-tit { margin-top:6px; font-size: 22px; line-height: 32px; font-family: 'NotoSerif', serif; color: #000; }
.fixed-action-sheet.replace-goods .view-list-type4{ margin:0; padding: 0 9px; }
.fixed-action-sheet.replace-goods .view-list-type4 .prdt-price-serving{ min-height: 42px; }

/*cart sheet tab*/
.cart-sheet-tab { display: flex; border-bottom: solid 1px #eee; }

/*cart empty*/
.cart-empty { padding-bottom: 48px; }
.cart-empty .empty-copy { display: block; margin-bottom:2px; padding-top: 128px; font-size: 14px; line-height: 22px; color: #888; text-align: center; background: url(../images/mypage/illu_cart_empty.png) no-repeat 50% 0; background-size:128px; }
.cart-empty .link-type1 { display: block; font-size: 14px; line-height: 22px; color: #d0ab7d;  text-decoration: underline; text-align: center; }

/*home*/
.header-wrap.back { background-color: #fff; }
.head-load { height: 0; background-color: #fff; color: #000; font-size: 14px; line-height: 22px; text-align: center; padding: 0 40px 0; }
.head-load .ico-arrow-right16 { display: inline-block; }
.head-load.close { animation: 1s bounceOutUp forwards, 1s 0.5s heightUp forwards; height: 100px; padding: 14px 40px 12px; }
.head-load.open { animation: 1s bounceInDown forwards, 0.5s heightDown forwards; }
.head-load .speaker { animation: play 1s 1s steps(22) forwards; background: url(../images/common/home_notice.png) left/2200%; width: 40px; height: 27px; margin: 0 auto; }
.head-load * { vertical-align: middle; }
.head-load strong { font-size: 14px; line-height: 22px; font-weight: 700; }
.head-load .goods-name-bx { display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.head-load .accumulate-txt { font-size: 12px; line-height: 18px; color: #888; }
.head-load .accumulate-num { font-size: 12px; line-height: 18px; color: #0fd6f7; }

@keyframes play { 100% { background-position: -2200%; } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { transform: translate3d(0, -3000px, 0); }
    60% { transform: translate3d(0, 15px, 0); }
    75% { transform: translate3d(0, -10px, 0); }
    90% { transform: translate3d(0, 5px, 0); }
    to { transform: translate3d(0, 0, 0);
        transform-origin: center bottom; } }

@keyframes heightDown { from { height: 0;
    padding: 0 40px 0; }
    to { height: 100px;
        padding: 14px 40px 12px; } }

@keyframes bounceOutUp { 20% { transform: translate3d(0, -5px, 0); }
    40%, 45% { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(0, -2000px, 0); } }

@keyframes heightUp { from { height: 100px;
    padding: 14px 40px 12px;
    animation-timing-function: ease-out; }
    to { height: 0;
        padding: 0 40px 0; } }
.home-cart-list .view-list-type5 .button-cart-wrap { bottom: auto; top: 14px; }
.home-head-copy { padding: 15px 24px 24px; font-size: 26px; line-height: 38px; height: 124px; color: #000; box-sizing: unset; font-family: 'NotoSerif', serif; font-weight: 300; }
.around-slide-wrap { padding-top: 50px; overflow: hidden; margin-top: -64px; }
.around-slide-type { position: relative; }
.around-slide-type .swiper-slide { height: calc(100vw * (450/360)); }
.around-slide-type .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.around-slide-type .swiper-slide .video-skin { height: 100%; }
.around-slide-type .swiper-slide video { width: 100%; height: 100%; }
.around-slide-type .swiper-pagination { position: absolute; top: -51px; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; font-size: 14px; line-height: 19px; text-align: unset; font-family: 'NotoSerif',serif !important; font-weight: 700 !important; color: #c5c5c5; display: block; width: auto; padding: 7px 0 0; }
.around-slide-type .swiper-pagination:before { content: ""; display: inline-block; width: 40px; height: 1px; background-color: #000; vertical-align: middle; margin-right: 10px; }
.around-slide-type .swiper-container-horizontal > .swiper-pagination-bullets { bottom: unset !important; left: unset !important; width: unset !important; right: 24px; top: -43px; }
.around-slide-type .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction .swiper-pagination-current { color: #000; font-weight: 700; }
.swiper-pagination-fraction .swiper-pagination-total { font-weight: 400; color: #ccc; }
.home-group2 { background-color: #f7f7f7; padding: 48px 0; }
.home-group2 .group-center-copy { text-align: center; }
.home-group2 .group-center-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; display: inline-block; border-bottom: 2px solid #000; margin-bottom: 17px; font-weight: 700; }
.home-group2 .group-center-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.center-custom-slide { position: relative; overflow: hidden; }
.center-custom-slide .swiper-slide { width: 81.111111%; padding: 0 6px; }
.center-custom-slide a { display: block; }
.center-custom-slide .label-area { left: 12px; top:12px;}
.center-custom-slide .prdt-item { position: relative; }
.center-custom-slide .prdt-item-copy { text-align: center; font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif',serif; font-weight: 300; }
.center-custom-slide .prdt-thumb { border-radius: 4px; overflow: hidden; }
.center-custom-slide .prdt-info { height: 68px; padding: 10px 0 14px; }
.center-custom-slide .prdt-head-copy { font-size: 14px; line-height: 22px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; }
.center-custom-slide .prdt-price-serving .prdt-price { display: inline-block; font-size: 14px; line-height: 26px; color: #000; font-weight: 700; }
.center-custom-slide .prdt-price-serving .prdt-price em { letter-spacing: 0; font-size: 17px; line-height: 24px; color: #000; font-family: "Roboto", sans-serif; font-weight: 700; margin-right: 2px; }
.center-custom-slide .prdt-price-serving .prdt-serving { display: inline-block; font-size: 14px; line-height: 24px; margin-left: 10px; }
.center-custom-slide .prdt-price-serving .prdt-serving * { vertical-align: top; margin-top: 2px; margin-right: 2px; }
.center-custom-slide .button-cart-wrap { position: absolute; right: 32px; bottom: 65px;}
.center-custom-slide .pagination-wrap { display: flex; padding: 0 10.2%; font-size: 0; }
.center-custom-slide .pagination-wrap .swiper-pagination-bar { display: inline-block; font-size: 0; background-color: #eee; height: 1px; margin-top: 10px; }
.center-custom-slide .pagination-wrap > * { flex: 1 1 auto; }
.center-custom-slide .pagination-wrap .swiper-pagination-bar .swiper-pagination-fill { height: 1px; background-color: #000; width: 0%; display: inline-block; transition: 0.2s; }
.center-custom-slide .pagination-wrap .swiper-pagination-num { font-size: 14px; line-height: 22px; text-align: right; white-space: nowrap; flex: 0 0 0px; padding-left: 14px; font-family: 'NotoSerif'; color: #ccc; font-weight: 400; }
.center-custom-slide .pagination-wrap .swiper-pagination-num .current-num { color: #000; font-weight: 700; }
.center-custom-slide .pagination-wrap .swiper-pagination-num .total-num { font-weight: 400; color: #ccc; }
.center-custom-slide .cart-disable-mask.disable a { opacity: 1; }
.cart-disable-mask.disable .icon-cart-number, .button-cart-wrap.disable .icon-cart-number { color: #ddd; background-color: #f5f5f5 !important; }
.home-group3 { padding: 48px 0; }
.home-group3 .group-left-copy { text-align: left; padding: 0 40px; }
.home-group3 .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group3 .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.home-group3 .group-left-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.home-group3 .prdt-item { position: relative; }
.home-group3 .prdt-item .label-area { top: 16px; left: 16px; }
.full-custom-slide { position: relative; overflow: hidden; }
.full-custom-slide .swiper-slide { width: 81.111111%; position: relative; }
.full-custom-slide .swiper-slide .icon-volum { position: absolute; right: 16px; top: 16px; z-index: 1; }
.full-custom-slide a { display: block; }
.full-custom-slide .label-area { left: 12px; }
.full-custom-slide .prdt-item-copy { padding: 0 40px; font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif',serif; font-weight: 300; }
.full-custom-slide .prdt-thumb { overflow: hidden; }
.full-custom-slide .prdt-thumb video { width: 100%; }
.full-custom-slide .prdt-info { height: 100px; padding: 10px 10.2% 14px; position: relative; }
.full-custom-slide .prdt-info > * { display: inline-block; }
.full-custom-slide .prdt-info .prdt-figure { width: 108px; height: 108px; position: absolute; left: 16px; top: -17px; }
.full-custom-slide .prdt-info dl { max-width: 144px; margin-left: 92px; }
.full-custom-slide .prdt-head-copy { font-size: 14px; line-height: 22px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.full-custom-slide .prdt-price-serving .prdt-price { font-size: 14px; line-height: 24px; color: #000; font-weight: 700; }
.full-custom-slide .prdt-price-serving .prdt-price em { margin-right: 2px; letter-spacing: 0; font-size: 17px; line-height: 24px; color: #000; font-family: "Roboto", sans-serif; }
.full-custom-slide .prdt-price-serving .prdt-serving { font-size: 14px; line-height: 22px; }
.full-custom-slide .prdt-price-serving { display: inline-block; }
.full-custom-slide .prdt-price-serving, .full-custom-slide .prdt-price-serving > * { display: block; }
.full-custom-slide .prdt-price-serving * { vertical-align: bottom; }
.full-custom-slide .icon-info-weight { margin-bottom: 5px; margin-right: 2px; }
.full-custom-slide .button-cart-wrap { position: absolute; right: 10.2%; bottom: 50px; }
.full-custom-slide .pagination-wrap { display: flex; padding: 0 10.2%; font-size: 0; }
.full-custom-slide .pagination-wrap .swiper-pagination-bar { display: inline-block; font-size: 0; background-color: #eee; height: 1px; margin-top: 10px; }
.full-custom-slide .pagination-wrap > * { flex: 1 1 auto; }
.full-custom-slide .pagination-wrap .swiper-pagination-bar .swiper-pagination-fill { height: 1px; background-color: #000; width: 0%; display: inline-block; transition: 0.2s; }
.full-custom-slide .pagination-wrap .swiper-pagination-num { font-family: 'NotoSerif'; font-size: 14px; line-height: 22px; text-align: right; white-space: nowrap; flex: 0 0 0px; padding-left: 14px; color: #ccc; font-weight: 400; }
.full-custom-slide .pagination-wrap .swiper-pagination-num .current-num { color: #000; font-weight: 700; }
.full-custom-slide .cart-disable-mask.disable a { opacity: 1; }
.home-group4 { padding: 0; position: relative; }
.home-group4 .group-center-copy { text-align: center; padding: 48px 24px 55%; background: #e0faff; }
.home-group4 .group-center-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group4 .group-center-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.home-group4 .group-center-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-weight: 300; font-family: 'NotoSerif', serif; }
.home-group4 .body-copy { background: #fff; padding: 0 0 48px; margin: -55% 40px 0; position: relative; }
.home-group4 .body-copy .prdt-thumb-frame { background-color: #fff; padding: 12px 12px 16px; width: 100%; margin-top: 0; border-radius: 5px; }
.home-group4 .body-copy .prdt-thumb-frame .prdt-thumb img { width: 100%; border-radius: 4px; }
.home-group4 .body-copy strong { padding: 0 12px; color: #000; font-size: 16px; line-height: 26px; }
.home-group4 .body-copy p { padding: 0 12px; color: #666; font-size: 16px; line-height: 26px; margin-bottom: 6px; }
.home-group4 .body-copy .stamp { position: absolute; top: -40px; right: -30px; width: 124px; height: 124px; }
.home-group4 .body-copy .stamp img { width: 100%; }
.home-group4 .body-copy .ico-arrow-right16 { margin-left: 12px; }
.home-group5 { padding: 0; position: relative; }
.home-group5 .group-items{ display:block}
.home-group5 .group-left-copy { text-align: left; padding: 32px 40px 0;}
.home-group5 .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group5 .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.home-group5 .group-left-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; letter-spacing: -0.3px; }
.home-group5 .body-copy { position: relative; padding: 0 0 40px; width: auto; background: #fff; }
.home-group5 .body-copy .prdt-thumb-frame { background-color: #ffff; padding: 12px; width: 100%; margin-top: -180px; }
.home-group5 .prdt-thumb img { width: 100%; }
.home-group5 .body-copy strong { color: #000; font-size: 16px; line-height: 26px; }
.home-group5 .body-copy p { color: #666; font-size: 16px; line-height: 26px; margin-bottom: 6px; }
.home-group5 .body-copy .group-sub-txt { display:block; color: #666; font-size: 16px; line-height: 26px;}
.home-group5 .body-copy .group-sub-txt span{display:block; }
.home-group5 .body-copy .group-sub-txt span.ico-arrow-right16{margin-top: 6px;}
.home-group5 .body-copy .stamp { position: absolute; right: 9px; top: -217px; width: 124px; height: 124px; }
.home-group5 .body-copy .stamp img { width: 100%; }
.home-group6 { padding-bottom: 48px; position: relative; background-color: #f9f9f9; }
.home-group6 .group-center-copy { text-align: center; padding: 48px 40px 0; }
.home-group6 .group-center-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group6 .group-center-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background-color: #000; }
.home-group6 .group-center-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 12px; font-weight: 300; font-family: 'NotoSerif', serif; }
.home-group6 .home-theme-visual { padding: 0 60px; }
.home-group6 .body-copy p { padding: 0 40px 100px; padding: 13px 40px 14px; font-size: 16px; line-height: 26px; color: #666; }
.home-group6 .view-list-type5 > li:last-child .cart-disable-mask { padding-bottom: 0px; }
.home-group6-2 { padding-bottom: 48px; position: relative; background-color: #f9f9f9; }
.home-group6-2 .group-center-copy { padding: 48px 40px 0; }
.home-group6-2 .group-center-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group6-2 .group-center-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background-color: #000; }
.home-group6-2 .group-center-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 12px; font-weight: 300; font-family: 'NotoSerif', serif; }
.home-group6-2 .home-theme-visual { margin-bottom: 8px; }
.home-group6-2 .body-copy p { padding: 0 40px 100px; padding: 13px 40px 14px; font-size: 16px; line-height: 26px; color: #666; }
.home-group6-2 .view-list-type5 li:first-child { border-top: none; }
.home-group6-2 .view-list-type5 > li:last-child .cart-disable-mask { padding-bottom: 0px; }
.view-list-type5 > li { border-top: solid 1px #eee; position: relative; }
.view-list-type5 .cart-disable-mask { padding: 12px 0 32px; }
.view-list-type5 .cart-disable-mask:after { content: ""; display: block; clear: both; }
.view-list-type5 .cart-disable-mask .button-cart-wrap { right: 0; bottom: 64px; }
.view-list-type5 .cart-disable-mask > * { display: inline-block; }
.view-list-type5 .cart-disable-mask > a { display: block; }
.view-list-type5 .prdt-item { position: relative; }
.view-list-type5 .prdt-item > * { float: left; vertical-align: top; }
.view-list-type5 .prdt-item .prdt-info { width: calc(100% - 110px); }
.view-list-type5 .prdt-info { padding: 0 14px; }
.view-list-type5 .prdt-head-copy { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 22px; color: #000; display: block; }
.view-list-type5 .prdt-name { font-size: 14px; line-height: 22px; color: #666; margin-bottom: 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.view-list-type5 .prdt-thumb { width: 72px; }
.view-list-type5 .prdt-thumb img { border-radius: 4px; }
.view-list-type5 .prdt-price-serving .prdt-price { font-size: 14px; line-height: 24px; color: #000; font-weight: 700; }
.view-list-type5 .icon-info-weight { margin-bottom: 3px; }
.view-list-type5 .prdt-price-serving em { margin-right: 2px; font-size: 17px; line-height: 24px; color: #000; font-family: "Roboto", sans-serif; letter-spacing: 0; }
.view-list-type5 .prdt-price-serving .prdt-serving { font-size: 14px; line-height: 22px; color: #666; margin-left: 12px; }
.view-list-type5 .prdt-price-serving .prdt-serving > * { vertical-align: middle; }
.view-list-type5 .cart-disable-mask.disable a { opacity: 1; }
.home-group7 { padding: 48px 0; }
.home-group7 .group-left-copy { text-align: left; padding: 0 40px; }
.home-group7 .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.home-group7 .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.home-group7 .group-left-copy .group-sub-copy { font-size: 24px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.center-small-slide { position: relative; overflow: hidden; }
.center-small-slide:after { display: block; clear: both; content: ""; }
.center-small-slide li, .center-small-slide > div { position: relative; float: left; width: 134px; /*padding: 0 0 7px;*/margin-bottom: 0; }
.center-small-slide .prdt-item { display: block; }
.center-small-slide .prdt-thumb { margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative; }
.center-small-slide .prdt-head-copy { display: block; font-weight: 400; font-size: 14px; /*line-height: 22px;*/ letter-spacing: -0.8px; color: #666; min-height: 22px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-small-slide .prdt-rv-id { font-size: 12px; line-height: 18px; color: #aaa; }
.center-small-slide .prdt-name-wrap { font-weight: 400; font-size: 16px; /*line-height: 26px;*/ letter-spacing: -0.8px; color: #000; margin-bottom: 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-small-slide .prdt-name-wrap * { vertical-align: bottom; }
.center-small-slide .prdt-name-wrap .prdt-serving { height: 22px; }
.center-small-slide .icon-info-weight { margin-bottom: 3px; }
.center-small-slide .prdt-name { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-small-slide .prdt-price { font-weight: 700; font-size: 14px; color: #000; }
.center-small-slide .pagination-wrap { display: none; padding: 0 10.2%; font-size: 0; }
.center-small-slide .pagination-wrap .swiper-pagination-bar { display: inline-block; font-size: 0; background-color: #eee; height: 2px; margin-top: 10px; }
.center-small-slide .pagination-wrap .swiper-pagination-bar .swiper-pagination-fill { height: 2px; background-color: #000; width: 0%; display: inline-block; transition: 0.2s; }
.center-small-slide .pagination-wrap > * { flex: 1 1 auto; }
.center-small-slide .pagination-wrap .swiper-pagination-num { font-size: 14px; line-height: 22px; text-align: right; white-space: nowrap; flex: 0 0 0px; padding-left: 14px; }
.center-small-slide .pagination-wrap .swiper-pagination-num .current-num { color: #000; }
.center-small-slide .num-type1 { margin-right: 2px; vertical-align: bottom; line-height: 20px; }
.center-small-slide .cart-disable-mask .disable a { opacity: 1; }
.center-small-slide .cart-disable-mask a { display: block; position: relative; }
.center-small-slide .cart-disable-mask a .button-movie-play2 { position: absolute; bottom: 6px; left: 8px; z-index: 1; }

.view-list-type6 > li { position: relative; padding: 20px 16px; border-top: solid 1px #eee; }
.view-list-type6 > li > .cart-disable-mask { position: relative; }
.view-list-type6 > li a { position: relative; display: block; width: calc(100% - 24px); }
.view-list-type6 .prdt-item { position: relative; }
.view-list-type6 .prdt-item > * { vertical-align: top; float: left; }
.view-list-type6 .prdt-item:after { content: ""; display: block; clear: both; }
.view-list-type6 .prdt-thumb { border-radius: 4px; overflow: hidden; padding: 0 10px; position: relative; }
.view-list-type6.v2 .prdt-thumb { padding-left: 0; }
.view-list-type6 .prdt-thumb img { width: 72px; height: 72px; border-radius: 4px; }
.view-list-type6 .label-area2 { position: absolute; left: 14px; top: 4px; z-index: 1; }
.view-list-type6 .label-area2 i { vertical-align: top; }
.view-list-type6 .prdt-info { width: calc(100% - 112px); }
.view-list-type6 .cancel-num { width: 140px; font-size: 14px; line-height: 22px; padding: 19px 0 10px; color: #000; }
.view-list-type6 .cancel-num.disable { color:#ddd;}
.view-list-type6 .prdt-head-copy { margin-top: 4px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; overflow: hidden; }
.view-list-type6 .prdt-head-copy.item-free { -webkit-line-clamp:1;}
.view-list-type6 .prdt-price { font-size: 12px; color: #666; line-height: 18px; }
.view-list-type6 .prdt-price .num-type3 span { letter-spacing: 0; }
.view-list-type6 .prdt-price-sum { margin-top: 5px; font-weight: 700; font-size: 14px; color: #000; line-height: 20px; }
.view-list-type6 .prdt-price-sum em { font-size: 17px; letter-spacing: 0; }
.view-list-type6 .icon-list-delete { position: absolute; right: 10px; top: 18px; z-index: 1; }
.view-list-type6 .prdt-idvd-sum { font-size: 14px; line-height: 20px; color: #000; }
.view-list-type6 .prdt-idvd-sum em { font-size: 17px; line-height: 24px; font-family: "Roboto", sans-serif; }
.view-list-type6 .btn-count, .view-list-type6 .btn-alarm { position: absolute; right: 16px; bottom: 20px; z-index: 1; }
.view-list-type6 .cart-disable-mask > label, .view-list-type6 .cart-disable-mask > a { float: left; }
.view-list-type6 .cart-disable-mask:after { content: ""; display: block; clear: both; }
.view-list-type6 .cart-disable-mask.disable a { opacity: 1; }
.view-list-type6 .cart-disable-mask.disable .prdt-head-copy { color: #ddd !important; }
.view-list-type6 .cart-disable-mask.disable .prdt-thumb { opacity: 0.2; }
.view-list-type6 .cart-disable-mask .existing-order{padding-left:0}
.view-list-type6 .cart-disable-mask .num-type3 + .existing-order{padding-left:14px}
.view-list-type6 .cart-disable-mask .existing-order span{padding-left:2px; letter-spacing: 0;}
.view-list-type6 .stop-selling-notice { color: #666; height: 32px; border-radius: 4px; background-color: #f5f5f5; padding: 5px; margin-top: 14px; font-size: 14px; line-height: 22px; text-align: center; }
.view-list-type6 .prdt-get-date { color: #000; }
.view-list-type6 .prdt-get-date span { font-size: 12px; line-height: 18px; color: #d0ab7d; }
.view-list-type6 .prdt-get-date .num-type4 { font-size: 12px; line-height: 18px; color: #d0ab7d; }
.view-list-type6 .prdt-opt-txt{width:100%; float:left; margin-top:38px; line-height:22px; font-size:14px; color:#000}
.slide-list-sty3 > li .drop-con { display: none; border-bottom: #eee solid 1px; margin-bottom: 14px; }
.slide-list-sty3 > li.on .drop-con { display: block; }
.slide-list-sty3 > li .original-payment-amount { padding-bottom: 15px; }
.slide-list-sty3 > li.on .original-payment-amount button:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_down_16.svg) no-repeat; background-size: 16px; vertical-align: middle; }
.slide-list-sty3 > li .original-payment-amount button:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_up_16.svg) no-repeat; background-size: 16px; vertical-align: middle; }
.slide-list-sty3 > li .original-payment-amount:after { content: ""; display: block; clear: both; }
.slide-list-sty3 > li .original-payment-amount > button, .slide-list-sty3 > li .copy { float: left; font-size: 14px; line-height: 22px; color: #888; font-weight: 400; }
.slide-list-sty3 > li * { vertical-align: bottom; }
.slide-list-sty3 > li .original-payment-amount > .num { font-weight: 700; }
.slide-list-sty3 > li .num { float: right; font-size: 14px; line-height: 22px; color: #000; }
.slide-list-sty3 > li .num em { font-size: 15px; line-height: 18px; font-family: "Roboto", sans-serif; letter-spacing: 0; }
.slide-list-sty3 > li:after, .slide-list-sty3 > li .drop-con > *:after { content: ""; display: block; clear: both; }
.slide-list-sty3 > li .original-amount { padding-bottom: 10px; }
.slide-list-sty3 > li .use-cache { padding-bottom: 15px; }
.slide-list-sty3 > li.refund-cash { padding-bottom: 19px; }
.slide-list-sty3 > li.refund-sum { padding-bottom: 14px; border-bottom: solid 1px #000; }
.slide-list-sty3 > li.refund-sum .num { font-size: 18px; line-height: 26px; font-weight: 700; vertical-align: middle; color: #000; }
.slide-list-sty3 > li.refund-sum .num.passable { color: #0fd6f7; }
.slide-list-sty3 > li.refund-sum .num.impassable { color: #ff4644; }
.slide-list-sty3 > li.refund-sum .num { font-size: 18px; line-height: 26px; font-weight: 700; color: #0fd6f7; vertical-align: middle; letter-spacing: 0; /*color:#000;*/ }
.slide-list-sty3 > li.refund-sum .num em { font-size: 22px; line-height: 30px; vertical-align: bottom; }
.slide-list-sty3 > li.change-order-amount { padding: 15px 0 20px; }
.slide-list-sty3 > li.change-order-amount .num { font-weight: 700; font-size: 15px; color: #0fd6f7; letter-spacing: 0; }
.slide-list-sty3 > li.change-order-amount .num.impassable { color: #ff4644; }
.rdo-reason-lst li { margin-top: 15px; }
.rdo-reason-lst li:first-child { margin-top: 0; }
.rdo-reason-lst li .chk-box .form-txt { display: inline-block; padding: 0 0 0 6px; height: 24px; line-height: 24px; font-size: 16px; color: #000; vertical-align: top; }
.cart-cancel-wrap { margin: 48px 0 20px; }
.payment-info { padding: 16px 16px 16px; max-width:484px; height: 52px; background-color: #0fd6f7; color: #fff; font-size: 14px; line-height: 20px; text-align: center; position: fixed; bottom: 0; font-weight: 700; width: 100%; z-index: 1; transition: 0.5s; }
.payment-info.off { height: 0; padding: 0; }
.payment-info.impassable { background-color: #ff4644; }
.payment-info > span { padding: 0 10px; line-height: 21px; }
.payment-info .copy { font-weight: 400; font-size: 14px; line-height: 22px; }
.payment-info .num { padding-left: 5px; font-size: 15px; font-family: "Roboto", sans-serif; line-height: 21px; letter-spacing: 0; }
.payment-info * { vertical-align: bottom; }
.notice-type2 { height: 152px; background-color: #789cd4; color: #fff; text-align: center; padding: 30px; }
.notice-type2 span { display: block; }
.notice-type2 .copy { font-size: 22px; line-height: 32px; margin-bottom: 8px; font-family: 'NotoSerif', serif; font-weight: 300; }
.notice-type2 .data { font-size: 12px; line-height: 18px; margin-bottom: 24px; }
.notice-type2 .sub-copy { font-size: 14px; line-height: 20px; font-weight: 700; }
.cancel-list { border-top: solid 1px #eee; }
.cancel-list .slide-list-btn { position: relative; display: block; overflow: hidden; padding: 20px 50px 20px 77px; width: 100%; height: 80px; }
.cancel-list .slide-list-btn:before { position: absolute; right: 10px; top: 28px; width: 24px; height: 24px; content: ""; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat; }
.cancel-list > li.on .slide-list-btn:before { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat; }
.cancel-list .slide-list-btn .prd-img { position: absolute; left: 16px; top: 50%; margin: -24px 0 0; display: block; width: 48px; height: 48px; border-radius: 10000px; }
.cancel-list .slide-list-btn .cancel-prdt-list { display: block; text-align: left; }
.cancel-list .slide-list-btn .cancel-prdt-list .prd_info-tit { display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; color: #000; font-size: 14px; }
.cancel-list .slide-list-btn .cancel-prdt-list .btm-info { padding: 2px 0 0; display: block; overflow: hidden; width: 100%; font-size: 12px; line-height: 18px; }
.cancel-list .slide-list-btn .cancel-prdt-list .btm-info > span { display: block; float: left; }
.cancel-list .slide-list-btn .cancel-prdt-list .btm-info .date { color: #d0ab7d; }
.cancel-list .slide-list-btn .cancel-prdt-list .btm-info .arr { padding: 0 0 0 4px; color: #000; }
.cancel-list .slide-list-btn .cancel-prdt-list .btm-info .change { padding: 0 0 0 10px; color: #888; }
.cancel-list > li.on .a-txt-bx { display: block; }
.cancel-list .a-txt-bx { padding: 20px 16px 24px; display: none; width: auto; }
.cancel-list .a-txt-bx .info-lst { padding: 22px 0 0; }
.cancel-list .a-txt-bx .info-lst > li { overflow: hidden; padding: 3px 0 0; width: 100%; }
.cancel-list .a-txt-bx .info-lst > li:first-child { padding: 0; }
.cancel-list .a-txt-bx .info-lst .info-tit { display: block; float: left; font-size: 14px; line-height: 22px; color: #888; }
.cancel-list .a-txt-bx .info-lst .info-count { display: block; float: right; font-size: 14px; line-height: 22px; color: #888; }

/*article*/
.article-key-visual { position: relative; width: 100%; overflow: hidden; height: 100vh; }
.article-key-visual img { width:100%; height: 100vh; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.article-key-visual:after { content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: #000; opacity: 0.5; position: absolute; z-index: 2; }
.article-key-visual.full-video:after { content:none;}
.article-key-visual.full-video .video-skin .video-js{padding:0;}
.article-key-visual.full-video .video-js .vjs-tech{object-fit: cover;}
.article-key-visual.full-video .vjs-poster{background-size: cover;}
.article-key-visual .icon-down-32 { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 3; }
.article-key-visual .group-left-copy { text-align: left; padding: 0 24px; position: absolute; top:90px; top:calc(90px + var(--ios-safe-top)); width: 100%; color: #fff; z-index: 3; }
.article-key-visual .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.article-key-visual .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #fff; }
.article-key-visual .group-left-copy .group-sub-copy { font-size: 26px; line-height: 34px; margin-bottom: 8px; font-family: 'NotoSerif', serif; font-weight: 300; }
.article-key-visual .group-left-copy p { font-size: 14px; line-height: 22px; }
.article-header { padding: 32px 24px; color: #666; line-height: 26px; font-weight: 400; font-size: 16px; }
.article-slider { position: relative; width: 100%; }
.article-slider li img { display: block; width: 100%; }
.related-items .group-left-copy { text-align: left; padding: 60px 24px 0; }
.related-items .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.related-items .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.related-items .group-left-copy .group-sub-copy { font-size: 22px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.related-items .view-list-type8 .prdt-name{margin-bottom:4px}
.border-lst-type2 { padding-bottom: 54px; }
.border-lst-type2 > .border-lst { border-bottom: 10px solid #f5f5f5; }
.border-lst-type3 > .border-lst { border-bottom: none; }
.border-lst-type2 .prd-find-info { padding: 8px 24px 0; }
.border-lst-type2 .prod-row-list .view-list-type4 li .button-cart-wrap { right: 6px; }
.article-btn-wrap { padding: 40px; text-align: center; }
.icon-article-share { border-radius: 60px; width: 60px; height: 60px; border: solid 1px #eee; display: inline-block; background: url(../images/header/icon-header-share.svg) no-repeat 50%; background-size: 32px; font-size: 0; text-indent: -9999px; }
.related-posts .group-left-copy { text-align: left; padding: 72px 24px 0; }
.related-posts .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.related-posts .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.related-posts .group-left-copy .group-sub-copy { font-size: 22px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.article-quick-cart .button-article-wrap { max-width: 484px; height: 100px; position: relative; }
.article-quick-cart .button-article-wrap .btn-toast { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); box-shadow: 0 4px 11px 0px #0000002e; width: 185px; height: 36px; padding-right: 0; padding-left: 0; }
.article-quick-cart .button-article-wrap .btn-toast { bottom: calc(var(--ios-safe-bottom) + 30px); }
.article-quick-cart .view-list-type8 .prdt-name{margin-bottom:6px;}
.list-swiper { overflow: hidden; position: relative; }
.list-swiper .posts-item li { overflow: hidden; margin-bottom: 18px; }
.list-swiper .posts-item li:last-child { margin-bottom: 0; }
.list-swiper .posts-item li a { display: block; }
.list-swiper .posts-item li a:after { content: ""; display: block; clear: both; }
.list-swiper .posts-item li .prdt-thumb { float: right; width: 113px; height: 72px; border-radius: 4px; margin-left: 24px; overflow: hidden; }
.list-swiper .posts-item li .prdt-item { float: left; width: calc(100% - 137px); padding: 10px 0 0; }
.list-swiper .posts-item li { border-radius: 4px; position: relative; width: 100%; }
.list-swiper .posts-item li img { width: 100%; }
.list-swiper .posts-item li:first-child { border-radius: 4px; position: relative; margin-top: 0; }
.list-swiper .posts-item li .head-copy { font-size: 12px; line-height: 18px; margin-bottom: 2px; color: #666; display: block; }
.list-swiper .posts-item li .body-copy { font-size: 16px; line-height: 20px; color: #000; display: block; }
.list-swiper .swiper-slide { padding: 0 24px; }
.list-swiper .swiper-button-next, .list-swiper .swiper-button-prev { position: absolute; top: auto; bottom: 0; width: 36px; height: 36px; margin-top: 0; z-index: 10; border: solid 1px #eee; border-radius: 36px; }
.list-swiper .swiper-button-prev:after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_left_24.svg) no-repeat center/24px; font-size: 0; text-indent: -9999px; right: 24px !important; left: auto; }
.list-swiper .swiper-button-next:after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_right_24.svg) no-repeat center/24px; font-size: 0; text-indent: -9999px; left: 24px !important; right: auto; }
.list-swiper .swiper-button-next:after, .list-swiper .swiper-button-prev:after { font-size: 0; }
.list-swiper .swiper-button-next, .list-swiper .swiper-container-rtl .swiper-button-prev { right: 24px; left: auto; }
.list-swiper .swiper-button-prev, .list-swiper .swiper-container-rtl .swiper-button-prev { left: 24px; right: auto; }
.list-swiper .swiper-pagination.swiper-pagination-fraction { position: static; margin: 40px 0 0 0; padding: 0; height: 36px; line-height: 36px; color: #ccc; }
.list-swiper .swiper-pagination span { font-size: 14px; vertical-align: top; margin: 0 2px; }
.list-swiper .swiper-pagination .swiper-pagination-current { color: #000; font-weight: 700; }
.list-swiper .swiper-pagination .swiper-pagination-total { font-weight: 400; color: #ccc; }
.list-swiper .swiper-paging { position: static; display: flex; justify-content: center; width: 100%; margin: 40px 0 0 0; padding: 0; height: 36px; line-height: 36px; /* display: block; */ }
.list-swiper .swiper-paging span { font-size: 14px; vertical-align: top; margin: 0 2px; }
.list-swiper .swiper-paging .swiper-pagination-current { color: #000; font-weight: 700; }
.list-swiper .swiper-paging .swiper-pagination-total { font-weight: 400; color: #ccc; }
.view-list-type7 > li { position: relative; }
.view-list-type7 .cart-disable-mask { padding: 12px 0 0; }
.view-list-type7 .cart-disable-mask:after { content: ""; display: block; clear: both; }
.view-list-type7 .cart-disable-mask .button-cart-wrap { right: 0; bottom: 32px; }
.view-list-type7 .cart-disable-mask > * { display: inline-block; }
.view-list-type7 .prdt-item { position: relative; }
.view-list-type7 .prdt-item > * { float: left; vertical-align: top; }
.view-list-type7 .prdt-item .prdt-info { width: 150px; }
.view-list-type7 .label-area { position: absolute; left: 6px; top: 6px; }
.view-list-type7 .prdt-info { padding: 0 14px; }
.view-list-type7 .prdt-head-copy { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 22px; color: #000; display: block; }
.view-list-type7 .prdt-name { font-size: 14px; line-height: 22px; color: #666; margin-bottom: 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.view-list-type7 .prdt-thumb { width: 72px; }
.view-list-type7 .prdt-thumb img { border-radius: 4px; }
.view-list-type7 .prdt-price-serving .prdt-price { font-size: 14px; line-height: 22px; color: #000; }
.view-list-type7 .prdt-price-serving .prdt-price > * { vertical-align: middle; }
.view-list-type7 .prdt-price-serving em { font-size: 17px; line-height: 24px; color: #000; font-family: "Roboto", sans-serif; }
.view-list-type7 .prdt-price-serving .prdt-serving { font-size: 14px; line-height: 22px; color: #666; margin-left: 12px; }
.view-list-type7 .prdt-price-serving .prdt-serving > * { vertical-align: middle; }
.view-list-type8 > li { position: relative; margin-bottom: 18px; }
.view-list-type8 > li:last-child { margin-bottom: 0; }
.view-list-type8 .cart-disable-mask:after { content: ""; display: block; clear: both; }
.view-list-type8 .cart-disable-mask .button-cart-wrap { right: 0; bottom: 32px; }
.view-list-type8 .prdt-serving { font-size: 12px; color: #666; margin-left: 10px; font-weight: 400; }
.view-list-type8 .prdt-serving .icon-info-weight14 { margin-bottom: 1px; margin-right: 2px; }
.article-sheet-list { margin: 10px 0 20px; }
.article-sheet-list .view-list-type8 li { margin-bottom: 12px; }
.article-sheet-list .view-list-type8 li:last-child { margin-bottom: 0; }
.article-sheet-list .view-list-type8 .prdt-name{margin-bottom:4px;}
.article-pd .view-list-type8 .prdt-name{margin-bottom:4px;}
.article-pd .view-list-type8 .prdt-price{line-height: 18px;}
.article-pd2 .pd-title{padding-bottom: 24px; display: block; text-align: center; font-size: 18px; color:#000; font-weight: 700;}
.article-pd2 .view-list-type2 li{padding:0 6px; margin-bottom: 30px; width: 50%; text-align: left;}
.article-pd2 .prdt-thumb{padding-top: 0;}
.article-pd2 .discount .prdt-discount{font-size: 15px;}
.article-pd2 .prdt-info .prdt-price em{font-size: 16px;}

.bdrdos1 { border-radius: 0; }
.article-quick-cart { height: 0; transition: height 0.3s ease-in-out; position: fixed; width: 100%; max-width: 484px; overflow: hidden; bottom: 0; z-index: 10; }
.article-quick-cart.on { height: 92px; padding-top: 10px; }
.bg1 { background-color: #fff; border-top: solid 1px #eee; }
.btm-empty-info.type2 { background: #f1fcff url(../images/bg/illu-search-voice-bg.svg) no-repeat right 0 bottom 24px/184px; }
.btm-empty-info.type2 strong { font-size: 18px; line-height: 28px; margin-bottom: 6px; font-weight: 400; }
.btm-empty-info.type2 p { font-size: 14px; line-height: 22px;}

/*article-type2*/
.article-cont-wrap{position: relative;}
.article-cont-wrap.event_wrap{text-align: left;}
.article-cont-wrap.event_wrap .article-contents img{display:inline;}
.article-cont-wrap .event_wrap{position: static;}
.article-cont-wrap img{width: 100%;}
.article-type2 .article-header{padding:0; background: #000;}
.article-type2 .article-header .group-left-copy{padding-top:90px; padding-top: calc(90px + var(--ios-safe-top)); }
.article-type2 .article-header .group-head-copy{display: inline-block; margin:0 0 30px 24px; font-size: 14px; line-height: 20px; letter-spacing: 0; color:#fff; font-weight: 700; border-bottom: 2px solid #fff;}
.article-type2 .group-copy{background: #000;}
.article-type2 .group-copy .group-sub-copy{padding:40px 24px 0; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; font-family: 'NotoSerif', serif; font-weight: 300; color:#fff;}
.article-type2 .group-copy .group-sub-copy .subject{padding:5px 0 20px; line-height: 26px; color: #fcdf33; font-size: 16px; font-family: 'NotoSans';}
.article-type2 .group-copy .group-sub-copy .subject:before{content: ""; display: inline-block; margin-right:4px; vertical-align: -1px; width:15px; height: 15px; background: url(https://img.glyde.co.kr/productsinfo/article/g-trend/img/title-subject.png) no-repeat left center / 100%;}
.article-type2 .group-copy .group-sub-copy + p{padding:0 24px 95px; font-size: 16px; color:#ccc;}
.article-type2 .article-tab{display: flex; margin: -55px 0 40px;}
.article-type2 .article-tab li{flex:1;}
.article-type2 .article-tab li + li{flex:1; margin-left:15px;}
.article-type2 .article-tab li p{padding-top:5px; text-align: center; font-size: 14px; line-height: 22px; color:#000;}
.article-type2 .article-tab li a{display: block;}
.article-type2 .article-tab li img{width: 100%;  box-shadow: 5px 1px 3px rgba(0,0,0,0.3); border-radius: 50%;}
.article-type2 .video-wrap video{width: 100%;}
.article-type2 .article-cont.type4 .video-wrap video{padding:40px 0 30px;}
.article-type2 .article-cont .prod-row-list{background: #f9f9f9;}
.article-type2 .article-cont .prod-row-list li{margin:0 24px;}
.article-type2 .article-cont .prod-row-list li + li{border-top:1px solid #ddd;}
.article-type2 .article-cont .prod-row-list li .prdt-item{display: flex; padding:20px 0;}
.article-type2 .article-cont .prod-row-list li .prdt-thumb{width:72px; height: 72px;}
.article-type2 .article-cont .prod-row-list li .prdt-info{padding: 13px 14px;}
.article-type2 .article-cont .prod-row-list li .prdt-sub{font-size: 14px; line-height: 20px;}
.article-type2 .article-cont .prod-row-list li .prdt-name{font-size: 16px; line-height: 26px; color:#000;}
.article-type2 .article-cont .prod-row-list li .prdt-name:after{content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: -3px; background: url(https://img.glyde.co.kr/productsinfo/common_content/ico_brand_bn_arrow_black.png) no-repeat right center / 100%;}
.article-type2 .article-cont .prod-row-list li a{display: block;}
.article-type2 .article-cont .recipe_txt{font-size: 16px; line-height: 24px; color:#000; letter-spacing: -1px;}
.article-type2 .article-cont .recipe_txt p{padding:4px 0 30px;}
.article-type2 .article-cont{padding:40px 0 50px; background: #fff8f1;}
.article-type2 .article-cont.type2{background: #f9f9ed;}
.article-type2 .article-cont.type3{background: #f9feff;}
.article-type2 .article-cont.type4,
.article-type2 .article-cont.type5,
.article-type2 .article-cont.type6,
.article-type2 .article-cont.type3.white{background: #ffffff; padding:0;}
.article-type2 .img-box img{width: 100%;}
.article-type2 .img-box.gif img{margin:40px 0 10px; border-radius: 4px;}
.article-type2 .article-cont h3{font-size: 10px; letter-spacing: -0.3px; font-family: 'NotoSerif', serif;}
.article-type2 .article-cont .sub-tit{padding:10px 0; position:relative;font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1px; color:#000;}
.article-type2 .article-cont .sub-tit2{position: relative; font-size:22px; line-height: 32px; font-family: 'NotoSerif', serif; color:#000;}
.article-type2 .article-cont .sub-tit:after{content: ""; display: inline-block; position:absolute;  left:0; bottom:-27px; width: 30px; height: 30px; background: #ffc3af; border-radius: 50%;}
.article-type2 .article-cont.type2 .sub-tit:after{background: #ccd597;}
.article-type2 .article-cont.type3 .sub-tit:after{background: #e5fbff;}
.article-type2 .article-cont.type4 .sub-tit:after{background: #ffeca9;}
.article-type2 .article-cont.type5 .sub-tit:after{background: #ffc9c9;}
.article-type2 .article-cont.type6 .sub-tit:after{background: #ffd09d;}
.article-type2 .article-cont .sub-tit2:before{content: ""; display:inline-block; margin: 0 4px 0 10px; vertical-align: 10px; width:8px; height: 1px; background: #000;}
.article-type2 .article-cont .cont-tit{padding-bottom: 20px;}
.article-type2 .article-cont.type4 .cont-tit,
.article-type2 .article-cont.type5 .cont-tit,
.article-type2 .article-cont.type6 .cont-tit,
.article-type2 .article-cont.type3.white .cont-tit{padding-top: 60px;}
.article-type2 .article-cont .img-box{padding:0 0 20px 24px;}
.article-type2 .article-cont.type4 .img-box,
.article-type2 .article-cont.type5 .img-box,
.article-type2 .article-cont.type6 .img-box{padding:0 0 20px 0;}
.article-type2 .article-cont.type4 .sub-txt,
.article-type2 .article-cont.type5 .sub-txt,
.article-type2 .article-cont.type6 .sub-txt{color:#000;}
.article-type2 .article-cont .sub-txt{font-size: 16px; color:#333;}
.article-type2 .finish-txt .img-box img{margin-top:60px; border-radius: 4px;}
.article-type2 .finish-txt{padding-bottom:60px; text-align: center; font-size:16px; color:#000;}
.article-type2 .finish-txt p:first-child{padding-top:20px;}
.article-type2 .finish-txt p:last-child{padding-top:10px; font-size: 22px; line-height: 32px; letter-spacing: -0.3px; font-family: 'NotoSerif', serif;}

/*아티클 Tab*/
.article-tab.event_tab{background: #fff; height: 50px;}
.article-tab.event_tab.fixed{position: fixed; width:100%; max-width: 484px; top: 50px; top: calc(var(--ios-safe-top) + 50px); background:#fff; z-index: 5;}
.article-tab.event_tab.fixed + div{margin-top:50px;}
.article-tab.event_tab button{height: 50px; color:#aaa; opacity: 1;}
.article-tab.event_tab button + button::before{content:none;}
.article-tab.event_tab button.on{color:#000; font-weight: 700; border-bottom:3px solid #000;}
.article-tab.event_tab.type2 button.on{color:#fff; border:none;}

/*아티클 댓글*/
.article_reply {padding-top:72px;}
.article_reply .agree-guide-block{border-top:10px solid #f5f5f5;}
.article_reply .view-like-btn{padding:0 16px 24px;}
.article_reply .view-like-text{padding-bottom: 33px;}
.article_reply .view-like-text.type2{ padding:32px 16px 33px; border-top: 10px solid #f5f5f5;}
.article_reply .view-like-text .attachfiles-block{padding-bottom: 0;}
.article_reply .glyde-thread-reply li.glyde .id > span{padding-left: 4px; font-weight: 700;}
.article_reply .glyde-thread-reply li .txt{color:#000;}

/*아티클 출석체크*/
.attendance-wrap{padding:0 16px; border-bottom: 10px solid #f5f5f5;}
.attendance-wrap .agree-txt{ padding-top:24px; text-align: center;}
.attendance-wrap .agree-txt .underline{ display: block; padding-top:4px; color: #888;}
.attendance-wrap .guide-txt-block{ margin-top: 60px; padding-bottom:40px; }
.attendance-header{padding:0 16px; text-align: center; }
.attendance-header .tit{ padding-bottom: 6px; font-size: 21px; line-height: 30px; color: #000;}
.attendance-header .sub{font-size: 14px; line-height: 22px; color: #333;}
.attendance-header .sub strong{ letter-spacing: 0; color: #000;}
.attendance-table{ margin:28px auto 0; width: calc(100% - 16px); }
.attendance-table thead{ border-bottom: 1px solid #eee; }
.attendance-table thead th{ padding-bottom: 6px; font-size: 14px; color: #666; font-weight: 400; }
.attendance-table tbody::before,
.attendance-table tbody::after{ content: ""; display: block; width: 100%; height: 15px; background: #fff; } 
.attendance-table tbody::after{height: 32px;}
.attendance-table tbody td{ text-align: center;}
.attendance-table tbody td span{ display: block; margin: 6px auto 0; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 14px; letter-spacing: 0; background: #f9f9f9; color: #ddd;}
.attendance-table tbody td span.none{ background: transparent;}
.attendance-table tbody td.checked span{ background: url(../images/event/calendar-check.svg) no-repeat center / 10px 12px #ffeee0; color: transparent; }
.attendance-table tbody td.cash-500 span{ background: url(../images/event/calendar-check-500.webp) no-repeat center / 22px 12px #ff7051; color: transparent; }
.attendance-table tbody td.cash-1000 span{ background: url(../images/event/calendar-check-1000.webp) no-repeat center / 33px 12px #ff7051; color: transparent; }
.attendance-table tbody td.cash-2000 span{ background: url(../images/event/calendar-check-2000.webp) no-repeat center / 34px 12px #ff7051; color: transparent; }

/*home disable*/
.icon-button-cart.type3 { display: inline-block; width: 36px; height: 36px; background: #0fd6f7 url(../images/cart/icon-cart-white.svg) no-repeat center; border-radius: 10000px; font-size: 0; text-indent: -99999px; /*box-shadow:2px 2px 7px 0 #e5e5e5;*/ }

/*cart cancel*/
.txt-sty10 { padding-top: 11px; color: #000; }
.txt-sty11 { padding-top: 182px; color: #888; }
.txt-sty12 { padding-top: 8px; padding-bottom: 10px; color: #888; }

/* 브랜드 스토리 */
.tour-slide-guide { width: 100%; }
.tour-slide-guide .tour-main-slide { position: relative; width: 100%; }
.tour-slide-guide .tour-main-slide .slide-img img { display: block; width: 100%; }
.tour-slide-guide .slide-paging * { vertical-align: top; }
.tour-slide-guide .slide-paging { margin: 14px 0 0; width: 100%; text-align: center; height: 6px; }
.tour-slide-guide .slide-paging ul { display: inline-block; overflow: hidden; height: 6px; }
.tour-slide-guide .slide-paging ul > li { float: left; padding: 0 0 0 6px; height: 6px; }
.tour-slide-guide .slide-paging ul > li:first-child { padding: 0; }
.tour-slide-guide .slide-paging ul > li button { display: inline-block; width: 6px; height: 6px; border-radius: 1000px; background: #e7e7e7; font-size: 0; text-indent: -9999px; }
.tour-slide-guide .slide-paging ul > li button.active { background: #000; }
.tour-slide-guide01 { overflow: hidden; width: 100%; }
.tour-slide-guide01 .tour-main-type01 { overflow: hidden; width: 100%; }
.tour-slide-guide01 .tour-main-type01 ul { overflow: hidden; width: 500px; }
.tour-slide-guide01 .tour-main-type01 ul > li { float: left; }

/* 브랜드 콘텐츠 -주방투어 */
.tour-visual { position: relative; width: 100%; }
.tour-visual img { display: block; width: 100%; }
.tour-visual .tour-txt-bx { position: absolute; left: 25px; top: 91px; }
.tour-visual .tour-txt-bx { top: calc(var(--ios-safe-top) + 82px);}
.tour-visual .tour-txt-bx .tour-visual-tit { padding: 0 0 11px; display: block; font-size: 26px; color: #fff; line-height: 36px; font-family: "NotoSerif"; font-weight: 300; }
.tour-visual .tour-txt-bx .tour-visual-txt { display: block; font-size: 16px; color:#fff; line-height: 26px; }
.kitchen-tour { display: flex; height: 86px; border-bottom: 1px solid #eee; }
.kitchen-tour > * { flex: 1; padding-top: 35px; border-left: 1px solid #eee; }
.kitchen-tour > *:first-child { border: none; background: url(../images/brand/icon-button-tour-booking.svg) no-repeat center 16px; }
.kitchen-tour > *:nth-child(2) { background: url(../images/brand/icon-button-tour-list.svg) no-repeat center 16px; }
.kitchen-tour > *:nth-child(3) { background: url(../images/brand/icon-button-review-write.svg) no-repeat center 16px; }
.kitchen-tour > * span { font-size: 14px; line-height: 22px; font-weight: 400; color:#000;}
.kitchen-tour-notice { margin:16px 16px 0 16px; padding:16px; background: #f9f9f9;}
.kitchen-tour-notice .notice-desc{ padding-left: 28px; font-size: 14px; line-height: 22px; color:#666; background: url(../images/info/icon-info-notice-white.png) no-repeat left top 1px / 20px 20px;} 
.tour-slide-cont { padding: 60px 0 16px; width: 100%; }
.tour-slide-cont .tour-sub-tit { display: block; margin-bottom: 8px; text-align: center; }
.tour-slide-cont .tour-slide-tit { width: 100%; text-align: center; font-family: "NotoSerif"; font-weight: 300; text-align: center; font-size: 26px; line-height: 36px; font-weight: 300; color: #000; }
.tour-slide-cont .kichen-tour-lst .tour-slide-tit { font-size: 22px; line-height: 32px;}
.tour-slide-cont .kichen-tour-lst .tour-desc { padding:20px 24px 40px; text-align: center;}
.tour-slide-cont .kichen-tour-lst .tour-thumb .thumb-type1{ padding: 0 0 32px 24px; }
.tour-slide-cont .kichen-tour-lst .tour-thumb:nth-child(2n+1) .thumb-type1{ padding: 0 24px 32px 0; }
.tour-slide-cont .kichen-tour-lst .tour-thumb .tour-desc{ padding: 8px 24px 60px; }
.tour-slide-cont .kichen-tour-lst .tour-thumb:last-child .tour-desc{ padding-bottom: 0; }
.tour-slide-cont .kichen-tour-lst .tour-thumb-tit{ text-align: center; font-size: 22px; letter-spacing: 0; color:#000; }
.tour-slide-cont .tour-info { padding-bottom: 48px; border-bottom: 1px solid #eee; }
.tour-slide-cont .tour-info .guide-bg { background: #f9f9f9; }
.tour-slide-cont .tour-info .guide-img { display: block; margin:20px auto 18px; max-width:400px; }
.tour-slide-cont .tour-info .info-desc { display: block; text-align: center; }
.tour-slide-cont .tour-lst-bx { padding: 72px 0 80px; width: 100%;  border-bottom: 1px solid #eee;}
.tour-slide-cont .tour-lst-bx > .kichen-tour-lst { padding: 0 0 60px; }
.tour-slide-cont .tour-lst-bx > .kichen-tour-lst:last-child { padding: 0; }
.tour-slide-cont .tour-txt{ padding: 80px 0 64px; text-align: center; }
.tour-slide-cont .tour-txt .txt-sty1{ margin-top: 6px; }
.tour-slide-cont .tour-btn button + button{ margin-top: 8px; }
.tour-slide-cont .slide img { width: 100%; }
.tour-slide-cont .swiper-pagination { padding-top: 16px; }
.tour-visit-cont { padding: 63px 0 61px; width: 100%; background: #f9f9f9; }
.tour-visit-cont .slide a { width: 280px; margin-left: 30px; }
.thread-article-item { display: flex; flex-direction: column; position: relative; }
.thread-article-item .tit { padding-top: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-weight: 400; font-size: 14px; line-height: 22px; }
.thread-article-item .tit:first-child { padding: 0; }
.thread-article-item .img { position: relative; }
.thread-article-item .img img { width: 100%; border-radius: 4px; }
.thread-article-item .img video { width: 100%; border-radius: 4px; }
.thread-article-item .img .video-js { border-radius: 4px; overflow: hidden; }
.thread-article-item .img span.more { position: absolute; right: 12px; bottom: 12px; display: block; height: 24px; padding: 0 10px; color: #fff; font-size: 14px; letter-spacing: 0; line-height: 26px; background: rgba(0, 0, 0, 0.5); border-radius: 15px; }
.thread-article-item .idea-view-label { font-size: 0; height: 18px; position: absolute; top: 6px; left: 6px; }
.thread-article-item .idea-view-label:first-child { position: static; }
.thread-article-item .idea-view-label i { margin-right: 2px; }
.thread-article-item .related-prd { font-size: 14px; line-height: 22px; color: #888; }
.thread-article-item .idea-view-label + .related-prd { padding-top: 19px; }
.thread-article-item .idea-view-label:first-child + .related-prd { padding-top: 10px; }
.thread-article-item .related-prd + .tit { padding-top: 0; }
.thread-article-item .idea-view-label + .tit { padding-top: 10px; }
.thread-article-item .txt { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 45px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #666; line-height: 22px; }
.thread-article-lst .thread-article-item .txt { margin-top: 14px; }
.thread-article-item .write { padding-top: 16px; font-size: 12px; line-height: 18px; color: #888; letter-spacing: 0; }
.thread-article-item .write .id { position: relative; margin-right: 14px; font-size: 12px; line-height: 18px; color: #888; }
.thread-article-item .write .id:after { position: absolute; right: -11px; top: 5px; content: ''; display: inline-block; width: 2px; height: 2px; background: #ccc; border-radius: 50%; }
.thread-article-item a { position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 12px; color: #888; line-height: 22px; }
.thread-article-item a:after { display: inline-block; vertical-align: top; margin-left: 2px; content: ""; background: url(../images/button/icon-button-arrow-right-16.svg) no-repeat center center; width: 16px; height: 22px; }
.thread-article-item .more { position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 12px; color: #888; line-height: 22px; }
.thread-article-item .more:after { display: inline-block; vertical-align: top; margin-left: 2px; content: ""; background: url(../images/button/icon-button-arrow-right-16.svg) no-repeat 50% 5px; width: 16px; height: 24px; }
.contents .tour-visit-tit { width: 100%; text-align: center; font-size: 22px; line-height: 32px; color: #000; font-family: 'NotoSerif'; font-weight: 300; }
.epilogue-pic-bx { padding: 0 40px 0 37px; }
.epilogue-pic-bx .epilogue-pic-lst { display: flex; flex-wrap: wrap; }
.epilogue-pic-bx .epilogue-pic-lst > li { position: relative; width: 33.333%; padding: 0 0 3px 3px; }
.epilogue-pic-bx .epilogue-pic-lst > li::after { content: ""; display: block; padding-bottom: 100%; }
.epilogue-pic-bx .epilogue-pic-lst .pic-sns-lst a { display: block; position: absolute; width: calc(100% - 3px); height: calc(100% - 3px); }
.epilogue-pic-bx .epilogue-pic-lst .pic-sns-lst a img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; }
.sns-epil-bx { padding: 61px 0 56px; }
.sns-epil-bx .tour-visit-tit { padding: 0 0 28px; }
.sns-epil-bx + .btn-static { display: flex; padding: 16px 12px; }
.sns-epil-bx + .btn-static button { margin: 0 4px; width: 50%; }
.kitchen-tour-book-bx * { font-size: 14px; line-height: 22px; }
.kitchen-tour-book-bx .step { display: flex; height: 44px; }
.kitchen-tour-book-bx .step li { position: relative; flex: 1; line-height: 42px; text-align: center; color: #aaa; border-bottom: 2px solid transparent; }
.kitchen-tour-book-bx .step li button { width: 100%; height: 100%; color: #aaa; }
.kitchen-tour-book-bx .step li:not(:first-child):before { content: ''; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url(../images/brand/icon-button-arrow-right-16.svg) no-repeat center center; }
.kitchen-tour-book-bx .step li:first-child:not(.done), .kitchen-tour-book-bx .step li.done + li, .kitchen-tour-book-bx .step li:first-child:not(.done) button, .kitchen-tour-book-bx .step li.done + li button { font-weight: 700; color: #d0ab7d; border-color: #d0ab7d; }
.kitchen-tour-book-bx .step li.done, .kitchen-tour-book-bx .step li.done + .done, .kitchen-tour-book-bx .step li.done button, .kitchen-tour-book-bx .step li.done + .done button { font-weight: 400; color: #aaa; border-color: #d0ab7d; }
.kitchen-tour-book-bx button[class*='btn-type'] span { font-size: 16px; line-height: 48px; }
.kitchen-tour-book-bx .info-bx { padding: 32px 16px; border-bottom: 10px solid #f5f5f5; }
.kitchen-tour-book-bx .info-bx p { font-size: 22px; line-height: 32px; color: #000; font-family: 'NotoSerif'; font-weight: 400; }
.kitchen-tour-book-bx .info-bx ul { margin-top: 40px; padding-top: 11px; border-top: 1px solid #000; }
.kitchen-tour-book-bx .info-bx ul li { display: flex; padding-top: 14px; }
.kitchen-tour-book-bx .info-bx ul li strong { font-weight: 400; width: 136px; color: #000; }
.kitchen-tour-book-bx .info-bx ul li strong:before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; }
.kitchen-tour-book-bx .info-bx ul li.place strong:before { background: url(../images/info/icon-info-venue.svg) no-repeat center center; }
.kitchen-tour-book-bx .info-bx ul li.date strong:before { background: url(../images/info/Icon_Info_Date.svg) no-repeat center center; }
.kitchen-tour-book-bx .info-bx ul li.time strong:before { background: url(../images/info/icon-info-time.svg) no-repeat center center; }
.kitchen-tour-book-bx .info-bx ul li.reserve strong:before { background: url(../images/info/Icon_Info_Register.svg) no-repeat center center; }
.kitchen-tour-book-bx .info-bx ul li span.desc { padding-left: 6px; font-size: 12px; line-height: unset; color:#888;  }
.kitchen-tour-book-bx .info-bx ul li span { color: #666; }
.kitchen-tour-book-bx .info-bx ul li span em { letter-spacing: 0; font-size: 15px; }
.kitchen-tour-book-bx .person-count { padding: 0 16px 32px; }
.kitchen-tour-book-bx .person-count ul { padding-top: 24px; }
.kitchen-tour-book-bx .person-count ul.person-list li { display: flex; }
.kitchen-tour-book-bx .person-count ul.person-list li:not(:first-child) { padding-top: 14px; }
.kitchen-tour-book-bx .person-count ul.person-list li strong { line-height: 40px; font-size: 16px; font-weight: 400; color: #000; margin-right: auto; }
.kitchen-tour-book-bx .person-count ul.person-list li.disabled strong { color: #ccc; }
.kitchen-tour-book-bx .person-count .needChk { padding-top: 24px; }
.kitchen-tour-book-bx .lst-txt-type em { letter-spacing: 0; font-size: 12px; line-height: 18px; }
.kitchen-tour-book-bx .emphasis-btn-bx { padding: 16px; }
.kitchen-tour-book-bx .emphasis-btn-bx { padding-bottom: calc(var(--ios-safe-bottom) + 16px); }
.kitchen-tour-book-bx .emphasis-btn-bx.fixed { position: fixed; bottom: 0; width: 100%; max-width: 486px; }
.kitchen-tour-book-bx .emphasis-btn-bx.fixed button { margin-top: 10px; }
.kitchen-tour-book-bx .emphasis-btn-bx p { display: flex; flex-direction: column; padding: 10px 0 4px; }
.kitchen-tour-book-bx .emphasis-btn-bx p a { margin: 10px auto 0; color: #888; text-decoration: underline; }
.kitchen-tour-book-bx .emphasis-btn-bx p.txt { padding: 10px 0; color: #888; font-size: 12px; line-height: 18px; text-align: center; }
.tour-notice{ padding: 48px 16px 60px;}
 
.kitchen-tour-book-bx .select-date { padding: 0 16px; }
.kitchen-tour-book-bx .select-date ul { padding-top: 5px; }
.kitchen-tour-book-bx .select-date ul li { position: relative; padding: 15px 100px 14px 0; border-bottom: 1px solid #eee; }
.kitchen-tour-book-bx .select-date ul li button { position: absolute; right: 0; top: 49%; transform: translateY(-50%); width: 80px; border-radius: 4px; font-weight: 400; }
.kitchen-tour-book-bx .select-date ul li button span { line-height: 36px; }
.kitchen-tour-book-bx .select-date ul li.active button { background: #0fd6f7; border-color: #0fd6f7; color: #fff; }
.kitchen-tour-book-bx .select-date ul li.disabled button:disabled { background: #f5f5f5; color: #ddd; }
.kitchen-tour-book-bx .select-date ul li span { display: block; }
.kitchen-tour-book-bx .select-date ul li span:not(:first-child) { padding-top: 2px; }
.kitchen-tour-book-bx .select-date ul li strong { display: inline-block; width: 80px; font-weight: 400; color: #888; }
.kitchen-tour-book-bx .select-date ul li em { color: #000; font-size: 15px; letter-spacing: 0; }
.kitchen-tour-book-bx .select-date ul li.disabled * { color: #ddd; }
.kitchen-tour-book-bx .transportation { padding: 48px 16px 8px; }
.kitchen-tour-book-bx .transportation h3{ font-size:16px;}
.kitchen-tour-book-bx .transportation p:not(:first-child) { padding-top: 14px; }
.kitchen-tour-book-bx .transportation .txt { display: block; padding: 6px 0 0 32px; color: #666; }
.kitchen-tour-book-bx .transportation a { margin-top: 4px; font-size: 14px; line-height: 22px; color: #666; }
.kitchen-tour-book-bx .bookerInfo { padding: 40px 16px 3px; }
.kitchen-tour-book-bx .bookerInfo h3, .kitchen-tour-book-bx .bookerInfo h2 { padding: 0 0 4px; font-size: 16px; line-height: 24px; color: #000; font-weight: 700; }
.kitchen-tour-book-bx .bookerInfo > div, .kitchen-tour-book-bx .bookerInfo > p { position: relative; padding-top: 10px; }
.kitchen-tour-book-bx .bookerInfo .id-select-lst { top: 57px; left: 0; right: auto; width: 100%; }
.kitchen-tour-book-bx .guide { padding: 20px 16px 0; }
.kitchen-tour-book-bx .guide p:not(:first-child) { padding-top: 14px; }
.kitchen-tour-book-bx .guide p { color: #666; }
.kitchen-tour-book-bx .guide p strong { font-family: 'NotoSerif'; font-size: 22px; line-height: 32px; font-weight: 300; letter-spacing: -0.3px; color: #000; }
.kitchen-tour-book-bx .bookSummary dt { padding: 24px 16px 20px; font-weight: 700; font-size: 16px; line-height: 24px; color: #000; }
.kitchen-tour-book-bx .bookSummary dt:not(:first-child) { border-top: 10px solid #f5f5f5; }
.kitchen-tour-book-bx .bookSummary dt:first-child { padding-top: 32px; }
.kitchen-tour-book-bx .bookSummary dd { padding: 0 16px 24px; font-size: 14px; line-height: 24px; color: #888; }
.kitchen-tour-book-bx .bookSummary dd.date { color: #000; }
.kitchen-tour-book-bx .bookSummary dd.date em { font-size: 15px; letter-spacing: 0; margin-right: 2px; }
.kitchen-tour-book-bx .bookSummary dd.date em:not(:first-child) { margin-left: 12px; }
.kitchen-tour-book-bx .bookSummary ul li { display: flex; line-height: 24px; }
.kitchen-tour-book-bx .bookSummary ul li:not(:first-child) { padding-top: 10px; }
.kitchen-tour-book-bx .bookSummary ul li span { margin-left: auto; }
.kitchen-tour-book-bx .bookSummary ul li span.em { font-weight: 700; color: #000; }
.kitchen-tour-book-bx .bookSummary ul li em { letter-spacing: 0; margin-right: 2px; }
.kitchen-tour-book-bx .bookSummary .booker ul li span { color: #000; }
.kitchen-tour-book-bx .bookSummary .booker ul li span.pw em { color: #888; letter-spacing: 3px; font-size: 18px; }
.kitchen-tour-book-bx .notice { padding: 12px 16px 48px; border-bottom: 10px solid #f5f5f5; border-top: 10px solid #f5f5f5; }
.kitchen-tour-book-bx .notice.type2 { padding: 24px 16px 0; border-bottom: 10px solid #f5f5f5; border-top:0; }
.kitchen-tour-book-bx .notice .title{ padding-bottom: 16px; font-size: 16px; color:#000; font-weight: 700;}
.kitchen-tour-book-bx .notice h3 { font-size: 16px; line-height: 26px; padding-bottom: 14px; font-weight: 400; color: #000; }
.kitchen-tour-book-bx .notice ul { margin-bottom: 24px; }
.kitchen-tour-book-bx .notice ul li { word-break: keep-all; }
.kitchen-tour-book-bx .notice .form-txt { color: #666; }
.kitchen-tour-book-bx .bookInfo { padding: 20px 16px; }
.kitchen-tour-book-bx .bookInfo ul li:not(:first-child) { padding-top: 10px; }
.kitchen-tour-book-bx .bookInfo ul li strong { display: inline-block; width: 112px; font-weight: 400; color: #888; }
.kitchen-tour-book-bx .bookInfo ul li span { color: #000; }
.kitchen-tour-book-bx .bookInfo ul li em { font-size: 15px; color: #000; letter-spacing: 0; }
.kitchen-tour-book-bx .bookInfo ul li em:first-child { margin-right: 2px; }
.kitchen-tour-book-bx .bookInfo ul li em:nth-child(2) { margin-left: 12px; }
.kitchen-tour-book-bx .bookInfo p { margin-top: 20px; padding-top: 14px; font-size: 12px; line-height: 18px; color: #888; border-top: 1px solid #eee; }
.needChk input { position: absolute; width: 0; height: 0; opacity: 0; font-size: 0; overflow: hidden; }
.needChk label { position: relative; display: block; padding: 13px 50px 10px 20px; color: #000; border: 1px solid #e5e5e5; border-radius: 4px; }
.needChk label:after { content: ''; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(../images/brand/icon-checktype01-off.png) no-repeat left top; }
.needChk input:checked + label { border: 1px solid #0fd6f7; }
.needChk input:checked + label:after { background: url(../images/brand/icon-checktype01-on.png) no-repeat left top; }
.process-done { width: 100%; height: calc((var(--vh, 1vh) * 100) + -200px); display: flex; flex-direction: column; padding: 0 16px 0; text-align: center; }
.process-done p { padding-top: 16px; }
.process-done p.px-16 { padding: 16px 16px 0; }
.process-done p:first-child { margin-top: auto; }
.process-done p:last-child { margin-bottom: auto; }
.process-done .noti { padding-top: 144px; font-family: 'NotoSerif'; color: #000; font-size: 22px; line-height: 32px; }
.process-done .date { padding-right: 12px; color: #000; font-size: 14px; font-weight: 700; letter-spacing: 0; }
.process-done .date em { font-size: 15px; margin-right: 2px; margin-left: 12px; letter-spacing: 0; }
.process-done .txt { color: #666; }
.kitchen-tour-book-bx .process-done .noti { background: url(../images/brand/illust-end-com.png) no-repeat center top; background-size: 125px auto; }
.kitchen-tour-book-bx .process-done.cancel .noti { background-image: url(../images/brand/illust-end-cancel.png); }
.kitchen-tour-lst h2 { padding: 20px 16px 1px 16px; font-weight: 700; font-size: 16px; line-height: 24px; color: #000; }
.kitchen-tour-lst .completed h2 { padding-top: 32px; }
.kitchen-tour-lst .unit { padding-top: 24px; border-bottom: 10px solid #f5f5f5; }
.kitchen-tour-lst .btns { display: flex; padding: 24px 12px; }
.kitchen-tour-lst .btns > * { margin: 0 4px; border: 1px solid #eee; font-weight: 400; }
.kitchen-tour-lst .schedule { display: flex; margin: 0 16px; padding-left: 32px; height: 24px; background: url(../images/brand/icon-info-alarm-tour.svg) no-repeat left center; }
.kitchen-tour-lst .completed .schedule { background-image: url(../images/brand/icon-info-alarm-tour-com.svg); }
.kitchen-tour-lst .schedule em { margin-right: 2px; font-size: 15px; line-height: 24px; color: #000; letter-spacing: 0; }
.kitchen-tour-lst .schedule span { margin-right: 10px; line-height: 24px; font-size: 14px; color: #000; }
.kitchen-tour-lst .schedule > *:last-child { margin: 0 0 0 auto; }
.kitchen-tour-lst .schedule *[class*='label-tour-'] { margin: auto 0 auto 12px; }
.kitchen-tour-lst .warnning { margin: 18px 16px 0; padding: 5px 0; text-align: center; font-size: 14px; line-height: 22px; background: #f9f9f9; border-radius: 4px; }
.kitchen-tour-lst .unit.soon .txt { position: relative; height: 141px; margin: 0 16px; padding: 28px 140px 0 20px; color: #fff; font-size: 14px; line-height: 22px; background: #65cac0; border-bottom: 1px solid #8cd8d0; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.kitchen-tour-lst .unit.soon .txt:after { content: ''; position: absolute; right: 6px; bottom: -1px; display: block; width: 128px; height: 128px; background: url(../images/brand/illu-my-tour-alarm.png) no-repeat right top; background-size: 128px auto; }
.kitchen-tour-lst .unit.soon .schedule { height: 49px; padding: 0 24px; background: #65cac0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.kitchen-tour-lst .unit.soon .schedule * { line-height: 49px; color: #fff; font-weight: 700; }
.kitchen-tour-lst .unit.soon .schedule + .btns { padding-top: 14px; }
.kitchen-tour-detail{ padding-bottom: 70px; }
.kitchen-tour-detail h2 { text-align: center; padding: 20px 16px 24px; font-family: 'NotoSerif'; font-size: 22px; line-height: 32px; font-weight: 300; color: #000; }
.kitchen-tour-detail .bookInfo { height: 190px; background: #65cac0; }
.kitchen-tour-detail.completed .bookInfo { background: #7f7e91; }
.kitchen-tour-detail .bookInfo .txt { position: relative; height: 141px; padding: 28px 16px 0; font-size: 14px; line-height: 22px; color: #fff; }
.kitchen-tour-detail .bookInfo .txt:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: 0.3; }
.kitchen-tour-detail .bookInfo *[class*='label-tour'] { display: block; margin-bottom: 8px; }
.kitchen-tour-detail .bookInfo .schedule { display: flex; padding: 0 16px; line-height: 49px; font-weight: 700; }
.kitchen-tour-detail .bookInfo .schedule em { margin-right: 2px; font-family: 'Roboto'; font-size: 15px; color: #fff; }
.kitchen-tour-detail .bookInfo .schedule span { margin-right: 10px; font-size: 14px; color: #fff; }
.kitchen-tour-detail .bookInfo .schedule > *:last-child { margin: 0 0 0 auto; }
.kitchen-tour-detail .bookerInfo { padding: 24px 16px; border-bottom: 10px solid #f5f5f5; }
.kitchen-tour-detail .bookerInfo ul { padding-bottom: 24px; }
.kitchen-tour-detail .bookerInfo ul li { display: flex; font-size: 14px; line-height: 22px; letter-spacing: 0; color: #000; }
.kitchen-tour-detail .bookerInfo ul li span { width: 112px; color: #888; }
.kitchen-tour-detail .bookerInfo ul li:not(:first-child) { padding-top: 10px; }
.kitchen-tour-detail .bookerInfo button { font-weight: 400; border-radius: 4px; border: 1px solid #eee; }
.kitchen-tour-detail .bookerInfo button:disabled { border: none; }
.kitchen-tour-detail .bookerInfo button span { line-height: 20px; }
.kitchen-tour-detail .emphasis-btn-bx { display: flex; padding: 16px 12px; }
.kitchen-tour-detail .emphasis-btn-bx button + button { margin-left:8px !important; font-weight: 400; }
.kitchen-tour-detail .emphasis-btn-bx button span { line-height: 24px; }
.kitchen-tour-detail .member-assent-bx { padding-bottom: 32px; }
.kitchen-tour-detail .member-assent-bx > button { padding: 15px 16px; }
.kitchen-tour-detail .member-assent-bx > button:after { top: 50%; transform: translateY(-50%); }
.kitchen-tour-detail .member-assent-bx > div { padding-top: 20px; border-top: 1px solid #eee; }
.modal-wrap .alrt_txt .schedule { display: flex; font-weight: 700; color: #000; }
.modal-wrap .alrt_txt .schedule em { margin-right: 2px; font-family: 'Roboto'; font-size: 15px; letter-spacing: 0; }
.modal-wrap .alrt_txt .schedule span { margin-right: 10px; font-size: 14px; }
.modal-wrap .alrt_txt .schedule em + span { margin-left: 10px; }
.glyde-thread-bx .best-article { padding: 32px 0 40px 0; border-bottom: 10px solid #f5f5f5; }
.glyde-thread-bx .best-article h2 { text-align: center; padding-bottom: 27px; line-height: 32px; font-size: 22px; font-family: 'NotoSerif'; font-weight: 300; color: #000; }
.glyde-thread-bx .best-article h2 strong { display: block; padding-bottom: 14px; font-size: 12px; line-height: 18px; font-family: 'NotoSans'; color: #d0ab7d; }
.glyde-thread-bx .notice-write-bx .txt-sty3 em { letter-spacing: 0; }
.thread-article-lst .sorting { display: flex; height: 40px; padding-right: 16px; border-bottom: 1px solid #eeeeee; }
.thread-article-lst .sorting > * { float: none; }
.thread-article-lst .sorting button { font-size: 14px; }
.thread-article-lst .sorting > label { margin: auto 0 auto auto; }
.thread-article-lst .sorting > label.chk-box-16 input { margin-top: 1px; }
.thread-article-lst .sorting > label.chk-box-16 .form-txt { line-height: 22px; padding: 1px 0 0 4px; }
.thread-article-lst .unit { padding-top: 24px; border-bottom: 10px solid #f5f5f5; }
.thread-article-lst .unit .thread-article-item { margin: 0 16px 24px; }
.thread-article-lst .unit .thread-article-item .tit { font-size: 18px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.brand-write-bx { padding-top: 20px; }
.brand-write-bx .guide { padding: 19px 12px 21px; margin-bottom: 24px; background: #f9f9f9; margin-top: -20px; }
.brand-write-bx .guide p { padding-bottom: 2px; font-size: 14px; line-height: 22px; color: #666; font-weight: 700; }
.brand-write-bx .guide p em { letter-spacing: 0; margin-left: 5px; font-size: 13px; }
.brand-write-bx .guide .lst-txt-type > li { margin: 0; }
.brand-write-bx .guide .lst-txt-type > li span { font-weight: 700; color: #0fd6f7; }
.brand-write-bx .guide .lst-txt-type > li em { font-size: 13px; letter-spacing: 0; }
.brand-write-bx .btn-select-sty2:disabled, .brand-write-bx .btn-select-sty2:disabled input { color: #000; }
.brand-write-bx .select-actionseet-wrap, .brand-write-bx .counsel-default { padding-bottom: 10px; }
.brand-write-bx .goods-name-box.disabled + a.btn-write-srh { display: block; }
.brand-write-bx .title { padding: 0 16px 10px; }
.brand-write-bx .input-form { width: 100%; }
.brand-write-bx .unit { position: relative; padding-top: 48px; border-bottom: 1px solid #eee; }
.brand-write-bx .unit-bx { padding: 0 16px; }
.brand-write-bx .unit-bx .unit:first-child { padding-top: 0px; }
.brand-write-bx .unit textarea { height: 160px; border: 1px solid #eee; border-radius: 4px; font-size: 14px; -webkit-appearance: none; }
.brand-write-bx .unit.focusing textarea { border: 1px solid #888; }
.brand-write-bx .unit textarea::-webkit-input-placeholder { color: #ccc; }
.brand-write-bx .unit .btn-delete { position: absolute; width: 24px; height: 24px; top: 20px; right: 0; background: url(../images/brand/icon-button-list-delete.svg) no-repeat center center; }
.brand-write-bx .unit-bx .unit:first-child .btn-delete { display: none; }
.brand-write-bx .label-first { position: absolute; top: 2px; left: 4px; }
.brand-write-bx .unit .attch-item-img.first .label-first { display: inline-block; }
.brand-write-bx .attachfiles-block { padding: 24px 0; }
.brand-write-bx .attachfiles-block > *:not(.btn-attach-wrap) { display: flex; }
.brand-write-bx .attach-link span { display: inline-block; font-size: 15px; line-height: 24px; color: #d0ab7d; text-decoration: underline; }
.brand-write-bx .attach-link button { position: static; width: 24px; height: 24px; margin-left: 8px; background: none; vertical-align: top; }
.brand-write-bx .attachfiles-block .chk-box-16 { margin-left: 14px; margin-top: auto; }
.brand-write-bx .attachfiles-block .chk-box-16 span { display: inline-block; line-height: 22px; margin-left: 4px; font-size: 14px; color: #888; vertical-align: middle; }
.brand-write-bx .more { padding: 24px 0 60px; text-align: center; }
.brand-write-bx .btn-more { width: 32px; height: 32px; background: #0fd6f7 url(../images/button/Icon_Button_Plus_24_white.svg) no-repeat center center; border-radius: 50%; }
.brand-write-bx .review-guide2-block { border-top: 10px solid #f5f5f5; }

/* 글라이드보이스 신청페이지 */
.voice-apply-box {text-align: center; color: #000;}
.voice-apply-box .top-section .title-box{ padding: 40px 0 30px; background-color: #f1fcff;}
.voice-apply-box .top-section .title-box .title{ padding-bottom: 15px; font-size: 22px; line-height: 32px}
.voice-apply-box .top-section .title-box .date{ letter-spacing: 0; color: #666;}
.voice-apply-box .top-section img{ width: 100%; }
.voice-apply-box .top-section .desc1{ padding: 40px 0 15px; font-size: 18px; line-height: 28px; }
.voice-apply-box .top-section .desc2{ padding-bottom: 40px; font-size: 18px; line-height: 28px; font-weight: 700;}
.voice-apply-box .apply-info-section { padding: 30px 0; background-color: #f9f9f9;}
.voice-apply-box .active-info-section { padding: 40px 0; }
.voice-apply-box dl + dl{ margin-top: 30px; }
.voice-apply-box dt{ margin-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 700;}
.voice-apply-box dd{ font-size: 16px; line-height: 24px; line-height: 32px; }
.voice-apply-box dd strong{ display: block; font-size: 14px; color: #d0ab7d; line-height: 22px;}
.voice-apply-box .noti-box{ padding: 20px 0; margin: 0 16px; font-size: 14px; line-height: 22px; background-color: #f1fcff; border-radius: 4px;}

/* 글라이드보이스 신청폼 */
.voice-apply-form  { padding: 24px 0; }
.voice-apply-form .form-box { position: relative; padding: 0 16px; }
.voice-apply-form .form-box.check { padding-bottom: 28px; }
.voice-apply-form .form-box + .form-box { margin-top: 24px; }
.voice-apply-form .form-box .grid-type1{ padding: 0; }
.voice-apply-form .form-box .title{ margin-bottom: 12px; color: #000; font-size: 16px; }
.voice-apply-form .form-box .select-actionseet-wrap + .input-txt-sty2 { margin-top: 10px; }
.voice-apply-form .form-box .input-chk-sty { display: flex; width: 100%; }
.voice-apply-form .form-box .input-chk-sty label { width: 50%; }
.voice-apply-form .form-box .chk-box { display: flex; }
.voice-apply-form .form-box .chk-box input { flex-shrink: 0; }
.voice-apply-form .form-box .chk-box .form-txt { width: 80%; height: auto; line-height: 22px; font-size: 14px; }
.voice-apply-form .form-box .guide-lst { margin-top: 14px; padding: 16px; border-radius: 4px; background-color: #f9f9f9;}
.voice-apply-form .form-box .guide-lst li{ color: #666; font-size: 14px; line-height: 22px; }
.voice-apply-form .form-box .guide-lst li + li{ margin-top: 6px; }
.voice-apply-form .form-box .guide-lst.closed{ display: none; }
.voice-apply-form .form-box .btn-guide-close{ position: absolute; right: 16px; top: 0;}
.voice-apply-form .form-box .btn-guide-close.closed{ transform: rotate(180deg); }
.voice-apply-form .form-box .input-txt[type="number"] { width: 100%; height: 48px; padding: 13px 14px; background: #fff; border: 1px solid #eee; border-radius: 4px; color: #000; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; caret-color: #0fd6f7;}
.voice-apply-form .notice-box { padding: 24px 16px; border-top: 10px solid #F5F5F5;}
.voice-apply-form .notice-box .title{ margin-bottom: 14px; font-size: 16px; color:#000; }
.voice-apply-form .notice-box li{ color: #666; }

/* 주문결제 - 일반결제 */
.order-payment.mypage h3 { font-weight: 700; font-size: 16px; line-height: 24px; color: #000; }
.order-payment.mypage h3 + * { margin-top: 20px; padding-top: 0; }
.order-payment.mypage h3 span.sub { margin-top: 20px; padding-top: 0; font-weight: 300; color: #888; font-size: 14px;}
.order-payment.mypage *[class*="-bx"] { padding: 24px 16px; border-bottom: 10px solid #f5f5f5; }
.order-payment.mypage *[class*="-bx"]:last-child { border-bottom: 0; }
.order-payment.mypage *[class*="-bx"]:first-child { border-bottom: 10px solid #f5f5f5; }
.order-payment.mypage *[class*="-bx"] .txt { font-size: 16px; line-height: 26px; color: #000; }
.order-payment.mypage *[class*="-bx"] .txt2 { font-size: 14px; line-height: 22px; color: #666; }
.order-payment.mypage .why-cancel-bx { padding: 24px 0; }
.order-payment.mypage .why-cancel-bx > * { padding-left: 16px; padding-right: 16px; }
.photo-list { width: 100%; overflow: hidden; overflow-x: auto; }
.order-payment.mypage .why-cancel-bx .photo-list { padding: 0; margin: 16px 0 20px 0; width: 100%; overflow: hidden; overflow-x: auto; }
.photo-list ul { display: flex; flex-wrap: nowrap; width: 448px; height: 104px; box-sizing: content-box; padding: 0 12px; }
.photo-list li { position: relative; box-sizing: content-box; margin: 0 4px; }
.photo-list li img, .photo-list li .video-js { width: 104px; height: 104px; border-radius: 4px; overflow: hidden; }
.photo-list li button.play { position: absolute; width: 24px; height: 24px; left: 8px; top: 72px; background: url(../images/button/icon-info-movie.png) no-repeat center center; background-size: 24px auto; }
.photo-list li .video-js .vjs-big-play-button { font-size: 1.6em; top: initial; left: 8px; bottom: 8px; border: 0; background-color: initial;}
.photo-list li .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: ''; width: 24px; height: 24px; background: url(../images/button/icon-info-movie.png) no-repeat center center; background-size: 24px auto; }
.order-payment .info-box { display: flex; align-content: center; height: 28px; }
.order-payment .info-box > em { margin-right: 8px; line-height: 28px; font-size: 16px; font-weight: 700; color: #000; }
.order-payment .info-box > span { margin-right: 8px; line-height: 28px; font-size: 15px; color: #000; vertical-align: middle; }
.order-payment .info-box > span.msg { position: relative; font-size: 14px; }
.order-payment .info-box > i { margin-top: 3px; }
.order-payment .info-box .arrow-notice-txt { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); line-height: 18px; white-space: nowrap; }
.order-payment .info-box button { margin-left: auto;}
.order-payment .detail { max-height: 166px; overflow-y: auto; margin: 20px 0; padding: 0 16px; }
.order-payment .detail .delivery { display: flex; height: 28px; align-content: center; }
.order-payment.detail .delivery .btn-tooltip { padding-right: 10px; }
.order-payment .detail .delivery .btn-rounds-w { margin-left: auto; }
.order-payment .detail ul { padding-top: 10px; }
.order-payment .detail ul li { padding-top: 10px; }
.order-payment .detail ul li .item-info{ display: flex; }
.order-payment .detail ul li .item-free{ display: block; padding: 7px 0 4px; font-size: 13px; line-height: 20px; color: #666; }
.order-payment .detail ul li span { font-size: 14px; line-height: 22px; }
.order-payment .detail ul li span.tit { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.order-payment .detail ul li span.price { margin:0 4px 0 6px;}
.order-payment .detail ul li span.cost { font-size: 12px; color:#aaa; text-decoration: line-through; }
.order-payment .detail ul li .cost + .count{ margin-left:4px; }
.order-payment .detail ul li span.count { margin-left: 10px; text-align: right; }
.order-payment .btn-type3, .order-payment .btn-type18 { margin: 16px; width: calc(100% - 32px); }
.order-payment .btns-wrap button { margin-bottom: 10px; }
.order-payment .btns-wrap button:last-child { margin-top: 0; margin-bottom: 16px; }
.order-payment > p.noti { padding: 14px 16px 32px; line-height: 18px; color: #888; }
.prd-info-acord.active { border-bottom: 10px solid #f5f5f5; }
.prd-info-acord .summary { position: relative; display: block; width: 100%; padding: 20px 50px 20px 76px; text-align: left; background: #f9f9f9; }
.prd-info-acord .summary:before { position: absolute; right: 10px; top: 17px; width: 24px; height: 24px; content: ""; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat; }
.prd-info-acord.active .summary:before { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat; }
.prd-info-acord .summary .prd-img { position: absolute; left: 16px; top: 16px; width: 48px; height: 48px; border-radius: 50%; }
.prd-info-acord .summary .prd_info-tit { display: block; width: 100%; color: #000; font-size: 14px; line-height: 22px; font-weight: 400; }
.prd-info-acord .summary .prd_info-tit em { display: inline-block; max-width: calc(100% - 50px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; }
.prd-info-acord .summary .date { font-size: 12px; line-height: 18px; color: #000; }
.prd-info-acord .summary .date em { margin-right: 4px; font-weight: 700; color: #d0ab7d; }
.prd-info-acord .summary .change { margin-left: 10px; color: #888; }
.order-payment.mypage .gift-prd-cont, .order-payment.mypage .prd-info-acord { position: relative; }
.order-payment.mypage .prd-info-acord { border-bottom: 10px solid #f5f5f5; }
.order-payment.mypage .prd-info-acord.v2 { border-bottom: 0; }
.order-payment.mypage .prd-info-acord .summary { background: none; }
.order-payment.mypage .prd-info-acord.v2 .summary { background: #f9f9f9; }
.order-payment.mypage .prd-info-acord .summary:before { top: 50%; transform: translateY(-50%); }
.order-payment.mypage .prd-info-acord h2 { padding: 24px 0 12px 0; margin: 0 16px; line-height: 28px; font-size: 16px; font-weight: 700; color: #000; border-bottom: 1px solid #eee; }
.order-payment.mypage .prd-info-acord button.btn-order { position: absolute; right: 16px; top: 24px; }
.order-payment.mypage .prd-info-acord .summary .prd_info-tit { height: 40px; line-height: 40px; }
.order-payment.mypage .prd-info-acord.v2 .summary .prd_info-tit { height: unset; line-height: 22px; }
.order-payment.mypage .detail { max-height: 138px; margin-top: 0; }
.order-payment.order-area-lst .chk-wrap{padding-top:14px;}
.order-payment.order-area-lst .chk-wrap .form-txt{padding:0 0 0 8px; color:#666;}
.order-payment.order-area-lst .chk-wrap > button{width: 16px; height: 16px; }
.order-payment.order-area-lst .direct-txt{padding-top:10px; line-height: 18px; color:#888;}
.tab-cont .detail li{ display: flex; }
.ir_pm{display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}

/*주문자명 비노출 팝업*/
.modal-wrap.invoice .modal-layer .box-gray-bg{padding:24px; margin-bottom:24px; height:300px; background: url(../images/order/img-invoice.png) no-repeat center 60px  / 252px 208px #f5f5f5;}
.modal-wrap.invoice .modal-sty1{padding:24px 0 0 0;}
.modal-wrap.invoice .modal_tit{line-height: 24px;}
.modal-wrap.invoice .alrt_txt{padding:0 0 24px;}
.modal-wrap.invoice .dot-gray-ul li{color:#666;}

.gift-prd-cont { border-bottom: 10px solid #f5f5f5; }
.gift-prd-cont a { display: block; position: relative; width: 100%; display: flex; padding: 24px 40px 20px 16px; text-align: left; font-weight: 700; font-size: 16px; color: #000; line-height: 24px; }
.gift-prd-cont a span { margin-left: 4px; font-size: 16px; font-weight: 400; }
.gift-prd-cont a em { margin-left: auto; font-size: 12px; color: #888; font-weight: 400; }
.gift-prd-cont a:before { position: absolute; right: 10px; top: 24px; width: 24px; height: 24px; content: ""; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat; }
.gift-prd-cont.active a:before { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat; }
.gift-prd-cont .detail { display: none; }
.gift-prd-cont.active .detail { display: block; }
.gift-prd-cont a + .detail ul, .gift-prd-cont a + .detail ul li:first-child{padding-top:0} /* 20210104 */
.shipping-address { padding: 20px 16px; border-bottom: 10px solid #f5f5f5; }
.shipping-address .address-txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 50px; overflow: hidden; padding-top: 8px; line-height: 22px; font-size: 14px; color: #000; }
.shipping-address .address-txt em { color: #888; letter-spacing: 0; font-size: 16px; margin-left: 20px; }
.address-txt + .address-txt { padding-top: 0; }
.shipping-address .call-txt { padding-top: 10px; line-height: 22px; font-size: 14px; font-size: 15px; color: #000; letter-spacing: 0; }
.shipping-address .call-txt span { letter-spacing: inherit; }
.shipping-address .call-txt .chk-box.small { margin-left: 10px; height: 22px; vertical-align: top; }
.shipping-address .call-txt .chk-box.small .form-txt { height: 22px; line-height: 22px; color: #888; }
.shipping-address .call-txt .form-txt { font-size: 14px; line-height: 22px; color: #888; }
.shipping-address .delivery-txt { padding: 20px 0; font-size: 15px; font-weight: 500; color:#000; border-bottom: 1px solid #eee; }
.shipping-address .delivery-txt .title { display: block; padding-bottom: 6px; }
.shipping-address .delivery-txt span:not(.title) { display: block; font-size: 14px; line-height: 22px; font-weight: 400; color:#666; }
.shipping-address .delivery-txt span.init { color:#ff4644; }
.shipping-address .delivery-request { padding-top: 20px; }
.shipping-address .order-request-txt { padding-top: 9px; font-size: 14px; line-height: 22px; color: #000; }
.order-request-bx { position: relative; padding: 14px 0 4px 0; }
.order-request-bx .input-order-request { position: relative; height: 48px; width: 100%; background: #fff; }
.order-request-bx .input-order-request .input-type1 { position: relative; padding: 0 38px 0 0; }
.order-request-bx .input-order-request .input-type1:before { position: absolute; right: 10px; top: 50%; margin: -12px 0 0; display: block; width: 24px; height: 24px; background: #fff url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat; content: ""; }
.order-request-bx .input-order-request .input-toggle-bx { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; }
.order-request-bx .input-order-request .input-toggle-bx .input-form:disabled { color: inherit; background: #fff; color:#000;}
.order-request-bx .order-request-toggle { display: none; position: absolute; left: 0; top: 53px; padding: 8px 0; z-index: 6; border: 1px solid #888; width: 100%; border-radius: 4px; background: #fff; z-index: 20;}
.order-request-bx .order-request-toggle .order-request-lst .btn-toggle { display: block; padding: 7px 35px 7px 16px; width: 100%; min-height: 22px; text-align: left; background: #fff; font-size: 14px; color: #000; line-height: 22px; }
.order-request-bx .order-request-toggle .order-request-lst li { position: relative; }
.order-request-bx .order-request-toggle .order-request-lst .user-txt { height: 36px; }
.order-request-bx .order-request-toggle .order-request-lst li:last-child .btn-toggle { padding: 7px 35px 7px 16px; border-radius: 0 0 4px 4px; }
.order-request-bx .order-request-toggle .order-request-lst li:first-child .btn-toggle { padding: 7px 35px 7px 16px; border-radius: 4px 4px 0 0; }
.order-request-bx .order-request-toggle .btn-toggle-delete { position: absolute; right: 9px; top: 7px; display: block; z-index: 7; width: 24px; height: 24px; background: url(../images/button/Icon_Button_List_delete.svg) no-repeat; font-size: 0; z-index: 1; }
.order-request-bx.active .input-order-request .input-type1 { border: 1px solid #888; }
.order-request-bx.active .input-order-request .input-type1:before { background: #fff url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat; }
.order-request-bx.active .order-request-toggle { display: block; }
.gift-order-bx .cash-info-lst { padding-bottom: 0; border-bottom: 0; }
.gift-order-bx .cash-info-lst li:last-child { padding-bottom: 0; }
.what-to-pay { padding: 20px 16px; border-bottom: 10px solid #f5f5f5; }
.what-to-pay.disabled p * { color: #ddd; }
.what-to-pay p.noti { line-height: 18px; font-size: 12px; color: #888; }
.what-to-pay p.noti.type2 { color: #ff4644; }
.cash-form-bx { padding: 18px 16px 24px; border-bottom: 10px solid #f5f5f5; }
.cash-form-bx > p { display: flex; padding: 0 0 13px; font-size: 16px; font-weight: 700; color: #000; line-height: 22px; white-space: nowrap; }
.cash-form-bx > p span { margin-left: auto; line-height: 22px; font-size: 14px; color: #888; font-weight: 400; }
.cash-form-bx > p span em { margin-right: 2px; font-size: 15px; font-weight: 400; letter-spacing: 0; }
.cash-form-input { display: flex; }
.cash-form-input .input-type1 { flex: 1; margin-right: 8px; }
.cash-form-input .btn-type5 { width: 104px; line-height: 18px; }
.cash-form-lst{ padding-top:10px; }
.cash-form-lst > li{ position: relative; display: flex; justify-content: space-between; padding-top:10px; }
.cash-form-lst > li.disabled { color:#ddd; }
.cash-form-lst .icon-tooltip{ margin-left:4px; }
p.cash-form-desc { padding-top: 14px; padding-bottom: 0; font-weight: 400; font-size: 12px; line-height: 18px; color: #888; }
.cash-payment-bx { padding: 21px 16px 25px; border-bottom: 10px solid #f5f5f5; }
.cash-info-lst { padding-top: 3px; padding-bottom: 4px; border-bottom: 1px solid #eee; }
.cash-info-lst li { display: flex; padding-bottom: 10px; line-height: 22px; font-size: 14px; color: #888; }
.cash-info-lst li.hasChild { flex-direction: column; margin-bottom: 14px; border-bottom: 1px solid #eee; }
.cash-info-lst.v2 li.hasChild { margin-bottom: 5px; border-bottom: 0; }
.cash-info-lst li.hasChild button { display: flex; line-height: 22px; color: #888; font-size: 14px; }
.cash-info-lst li.hasChild button i { display: inline-block; width: 16px; height: 16px; margin-top: 2px; background: #fff url(../images/button/Icon_Button_Arrow_down_16.svg) no-repeat; }
.cash-info-lst li.hasChild button.active i { transform: rotate(180deg); }
.cash-info-lst li.border-none{margin-bottom:0; border-bottom:0}
.cash-info-lst li ul { padding-top: 15px; }
.cash-info-lst li ul li:last-child { padding: 0; }
.cash-info-lst li span { display: inline-block; max-width: calc(100% - 70px); margin-left: auto; font-size: 14px; line-height: 22px; color: #000; text-align: right; }
.cash-info-lst li span em { margin-right: 2px; font-size: 15px; font-family: 'Roboto'; letter-spacing: 0; }
.cash-info-lst li .total { display: block; line-height: 22px; font-weight: 700; color:#000;}
.cash-info-lst li.part { padding-top: 14px; border-top: 1px solid #000; }
.cash-info-lst.border-none{border-bottom:0; padding-bottom:0}
.cash-payment-bx .total { display: flex; padding-top: 14px; font-size: 16px; line-height: 30px; font-weight: 700; color: #000; }
.cash-payment-bx .total span { margin-left: auto; font-size: 18px; line-height: 30px; font-weight: 700; color: #000; }
.cash-payment-bx .total span em { margin-right: 2px; font-size: 22px; line-height: 30px; font-family: 'Roboto'; letter-spacing: 0; }
.cash-payment-bx .noti { margin: 20px 0 0; width: 100%; padding: 5px 16px; background: #e5fbff; text-align: center; border-radius: 4px; color: #000; font-size: 14px; line-height: 22px; }
.cash-refund-info { border-top: 1px solid #000; }
.cash-refund-info p { display: flex; padding-top: 14px; line-height: 22px; font-size: 14px; color: #888; }
.cash-refund-info.v2 p { padding-top: 19px; }
.cash-refund-info.v2 p:first-child { padding-top: 14px; }
.cash-refund-info p em { font-family: 'Roboto'; margin-right: 2px; letter-spacing: 0; }
.cash-refund-info p span { margin-left: auto; font-size: 14px; line-height: 22px; color: #000; }
.cash-refund-info p span em { font-size: 15px; }
.cash-refund-info p.total { line-height: 30px; }
.cash-refund-info p.total span { font-size: 18px; line-height: 30px; }
.cash-refund-info p.total span em { font-size: 22px; line-height: 30px; letter-spacing: 0; }
.cash-refund-info p.way { display: block; padding: 0; text-align: right; font-size: 14px; line-height: 22px; color: #000; }
.refund-payment-bx .total { display: flex; font-size: 14px; line-height: 30px; color: #888; }
.refund-payment-bx .total span { margin-left: auto; font-size: 18px; line-height: 30px; font-weight: 700; color: #000; }
.refund-payment-bx .total span em { margin-right: 2px; font-size: 22px; line-height: 30px; font-family: 'Roboto'; letter-spacing: 0; }
.order-card-info { display: block; padding: 20px 0; width: 100%; }
.order-card-info.type1 .card-number:before { display: none; }
.order-card-info .card-tit { display: block; float: left; font-size: 16px; line-height: 31px; height: 31px; color: #000; font-weight: 700; }
.order-card-info .card-info { float: left; padding: 0 0 0 10px; }
.order-card-info .card-number { position: relative; display: block; float: left; padding: 0 14px 0 0; font-size: 15px; line-height: 30px; height: 31px; color: #000; }
.order-card-info .card-number:before { position: absolute; right: 5px; top: 14px; background: #ccc; width: 2px; height: 2px; content: ""; }
.order-card-info .card-txt { display: block; position: relative; float: left; font-size: 14px; line-height: 30px; height: 31px; color: #000; }
.order-card-info .order-add-bx { display: block; position: relative; height: 31px; }
.order-card-info .order-add-bx:before { content: ""; clear: both; display: block; }
.order-card-info .card-txt .arrow-notice-txt { position: absolute; left: 50%; top: -21px; margin: 0 0 0 -18.5px; width: 42px; }
.order-card-info .btn-rounds-w { float: right; }
.order-card-info .order-bottom-txt { margin: 0 0 -4px; font-size: 12px; line-height: 18px; color: #888; }
.order-card-info .pay-icon { display: block; float: left; padding: 4px 0 0; }
.delvery-date-popup .modal-layer { height: auto; max-height: 95vh; }
.delvery-date-popup .modal-layer .scr_txt { overflow-y: auto; max-height: calc(95vh - 64px - 48px); }
.delvery-date-popup .pop-delevery-cont .pop-cont-tit { display: block; padding: 0 0 14px; font-size: 14px; color: #333; line-height: 22px; }
.delvery-date-popup .pop-delevery-cont .sub-desc { padding-bottom: 24px;}
.delvery-date-popup .pop-delevery-cont .lst-txt-type01 { padding: 0 0 23px; }
.delvery-date-popup .pop-delevery-cont .ico-notice-lst { margin: 24px 0 0; }
.delvery-date-popup .alrt_txt.scr_txt { padding: 0 24px 32px; }
.delivery-date-popup2{position: absolute; left:16px; top:75px; width:280px; height: auto; z-index: 10; background:#fff; color:#333;}
.delivery-date-popup2.type2{ width:328px;}
.delivery-date-popup2 .modal-layer{padding:18px 40px 18px 24px; border:1px solid #888; border-radius: 4px;}
.delivery-date-popup2 .modal-layer .info-txt{margin-top:0; font-size: 12px; line-height: 18px; color:#333; }
.delivery-date-popup2 .modal-layer .info-txt + .info-txt{margin-top:4px;}
.delivery-date-popup2 .modal-layer .info-sub{display: block; padding-top:6px; font-size: 12px; line-height: 18px; color:#888;}
.delivery-date-popup2 .modal-layer .icon-header-close{position: absolute; top:0; right:0; width: 40px; height: 40px; background-size: 24px; background-position: 6px 12px;}
.delivery-date-popup2.line2 .modal-layer .icon-header-close{background-position:8px 8px;}
.delivery-date-popup2 .tool-tit{ margin-bottom: 10px; font-size: 14px; }
.delivery-date-popup2 .product-cash{ display: flex; justify-content: space-between; padding:10px 12px; background: #f9f9f9; font-size:12px; color:#666; border-bottom: 1px solid #eee; }
.delivery-date-popup2 .cash-empty{ padding:10px 12px; font-size:12px; background: #f9f9f9; }
.delivery-date-popup2 .product-cash .item{ width: 60%; }
.delivery-date-popup2 .product-cash .num{ display: inline-block; min-width: 36px; text-align: right; }

.order-payment .member-assent-bx { width: auto; margin: 0 16px; border-bottom: 1px solid #eee; }
.order-payment .member-assent-bx p.chk { display: flex; height: 38px; margin: 24px 0 0 0; }
.order-payment .member-assent-bx p.chk .chk-box { overflow: visible; }
.order-payment .member-assent-bx p.chk .chk-box .form-txt { font-weight: 700; }
.order-payment .member-assent-bx.active p.chk { border: none; }
.order-payment .member-assent-bx p.chk button { width: 24px; height: 24px; margin: 0 0 0 auto; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat right center; }
.order-payment .member-assent-bx.active p.chk button { transform: rotateX(180deg); }
.order-payment .member-assent-bx div { padding: 6px 0 3px 0; }
.cs-history-lst li { position: relative; display: flex; margin-top: 10px; }
.cs-history-lst li:first-child { margin-top: 0; }
.cs-history-lst li button { margin-left: auto; }
.cs-history-lst .csh-date { font-size: 15px; line-height: 28px; letter-spacing: 0; color: #000; }
.cs-history-lst .csh-txt { padding-left: 7px; font-size: 14px; line-height: 28px; color: #888; }

/*주문결제 - 결제수단*/
.pay-method-box { padding: 16px 0; }
.pay-method-box .notice-box { margin: 8px 0 16px; padding: 16px; background-color: #fef1f4; border-radius: 4px; line-height: 18px; color: #333; }
.pay-method-box .notice-box .title { margin-bottom: 5px; padding-left: 22px; font-size: 14px; color: #ff4644; font-weight: 700; background: url(../images/pay/icon-info-information-red.svg) no-repeat;}
.pay-method-box .methodtit-wrap{display: flex; justify-content: space-between; padding:20px 16px 16px;}
.pay-method-box .methodtit-wrap .method-title{padding:0; margin:0;}
.pay-method-box .methodtit-wrap .btn-tooltip{text-decoration: underline;}
.pay-method-box .method-title { margin-bottom: 16px; padding: 0 16px; color: #000; font-size: 16px; }
.pay-method-box .method-title span { color: #888; font-weight: 400; font-size: 12px; }
.pay-method-box .method + .method-title { margin-top: 20px; }
.pay-method-box .method { padding-bottom: 10px; }
.pay-method-box .method > div { display: none; padding: 0 0 22px 0; }
.pay-method-box .method.active > div { display: block; }
.pay-method-box .method > button { display: flex; width: calc(100% - 32px); height: 48px; padding: 11px 10px 13px 16px; margin: 0 16px; font-size: 14px; line-height: 24px; color: #000; text-align: left; border: 1px solid #eee; border-radius: 4px; }
.pay-method-box .method > button:disabled{background: #f9f9f9; color:#ddd;}
.pay-method-box .method > button:disabled:after{background: url(../images/button/Icon_Button_Arrow_down_24_disable.svg) no-repeat; }
.pay-method-box .method > button:disabled span{background: #f5f5f5; color:#ddd;}
.pay-method-box .method > button:after { content: ''; width: 24px; height: 24px; margin: auto 0 auto auto; background: url(../images/button/Icon_Button_Arrow_down_24_gray.svg) no-repeat; }
.pay-method-box .method > button img { vertical-align: top; }
.pay-method-box .method > button span { display: none; }
.pay-method-box .method.noAdd > button { position: relative; }
.pay-method-box .method.noAdd > button:after { display: none; }
.pay-method-box .method.noAdd > button span { display: inline-block; position: absolute; top: 10px; right: 10px; width: 53px; height: 28px; line-height: 28px; border-radius: 14px; border: 1px solid #eee; text-align: center; }
.pay-method-box .method.noAdd.active > button span { display: none; }
.pay-method-box .method.noAdd.active > button:after { display: block; }
.pay-method-box .method.active > button { color: #0fd6f7; font-weight: 700; border-color: #0fd6f7; }
.pay-method-box .method.active > button:after { background-image: url(../images/button/Icon_Button_Arrow_down_24_bule.svg); }
.pay-method-box .method.diasble > button { border-color: #eee; background: #f9f9f9; }
.pay-method-box .method.diasble > button span { background: #F5F5F5; color: #ddd; border: 0; }
.pay-method-box .method.choice > button { position: relative; }
.pay-method-box .method.choice > button:after { display: none; }
.pay-method-box .method.choice > button span { display: inline-block; position: absolute; top: 10px; right: 10px; width: 53px; height: 28px; line-height: 28px; border-radius: 14px; border: 1px solid #eee; text-align: center; }
.pay-method-box .method.choice.active > button { color: #0fd6f7; border-color: #0fd6f7; }
.pay-method-box .method.choice.active > button span{ background-color: #0fd6f7; color: #fff; font-weight: 500; border-color: #0fd6f7; }
.pay-method-box .method .btns { padding: 0 16px; }
.pay-method-box .method .btns .btn-type6 { line-height: 20px; border: none; }
.pay-method-box .method-desc { padding-left: 16px; padding-bottom: 20px; font-size: 12px; line-height: 18px; color: #888; }

/*주문결제 - 결제방법*/
.order-payment .pay-method-box .method-list-wrap { padding: 8px 0 0;}
.order-payment .pay-method-box .method-list + .method-list{ margin-top:24px; }
.order-payment .pay-method-box{ padding: 0 16px; border-bottom: 10px solid #f9f9f9;}
.order-payment .pay-method-box .pay-slider{ margin: 0 -16px;}
.order-payment .pay-method-box .pay-slider .add-payment{ display: flex; flex-direction: column;}
.order-payment .pay-method-box .pay-slider .add-payment span{ padding-top: 24px; height:unset;  }
.order-payment .pay-method-box .pay-slider .add-payment span:first-child{ font-size: 16px; color:#000; }
.order-payment .pay-method-box .pay-slider .add-payment span:last-child{ padding-top: 3px; height:unset; font-size:12px; line-height: 16px; color:#666; }
.order-payment .pay-method-box .pay-slider .add-payment span:last-child::before{ content: none;}
.order-payment .pay-benefit{ margin:24px 0; padding:14px 16px 16px; background: #f9f9f9;}
.order-payment .pay-benefit .ico-arrow-right16{ color:#333;}
.order-payment .btn-change-payway{ color:#666;}
.order-payment .pay-slider .paging .swiper-pagination-current { font-weight: 500; }
.order-payment .pay-method-box .cash-receipts { margin-bottom: 16px; }
.simplepay-list { display:flex; flex-wrap: wrap; align-items: center; padding-top:14px;}
.simplepay-list li{ width: 50%; padding-top:10px;}
.simplepay-list li + li{ margin-top:0;}
.simplepay-list li:nth-child(2n){ padding-left:8px; }
.simplepay-list .simplepay-btn{ width:100%; height:48px; border:1px solid #eee; border-radius: 4px;}
.simplepay-list .simplepay-btn.on{ border:1px solid #0FD6F7;}
.simplepay-list .simplepay-btn .toss{ width:90px;}
.cash-receipts-wrap .recipt-desc{ display: block; padding: 0 16px;}

.pay-slider .swiper-wrapper { padding-left: calc( (100% - 240px)/2); }
.pay-slider .swiper-slide { padding-top: 25px; padding-bottom: 26px; height: calc(140px + 25px + 26px); width: 250px; }
.pay-slider .paging.swiper-pagination-fraction { display: block; padding-top: 0; line-height: 24px; text-align: center; font-size: 14px; font-weight: 300; color: #ccc; }
.pay-slider .paging.swiper-pagination-fraction.swiper-pagination-lock { display: none; }
.pay-slider .paging .swiper-pagination-current { color: #000; font-size: 14px; font-weight: 400; }
.pay-method-box .card > p { padding: 8px 16px 14px; text-align: right; }
.pay-method-box .card > *[class*="swiper-container-"] + p { padding-top: 16px; }
.pay-method-box .card > p button { display: inline-block; }
.pay-way-card { position: relative; width: 250px; height: 140px; display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; border-radius: 6px; }
.pwy-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; }
.pay-slider *[class*="card-"] { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; border-radius: 6px; background: #fdfdfd url(../images/pay/pay-card-logo-hana.svg) no-repeat 20px 26px; background-size: auto 24px; }
.pay-slider *[class*="card-"]:before { content: ''; overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; text-indent: -99999px; }
.pay-slider *[class*="card-"]:after { position: absolute; right: 20px; top: 22px; content: ''; display: block; width: 32px; height: 32px; background: url(../images/pay/card-chip.svg) no-repeat center center; }
.pay-slider .card-01 { background-color: #1e8f7f; }

/*하나*/
.pay-slider .card-01:before { content: '하나카드'; }
.pay-slider .card-03 { background-color: #5a40a6; background-image: url(../images/pay/pay-card-logo-lotte.svg); }
/*롯데*/
.pay-slider .card-03:before { content: '롯데카드'; }
.pay-slider .card-04 { background-color: #333333; background-image: url(../images/pay/pay-card-logo-hyundai.svg); }
/*현대*/
.pay-slider .card-04:before { content: '현대카드'; }
.pay-slider .card-06 { background-color: #f3ae00; background-image: url(../images/pay/pay-card-logo-kookmin.svg); }
/*KB*/
.pay-slider .card-06:before { content: 'KB국민카드'; }
.pay-slider .card-11 { background-color: #dd343a; background-image: url(../images/pay/pay-card-logo-bc.svg); }
/*BC*/
.pay-slider .card-11:before { content: 'BC카드'; }
.pay-slider .card-12 { background-color: #105099; background-image: url(../images/pay/pay-card-logo-samsung.svg); }
/*삼성*/
.pay-slider .card-12:before { content: '삼성카드'; }
.pay-slider .card-14 { background-color: #0076bf; background-image: url(../images/pay/pay-card-logo-shinhan.png); }
/*신한*/
.pay-slider .card-14:before { content: '신한카드'; }
.pay-slider .card-16 { background-color: #1650a7; background-image: url(../images/pay/pay-card-logo-nonghyup.svg); }
/*NH*/
.pay-slider .card-16:before { content: 'NH농협카드'; }
.pay-way-bank { position: relative; width: 250px; height: 140px; display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; background: #fdfdfd url(../images/noimage/Thumnail_bank.svg) no-repeat 0 0; background-size: cover; }
.pay-slider *[class*="bank-"] { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 10px; border-radius: 6px; background: #fdfdfd url(../images/pay/pay-bank-logo-kdg.svg) no-repeat 20px 26px; background-size: auto 24px; }
.pay-slider *[class*="bank-"]:before { content: ''; overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; text-indent: -99999px; }
.pay-slider *[class*="bank-"]:after { position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 100%; height: 14px; background: url(../images/pay/bank-layer.svg) no-repeat left bottom; }
.pay-slider .bank-002 { background-color: #1c4992; }
/*KDB산업은행*/
.pay-slider .bank-002:before { content: 'KDB산업은행'; }
.pay-slider .bank-003 { background-color: #35bad1; background-image: url(../images/pay/pay-bank-logo-kiup.svg); }
/*IBK기업은행*/
.pay-slider .bank-003:before { content: 'IBK기업은행'; }
.pay-slider .bank-004 { background-color: #f3ae00; background-image: url(../images/pay/pay-bank-logo-kookmin.svg); }
/*국민*/
.pay-slider .bank-004:before { content: '국민은행'; }
.pay-slider .bank-007 { background-color: #066baf; background-image: url(../images/pay/pay-bank-logo-suhyup.svg); }
/*수협은행*/
.pay-slider .bank-007:before { content: '수협은행'; }
.pay-slider .bank-011 { background-color: #1650a7; background-image: url(../images/pay/pay-bank-logo-nonghyup.svg); }
/*NH*/
.pay-slider .bank-011:before { content: 'NH농협은행'; }
.pay-slider .bank-020 { background-color: #2fa0de; background-image: url(../images/pay/pay-bank-logo-woori.svg); }
/*우리은행*/
.pay-slider .bank-020:before { content: '우리은행'; }
.pay-slider .bank-023 { background-color: #0f79a7; background-image: url(../images/pay/pay-bank-logo-sc.svg); }
/*SC제일은행*/
.pay-slider .bank-023:before { content: 'SC제일은행'; }
.pay-slider .bank-027 { background-color: #0d3e72; background-image: url(../images/pay/pay-bank-logo-citi.svg); }
/*씨티*/
.pay-slider .bank-027:before { content: '씨티은행'; }
.pay-slider .bank-031 { background-color: #00a5a9; background-image: url(../images/pay/pay-bank-logo-daegu.svg); }
/*DGB대구은행*/
.pay-slider .bank-031:before { content: 'DGB대구은행'; }
.pay-slider .bank-032 { background-color: #dd343a; background-image: url(../images/pay/pay-bank-logo-busan.svg); }
/*BNK부산은행*/
.pay-slider .bank-032:before { content: 'BNK부산은행'; }
.pay-slider .bank-034 { background-color: #609fcf; background-image: url(../images/pay/pay-bank-logo-kwangju.svg); }
/*광주은행*/
.pay-slider .bank-034:before { content: '광주은행'; }
.pay-slider .bank-035 { background-color: #0076bf; background-image: url(../images/pay/pay-bank-logo-jeju.png); }
/*제주은행*/
.pay-slider .bank-035:before { content: '제주은행'; }
.pay-slider .bank-037 { background-color: #609fcf; background-image: url(../images/pay/pay-bank-logo-jeonbuk.svg); }
/*전북은행*/
.pay-slider .bank-037:before { content: '전북은행'; }
.pay-slider .bank-039 { background-color: #dd343a; background-image: url(../images/pay/pay-bank-logo-kyongnam.svg); }
/*BNK경남은행*/
.pay-slider .bank-039:before { content: 'BNK경남은행'; }
.pay-slider .bank-045 { background-color: #698cd0; background-image: url(../images/pay/pay-bank-logo-mg.svg); }
/*MG새마을금고*/
.pay-slider .bank-045:before { content: 'MG새마을금고'; }
.pay-slider .bank-048 { background-color: #000; background-image: url(../images/pay/pay-bank-logo-shinhyup.svg); }
/*신협*/
.pay-slider .bank-048:before { content: '신협'; }
.pay-slider .bank-071 { background-color: #000; background-image: url(../images/pay/pay-bank-logo-post.svg); }
/*우체국*/
.pay-slider .bank-071:before { content: '우체국'; }
.pay-slider .bank-081 { background-color: #1e8f7f; background-image: url(../images/pay/pay-bank-logo-hana.svg); }
/*하나은행*/
.pay-slider .bank-081:before { content: '하나은행'; }
.pay-slider .bank-088 { background-color: #0076bf; background-image: url(../images/pay/pay-bank-logo-shinhan.png); }
/*신한은행*/
.pay-slider .bank-088:before { content: '신한은행'; }
.pay-slider .bank-089 { background-color: #e15b6f; background-image: url(../images/pay/pay-bank-logo-kbank.svg); }
/*K bank*/
.pay-slider .bank-089:before { content: 'K bank'; }
.pay-slider .bank-090 { background-color: #fdb913; background-image: url(../images/pay/pay-bank-logo-kakao.svg); }

/*kakaobank*/
.pay-slider .bank-090:before { content: 'kakaobank'; }
.pay-slider .num { display: flex; padding: 0 10px; z-index: 1; }
.pay-slider .num:last-child { padding-bottom: 10px; }
.pay-slider .num span { flex: 1; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center; color: #fff; opacity: 0.4; }
.pay-slider .num span:first-child { text-align: left; }
.pay-slider .num span:last-child { text-align: right; }
.pay-slider .pay-way-bank .num span:last-child { flex: 2; padding-bottom: 10px; }
.pay-slider *[class*="bank-"] .num span { flex: none; margin-right: 10px; }
.pay-slider .add-payment { width: 250px; height: 140px; background: #fdfdfd; border: 1px solid #eee; border-radius: 6px; }
.pay-slider .add-payment span { display: flex; flex-direction: column; width: 100%; height: 100%; padding-top: 40px; font-size: 14px; line-height: 22px; color: #000; }
.pay-slider .add-payment span:before { content: ''; width: 32px; height: 32px; margin: 0 auto 10px auto; background: #0fd6f7 url(../images/button/Icon_Button_Plus_24_white.svg) no-repeat center center; border-radius: 50%; }
.pay-slider .btn-lightpay { display: flex; width: 230px; height: 36px; padding: 0 10px 0 14px; margin-top: 12px; text-align: left; background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; z-index: 1; }
.pay-slider .btn-lightpay span { color: #fff; font-size: 14px; line-height: 36px; }
.pay-slider p.btn-lightpay span { opacity: 0.4; }
.pay-slider button.btn-lightpay:after { content: ''; width: 16px; height: 16px; margin: auto 0 auto auto; background: url(../images/button/Icon_Button_Arrow_down_16_white.svg) no-repeat center center; }
.pay-slider .favorite .favorite { position: absolute; left: 19px; top: -1px; z-index: 1; }
.pay-slider .favorite .favorite strong { display: block; width: 24px; height: 26px; text-indent: -9999px; background: url(../images/pay/icon-button-pay-favorite-on.svg) no-repeat center center; }
.pay-slider .favorite .favorite span { display: none; position: absolute; left: -11px; top: -22px; height: 17px; padding: 2px 7px; white-space: nowrap; font-size: 9px; line-height: 13px; color: #fff; border-radius: 9px; background: #0fd6f7; }
.pay-slider .favorite .favorite.active span { display: block; }
.pay-slider .favorite .favorite span:before { position: absolute; left: 18px; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0fd6f7; content: ""; }
.btn-change-payway { position: absolute; right: 0; bottom: -26px; font-size: 14px; color: #888; text-decoration: underline; }
.pay-method-box .cash-receipts { margin: 24px 16px 18px; padding: 20px 16px; background: #f9f9f9; border-radius: 4px; }
.pay-method-box .cash-receipts .apply { display: flex; }
.pay-method-box .cash-receipts .apply strong { line-height: 24px; font-size: 14px; color: #000; font-weight: 400; }
.pay-method-box .cash-receipts .apply p { margin-left: auto; }
.pay-method-box .cash-receipts .apply label { margin-left: 30px; }
.pay-method-box .cash-receipts .apply .chk-box.rd .form-txt { font-size: 14px; color: #666; }
.pay-method-box .cash-receipts .saved { position: relative; padding: 17px 70px 0 0; font-size: 14px; line-height: 22px; color: #000; }
.pay-method-box .cash-receipts .saved > span { display: block; margin-top: 4px; font-size: 15px; letter-spacing: 0; }
.pay-method-box .cash-receipts .saved button { position: absolute; right: 0; top: 14px; line-height: 20px; background-color: #fff; }
.pay-method-box .cash-receipts .write { padding-top: 14px; }
.pay-method-box .cash-receipts .write > button { display: flex; width: 100%; height: 48px; padding: 12px 10px 12px 14px; text-align: left; font-size: 14px; line-height: 24px; color: #000; background: #fff; border: 1px solid #eee; }
.pay-method-box .cash-receipts .write > button:after { content: ''; width: 24px; height: 24px; margin-left: auto; background: url(../images/button/Icon_Button_Arrow_down_24_gray.svg) no-repeat right center; }
.pay-method-box .cash-receipts .write > div { padding: 4px 0 14px; }
.pay-method-box .cash-receipts .write .chk-box .form-txt { color: #666; }
.pay-method-box .cash-receipts .undo { padding-top: 17px; font-size: 14px; line-height: 22px; color: #000; }
.cash-receipts-desc { padding: 0 16px 26px; font-size: 12px; line-height: 18px; color: #888; }
.pay-method-box .method .mobile { padding: 0 16px 22px; }
.pay-method-box .method .mobile .btns { padding: 24px 0 0 0; }
.pay-method-box .method .mobile .noti { padding-top: 14px; line-height: 18px; color: #888; }

ul.finance-choose { display: flex; flex-wrap: wrap; padding: 10px 16px 0 16px; }
ul.finance-choose li { width: 50%; padding-bottom: 24px; }
ul.finance-choose li input { position: absolute; width: 0; height: 0; opacity: 0; }
ul.finance-choose li label { display: inline-block; padding-left: 34px; line-height: 24px; font-size: 14px; color: #000; /*background:url(../images/pay/pay-card-logo-hana-oval.svg)*/ background-repeat: no-repeat; background-position: left center; background-size: 24px auto; }
i[class^="card-oval"] { display: inline-block; width: 16px; height: 16px; background: url(../images/pay/pay-card-logo-hana-oval.svg) no-repeat center center; background-size: 16px auto; }
ul.finance-choose li.card-03 label, i.card-oval-03 { background-image: url(../images/pay/pay-card-logo-lotte-oval.svg); }
ul.finance-choose li.card-04 label, i.card-oval-04 { background-image: url(../images/pay/pay-card-logo-hyundai-oval.svg); }
ul.finance-choose li.card-06 label, i.card-oval-06 { background-image: url(../images/pay/pay-card-logo-kookmin-oval.svg); }
ul.finance-choose li.card-11 label, i.card-oval-11 { background-image: url(../images/pay/pay-card-logo-bc-oval.svg); }
ul.finance-choose li.card-12 label, i.card-oval-12 { background-image: url(../images/pay/pay-card-logo-samsung-oval.svg); }
ul.finance-choose li.card-14 label, i.card-oval-14 { background-image: url(../images/pay/pay-card-logo-shinhan-oval.png); }
ul.finance-choose li.card-16 label, i.card-oval-16 { background-image: url(../images/pay/pay-card-logo-nonghyup-oval.svg); }
ul.finance-choose li.card-etc label { background-image: url(../images/pay/pay-card-logo-etc-oval.svg); }
ul.finance-choose li.bank-002 label { background-image: url(../images/pay/pay-bank-logo-kdg-oval.png); }
ul.finance-choose li.bank-003 label { background-image: url(../images/pay/pay-bank-logo-kiup-oval.svg); }
ul.finance-choose li.bank-004 label { background-image: url(../images/pay/pay-bank-logo-kookmin-oval.svg); }
ul.finance-choose li.bank-007 label { background-image: url(../images/pay/pay-bank-logo-suhyup-oval.png); }
ul.finance-choose li.bank-011 label { background-image: url(../images/pay/pay-bank-logo-nonghyup-oval.svg); }
ul.finance-choose li.bank-020 label { background-image: url(../images/pay/pay-bank-logo-woori-oval.svg); }
ul.finance-choose li.bank-023 label { background-image: url(../images/pay/pay-bank-logo-sc-oval.svg); }
ul.finance-choose li.bank-027 label { background-image: url(../images/pay/pay-bank-logo-citi-oval.svg); }
ul.finance-choose li.bank-031 label { background-image: url(../images/pay/pay-bank-logo-daegu-oval.png); }
ul.finance-choose li.bank-032 label { background-image: url(../images/pay/pay-bank-logo-busan-oval.svg); }
ul.finance-choose li.bank-034 label { background-image: url(../images/pay/pay-bank-logo-kwangju-oval.svg); }
ul.finance-choose li.bank-035 label { background-image: url(../images/pay/pay-bank-logo-jeju-oval.png); }
ul.finance-choose li.bank-037 label { background-image: url(../images/pay/pay-bank-logo-jeonbuk-oval.svg); }
ul.finance-choose li.bank-039 label { background-image: url(../images/pay/pay-bank-logo-kyongnam-oval.svg); }
ul.finance-choose li.bank-045 label { background-image: url(../images/pay/pay-bank-logo-mg-oval.png); }
ul.finance-choose li.bank-081 label { background-image: url(../images/pay/pay-bank-logo-hana-oval.svg); }
ul.finance-choose li.bank-088 label { background-image: url(../images/pay/pay-bank-logo-shinhan-oval.png); }
ul.finance-choose li.bank-089 label { background-image: url(../images/pay/pay-bank-logo-kbank-oval.svg); }
ul.finance-choose li.bank-090 label { background-image: url(../images/pay/pay-bank-logo-kakao-oval.svg); }

/* 은행선택 img tag로 변경 */
ul.finance-choose.v2 li label { display: inline-block; padding-left: 0; line-height: 24px; font-size: 14px; color: #000; background: none; }
ul.finance-choose.v2 li label img { margin-right: 10px; width: 24px; height: 24px; }

/* 은행 선택 하단 text */
ul.finance-choose + .ico-notice-txt{margin:4px 16px 0; color: #333;}
.card-choose .notice-txt-box, .bank-choose .notice-txt-box { margin: 14px 16px; padding: 8px 16px; background-color: #f9f9f9; border-radius: 4px; color: #888; line-height: 18px; }

.litepay-bx { padding: 0 24px 30px; }
.litepay-bx strong { display: block; padding-bottom: 14px; line-height: 22px; font-size: 14px; color: #666; }
.litepay-bx table { margin-bottom: 24px; border-bottom: 1px solid #eee; }
.litepay-bx table th, .litepay-bx table td { line-height: 18px; font-size: 12px; font-weight: 400; padding: 10px 9px; border-top: 1px solid #eee; }
.litepay-bx table th { width: 69px; color: #000; text-align: center; vertical-align: middle; background-color: #fbfbfb; border-right: 1px solid #eee; }
.litepay-bx table th i { vertical-align: middle; margin-right: 6px; }
.litepay-bx table td { /*display:flex;*/ text-align: center; }
.litepay-bx table td span { display: inline-block; white-space: nowrap; vertical-align: top; }
.litepay-bx table td span:first-child { margin-right: 6px; color: #000; }
.litepay-bx table td span:last-child { text-align: left; }

/*결제수단 이달의 카드혜택popup*/
.modal-wrap.card-banefit .benefit-txt{padding:24px 24px 22px 24px; background: #f9f9f9;}
.modal-wrap.card-banefit .benefit-txt .main-txt{display: block; text-align: center; padding-bottom: 10px; font-size: 16px; line-height: 24px; color:#000;}
.modal-wrap.card-banefit .benefit-txt .sub-txt{font-size: 14px; color:#666; line-height: 22px;}
.modal-wrap.card-banefit .banefit-use{padding:24px;}
.modal-wrap.card-banefit .banefit-use .use-list{padding-top:10px;}
.modal-wrap.card-banefit .banefit-use li{font-size: 14px; line-height: 22px;}
.modal-wrap.card-banefit .banefit-use li .txt-sty5{padding-right:3px; font-size: 15px; font-weight: 700;}
.modal-wrap.card-banefit .litepay-bx > strong{line-height: 20px; color:#000;}
.modal-wrap.card-banefit .litepay-bx .lst-txt-type li{margin:0; padding-bottom: 3px; color:#666;}

/*주문완료*/
.order-payment-done { padding: 40px 16px 32px; }
.order-payment-done p.txt { font-family: 'NotoSerif'; font-size: 22px; line-height: 32px; color: #000; }
.order-payment-done .noti { padding-top: 8px; color: #000; font-size: 14px; line-height: 22px; }
.order-payment-done .noti span { color: #d0ab7d; font-weight: 700; }
.order-payment-done .noti em { color: #d0ab7d; font-weight: 700; font-size: 15px; letter-spacing: 0; }
.order-payment-done .no-bankbook { padding: 40px 0 20px; border-bottom: none; background:none;}
.order-payment-done .no-bankbook .account{ background:#f9f9f9;}
.order-payment-done .prd-info { padding-top: 27px; }
.order-payment-done .prd-info > a { display: block; /*padding:13px 0;*/ height: 48px; line-height: 48px; text-align: left; font-size: 14px; color: #000; }
.order-payment-done .prd-info > a strong { display: inline-block; max-width: calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.order-payment-done .prd-info > a:after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 2px; vertical-align: middle; background: url(../images/button/Icon_Button_Arrow_down_16.svg) no-repeat center top; background-size: 16px; }
.order-payment-done .prd-info > a span { padding-left: 2px; vertical-align: bottom; }
.order-payment-done .prd-info.active > a:after { background-position: center 2px; transform: rotate(180deg); }
.order-payment-done .detail { display: none; max-height: 128px; overflow-y: auto; margin-top: 5px; margin-bottom: 20px; }
.order-payment-done .prd-info.active .detail { display: block; }
.order-payment-done .detail ul li { display: flex; padding-top: 10px; }
.order-payment-done .detail ul li * { font-size: 14px; line-height: 22px; }
.order-payment-done .detail ul li:first-child { padding: 0; }
.order-payment-done .detail ul li span.tit { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888; }
.order-payment-done .detail ul li span.count { width: 55px; text-align: right; color: #888; }
.kitchen-tour-book-bx.order-fail .process-done .noti { background-image: url(../images/order/img-pay-cancel.png); }
.order-your-info { margin-bottom: 12px; padding: 10px 0 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #eee; }
.order-your-info dd { display: flex; padding-top: 10px; }
.order-your-info dd * { font-size: 14px; line-height: 22px; }
.order-your-info dd.total { line-height: 24px; padding-top: 8px; }
.order-your-info dd strong { width: 120px; color: #888; font-weight: 400; }
.order-your-info dd span { margin-left: auto; text-align: right; color: #000; word-break: keep-all; }
.order-your-info dd span em { font-size: 15px; letter-spacing: 0; }
.order-your-info dd.total * { line-height: 24px; }
.order-your-info dd.total span, .order-your-info dd.total span em { font-weight: 700; }
.order-your-info dd.total span em { font-size: 17px; }
.order-payment-done .btns { display: flex; padding: 43px 0 16px; }
.order-payment-done .btn-wrap .btn-type8 { height: 48px; font-size: 16px; }
.order-payment-done .btn-wrap button + button { margin-top: 12px; }
.order-payment-done .btn-wrap { margin-top: 60px; }
.order-payment-done .send-card-box { position: relative; margin: 14px 0 60px; text-align: right; }
.order-payment-done .send-card-box a { display: inline-block; padding-left: 26px; font-size: 14px; background: url(../images/button/icon-info-gift-16.png) no-repeat 0 -1px; background-size: 22px;}
.order-payment-done .send-card-box a .ico-arrow-right16 { padding: 0;}
.order-payment-done .send-card-box span { position: absolute; top: 30px; right: 12px; padding: 3px 6px 2px; background: #d0ab7d; border-radius: 9px; color: #fff; font-size: 9px;}
.order-payment-done .send-card-box span::after { content: ''; position: absolute; top: -5px; right: 118px; width: 12px; height: 5px; background: url(../images/button/img-tooltip-tail.png) no-repeat; background-size: 12px;}
.order-payment-done .btn-type4 { line-height: 22px; border: none; }
.btn-cart-readd { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #888; text-align: left; }
.btn-cart-readd i { margin-right: 8px; vertical-align: middle; }

/*빠른 결제*/
.quick-payment .inner { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1002; width: 100%; max-width: 486px; padding: 30px 16px 20px; padding-bottom: calc(var(--ios-safe-bottom) + 20px); background: #fff; }
.quick-payment .inner .icon-header-close { top: 11px; right: 8px; }
.quick-payment .pay-chk { padding-bottom: 40px; font-size: 22px; line-height: 32px; font-family: 'NotoSerif'; color: #000; }
.quick-payment .pay-chk span { display: block; font-weight: 700; font-size: 24px; line-height: 34px; }
.quick-payment .pay-chk span em { font-size: 26px; line-height: 34px; margin-right: 5px; font-family: 'Roboto'; letter-spacing: 0; }
.quick-payment .glyde-cash { padding-top: 8px; display: flex; }
.quick-payment .glyde-cash dt, .quick-payment .glyde-cash dd { font-size: 12px; line-height: 18px; color: #888; }
.quick-payment .glyde-cash dd { padding-left: 4px; font-weight: bold; }
.quick-payment .glyde-cash dd em { letter-spacing: 0; }
.quick-payment .glyde-cash dd + dt:before { content: '/'; display: inline-block; padding: 0 4px; }
.quick-payment .info * { font-size: 14px; line-height: 22px; color: #000; }
.quick-payment .info > p { display: inline-block; padding-right: 2px; }
.quick-payment .info .prd em { display: inline-block; max-width: calc(100vw - 215px); vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-payment .info .arrive span { color: #d0ab7d; font-weight: 700; }
.quick-payment .info .arrive em { font-size: 15px; letter-spacing: 0; color: #d0ab7d; font-weight: 700; }
.quick-payment .pay-info-tb {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:16px 0 14px; margin-top:10px;}
.quick-payment .pay-info-tb dl{display:flex; align-items: start}
.quick-payment .pay-info-tb dl + dl{margin-top:12px}
.quick-payment .pay-info-tb dt{min-width:45px; color:#888;}
.quick-payment .pay-info-tb dd{flex:1; padding-left:10px;}
.quick-payment .pay-info-tb dd span{display:block; text-align:right; color:#000; font-size:12px; line-height:1.5 ; word-break: keep-all}
.quick-payment .pay-info-tb dd span + span{margin-top:2px;}
.quick-payment .pay-info-tb .space-0 { margin-right: 1px; }
.quick-payment .pay-info-tb .total span { font-size: 14px; font-weight: 700;}
.quick-payment .pay-info-tb .total em { font-size: 15px;}
.quick-payment .btn-normal { display: flex; width: 100%; height: 34px; padding: 0 8px; line-height: 34px; font-size: 12px; color: #888; background: #f5f5f5; text-align: left; border-radius: 4px; letter-spacing: -0.8px; }
.quick-payment .btn-normal em { color: #000; margin: 0 2px; }
.quick-payment .btn-normal:after { content: ''; display: inline-block; margin: auto 0 auto auto; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat right center; }
.quick-payment .chk-box .form-txt { color: #666; }
.quick-payment .tail { margin-top: 44px;}
.quick-payment .tail button + button { margin-top: 12px;}
.quick-payment .noti { padding-bottom: 16px; color: #888; font-size: 12px; line-height: 18px; text-align: center; }
.quick-payment .sliding-btn { position: relative; margin: 0 6px; width: auto; height: 54px; text-align: center; }
.quick-payment .sliding-btn #slider { position: absolute; left: 4px; top: 4px; z-index: 1; background: #fff url(../images/button/icon_button_quick_handle.png) no-repeat center center; background-size: 48px; width: 47px; height: 47px; border-radius: 50%; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); }
.quick-payment .sliding-btn .slide-bar { display: inline-block; transition: width 0.2s; width: 100%; height: 54px; background: #0fd6f7; border-radius: 30px; }
.quick-payment .sliding-btn .slide-bar span { color: #fff; font-size: 16px; line-height: 54px; }
.quick-payment .sliding-btn.unlocked #slider { display: none; }
.quick-payment .sliding-btn.unlocked .slide-bar { width: 54px; }
.quick-payment .sliding-btn.unlocked .slide-bar span { display: block; animation: chk-complete 1s; opacity: 1; margin: 0 auto; border-radius: 50%; width: 54px; height: 54px; background: url(../images/button/quick-complete-check.svg) no-repeat center center; }

@keyframes chk-complete { from { opacity: 0; }
    to { opacity: 1; } }
.quick-payment .order-fail { padding: 190px 0 0 0; text-align: center; background: url(../images/order/img-pay-cancel.png) no-repeat center 50px; background-size: 125px auto; }
.quick-payment .order-fail .noti { font-size: 22px; color: #000; line-height: 32px; padding-bottom: 24px; font-family: 'NotoSerif'; font-weight: 300; }
.quick-payment .order-fail .txt { font-size: 14px; line-height: 22px; color: #666; }
.quick-payment .order-fail .txt2 { padding-top: 115px; font-size: 12px; line-height: 18px; color: #888; }

/***** 20210426 : 빠른결제 ******/
.tooltip_area{position:absolute; padding:8px 14px 9px; font-size:12px; color:#fff; line-height:1.5; background:rgba(0, 0, 0, 0.5); border-radius: 5px; word-break: keep-all }
.tooltip_area:after{content:''; display:inline-block; background:url('../images/common/icon-info-tooltip-arrow.png') 0 0 no-repeat; position:absolute; right:-8px; top:9px; width:8px; height:24px; background-size:100%}
.quick-payment .inner.quick-order-info{padding:35px 24px 24px; padding-bottom: calc(var(--ios-safe-bottom) + 24px);}
.quick-payment .quick-order-info .order-list{font-size:16px; line-height:24px; color:#000; }
.quick-payment .quick-order-info .order-list em{display:inline-block; max-width:150px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; vertical-align: top}
.quick-payment .quick-order-info .order-list strong{margin-left:4px}
.quick-payment .quick-order-info .pay-chk {padding:8px 0 10px}
.quick-payment .quick-order-info .pay-chk em {font-weight: 400; font-family: 'Roboto'}
.quick-payment .quick-order-info .pay-chk span{font-size:18px; font-weight: 400;  font-family: 'NotoSans'}
.quick-payment .quick-order-info .btn_order-default{display:flex; position:relative}
.quick-payment .quick-order-info .btn_order-default button{font-size:14px; color:#000; margin-left:auto; border:1px solid #eee; border-radius: 18px; height:28px; line-height:28px; padding:0 14px 0 32px; background:url('../images/common/icon-info-switch.png') 12px 50% no-repeat; background-size:16px }
.quick-payment .quick-order-info .btn_order-default .tooltip_area{right:105px; margin-top:-8px }
.quick-payment .quick-order-info .tail{margin-top: 0; }
.quick-order-info .pay-info-tb .date{padding-top:4px; color:#666;}
.quick-order-info .pay-info-tb .date em{color:#789cd4}
.quick-order-info .pay-info-tb .cash{padding-top:4px; color:#666}
.quick-order-info .pay-info-tb .cupon{padding-top:2px; color:#666}
.quick-order-info .pay-info-tb .pay em{display:inline-block; vertical-align: top}
.quick-order-info .pay-info-tb .pay em + em{padding-left:14px; position:relative}
.quick-order-info .pay-info-tb .pay em + em:before{content:''; position:absolute; top:calc(50% - 1px); left:6px; width:2px; height:2px; background:#ccc; border-radius: 50%;}
.quick-order-info .point-use{display: flex; margin-top:16px; padding:10px 10px 12px; background: #f9f9f9;}
.quick-order-info .point-use .chk-box > input{width: 16px; height: 16px; background-size: 16px;}
.quick-order-info .point-use .form-txt{padding:0 6px 0 4px; font-size: 12px; line-height: 18px; color:#333;}
.quick-order-info .point-use .point-msg{font-size: 12px; line-height: 18px; color:#D0AB7D;}
.quick-order-info .order-noti{text-align:left; padding:14px 0;}
.quick-order-info .order-noti p{font-size:12px; color:#000; line-height: 1.5; word-break: keep-all}
.quick-order-info .order-noti p em{text-decoration: underline}
.quick-order-info .order-noti p + p{padding-top:4px;}
.quick-order-info .sliding-btn #slider{width:48px; height:48px; top:3px; left:3px;  background:#fff url(../images/common/icon-button-quick-handle.png) no-repeat 50% 50%; background-size:100% ; /*transform: rotate(38deg)*/}
.quick-order-info .slide-bar:before{content: ''; position:absolute; right:44px; top:calc(50% - 10px); transform: scale(.8); display:block; width:12px; height:21px; background: url(../images/common/icon-button-quick-arrow.png) no-repeat 0 0; background-size:100%; animation: move-arrow01 1s ease-out 1s infinite; opacity: 0;}
.quick-order-info .slide-bar:after{content: ''; position:absolute; right:33px; top:calc(50% - 10px); transform: scale(.8); display:block; width:12px; height:21px; background: url(../images/common/icon-button-quick-arrow.png) no-repeat 0 0; background-size:100%; animation: move-arrow02 1s ease-out 1s infinite; opacity: 0;}
.quick-order-info .slide-bar.arrow-none:before,
.quick-order-info .slide-bar.arrow-none:after{display:none}

@keyframes move-arrow01{
    from { }
    5% { right:44px; opacity: 0; transform: scale(.8);}
    40% { right:34px; opacity: 1 ; transform: scale(1);}
    48% { right:31px; opacity: .7 ; transform: scale(1);}
    to { right:26px; opacity: 0; transform: scale(1);}
}
@keyframes move-arrow02{
    from { right:33px; opacity: 0; transform: scale(.8);}
    32% { right:24px; opacity: 1; transform: scale(1);}
    40% { right:21px; opacity: .7; transform: scale(1);}
    80% { right:15px; opacity: 0; transform: scale(1);}
    to { }
}

/** 글라이드 보이스 **/
.idea-share-lnk { display: block; width: 100%; }
.idea-share-lnk .visit-tit { display: block; padding: 18px 0 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 22px; color: #000; }
.idea-share-lnk .visit-txt { display: block; padding: 5px 0 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 22px; height: 45px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #888; }
.idea-cont .idea-slide-top { padding: 40px 0 0; font-size: 12px; line-height: 18px; color: #d0ab7d; font-weight: 700; width: 100%; text-align: center; }
.idea-cont .idea-prd-tit { padding: 15px 0 0; display: block; font-size: 22px; line-height: 32px; color: #000; font-weight: 300; width: 100%; text-align: center; font-family: "NotoSerif"; text-align: center; }
.idea-cont .center-slide-type { width: 100%; padding: 25px 0 44px; }
.idea-cont .list-option-wrap { border-bottom: 1px solid #eee; }
.idea-prd-lst > li { border-bottom: 10px solid #f5f5f5; }
.idea-prd-lst > li:last-child .idea-prd-btm { border-bottom: 1px solid #eee; }
.idea-prd-lst .idea-prd-lnk { display: block; padding: 24px 16px 25px; width: 100%; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img { display: block; width: 100%; position: relative; min-height: 18px; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .idea-prd-img { display: block; width: 100%; border-radius: 4px; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .img-label * { vertical-align: top; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .idea-prd-img + .img-label { position: absolute; left: 6px; top: 6px; overflow: hidden; z-index: 1; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .img-label { display: block; overflow: hidden; z-index: 1; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .img-label i { display: block; float: left; margin: 0 0 0 3px; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .img-label i:first-child { margin: 0; }
.idea-prd-lst .idea-prd-lnk .idea-prd-img .prd-count { position: absolute; right: 12px; bottom: 12px; display: block; overflow: hidden; z-index: 1; text-align: center; background: rgba(0, 0, 0, 0.3); width: 40px; height: 24px; line-height: 22px; font-size: 14px; color: rgba(255, 255, 255, 0.8); border-radius: 12px; }
.idea-prd-lst .idea-prd-lnk .idea-prd-info { padding: 18px 0 0; display: block; width: 100%; }
.idea-prd-lst .idea-prd-lnk .idea-prd-info .top-prd { display: block; font-size: 14px; line-height: 22px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idea-prd-lst .idea-prd-lnk .idea-prd-info .idea-prd-name { padding: 2px 0 12px; display: block; font-size: 18px; line-height: 28px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idea-prd-lst .idea-prd-lnk .idea-prd-info .idea-prd-txt { font-size: 14px; line-height: 22px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.idea-prd-lst .idea-prd-lnk .date-txt { padding: 15px 0 0; }
.idea-prd-btm { overflow: hidden; width: 100%; border-top: 1px solid #eee; }
.idea-prd-btm button { display: block; float: left; height: 50px; width: 109px; text-align: left; }
.idea-prd-btm button.btn-sympathy { padding: 0 0 0 19px; width: 105px; }
.idea-prd-btm button.btn-repple { width: 105px; }
.idea-prd-btm button.btn-share { float: right; width: 57px; text-align: center; }
.idea-prd-btm button > span { display: inline-block; height: 50px; line-height: 52px; font-size: 14px; color: #666; }
.idea-prd-btm button > span .count { display: inline-block; font-size: 15px; }
.idea-prd-btm button .sympathy { display: inline-block; padding: 0 0 0 28px; background: url(../images/brand/icon-button-like-off.svg) no-repeat left center; }
.idea-prd-btm button.active .sympathy { background: url(../images/brand/icon-button-like-on.svg) no-repeat left center; }
.idea-prd-btm button .repple { display: inline-block; padding: 0 0 0 28px; background: url(../images/brand/icon-button-comments.svg) no-repeat left center; }
.idea-prd-btm button .share { display: inline-block; padding: 0 0 0 30px; background: url(../images/brand/icon-button-share.svg) no-repeat left center; }
.achieve-writer > * { display: block; height: 48px; padding: 0 16px 0 48px; font-size: 14px; line-height: 48px; color: #fff; font-weight: 400; }
.achieve-writer > * em { font-weight: 700; letter-spacing: 0; font-family: 'NotoSans'; }
.achieve-writer .glyde-club { background: #67b3df url(../images/brand/illust-badge-glyde@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.achieve-writer .best-reviewer { background: #ed9ea7 url(../images/brand/illust-badge-best-review@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.achieve-writer .idea-bank { background: #9784d9 url(../images/brand/illust-badge-idea@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.achieve-writer *[class*="random-"] { color: #000; background: #f5f5f5; }
.achieve-writer .random-carrot { background: #f5f5f5 url(../images/brand/illust-badge-default-1@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.achieve-writer .random-mushroom { background: #f5f5f5 url(../images/brand/illust-badge-default-2@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.achieve-writer .random-pepper { background: #f5f5f5 url(../images/brand/illust-badge-default-3@3x.png) no-repeat 16px 12px; background-size: 24px auto; }
.idea-view-header { position: relative; padding: 24px 16px 14px; width: 100%; border-bottom: 1px solid #eee; }
.idea-view-header .idea-view-label { display: flex; padding: 0 0 14px; font-size: 0; }
.idea-view-header .idea-view-label i { margin-right: 2px; }
.idea-view-header .tit { font-size: 20px; line-height: 30px; color: #000; font-weight: 400; }
.idea-view-header .date { display: block; padding: 24px 0 0; font-size: 12px; line-height: 18px; color: #888; letter-spacing: 0; }
.idea-view-header .btn-rounds-w { position: absolute; right: 16px; bottom: 9px; line-height: 20px; }
.glyde-thread-detail .tourday { padding: 24px 16px 0; line-height: 18px; font-weight: 700; font-size: 12px; color: #888; }
.glyde-thread-detail .tourday em { letter-spacing: 0; font-weight: 400; }
.glyde-thread-detail .tourday em:before { content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 6px; background: #ccc; border-radius: 50%; vertical-align: middle; }
.glyde-thread-detail .related-prd { position: relative; display: block; height: 80px; padding: 16px 16px 16px 78px; }
.glyde-thread-detail .related-prd img { position: absolute; top: 16px; left: 16px; width: 48px; height: 48px; border-radius: 50%; }
.glyde-thread-detail .related-prd span { display: block; height: 48px; padding-top: 2px; font-size: 12px; line-height: 18px; color: #d0ab7d; font-weight: 700; }
.glyde-thread-detail .related-prd span em { display: block; padding-top: 2px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; }
.idea-view-body { padding: 24px 16px 0; white-space: pre-line; }
.idea-view-body > *:first-child { margin-top: 0; /*padding-top:0;*/ }
.idea-view-body img, .idea-view-body video, .idea-view-body .video-js { margin-bottom: 24px; width: 100%; border-radius: 4px; }
.idea-view-body .video-js video { margin-top: 0; }
.idea-view-body p { padding-bottom: 32px; font-size: 14px; line-height: 22px; }
.idea-view-body p:last-child { padding-bottom: 0; }
.idea-view-body p a { font-size: 15px; line-height: 22px; color: #d0ab7d; text-decoration: underline; letter-spacing: 0; }
.related-prd + .idea-view-body { padding-top: 0; }
.idea-view-list .view-prd-info { padding: 0 0 26px 63px; position: relative; }
.idea-view-list .view-prd-info .info-img { position: absolute; left: 0; top: 0; display: block; width: 48px; height: 48px; border-radius: 1000px; }
.idea-view-list .view-prd-info .info-img img { display: block; width: 48px; height: 48px; border-radius: 1000px; }
.idea-view-list .view-prd-info .info-rgt { display: table; height: 48px; }
.idea-view-list .view-prd-info .info-rgt .rgt-txt-bx { display: table-cell; vertical-align: middle; }
.idea-view-list .view-prd-info .info-rgt .rgt-txt-bx .label-txt { display: block; font-size: 12px; line-height: 18px; color: #d0ab7d; font-weight: 700; }
.idea-view-list .view-prd-info .info-rgt .rgt-txt-bx .label-tit { padding: 4px 0 0; display: block; font-size: 14px; line-height: 18px; color: #000; }
.like-feed { padding: 60px 0 40px; text-align: center; }
.like-feed button { width: 60px; height: 60px; border: 1px solid #eee; border-radius: 50%; background: url(../images/brand/icon-button-like-off-big.svg) no-repeat center center; }
.like-feed button.active { background-image: url(../images/brand/icon-button-like-on-big.svg); }
.like-feed p { padding-top: 15px; font-size: 14px; line-height: 22px; color: #888; }
.like-feed p em { font-size: 15px; color: #888; letter-spacing: 0; }
.view-like-text { padding: 16px 16px 24px; }
.view-like-text .txt-area { height: 48px; border-radius: 4px; }
.view-like-text .txt-count, .view-like-text .count,.view-like-text .btn-rounds-w { display: none; }
.view-like-text textarea { height: 46px; font-size: 14px; line-height: 22px; background: transparent; }
.view-like-text.focus .txt-count, .view-like-text.focus .count { display: inline-block; right: auto; left: 10px; width: auto; }
.view-like-text.focus .btn-rounds-w { display: inline-block; position: absolute; right: 10px; bottom: 10px; }
.view-like-text.focus .btn-rounds-w:disabled{ background: #f5f5f5 !important; color: #ddd !important; border-color: #f5f5f5 !important;}
.view-like-text.focus .txt-area { height: 160px; }
.view-like-text.focus textarea { height: 110px; }
.view-like-text .attachfiles-block{padding:24px 0 20px}
.view-like-text .btn-attach-wrap button > span span{vertical-align: top}
.view-like-text .attach-preview-wrap{margin-top:0; display:initial}
.view-like-text .photo-list-ul li{margin-top:13px}
.glyde-thread-reply li { position: relative; padding: 24px 16px 24px; border-bottom: 1px solid #eee; }
.glyde-thread-reply li:first-child { border-top: 1px solid #eee; }
.glyde-thread-reply li:last-child { border: none; }
.glyde-thread-reply li.glyde { padding-top: 21px; background: #f5f5f5; border: none; }
.glyde-thread-reply li .info { padding-left: 46px; }
.glyde-thread-reply li.glyde .info { padding: 0; }
.glyde-thread-reply li.glyde-club .info { background: url(../images/brand/illust-badge-glyde@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li.best-reviewer .info { background: url(../images/brand/illust-badge-best-review@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li.idea-bank .info { background: url(../images/brand/illust-badge-idea@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li.random-carrot .info { background: url(../images/brand/illust-badge-default-1@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li.random-mushroom .info { background: url(../images/brand/illust-badge-default-2@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li.random-pepper .info { background: url(../images/brand/illust-badge-default-3@3x.png) no-repeat left center; background-size: 36px auto; }
.glyde-thread-reply li .info span { display: block; }
.glyde-thread-reply li.glyde .info span { display: inline-block; vertical-align: bottom; line-height:20px}
.glyde-thread-reply li .id { font-size: 14px; line-height: 22px; color: #000; }
.glyde-thread-reply li.glyde .id { position: relative; margin-right: 14px; font-weight: 700; }
.glyde-thread-reply li.glyde .id > span { padding-left: 5px; font-weight: 400; }
.glyde-thread-reply li.glyde .id:after { position: absolute; right: -10px; top: 9px; content: ''; display: inline-block; width: 2px; height: 2px; background: #ccc; }
.glyde-thread-reply li .date { line-height: 18px; padding-top: 2px; color: #888; letter-spacing: 0; }
.glyde-thread-reply li.glyde .date { padding: 0; }
.glyde-thread-reply li.glyde .info .date{line-height:18px}
.glyde-thread-reply li .txt { padding-top: 14px; font-size: 14px; line-height: 22px; white-space: pre-line; }
.glyde-thread-reply li.glyde .txt { padding-top: 10px; color: #000; }
.glyde-thread-reply li .btns { position: absolute; right: 10px; top: 24px; display: flex; }
.glyde-thread-reply li .btns button { width: 24px; height: 24px; margin-left: 4px; }
.glyde-thread-reply .rev-attach-wrap{margin:14px 0 0; overflow:hidden}
.glyde-thread-reply .rev-attach-wrap .attach-list,
.glyde-thread-reply .rev-attach-wrap .attach-list li.full-size-slide{padding:0}
.glyde-thread-reply .rev-attach-wrap .attach-list{vertical-align: top; width:100%}
.glyde-thread-reply li .btns button.delete { background: url(../images/brand/icon-button-list-delete.svg) no-repeat center center; }
.glyde-voice-block .talk-visual-box { margin-bottom: 32px; }
.talk-list-desc { padding-top: 71px; }
.talk-list-desc h2 { display: inline-block; margin: 0 24px; font-size: 14px; font-weight: 700; line-height: 20px; font-family: 'NotoSans'; border-bottom: 2px solid #000; color: #000; }
.talk-list-desc > p { padding: 15px 24px 0; line-height: 32px; }
.talk-list-desc > p:not(.txt-sty1) { font-size: 16px; line-height: 26px; }
.talk-list-desc ul li { position: relative; padding-bottom: 60px; }
.talk-list-desc ul li img { width: 100%; }
.talk-list-desc ul li p { padding: 18px 24px 0; font-size: 16px; line-height: 26px; }
.talk-list-desc ul li p strong { position: absolute; top: 22px; left: 26px; display: block; width: 114px; min-height: 114px; font-size: 12px; color: #fff; font-weight: 700; line-height: 24px; padding: 24px 14px 24px; word-break: keep-all; }
.talk-list-desc ul li p a { display: block; margin-top: 6px; font-size: 14px; line-height: 22px; }
.talk-list-desc ul li p a:after { display: inline-block; vertical-align: top; margin-left: 2px; content: ""; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat center center; width: 16px; height: 22px; }

.talk-share-wrap p{word-wrap: break-word; word-break: keep-all}
.talk-visual-box { height: 416px; padding: 40px 24px 0; width: 100%; background: url(../images/brand/bg_voice_img01.png) no-repeat 0; background-size: cover; }
.talk-visual-box .tvs1 { padding-bottom: 14px; font-family: 'NotoSerif', serif; font-weight: 300; font-size: 26px; line-height: 36px; letter-spacing: -0.3px; color: #fff; }
.talk-visual-box .tvs2 { font-size: 14px; line-height: 22px; color: #fff; opacity: 0.7; }
.talk-list-ul { margin-top: 40px; }

/* pick */
.pick-lst-wrap .prod-row-area .view-list-type4 li .button-cart-wrap { bottom: 31px; }
.pick-lst-wrap .cart-disable-mask.disable a { opacity: 1; }
.pick-lst-wrap .cart-disable-mask.disable .icon-button-cart.type1 { background: #f5f5f5 url(../images/cart/icon-button-cart-disable.svg) no-repeat center / 24px; }
.pick-lst-wrap .prod-row-area .cart-disable-mask.disable .button-cart-wrap, .pick-lst-wrap .prod-row-list ul li .cart-disable-mask.disable .button-cart-wrap { opacity: 1; }
.pick-lst-wrap .prod-row-area .view-list-type4 li:nth-child(4), .pick-lst-wrap .prod-row-area .view-list-type4 li:nth-child(5), .pick-lst-wrap .prod-row-area .view-list-type4 li:nth-child(6) { margin-bottom: 16px; }
.pick-lst-wrap .pick-no-prd { padding: 4px 0 40px; width: 100%; }
.pick-lst-wrap .pick-no-prd .pick-none-history { padding: 128px 0 0; display: block; width: 100%; text-align: center; font-size: 14px; line-height: 22px; color: #888; background: #fff url(../images/pick/illust-empty@3x.png) no-repeat center top; background-size: 128px; }
.pick-lst-wrap .pick-no-prd .pick-none-txt { margin-top: 10px; display: block; width: 100%; text-align: center; font-size: 14px; line-height: 22px; color: #d0ab7d; text-decoration: underline; }
.pick-lst-wrap .pick-title-area { padding-top: 20px; text-align: center; }
.pick-lst-wrap .pick-title-area .txt-sty1 { margin-bottom: 4px; line-height: 32px; font-weight: 300; }
.pick-lst-wrap .pick-title-area .txt-sty2 { font-size: 12px; color: #888; }
.pick-lst-wrap .pick-title-area .pick-none-img { display: block; margin-top: 20px; }
.pick-lst-wrap .pick-title-area .pick-none-img2 { display: block; margin: 40px 0 24px; }
.pick-lst-wrap .pick-title-area .pick-none-txt { color: #d0ab7d; font-size: 14px; display: block; margin-bottom: 70px; text-decoration: underline; }
.pick-lst-wrap .pick-title-area2 { padding: 40px 16px; }
.pick-lst-wrap .pick-title-area2 .txt-sty1 { margin-bottom: 8px; line-height: 32px; }
.pick-lst-wrap .pick-title-area2 .btm-info { font-size: 14px; line-height: 20px; }
.pick-lst-wrap .pick-title-area2 .btm-info .date { color: #d0ab7d; }
.pick-lst-wrap .pick-title-area2 .btm-info .arr { color: #000; }
.pick-lst-wrap .today-prd-lst .pick-no-prd { padding-bottom: 100px; }
.pick-prd-slide { margin: 20px 0 40px; padding: 0; }
.pick-prd-slide .swiper-slide { padding: 0 16px; }
.pick-prd-slide .view-list-type4 {display:flex;flex-wrap: wrap}
.pick-prd-slide .view-list-type4 li { margin-bottom: 24px; padding: 0 8px 0;  flex:none; width:33.3%; vertical-align: top; float: none}
.pick-prd-slide .view-list-type4 li .cart-disable-mask .label-area2 { position: absolute; left: 50%; transform: translateX(-50%); top: 18px; width:51px; z-index: 1; }
.pick-prd-slide .view-list-type4 li .cart-disable-mask.disable .button-cart-wrap { opacity: 1; }
.pick-prd-slide .view-list-type4 li .cart-disable-mask { position: relative; }
.pick-prd-slide .view-list-type4 li a .prdt-item { position: relative; }
.pick-prd-slide .view-list-type4 li a .prdt-item:after { content: ""; display: block; clear: both; }
.pick-prd-slide .view-list-type4 li a .prdt-item .prdt-thumb { width: 96px; margin: 0 auto; border-radius: 100%; }
.pick-prd-slide .view-list-type4 li a .prdt-info dl .prdt-name { min-height: 18px; margin-top: 9px; -webkit-line-clamp: 1; text-align: center; margin-bottom: 0; }
.pick-prd-slide .view-list-type4 li .button-cart-wrap { bottom: auto; top: 60px; right: calc((100% - 96px) / 2); }
.pick-prd-slide .swiper-pagination { padding-top: 0; }
.today-prd-lst .pick-title-area { padding-top: 17px; }
.today-prd-lst .prod-row-list { padding-top: 0; margin-top: 20px; padding-bottom: 100px; }
.today-prd-lst .prod-row-list ul li { position: relative; width: 100%; margin-bottom: 12px; }
.today-prd-lst .prod-row-list ul li:last-child { margin-bottom: 0; }
.today-prd-lst .prod-row-list ul li .cart-disable-mask .label-area2 { position: absolute; left: 0; top:0; z-index: 1; }
.today-prd-lst .prod-row-list ul li .cart-disable-mask.disable .button-cart-wrap { opacity: 1; }
.today-prd-lst .prod-row-list ul li a .prdt-item { position: relative; }
.today-prd-lst .prod-row-list ul li a .prdt-item:after { content: ""; display: block; clear: both; }
.today-prd-lst .prod-row-list ul li a .prdt-item .prdt-thumb { margin-bottom: 10px; border-radius: 4px; overflow: hidden; float: left; width: 72px; margin-bottom: 0; }
.today-prd-lst .prod-row-list ul li a .prdt-item .prdt-info { float: left; width: calc(100% - 72px); padding-left: 10px; }
.today-prd-lst .prod-row-list ul li a .prdt-item .prdt-info dl .prdt-name { padding: 7px 40px 4px 0; font-size: 14px; line-height: 19px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.today-prd-lst .prod-row-list ul li a .prdt-item .prdt-info dl .prdt-price { font-weight: 700; font-size: 15px; line-height: 22px; color: #000; }
.today-prd-lst .prod-row-list ul li .button-cart-wrap { top: 8px; bottom: initial; }
.pick-none-data { display: flex; flex-direction: column; justify-content: center; height: calc(100vh - 152px); }
.pick-none-data + .diet-banner-lst { padding: 0; }
.pick-none-data .txt-sty1 { width: 100%; text-align: center; font-size: 22px; line-height: 32px; font-weight: 300; }
.pick-none-data .txt-sty2 { padding: 9px 0 60px; font-size: 12px; line-height: 18px; color: #888; width: 100%; text-align: center; }
.pick-none-data .pick-none-txt { padding: 152px 0 20px; display: block; text-align: center; background: #fff url(../images/pick/illu-pick-info.png) no-repeat center top; background-size: 92px; }
.pick-none-data .pick-none-txt a { font-size: 14px; line-height: 22px; color: #d0ab7d; text-decoration: underline; }
.diet-banner-lst { position: fixed; left: 0; bottom: 0; padding: 0; width: 100%; text-align: center; z-index: 1; transition: bottom 0.3s ease-in-out; }
.diet-banner-lst .banner-calorie { display: inline-block; }

body.tab-show .diet-banner-lst { bottom: 54px; bottom: calc(var(--ios-safe-bottom) + 54px); }
.banner-calorie { display: block; height: 48px; background: #f9f9f9; width: 100%; text-align: center; }
.banner-calorie .banner-txt { position: relative; display: inline-block; width: 360px; font-size: 14px; color: #000; line-height: 48px; }
.banner-calorie .banner-txt .bold-txt { font-weight: 700; }
.banner-calorie .banner-txt:before { position: absolute; left: 0; top: 0; display: block; content: ""; width: 60px; height: 48px; background: url(../images/pick/illu-kcal-banner-01@3x.png) no-repeat left top; background-size: cover; }
.banner-calorie .banner-txt:after { position: absolute; right: 0; bottom: 0; display: block; content: ""; width: 90px; height: 48px; background: url(../images/pick/illu-kcal-banner-02@3x.png) no-repeat left top; background-size: contain; }
.category-copy-wrap { padding-bottom: 20px; }
.category-copy-wrap.list { padding-bottom: 12px; }
.category-copy-wrap h2 { display: inline-block; position: relative; font-size: 14px; font-weight: 700; color: #000;}
.category-copy-wrap h2:after { content: ""; position: absolute; left: -1px; bottom: -3px; right: -1px; height: 2px; background: #000; }
.category-copy-wrap .category-tit { font-size: 18px; line-height: 28px; color:#000; font-weight: 700;}
.category-copy-wrap .category-tit::after { content: none;}
.category-list-wrap .category-main-txt { padding:16px 16px 60px; font-size: 22px; line-height: 32px; font-family: 'NotoSerif', serif; color: #000; }
.category-list-wrap .prdt-list.category-list:not([style*="display: none"]){ padding-top: 32px;}
.category-list-wrap .prdt-list.category-list:not([style*="display: none"]) + .category-list { padding-top: 0px;}
.cate-life-slide .swiper-slide a{display: block;}
.cate-life-slide .category-slide{height: calc(100vw * (230 / 320)); max-height: 390px;}
.cart-disable-mask .soldout-box{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff; }
.cart-disable-mask .soldout-msg{ position: absolute; top:50%; width: 100%; transform: translateY(-50%); text-align: center;}
.cart-disable-mask .soldout-msg .msg-1{ font-size: 18px; line-height: 28px;}
.cart-disable-mask .soldout-msg .msg-2{ font-size: 12px; line-height: 18px;}
.cart-disable-mask .restock-btn{ position:absolute; right:42px; top:4px; width:36px; height:36px; background:#fff; border-radius:50%;}
.cart-disable-mask .restock-btn .icon-restock-alarm{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:url(../images/button/icon-button-restock-24.svg) no-repeat center / 24px;}
.cart-disable-mask .replace-btn{ position:absolute; left:0; width:100%; bottom:0; height:44px; background:rgba(0,0,0,0.5);}
.cart-disable-mask .replace-btn .ico-arrow-right16-white{ padding-left:8px; font-size:14px; color:#fff;}

.cart-disable-mask .wish-btn{ position:absolute; right:4px; top:4px; width:36px; height:36px; background:#fff; border-radius:50%;}
.cart-disable-mask .wish-btn .fas { font-size: 18px; cursor: pointer; color: #ff6b6b;}
.cart-disable-mask .wish-btn .far { font-size: 18px; cursor: pointer; color: #4B5563;}

/* 칼로리 계산기 */
.kcal-calc { position: relative; width: 100%; height: calc(100% - 50px - var(--ios-safe-top)); }
.kcal-calc .gd { font-size: 12px; text-align: right; color: #888; }
.kcal-calc .total-kcal { display: flex; position: fixed; top: 50px; width: 100%; max-width: 486px; padding: 20px 16px 25px; background-color: #fff; z-index: 10; }
.kcal-calc .total-kcal { top: calc(var(--ios-safe-top) + 50px); }
.kcal-calc .total-kcal > * { flex: 1; }
.kcal-calc .total-kcal .result { font-size: 14px; line-height: 22px; letter-spacing: 0; }
.kcal-calc .total-kcal .result strong { display: inline-block; margin-right: 4px; font-size: 32px; line-height: 34px; color: #000; font-weight: 700; letter-spacing: 0; vertical-align: bottom; }
.kcal-calc .total-kcal .gd { display: flex; flex-direction: column; justify-content: flex-end; line-height: 22px; }
.kcal-calc .nutrition { display: flex; flex-wrap: wrap; padding: 14px 16px; margin-top: 79px; background-color: #f9f9f9; }
.kcal-calc .nutrition dl { flex: 1 1 50%; display: flex; }
.kcal-calc .nutrition dl dt { flex: 0 0 60px; font-size: 14px; color: #888; line-height: 22px; }
.kcal-calc .nutrition dl dd { flex: 1 1 auto; font-size: 14px; color: #000; line-height: 22px; letter-spacing: 0; }
.kcal-calc .food-list .list-header { display: flex; margin: 10px 0; padding: 0 16px; }
.kcal-calc .food-list .list-header > * { flex: 1; height: 40px; line-height: 40px; }
.kcal-calc .food-list .list-header .count { font-size: 14px; color: #000; }
.kcal-calc .food-list .btn-block { margin: 0 16px; }
.kcal-calc .food-list .btn-block button { border: 1px solid #eee; font-weight: 400; }
.kcal-calc .food-list .view-list-type3 > li { border-top: none; padding-top: 6px; padding-bottom: 6px; }
.kcal-calc .food-list .view-list-type3 > li:first-child { padding-top: 14px; }
.kcal-calc .food-list .view-list-type3 > li:last-child { padding-bottom: 14px; }
.kcal-calc .food-list .view-list-type3 .prdt-head-copy { width: calc(100vw - 160px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.kcal-calc .no-foods { padding-top: 120px; text-align: center; color: #000; font-size: 14px; line-height: 22px; }
.select-foods { padding-bottom: 94px; }
.select-foods .prdt-list { padding-top: 8px; }
.select-foods .prdt-list.last-list-item { min-height: calc(100vh - 215px); }
.select-foods .prdt-list .view-list-type4 > li { margin-bottom: 0; padding-bottom: 32px; }
.select-foods .prdt-list .view-list-type4 .prdt-name { -webkit-line-clamp: 1; min-height: 22px; margin-bottom: 2px; line-height: 22px; }
.select-foods .view-list-type4 .chk-box { position: relative; }
.select-foods .view-list-type4 .chk-box > input { position: absolute; left: 4px; top: 4px; }
.select-foods .btn-bottom, .select-foods ~ .btn-bottom { position: fixed; bottom: 0; width: 100%; max-width: 486px; }

/* 아티클 컨텐츠 */
.article-contents { margin-top: 40px; }
.article-contents .tit-type1 { padding: 32px 0; font-family: 'NotoSerif',serif; font-size: 22px; font-weight: 300; line-height: 32px; text-align: center; color: #000; }
.article-contents .tit-type2 { display: inline-block; margin: 0 24px; border-bottom: 2px solid #000; font-size: 14px; font-weight: 700; line-height: 20px; color: #000; }
.article-contents .tit-type3 { margin: 14px 24px 18px; font-family: 'NotoSerif',serif; font-size: 22px; font-weight: 300; line-height: 32px; color: #000; }
.article-contents .tit-type3 + .txt-type1 { margin-top: -6px; }
.article-contents .tit-type4 { margin: 14px 0; font-size: 15px; font-weight: 700; line-height: 22px; color: #000; text-align: center; }
.article-contents .tit-type4 + .txt-type3 { padding-bottom: 16px; }
.article-contents .video-wrap { margin: 32px 0; }
.article-contents .video-wrap video { display: block; width: 100%; }
.article-contents .txt-type1 { margin: 32px 24px; font-size: 16px; line-height: 26px; color: #666; }
.article-contents .txt-type1 p { margin: 14px 0; }
.article-contents .txt-type1 + .cont-box { padding-top: 40px; }
.article-contents .txt-type2 { font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; color: #000; }
.article-contents .txt-type2 p { margin: 14px 0; }
.article-contents .txt-type3 { font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; color: #666; }
.article-contents .txt-type3 p { margin: 14px 0; }
.article-contents .bg-type1 { background-color: #f9f9f9; }
.article-contents .bg-type1 .tit-type1 { margin-top: 0; }
.article-contents .cont-box { padding: 60px 0; }
.article-contents .cont-box > :last-child { margin-bottom: 0; }
.article-contents .photo-type1 { margin: 0 24px; }
.article-contents img, .article-contents .photo-type1 img, .article-contents .photo-type2 img { display: block; width: 100%; }
.article-contents .thmb-type1 { margin: 32px 24px; }
.article-contents .thmb-type1 ul li { display: flex; margin-bottom: 24px; }
.article-contents .thmb-type1 ul li .img { flex: 0 0 96px; }
.article-contents .thmb-type1 ul li .img img { display: block; width: 100%; }
.article-contents .thmb-type1 ul li .txt { flex: 1 1 auto; padding-left: 12px; }
.article-contents .thmb-type1 ul li .txt .tit { font-size: 16px; line-height: 26px; color: #000; }
.article-contents .thmb-type1 ul li .txt .desc { font-size: 14px; line-height: 22px; color: #666; }
.article-contents .profile-type1 dt { text-align: center; }
.article-contents .profile-type1 dt img { display: inline-block; width: 48px; height: 48px; border-radius: 100%; object-fit: cover; }
.article-contents .profile-type1 dd { padding: 14px 0; font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; color: #888; }
.article-contents .profile-type1 + .txt-type2 { padding-bottom: 30px; }
.before-open-bx { padding: 60px 0 88px; width: 100%; text-align: center; }
.before-open-bx h5 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Roboto'; font-weight: 500; color: #000;}
.before-open-bx p { font-size: 14px; line-height: 22px; color: #000;}
.win-guide-wrap .win-guide-tit { padding: 20px 16px 24px; }
.win-guide-wrap .txt-sty1 { margin-bottom: 10px; }
.win-guide-wrap .box-gray-bg { padding: 24px 16px 24px; min-height: calc((var(--vh, 1vh) * 100) + -188px); }
.brand-story-wrap.def .txt-sty1, .brand-story-wrap.def .txt-sty2 { margin-top: 11px; }
.brand-story-wrap.def .txt-sty5-g { font-weight: 700; }
.brand-story-wrap.def .bs-bg { position: relative; }
.brand-story-wrap.def .bs-bg img { width: 100%; }
.brand-story-wrap div[class*='bx-'] { position: relative; padding-right: 24px; padding-left: 24px; }
.brand-story-wrap .bx-01 { margin-top: 28px; }
.brand-story-wrap .bx-01 .txt-sty1 { margin-top: 8px; font-size: 26px; line-height: 36px; }
.brand-story-wrap .bx-01 .txt-sty2 { line-height: 22px; color: #000; }
.brand-story-wrap .bs-bg-01 { margin-top: 20px; }
.brand-story-wrap .bx-02 { margin-top: -30px; }
.brand-story-wrap .bs-bg-02 { margin-top: 85px; }
.brand-story-wrap .bx-03 { padding-top: 13px; }
.brand-story-wrap .bx-04 { position: absolute !important; top: 54px; left: 0; }
.brand-story-wrap.wrap-type01 .bx-03{z-index:1}
.brand-story-wrap.wrap-type01 .bs-bg-03{z-index:0; margin-top:-130px}
.brand-story-wrap.wrap-type01 .bs-bg-03 .bx-04{top:184px}

/* section e ================================================ */
/* ---------------------------------------------------------- */
/* ========================================================== */
/*                                                            */
/* file		: goods                                      	  */
/*                                                            */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* goods s ================================================== */
/* 상품상세 s */
.detail-visual-item { position: relative; width: 100%; }
.detail-visual-item .detail-visual-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.detail-visual-item .detail-visual-obj > div > img, .detail-visual-item .detail-visual-obj > img { width: 100%; height: 100%; /* border-radius: 0 0 22% 22% / 0 0 4% 4%; */ }
.detail-visual-item .detail-visual-obj video { width: 100%; height: 100%; }
.detail-visual-item .detail-visual-obj .video-skin { height: 100%; }
.detail-visual-item .detail-visual-obj .video-skin .toggle-muted { top: auto; bottom: 20px; left: 50%; margin-left: 25px; }
.detail-visual-item.detail-visual-sty2 .detail-visual-obj { padding: 70px 40px; }
.detail-visual-item.detail-visual-sty2 .detail-visual-obj > img { height: auto; }
.volum-btn { position: absolute; bottom: 20px; left: 15px; }
.volum-item { width: 24px; height: 24px; background: url(../images/common/icon-info-volum-on.png) no-repeat 0; }
.product-basic-block { padding-top: 20px; width: 100%; }
.product-basic-block .parcel-date-info { margin-top: 30px; }
.product-basic-block .parcel-date-info .txt-desc-gray { font-weight: 400; }
.product-basic-block .parcel-date-info .txt-desc-gray .fc-point2 { font-weight: 700; }
.product-basic-block .parcel-date-info .txt-desc-gray .fc-point2 span { font-size: 15px; }
.product-basic-block .notice-write-bx.sty2 { margin-top: 15px; }
.product-basic-block .notice-write-bx.sty3 { margin-top: 15px; }
.product-label { padding-bottom: 4px; line-height: 0; }
.product-label i { margin-right: 5px; }
.product-subject { padding-bottom: 12px; width: 100%; }
.product-subject strong { display: block; font-family: 'NotoSans'; font-weight: 400; font-size: 18px; line-height: 28px; text-align: left; color: #000; }
.product-subject span { font-family: 'NotoSerif', serif; font-weight: 300; font-size: 24px; line-height: 34px; text-align: left; letter-spacing: -0.3px; color: #000; }
.price-info-wrap { width: 100%; }
.price-info-wrap .price-number { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.44; letter-spacing: -0.9px; color: #000; vertical-align: middle; }
.price-info-wrap .price-number .num-type1 { font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 1.36; letter-spacing: 0; }
.price-info-wrap .price-keyword { display: inline-block; width: 101px; height: 28px; margin-left: 10px; border: 1px solid #eee; border-radius: 14px; font-size: 0; color: transparent; background: url(../images/detail/button-price-txt.svg) center no-repeat; background-size: 77px 12px; }
.product-sub-info { padding-top: 8px; }
.product-sub-info + .product-guide-info { margin-top: 32px; }
.product-kind-btns { margin-top: 15px; }
.product-kind-btns button { margin-left: 8px; width: 104px; height: 36px; line-height: 36px; font-size: 14px; color: #000; }
.product-kind-btns button:first-child { margin-left: 0; }
.product-kind-btns button.on { border: 1px solid #000; }
.product-kind-btns.v2 button.on { font-weight: 700; color: #0fd6f7; border: 1px solid #0fd6f7; }
.card-benefit-info button { clear: both; display: block; margin-top: 9px; }
.card-benefit-info button > i { vertical-align: middle; height: 21px; }
.card-benefit-info button > span { display: inline-block; font-size: 14px; line-height: 1.57; color: #666; }
.parcel-date-info { display: block; width: 100%; }
.product-review-block { padding-top: 20px; }
.product-review-block .review-evaluation-wrap { padding-top: 20px; padding-bottom: 20px; }
.product-review-block .attach-preview-item { position: relative; width: 80px; height: 80px; }
.product-review-block .attach-preview-item a { display: inline-block; width: 100%; height: 100%; }
.product-review-block .attach-preview-item .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.product-review-block .attach-preview-item.more-item a { position: relative; }
.product-review-block .attach-preview-item.more-item a:before { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; border-radius: 4px; }
.product-review-block .attach-preview-item.more-item a:after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; background: url(../images/button/icon-button-plus-32.svg) no-repeat 50%; z-index: 1; }
.product-review-block .review-writer-btn { margin-top: 20px; margin-bottom: 15px; font-weight: 400; }
.product-review-block .rewiew-count-txt { font-weight: 400; }
.product-review-block .center-btn-wrap .ico-arrow-right16 { padding-right: 0; }
.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap { position: relative; }
.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1; }
.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap:after { content: "COMING SOON"; position: absolute; top: 50%; margin-top: -14px; width: 100%; font-family: "Roboto", SansSerif; font-weight: 700; font-size: 22px; line-height: 1.36; color: #d0ab7d; text-align: center; z-index: 2; letter-spacing: 0; }
.pro-rev-case .attach-preview-wrap.photo-list { width: calc(100% + 48px); margin-left: -24px; }
.pro-rev-case .attach-preview-wrap.photo-list ul { height: 80px; padding: 0 20px !important; }
.pro-rev-case .attach-preview-wrap.photo-list li img { width: 80px; height: 80px; }
.message-txt { padding-bottom: 150px; font-family: "NotoSerif", Serif; font-weight: 300; font-size: 22px; letter-spacing: -0.3px; line-height: 1.45; color: #000; background-size: 128px 128px; font-weight: 300; }
.message-txt.message-txt-sty1 { background-image: url(../images/detail/illu-review-order.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty2 { background-image: url(../images/detail/illu-review-sale.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty3 { background-image: url(../images/detail/illu-review-best.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty4 { margin-bottom: 10px; background-image: url(../images/detail/illu-review-write@3x.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty5 { background-image: url(../images/detail/illu-review-write@3x.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.review-evaluation-wrap li { display: flex; align-items: center; padding:5px 0; }
.review-evaluation-wrap .rvw-ev-txt { display: inline-block; font-size: 14px; line-height: 1.57; color: #000; width: 154px; vertical-align: middle; }
.review-evaluation-wrap .rvw-ev-barwrap { position: relative; display: inline-block; width: calc(100% - 188px); height: 6px; background: #e5e5e5; border-radius: 3px; }
.review-evaluation-wrap .rvw-ev-barwrap .rvw-ev-bar { position: absolute; top: 0; left: 0; width: 0; height: 6px; background: #dbb98f; border-radius: 3px; }
.review-evaluation-wrap .rvw-ev-barwrap .rvw-ev-bar span { font-size: 0; text-indent: -9999px; }
.review-evaluation-wrap .rvw-percent { display:inline-block; text-align: right; width: 40px; font-size: 15px; line-height: 22px; letter-spacing: 0; font-weight: 500; color: #000; }
.review-evaluation-wrap .rvw-ev-icon { display: inline-block; margin-left: 10px; width: 24px; height: 24px; vertical-align: middle; }
.review-evaluation-wrap .rvw-ev-ms1 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-1-line.svg); }
.review-evaluation-wrap .rvw-ev-ms2 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-2-line.svg); }
.review-evaluation-wrap .rvw-ev-ms3 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-3-line.svg); }
.review-evaluation-wrap .rvw-ev-ms4 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-4-line.svg); }
.review-evaluation-wrap .rvw-ev-ms5 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-5-line.svg); }
/*리뷰도움*/
.review-help{display: flex; justify-content: space-between; align-items: center;}
.review-help .tit{font-size: 14px; line-height: 22px; color: #888;}
.review-help .btn-rounds-w{padding: 0 12px; height: 32px; line-height: 32px; border-radius: 17px;}
.review-help .btn-rounds-w::before{content: ""; display: inline-block; margin-right: 4px; width: 16px; height:16px; background: url(../images/button/icon-button-like-gray-16-off.svg) no-repeat left 3px / cover;}
.review-help .btn-rounds-w.on::before{background-image: url(../images/button/Icon_Button_Like_On.svg);}
.review-help .click-num{padding-left: 4px; font-weight: 700; letter-spacing: 0; color: #000;}
.md-comment-block { padding-top: 40px; padding-bottom: 20px; }
.md-comment-block .box-gray-bg { padding-top: 24px; padding-bottom: 24px; background: #f9f9f9; }
.md-comment-block .box-gray-bg p { display: block; padding-right: 80px; min-height: 64px; font-size: 14px; letter-spacing: -0.8px; line-height: 22px; color: #000; background: url(../images/detail/illu-detail-md-comment.png) no-repeat 100% 0; background-size: 64px; }
.detail-con-wrap { margin-top: 18px; padding-bottom: 60px; max-height: none; overflow: auto; }
.detail-con-wrap.hide-overflow { max-height: 1000px; overflow: hidden; }
.detail-con-wrap + .detail-more-btn { text-align: center; }
.detail-con-wrap.hide-overflow + .detail-more-btn.btn-downarrow-w span:before { content: '상세정보 더보기'; }
.detail-con-wrap.hide-overflow + .detail-more-btn.btn-downarrow-w span:after { background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat 0/100%; }
.detail-con-wrap + .detail-more-btn.btn-downarrow-w span:before { content: '상세정보 닫기'; }
.detail-con-wrap + .detail-more-btn.btn-downarrow-w span:after { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat 0/100%; }
.web-editor-wrap img.full { width: 100%; }
.web-editor-wrap video { width: 100%; }
.web-editor-wrap .center { text-align: center; }
.web-editor-wrap .inner { padding-right: 24px; padding-left: 24px; }
.web-editor-wrap .inner2 { padding-right: 40px; padding-left: 40px; }
.web-editor-wrap .video-wrap { margin: 32px 0; }
.web-editor-wrap .bg-type1 { padding: 60px 0; background-color: #f9f9f9; }
.web-editor-wrap .bg-type1 > :first-child { margin-top: 0; }
.web-editor-wrap .bg-type1 > :last-child { margin-bottom: 0; }
.web-editor-wrap .tit-type1 { margin: 32px 0; font-family: 'NotoSerif',serif; font-size: 26px; font-weight: 300; line-height: 36px; text-align: center; color: #000; }
.web-editor-wrap .tit-type2 { display: inline-block; margin: 0; border-bottom: 2px solid #000; font-size: 14px; font-weight: 700; line-height: 20px; color: #000; }
.web-editor-wrap .tit-type2 + .tit-type1 { margin-top: 14px; margin-bottom: 18px; }
.web-editor-wrap .tit-type3 { margin: 0 40px; font-size: 14px; font-weight: 700; line-height: 20PX; color: #000; }
.web-editor-wrap .tit-type3 + .tit-type4 { margin: 10px 40px; }
.web-editor-wrap .tit-type4 { margin: 0 40px; font-family: 'NotoSerif',serif; font-size: 24px; font-weight: 300; line-height: 34px; color: #000; }
.web-editor-wrap .txt-type1 { margin: 30px 40px 60px; font-size: 16px; letter-spacing: -0.8px; line-height: 26px; color: #666; }
.web-editor-wrap .txt-type1 p { margin: 14px 0; }
.web-editor-wrap .txt-type2 { font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; color: #000; }
.web-editor-wrap .txt-type2 p { margin: 14px 0; }
.web-editor-wrap .txt-type3 { font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; color: #666; }
.web-editor-wrap .txt-type3 p { margin: 14px 0; }
.web-editor-wrap .txt-type4 { font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #666; }
.web-editor-wrap .photo-type1 { margin: 0; }
.web-editor-wrap .photo-type1 img { display: block; width: 100%; }
.web-editor-wrap .photo-type2 { margin: 0; padding-right: 16px; padding-left: 16px; }
.web-editor-wrap .photo-type2 img { display: block; width: 100%; max-width: 312px; margin-right: auto; margin-left: auto; }
.web-editor-wrap .cont-box { padding: 31px 0; }
.web-editor-wrap .cont-box:first-child { padding-top: 0; }
.web-editor-wrap .i-info { font-size: 12px; line-height: 18px; color: #888; }
.web-editor-wrap .i-info i.icon-information { margin-right: 6px; vertical-align: top; }
.web-editor-wrap .cont-box.has-bg { position: relative; }
.web-editor-wrap .cont-box.has-bg div { position: relative; z-index: 1; }
.web-editor-wrap .cont-box > :last-child { margin-bottom: 0; }
.web-editor-wrap .txt-white [class^=txt-], .web-editor-wrap .txt-white [class^=tit-], .web-editor-wrap .txt-white [class^=txt-] p { color: #fff; }
.web-editor-wrap .howto { margin: 26px 24px; border-top: 1px solid #000; }
.web-editor-wrap .howto li { display: flex; border-top: 1px solid #eee; }
.web-editor-wrap .howto li:first-child { border-top: none; }
.web-editor-wrap .howto li .icon { display: flex; flex: 0 0 90px; flex-direction: column; min-height: 90px; align-items: center; justify-content: center; }
.web-editor-wrap .howto li .icon .tip { font-size: 12px; line-height: 22px; color: #000; font-weight: 500; letter-spacing: 0; }
.web-editor-wrap .howto li .txt { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 90px; padding-right: 16px; justify-content: center; word-break: keep-all; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; }
.web-editor-wrap .define { margin: 26px 24px; border-top: 1px solid #000; }
.web-editor-wrap .define li { display: flex; border-top: 1px solid #eee; }
.web-editor-wrap .define li:first-child { border-top: none; }
.web-editor-wrap .define li .tit { display: flex; flex: 0 0 auto; padding: 10px 0; min-width: 120px; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; }
.web-editor-wrap .define li .txt { display: flex; flex: 1 1 auto; padding: 10px 0; font-size: 14px; font-weight: 400; line-height: 22px; color: #666; }
.web-editor-wrap .s-txt { margin: 14px 0; font-size: 12px; line-height: 18px; color: #666; }
.web-editor-wrap .cont-box table .icon { display: inline-block; }
.web-editor-wrap .cont-box table td { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.8px; }
.view-table-sty2 { border-top: 1px solid #000; }
.view-table-sty2 th, .view-table-sty2 td { padding-top: 8px; padding-bottom: 9px; text-align: left; border-bottom: 1px solid #eee; }
.view-table-sty2 th { font-weight: 400; font-size: 14px; color: #000; vertical-align: top; }
.view-table-sty2 td { font-size: 14px; color: #666; line-height: 22px; }
.goods-summary-block .view-table-sty2 { margin-top: 16px; }
.goods-summary-block .txt-sty3 { margin-top: 14px; color: #666; }
.tag-keyword-block .tag-keyword-area { padding-top: 5px; }
.tag-keyword-block .tag-keyword-area .hash { margin-right: 5px; margin-bottom: 5px; }
.recommend-product-block .product-list-wrap { margin: 0 -24px; }
.recommend-product-block .product-list-wrap .view-list-type2 { margin: 0; flex-wrap: nowrap; }
.recommend-product-block .product-list-wrap .view-list-type2 { flex-wrap: nowrap; }
.recommend-product-block .product-list-wrap .view-list-type2 li { padding: 0; min-width: calc(50% - 28px); max-width: calc(50% - 28px); flex: 0 1 auto; height: unset; }
.recommend-product-block .product-list-wrap .view-list-type2 .prdt-thumb { padding-top: 0; }
.recommend-product-block .product-list-wrap .view-list-type2 .button-cart-wrap { bottom: -7px; }
.link-btns-block { margin-top: 43px; }
.link-btns-block li { display: block; padding: 14px 16px 13px; width: 100%; border-top: 1px solid #eee; }
.link-btns-block .btn-arrow-link { position: relative; display: block; width: 100%; text-align: left; }
.link-btns-block .btn-arrow-link:before { position: absolute; content: ""; display: inline-block; top: 50%; right: 0; margin-top: -12px; width: 24px; height: 24px; background: url(../images/detail/icon-button-arrow-right-24.svg) no-repeat 0/100%; }
.link-btns-block .btn-arrow-link > span { font-size: 16px; line-height: 26px; color: #000; }
.link-btns-block .btn-arrow-link .count-num { position: absolute; right: 30px; font-size: 14px; line-height: 1.47; color: #888; }
.link-btns-block .btn-arrow-link .count-num > span { font-family: 'Roboto', sans-serif; font-size: 15px; }
.detail-banner-block { background: #f9f9f9; }
.banner-wrap .bnnr-txt-tit { font-size: 18px; line-height: 28px; color: #000; font-weight: 400; }
.banner-wrap .bnnr-txt-con { font-size: 14px; line-height: 22px; color: #666; }
.banner-glyde-story { padding: 24px 24px 32px; background: url(../images/detail/illu-brandstory-banner@3x.png) no-repeat 100% 100%; background-size: 309px; }
.banner-glyde-story .bnnr-txt-tit, .banner-glyde-story .bnnr-txt-con, .banner-glyde-story .bnnr-btn { display: block; clear: both; }
.banner-glyde-story .bnnr-txt-con { margin-top: 6px; }
.banner-glyde-story .bnnr-btn { margin-top: 16px; }
.bnnr-txt-info { position: absolute; top: 24px; left: 24px; width: calc(100% - 48px); }
.bnnr-txt-info .bnnr-txt-con { margin-top: 6px; }
.bnnr-txt-info .bnnr-btn { margin-top: 16px; }
.btmbtn-cart-wrap { position: relative; padding: 0; }
.btmbtn-cart-wrap .icon-minus-white, .btmbtn-cart-wrap .icon-plus-white, .btmbtn-cart-wrap .icon-cart-del { opacity: 0; transform: scale(0); transition: 0.2s; }
.btmbtn-cart-wrap .icon-cart-number { position: absolute; left: 50%; bottom: 0; width: 36px; height: 36px; margin-left: -18px; display: table-cell; font-size: 19px; font-weight: 700; color: #fff; text-align: center; vertical-align: middle; opacity: 0; transform: scale(0); transition: 0.2s; }
.btmbtn-cart-wrap .icon-cart-add { padding: 0; }
.btmbtn-cart-wrap .icon-button-cart.type1 { display: block; width: 100%; height: 54px; padding: 0; background: #0fd6f7; color: #fff; font-size: 16px; font-weight: 700; text-align: center; border: none; border-radius: 0; text-indent: 0; }
.btmbtn-cart-wrap .icon-minus-white, .btmbtn-cart-wrap .icon-cart-del, .btmbtn-cart-wrap .icon-plus-white { background-size: 32px; }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-minus .icon-minus-white, .btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-minus-white, .btmbtn-cart-wrap.wide-del .icon-cart-del { bottom: 8px; }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-plus-white { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-minus-white, .btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-minus-white, .btmbtn-cart-wrap.wide-del .icon-cart-del { left: 12px; }
.btmbtn-cart-wrap.wide-minus .icon-cart-add, .btmbtn-cart-wrap.wide-del .icon-cart-add, .btmbtn-cart-wrap.wide-del .icon-button-cart, .btmbtn-cart-wrap.wide-minus .icon-button-cart { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-plus-white { right: 12px; opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-cart-del { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-cart-number { right: 35px; }
.btmbtn-cart-wrap.wide-del .icon-cart-del { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-del .icon-minus-white { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-cart-del { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-minus-white { opacity: 1; transform: scale(1); }

/* 상품상세 e */
/* 상품개발스토리 s : 201124추가 */
.web-editor-wrap .dtl-story-img { text-align: center; }
.web-editor-wrap .dtl-story-img .img-wrap { display: inline-block; width: 84px; height: 84px; }
.web-editor-wrap .dtl-story-img .img-wrap img { width: 100%; height: 100%; }
.web-editor-wrap .dtl-story-img .name { margin-top: 8px; font-size: 14px; }
.web-editor-wrap .dtl-story { font-size: 16px; line-height: 1.8; margin: 24px 0; }
.web-editor-wrap .dtl-story .dtl-story-tit { padding-left: 20px; padding-right: 20px; padding-bottom: 8px; color: #000; font-size: 16px; font-weight: bold; }
.web-editor-wrap .dtl-story-link { display: inline-block; padding-left: 20px; font-size: 14px; }
.web-editor-wrap .dtl-story-link a { display: inline-block; color: #888; }
.web-editor-wrap .dtl-story-link .dtl-story-more { position: relative; display: block; margin-top: 2px; color: #666; }
.web-editor-wrap .dtl-story-link .dtl-story-more::after { content: ''; position: absolute; left: 78px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url(../images/detail/icon-button-arrow-right-16.png) no-repeat center center; }

/* 상품개발스토리 e : 201124추가 */
/* 상품리뷰 s */
.photo-movie-block { overflow: hidden; padding-top: 30px; padding-bottom: 24px; border-bottom: 10px solid #f5f5f5; }
.thumbnail-list-wrap { display: block; margin: 14px -16px 0; width: unset; overflow: visible; }
.thumbnail-list-wrap.no-item { height: unset; margin: 0; display: block; }
.thumbnail-list-wrap .swiper-wrapper { width: calc(100vw - 12px); }
.thumbnail-list-wrap .swiper-slide { width: calc(100vw - 24px); }
.thumbnail-list-wrap .swiper-slide .item-list { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.thumbnail-list-wrap .swiper-slide .item-list .item { box-sizing: content-box; flex-grow: 1; flex-shrink: 1; min-height: calc((100vw - 48px) / 3); max-height: calc((100vw - 48px) / 3); min-width: calc((100vw - 48px) / 3); max-width: calc((100vw - 48px) / 3); padding: 4px; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item a { display: inline-block; position: relative; width: 100%; height: 100%; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item a img { display: block; object-fit: cover; width: 100%; height: 100%; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item a .button-movie-play { position: absolute; bottom: 4px; left: 4px; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item a .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item.more-item a { position: relative; }
.thumbnail-list-wrap .swiper-slide .item-list .item .thumbnail-item.more-item a:before { content: "+"; position: absolute; width: 100%; height: 100%; color: #fff; font-weight: 300; font-size: 38px; text-align: center; line-height: 104px; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.thumbnail-list-wrap .list-no-item { margin-top: 21px; padding-top: 60px; padding-bottom: 16px; font-size: 14px; line-height: 1.57; color: #888888; text-align: center; background: url("../images/pick/icon-pick-nodata.png") no-repeat 50% 0; }
.review-contents-block .cart-sheet-tab { margin-bottom: 0; }
.rev-list-item { display: inline-block; width: 100%; }
.rev-list-item.rev-list-sty1 .detail-visual-objArea { padding-top: 0; }
.rev-list-item.rev-list-sty1 .rev-attach-item { width: 100%; }
.rev-list-item.rev-list-sty1 .rev-con-tit { padding-left: 63px; padding-bottom: 8px; padding-top: 8px; height: 65px; }
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-icon { width: 48px; position: absolute; left: 16px; }
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-txt-area { width: calc(100% - 48px); display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; }
.rev-list-item.rev-list-sty1 .rev-con-area { float: left; padding-top: 20px; }
.rev-list-item.rev-list-sty2 { border-bottom: 1px solid #eee; }
.rev-list-item.rev-list-sty2 .detail-visual-objArea { padding-top: 0; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap { margin-bottom: 20px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide { width: auto; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide:first-child { margin-left: 16px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item { width: 160px; height: 160px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item .rev-attach-obj, .rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item img { width: 100%; height: 100%; border-radius: 4px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide.full-size-slide { width: calc(100% - 32px); }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide.full-size-slide .rev-attach-item { width: 100%; height: auto; }
.rev-list-item.rev-list-sty2 .rev-con-tit { position: relative; margin-bottom: 15px; padding-top: 23px; height: 65px; border-bottom: 0; padding-left: 52px; }
.rev-list-item.rev-list-sty2 .rev-con-tit .revtit-icon { position: absolute; left: 16px; height: 40px; line-height: 40px; }
.rev-list-item.rev-list-sty2 .rev-con-tit .revtit-txt-area { width: calc(100% - 48px); display: flex; flex-direction: column; justify-content: center; }
.rev-list-item.rev-list-sty2 .rev-con-area { float: left; }
.rev-list-item .revtit-top-label { position: absolute; top: 23px; right: 16px; }
.rev-list-item .revtit-top-desc { font-weight: 700; font-size: 12px; line-height: 18px; color: #666; }
.rev-list-item.rev-list-sty1 .revtit-top-desc { float: left; padding: 20px 16px 0; }
.rev-list-item.rev-list-sty2 .revtit-top-desc { padding: 0 16px 14px; }
.rev-list-item .product-review-block { float: left; width: 100%; padding-top: 0; }
.rev-list-item .product-review-block .review-evaluation-wrap { padding-top: 0; }
.rev-attach-wrap { position: relative; width: 100%; }
.rev-attach-wrap .swiper-wrapper { width: 100%; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a { display: inline-block; position: relative; width: 100%; height: 100%; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .button-movie-play { position: absolute; bottom: 15px; left: 15px; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj { position: relative; width: 100%; height: auto; text-align: center; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj img { width: 100%; height: calc(100vw * (230 / 360)); object-fit: cover;}
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj video { width: 100%; }
.rev-attach-wrap .swiper-pagination { position: absolute; padding: 2px 15px 3px; height: 24px; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 24px; text-align: unset; color: #ddd; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; background: rgba(0, 0, 0, 0.3); border-radius: 12px; }
.rev-attach-wrap .swiper-pagination-fraction { line-height: 24px; top: unset !important; right: unset !important; bottom: 12px !important; right: 12px !important; width: 42px !important; text-align: center; padding: 0; letter-spacing: 0; }
.rev-attach-wrap .swiper-pagination-fraction .swiper-pagination-current { color: #fff; line-height: 24px; }
.rev-attach-wrap .swiper-pagination-fraction .swiper-pagination-total { color: #ddd; line-height: 24px; }
.rev-attach-wrap { overflow: hidden; overflow-x: scroll; }
.rev-attach-wrap .attach-list { display: inline-block; padding: 0 12px; white-space: nowrap; }
.rev-attach-wrap .attach-list li { display: inline-block; width: 160px; height: 160px; margin: 0 4px; vertical-align: top; }
.rev-attach-wrap .attach-list li .rev-attach-item { width: 100%; height: 100%; }
.rev-attach-wrap .attach-list li .rev-attach-item a{display:block; position:relative}
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj { position: relative; width: 100%; height: 100%; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-loading{position:absolute; width:100%; height:100%; z-index:1; font-size:0; line-height:0; overflow:hidden; background:#f9f9f9 url('../images/common/placeholder-image-column-2.png') 50% 50% no-repeat; background-size:160px;}
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-icon:after{content:''; display:block; width:24px; height:24px; position:absolute; right:8px; top:8px; background:url('../images/common/icon-button-zoom.png') 0 0 no-repeat; background-size:100%}
.rev-attach-wrap .attach-list li.full-size-slide { display: block; width: 100%; height: auto; margin: 0; padding: 0 4px; }
.rev-attach-wrap .attach-list li.full-size-slide .rev-attach-item .rev-attach-obj img { height: calc((100vw - 32px) * (160 / 328)); }
.rev-attach-wrap .attach-list li.full-size-slide .rev-attach-item .rev-attach-obj.default img{height:auto}
.rev-reply-manager { padding-bottom: 40px; }
.rev-reply-manager .box-gray-bg { padding-right: 16px; padding-left: 16px; border-radius: 4px; }
.rev-reply-manager .rev-reply-tit { font-size: 14px; color: #000; }
.rev-reply-manager .rev-reply-tit .revrep-role { font-weight: 700; }
.rev-reply-manager .rev-reply-tit .revrep-date { position: relative; padding-left: 10px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 1.5; color: #888; letter-spacing: 0; }
.rev-reply-manager .rev-reply-tit .revrep-date:before { content: ""; position: absolute; top: 6px; left: 3px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.rev-reply-manager .rev-reply-con { padding-top: 5px; font-size: 14px; line-height: 1.57; color: #000; white-space: pre-line; }
.tab-review-all > .btm-btn-wrap { margin-top: 0; }
.review-upgrade-guide { text-align: center; }
.review-upgrade-guide .txt-tit-black2 { padding-top: 188px; text-align: center; background: url(../images/detail/illu-product-tasteup@3x.png) no-repeat 50% 48px; background-size: 128px; font-weight: 400; }
.review-upgrade-guide .txt-sty3 { padding-top: 8px; }
.review-upgrade-guide .btm-btn-wrap { padding-top: 0; padding-bottom: 0; }
.review-upgrade-guide .btm-btn-wrap button::after { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_down_16.svg) center center no-repeat; background-size: 16px; vertical-align: middle; }
.review-upgrade-guide .btm-btn-wrap button span { display: inline-block; line-height: 21px; vertical-align: middle; }
.thumbnail-all-block { padding-top: 20px; padding-bottom: 40px; }
.thumbnail-all-wrap { display: inline-block; width: 100%; }
.thumbnail-all-wrap > li { float: left; position: relative; width: 33.33%; }
.thumbnail-all-wrap > li:after { content: ""; display: block; padding-bottom: 100%; }
.thumbnail-all-wrap > li .thumb-img-item { position: absolute; display: inline-block; top: 0; left: 0; padding: 4px; width: 100%; height: 100%; }
.thumbnail-all-wrap > li .thumb-img-item > a { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; }
.thumbnail-all-wrap > li .thumb-img-item img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; }
.thumbnail-all-wrap > li .thumb-img-item .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.thumbnail-all-wrap > li .thumb-img-item.on img { border: 2px solid #0fd6f7; }

/* 상품리뷰 e */
/* 상품리뷰상세 s */
.photo-revdetail-block { position: fixed; top: 50px; width: 100%; max-width: 486px; height: calc(100% - 50px); overflow: hidden; background: #f5f5f5; }
.photo-revdetail-block.type2 { background: #fff; }
.photo-revdetail-block .swiper-container { height: 100%; }
.photo-revdetail-block .swiper-button-prev, .photo-revdetail-block .swiper-button-next { position: absolute; top: calc(50% + 18px - 71px); width: 36px; height: 36px; background: url(../images/button/Icon_Button_Oval_BG_Black.svg) center center no-repeat; background-size: 36px; }
.photo-revdetail-block.type2 .swiper-button-prev, .photo-revdetail-block.type2 .swiper-button-next { top: calc(50% + 18px); }
.photo-revdetail-block .swiper-button-prev:after, .photo-revdetail-block .swiper-button-next:after { content: ''; }
.photo-revdetail-block .swiper-button-prev { left: 20px; }
.photo-revdetail-block .swiper-button-next { right: 20px; }
.photo-revdetail-block .revdetail-img-wrap.h_full{height:100%}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont{background:#f5f5f5}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.img{background:#f5f5f5 url('../images/common/icon_img_ing.svg') 50% 50% no-repeat; background-size:48px;}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.video{background:#f5f5f5 url('../images/common/icon_video_ing.svg') 50% 50% no-repeat; background-size:80px}
.photo-revdetail-block .btn_page_go{position: absolute; top: calc(50% - 93px); width: 44px; height: 44px; background-size: 44px; background-repeat: no-repeat; font-size:0; text-indent: -9999px}
.photo-revdetail-block .btn_page_go.prev{background-image: url(../images/common/icon_slide_prev.png); left:14px;}
.photo-revdetail-block .btn_page_go.next{background-image: url(../images/common/icon_slide_next.png); right:14px;}
.revdetail-img-wrap { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 50px); }
.revdetail-img-wrap .revdetail-cont { display: flex; display: -webkit-flex; height: calc(100% - 142px); justify-content: center; align-items: center; }
.photo-revdetail-block.type2 .revdetail-img-wrap .revdetail-cont { height: calc(100%); }
.revdetail-img-wrap .revdetail-cont.img img { max-width: 100%; max-height: 100%; }
.revdetail-img-wrap .revdetail-cont.video video { width: 100%; }
.icon-left-white18 { display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_left_24_white.svg) no-repeat 3px; background-size: 18px; font-size: 0; text-indent: -9999px; }
.icon-right-white18 { display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_right_24_white.svg) no-repeat 3px; background-size: 18px; font-size: 0; text-indent: -9999px; }
.review-content-layer { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 20; }
.review-content-layer .rev-con-tit { padding-bottom: 23px; border-bottom: 0; }
.review-content-layer .rev-con-area { width: 100%; max-height: 22px; overflow-y: auto; }
.review-content-layer.on .rev-con-area { max-height: 152px; }
.btn-line-expand { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.icon-line-expand { display: inline-block; width: 40px; height: 5px; border-radius: 2.5px; background: rgba(0, 0, 0, 0.1); font-size: 0; text-indent: -9999px; }
.rev-con-tit { position: relative; float: left; padding-top: calc(23px + 18px); width: 100%; border-bottom: 1px solid #eee; }
.rev-con-tit .revtit-icon { float: left; width: 36px; }
.rev-con-tit .revtit-icon img { width: 100%; }
.rev-con-tit .revtit-txt-area { float: left; padding-left: 10px; width: calc(100% - 36px); }
.rev-con-tit .revtit-txt-area .revtit-best-user { font-size: 14px; line-height: 22px; color: #000; }
.rev-con-tit .revtit-txt-area .revtit-data-area { padding-bottom: 0; }
.rev-con-tit .revtit-txt-area .revtit-data-area .revtit-data-block { display: inline-block; letter-spacing: 0; font-size: 12px; line-height: 18px; color: #888; vertical-align: middle; }
.rev-con-tit .revtit-txt-area .revtit-data-area .revtit-label { display: inline-block; position: relative; padding-left: 14px; line-height: 18px; font-size: 0; vertical-align: middle; }
.rev-con-tit .revtit-txt-area .revtit-data-area .revtit-label i { margin-right: 2px; vertical-align: middle; }
.rev-con-tit .revtit-txt-area .revtit-data-area .revtit-label:before { content: ""; position: absolute; top: 8px; left: 6px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.rev-con-area { margin-bottom: 16px; padding-bottom: 16px; }
.rev-con-area p { font-size: 14px; color: #666; line-height: 22px; }

/* 상품리뷰상세 e */
/* 상품리뷰 사진상세 s */
.photo-imgdetail-block { transition: opacity 0.3s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000; opacity: 0; z-index: 111; }
.photo-imgdetail-block.on { opacity: 1; }
.photo-imgdetail-block .clsbtn-rgt-w { z-index: 1; }
.photo-imgdetail-block .revdetail-img-wrap { position: relative; top: 0px; height: 100%; }
.photo-imgdetail-block .revdetail-img-wrap .flx-chld { position: relative; height: 100%; }
.photo-imgdetail-block .revdetail-img-wrap .flx-chld .revdetail-cont-img { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.photo-imgdetail-block .revdetail-cont-img { display: inline-block; }
.photo-imgdetail-block .revdetail-cont-img img { max-width: 100%; max-height: 100%; }
.photo-imgdetail-block .block-header { position: relative; height: 50px; }
.photo-imgdetail-block .block-header button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background-size: 32px; background-position: center; }
.photo-imgdetail-block .block-content { width: 100%; height: calc(100% - 50px); }

/* 상품리뷰 사진상세 e */
/* 리뷰작성 s */
.prdt-item-block.box-gray-bg { padding-top: 16px; padding-bottom: 16px; }
.prdt-item-type1 { position: relative; width: 100%; }
.prdt-item-type1 .prdt-thumb { position: relative; display: inline-block; width: 72px; border-radius: 4px; vertical-align: top; overflow: hidden; }
.prdt-item-type1 .prdt-thumb i { position: absolute; top: 8px; left: 5px; }
.prdt-item-type1 .prdt-info { position: relative; display: inline-block; padding-left: 10px; width: calc(100% - 82px); vertical-align: middle; }
.prdt-item-type1 .prdt-head-desc { font-size: 12px; line-height: 1.5; color: #888; letter-spacing: -1px; }
.prdt-item-type1 .prdt-head-desc + .prdt-head-copy { margin-top: 0; }
.prdt-item-type1 .prdt-head-copy { display: block; margin-top: 8px; font-size: 14px; line-height: 18px; /*letter-spacing:-0.8px*/ color: #000; font-family: 'NotoSans', sans-serif; font-weight: 400; background: #f9f9f9; }
.prdt-item-type1 .prdt-price { font-weight: 700; font-size: 12px; color: #666; line-height: 18px; }
.prdt-item-type1 .prdt-idvd-sum { margin-top: 6px; font-weight: 700; font-size: 14px; line-height: 20px; color: #000; }
.prdt-item-type1 .prdt-idvd-sum .num-type1 { display: inline-block; margin-right: 2px; font-family: "Roboto", SansSerif; font-size: 17px; line-height: 24px; letter-spacing: 0; }
.review-measure-block { display: inline-block; width: 100%; }
.review-guide-msg { margin: 30px 0 5px; text-align: center; }
.review-guide-msg strong { display: block; font-family: 'NotoSerif', serif; font-size: 22px; line-height: 32px; font-weight: 300; color: #000; }
.review-guide-msg p { display: block; font-size: 12px; line-height: 18px;  color: #888; }
.rating-star{display: flex; justify-content: center; flex-direction: row-reverse; padding:10px 0 42px}
.rating-star input[type=radio]{position: absolute; left: -99999px;}
.rating-star label{display: block; margin-right: 4px; font-size: 0;  width: 32px; height: 32px; background: url(../images/detail/icon-info-review-star-empty.svg) no-repeat center / 32px; -webkit-tap-highlight-color: transparent;}
.rating-star input[type=radio]:checked ~ label{background: url(../images/detail/icon-info-review-star-full.svg) no-repeat center / 32px;}
.rev-msr-item { float: left; margin-top: 14px; width: 100%; }
.rev-msr-item ~ .rev-msr-item { margin-top: 60px; }
.rev-msr-item ~ .rev-msr-item:last-child { margin-bottom: 20px; }
.rev-msr-tit { font-weight: 400; font-size: 18px; text-align: center; color: #000; letter-spacing: -0.8px; }
.rev-msr-ul { float: left; padding: 10px 50px 5px; width: 100%; }
.rev-msr-li { position: relative; float: left; width: 20%; height: 54px; }
.rev-msr-li::before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background-color: #eee; }
.rev-msr-li:first-child::before { left: 50%; }
.rev-msr-li:last-child::before { left: -50%; }
.rev-msr-li > label { position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; width: 54px; height: 54px; z-index: 1; }
.rev-msr-li:first-child .bg-line-hide { left: 0; }
.rev-msr-li .msg { font-size: 14px; letter-spacing: -0.8px; color: #aaa; position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.rev-msr-li input[type="radio"] { display: block; margin: 0; width: 54px; height: 54px; -webkit-appearance: none; }
.rev-msr-li input[type="radio"]:before { position: absolute; top: 0; left: 0; width: 54px; height: 54px; }
.rev-msr-li .rev-msr1-li1 { content: ""; background: url(../images/info/Icon_Info_Review_measure_1_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li1:checked { content: ""; background: url(../images/info/face_01.png) no-repeat 50% 50%; background-size: 1620px; animation: measure-motion1 0.4s steps(29) forwards; }
.rev-msr-li .rev-msr1-li2 { content: ""; background: url(../images/info/Icon_Info_Review_measure_2_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li2:checked { content: ""; background: url(../images/info/face_02.png) no-repeat 50% 50%; background-size: 1350px; animation: measure-motion2 0.4s steps(24) forwards; }
.rev-msr-li .rev-msr1-li3 { content: ""; background: url(../images/info/Icon_Info_Review_measure_3_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li3:checked { content: ""; background: url(../images/info/face_03.png) no-repeat 50% 50%; background-size: 756px; animation: measure-motion3 0.4s steps(13) forwards; }
.rev-msr-li .rev-msr1-li4 { content: ""; background: url(../images/info/Icon_Info_Review_measure_4_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li4:checked { content: ""; background: url(../images/info/face_04.png) no-repeat 50% 50%; background-size: 756px; animation: measure-motion4 0.4s steps(13) forwards; }
.rev-msr-li .rev-msr1-li5 { content: ""; background: url(../images/info/Icon_Info_Review_measure_5_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li5:checked { content: ""; background: url(../images/info/face_05.png) no-repeat 0 0; background-size: 972px; animation: measure-motion5 0.4s steps(17) forwards; }

@keyframes measure-motion1 { from { background-position: 0 0; }
    to { background-position: -1566px 0; } }

@keyframes measure-motion2 { from { background-position: 0 0; }
    to { background-position: -1296px 0; } }

@keyframes measure-motion3 { from { background-position: 0 0; }
    to { background-position: -702px 0; } }

@keyframes measure-motion4 { from { background-position: 0 0; }
    to { background-position: -702px 0; } }

@keyframes measure-motion5 { from { background-position: 0 0; }
    to { background-position: -918px 0; } }
.bg-line-hide { position: absolute; top: 0; right: 0; width: calc(100% - 50px); height: 100%; background: #fff; }
.rev-msr-icon { position: absolute; font-size: 0; text-indent: -9999px; }
.rev-msrdesc-ul { clear: both; float: left; padding: 0 50px; width: 100%; }
.rev-msrdesc-li { float: left; width: 33.33%; text-align: center; }
.rev-msrdesc-li:first-child { text-align: left; }
.rev-msrdesc-li:last-child { text-align: right; }
.rev-msrdesc-li span { font-size: 14px; letter-spacing: -0.8px; color: #aaa; }
.review-guide-block { display: inline-block; width: 100%; }
.review-guide-block .box-gray-bg { padding:16px; float: left; width: 100%; }
.review-guide-block .box-gray-bg .txt-desc-gray { padding-bottom:5px;}
.review-guide-block .box-gray-bg p.txt-sty2 { padding-bottom:14px;}
.review-guide-block .box-gray-bg.grid-type2 p.txt-sty2 { padding-bottom:2px;}
.review-write-block { position: relative; display: inline-block; width: 100%; }
.review-write-block .block-tit { font-weight: 400; }
.review-write-block .txt-area { margin-top: 10px; }
.review-write-block + .attachfiles-block { position: relative; display: inline-block; margin-top: 25px; width: 100%; }
.review-write-block textarea::placeholder { color: #ccc; font-weight: 400; font-size: 14px; }
.save-cash-guide { position: absolute; top: 0; right: 16px; }
.save-cash-guide .icon-info-cash { line-height: 19px; }
.attach-preview-wrap { display: inline-block; margin-top: 14px; width: 100%; }
.attach-preview-wrap .photo-list-ul { padding-right: 0 !important; padding-left: 0 !important; width: max-content; }
.attach-preview-wrap .photo-list-ul a { display: inline-block; }
.attach-preview-wrap .swiper-slide { width: auto; }
.attach-preview-item { position: relative; width: 104px; height: 104px; overflow: hidden; border-radius: 4px; }
.attach-preview-item img { width: 100%; height: 100%; }
.attach-preview-item .button-movie-play { position: absolute; bottom: 4px; left: 4px; }
.attach-preview-item .button-movie-play2 { position: absolute; bottom: 6px; left: 8px; }
.attach-preview-item.attch-item-img .button-movie-play, .attach-preview-item.attch-item-img .button-movie-play2 { display: none; }
.btn-attch-del { position: absolute; top: 4px; right: 4px; }
.review-keyword-block { position: relative; display: inline-block; width: 100%; }
.review-keyword-block .block-tit { font-weight: 400; }
.review-guide2-block { position: relative; display: inline-block; width: 100%; }
.review-guide2-block .slide-list-tit { padding-top: 14px; padding-bottom: 14px; font-weight: 400; line-height: 26px; }
.review-guide2-block .slide-list-con { color: #666; }
.review-guide2-block .slide-list-con p b { font-weight: 400; color: #000; }
.review-guide2-block .slide-list-con .dot-gray-ul { margin: 14px 0; }
.review-guide2-block .slide-list-con .alert-msg { margin: 14px 0; font-size: 12px; font-weight: 700; color: #666; }

/* 리뷰작성 e */
/* 리뷰등록완료 s */
.reg-complete1-block, .reg-complete2-block { position: absolute; top: 20%; left: 0; width: 100%; padding-top: 143px; text-align: center; background: url(../images/detail/illust-end-com@3x.png) no-repeat center top; background-size: 128px; }
.review-written{display: flex; flex-direction: column; justify-content: space-between; min-height: var(--container); }
.review-written .reg-complete1-block, .review-written .reg-complete2-block { position: static; margin: 80px 0 56px; }
.reg-complete1-block .txt-sty2, .reg-complete2-block .txt-sty2 { padding-top: 25px; }
.reg-complete1-block .txt-sty2 { padding-bottom: 96px; }
.reg-complete2-block .txt-sty3 { padding-top: 14px; }
/*
개발반영전 반영
.reg-complete1-block, .reg-complete2-block { position: absolute; top: 50%; left: 0; margin-top: calc(-136px - 31px); width: 100%; padding-top: 143px; text-align: center; background: url(../images/detail/illust-end-com@3x.png) no-repeat center top; background-size: 128px; }
.reg-complete1-block .txt-sty2, .reg-complete2-block .txt-sty2 { padding-top: 25px; }
.reg-complete1-block .txt-sty2 { padding-bottom: 96px; }
.reg-complete2-block .txt-sty3 { padding-top: 110px; }
*/

/* 상품문의 s */
.swiper-faq-block { padding-top: 20px; padding-bottom: 16px; width: 100%; background: #f9f9f9; }
.swiper-faq-block .block-desc-txt { padding-bottom: 10px; text-align: center; }
.swiper-faq-wrap { padding-bottom: 6px !important; width: 100%; }
.swiper-faq-wrap .swiper-pagination { bottom: 0 !important; }
.swiper-faq-wrap .swiper-pagination .swiper-pagination-bullet { margin: 0 3px !important; width: 6px; height: 6px; }
.swiper-faq-block ~ .slide-qna-block .empty-txt-wrap { margin-top: calc(((var(--vh, 1vh) * 100) - 50px - 260px - 54px - 152px - 20px) / 2); }
.swiper-faq-block ~ .slide-qna-block { min-height: calc((var(--vh, 1vh) * 100) - 50px - 292px - 54px); }
.slide-card-item { padding: 24px; width: 100%; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13); background: #fff; }
.slide-card-item .faq-txt-q { padding-left: 26px; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; color: #000; background: url(../images/info/Icon_Info_Question.svg) no-repeat left top; }
.slide-card-item .faq-txt-a { padding-top: 8px; font-size: 14px; line-height: 1.56; letter-spacing: -0.8px; color: #666; }
.slide-card-item .faq-txt-a p { position: relative; height: 88px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-card-item .faq-txt-a p .view-more { position: absolute; right: 0px; bottom: 3px; padding-right: 16px; padding-left: 16px; font-size: 14px; font-weight: 400; color: #666; line-height: 16px; background: #fff; }
.slide-card-item .faq-txt-a p .view-more::after { content: ''; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url(../images/detail/icon-button-arrow-right-16.svg) no-repeat center center; }
.post-info-wrap { position: relative; padding-top: 18px; }
.post-info-wrap > li { display: inline-block; font-size: 12px; color: #888; line-height: 1.5; }
.post-info-wrap .post-date { position: relative; font-family: "Roboto", SansSerif; letter-spacing: 0; }
.post-info-wrap .post-date span { letter-spacing: inherit; }
.post-info-wrap .post-btns { position: absolute; top: 10px; right: 0; }
.slide-list-sty2 .manager-comments-area { margin: 5px 0 0 0; padding: 16px; width: 100%; background: #eee; border-radius: 4px; }
.slide-list-sty2 .manager-comments-area .comment-txt { font-size: 14px; line-height: 1.57; letter-spacing: -0.8px; }
.slide-list-sty2 .icon-secret-gray16 { margin-top: 2px; margin-right: 4px; vertical-align: top; }
.slide-list-sty2 .rev-reply-manager { padding-top: 29px; padding-right: 16px; padding-bottom: 0; padding-left: 16px; }
.slide-list-sty2 .rev-reply-manager .box-gray-bg { border-radius: 4px; background: #f5f5f5;}
.slide-list-sty2 .rev-reply-manager .box-gray-bg + .box-gray-bg{ margin-top:12px; }
.slide-list-sty2 .grid-type1:not(.on) .txt-box-sty1 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-list-sty2 .grid-type1:not(.on) .txt-box-sty1 p.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-list-sty2 .grid-type1.on .txt-box-sty1 p.ellipsis-1 { white-space: pre-line; }
.qna-write-block .block-desc-txt { color:#333; }
.qna-write-block .box-gray-bg { padding: 20px 16px 22px;}
.qna-write-block .box-gray-bg .dot-gray-ul li { font-size: 13px; color: #333; line-height: 18px; }
.qna-write-block .box-gray-bg .dot-gray-ul li + li { margin-top:2px;}
.qna-write-block .select-actionseet-wrap { margin-top: 14px; }
.qna-write-block .txt-area-wrap { margin-top: 20px; }
.qna-write-block .attachfiles-block, .qna-write-wrap .attachfiles-block { position: relative; display: inline-block; margin-top: 25px; width: 100%; }
.qna-write-block .attachfiles-block .attach-preview-wrap, .qna-write-wrap .attachfiles-block .attach-preview-wrap { margin-bottom: 10px; }
.qna-write-block .btn-option-wrap { padding: 0 16px; }
.slide-qna-block { display: inline-block; width: 100%; min-height: calc((var(--vh, 1vh) * 100) - 50px - 54px); }
.slide-qna-block .list-option-wrap { border-bottom: 1px solid #eee; }
.slide-qna-block .slide-list-con { margin: 0 -16px; overflow: hidden; overflow-x: scroll; }
.slide-qna-block .slide-list-con::-webkit-scrollbar { background: transparent; }
.slide-qna-block .slide-list-con .attach-preview-wrap { width: unset; padding: 0 12px; }
.slide-qna-block .empty-txt-wrap { margin-top: calc(((var(--vh, 1vh) * 100) - 50px - 54px - 152px - 20px) / 2); }

/* 문의등록완료 s */
.reg-complete3-block { padding-top: 220px; text-align: center; background: url(../images/detail/illust-end-qna@3x.png) no-repeat 50% 80px; background-size: 128px; }
.reg-complete3-block .txt-sty2 { padding-top: 25px; }
.reg-complete3-block .txt-sty2 { padding-bottom: 96px; }
.reg-complete3-block .txt-sty3 { padding-top: 110px; }

/* 상품문의 e */
/* 상품추가정보 s */
.goods-extrainfo-block { width: 100%; margin-top: 20px; }
.goods-extrainfo-block .view-table-sty1 th { font-weight: 400; vertical-align: top; }
.goods-extrainfo-block .view-table-sty1 td { color: #666; vertical-align: top; }
/* 상품추가정보 e */

/* 배송교환반품안내 s */
.delivery-guide-block { margin-top: 20px; }
.delivery-guide-block ~ .delivery-guide-block { margin-top: 70px; }
.delivery-guide-block .block-tit2 + .dot-gray-ul { margin-top: 14px; }
.delivery-guide-block .dot-gray-ul li { font-size: 14px; color: #666; line-height: 22px; }
.delivery-guide-block .dot-black-ul > li { margin-top: 0; margin-bottom: 24px; }
.delivery-guide-block .dot-black-ul > li:last-child { margin-bottom: 0; }
.delivery-guide-block .block-tit2 { font-weight: 400; line-height: 30px; }
.delivery-guide-block .block-tit2 + .view-table-sty1 { margin-top: 14px; }
.delivery-guide-block .view-table-sty1 + .dot-gray-ul { margin-top: 24px; }
.delivery-guide-block .block-sub-tit { margin-top: 14px; margin-bottom: 8px; padding-top: 0; padding-bottom: 0; }
.delivery-guide-block .dot-gray-ul + .block-sub-tit { margin-top: 40px; }
.delivery-guide-block .view-table-sty1 th { font-weight: 400; }
.delivery-guide-block .view-table-sty1 td { color: #666; }
.delivery-guide-block .txt-box-sty1 { font-size: 14px; color: #666; line-height: 22px; }
.delivery-guide-block.tip-guide { margin-top: 40px; }
.delivery-guide-block.tip-guide p { margin-bottom: 6px; }
/* 배송교환반품안내 e */
.tab-bar.force-height { height: 54px !important; border-top: none; height: calc(var(--ios-safe-bottom) + 54px) !important; }
/* ---------------------------------------------------------- */
/* ========================================================== */
/*                                                            */
/* file		: mypage                                      	  */
/*                                                            */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* mypage s ================================================= */
/* 마이페이지 - 메인 s */
.mypage-main-lst.border-lst-type > .border-lst:last-child { border-bottom: 10px solid #f5f5f5; }
.mypage-main-nonmbr { padding-top: 20px; }
.mypage-main-nonmbr .btn-join-login { margin-top: 20px; margin-bottom: 24px; line-height: 38px; }
.banner_area.mypage .banner-pagination{position: absolute;}
/* 마이페이지 - 메인 e */
/* 마이페이지 - 나의정보관리 s */
.myinfo-tab-block .cart-sheet-tab button { font-weight: 700; }
.tab-con-myinfo { position: relative; padding-top: 20px; }
.tab-con-mybadge { position: relative; padding-top: 24px; }
.tab-con-mybadge .badge-guide-wrap .mb-name { font-family: inherit; }
.tab-con-mybadge .badge-guide-wrap .txt-sty2 { padding-top: 14px; padding-bottom: 40px; }
.input-ul-wrap > li { position: relative; display: inline-block; padding-bottom: 28px; width: 100%; }
.input-ul-wrap > li:last-child { padding: 12px 0 40px;}
.input-ul-wrap .input-tit { display: inline-block; padding-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 1.5; color: #000; }
.input-ul-wrap .input-desc { display: block;}
.input-ul-wrap .btn-add-plus, .input-ul-wrap .btn-del-minus, .input-ul-wrap .switch { display: block; position: absolute; top: 0; right: 0; }
.input-txt-hyphen { width: 28px; line-height: 48px; text-align: center; }
.input-txt-scret { font-size: 10px; letter-spacing: 3px; line-height: 1.47; color: #000; }
.input-txt-error { font-size: 12px; letter-spacing: -0.8px; line-height: 1.5; color: #ff4644; }
.input-txt-sty1 { position: relative; border: 1px solid #eee; border-radius: 4px; }
.input-txt-sty1 input { padding: 12px 100px 12px 13px !important; line-height: 20px; height:unset; border: 0 !important; border-radius: 4px; }
.input-txt-sty1 input::placeholder { color: #ccc; }
.input-txt-sty1.no-inside-btn input { padding-right: 40px !important; }
.input-txt-sty1 input.myinfo-email, .input-txt-sty1 input.myinfo-phone { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0; }
.input-txt-sty1 input.myinfo-phone { letter-spacing: 0; }
.input-txt-sty1 input.myinfo-name { font-family: none; font-size: 14px; }
.input-txt-sty1 input[type="number"] { font-family: "Roboto", SansSerif; letter-spacing: 0; padding: 12px 13px 12px !important; }
.input-txt-sty1 .btn-rounds-w2 { position: absolute; top: 9px; right: 10px; background: #fff; }
.input-txt-sty1 .sns-label { position: absolute; top: 11px; right: 10px; width: 24px; height: 24px; }
.input-txt-sty1 .icon-input-delete { display: none; position: absolute; top: 9px; right: 70px; }
.input-txt-sty1 .icon-input-delete.on { display: block; }
.input-txt-sty1.no-inside-btn .icon-input-delete { right: 10px; }
.input-txt-sty1.bd0 .btn-rounds-w2 { top: -38px; }
.input-txt-sty1.ipt-fix-mode input { margin: 0; background: #f9f9f9; }
.input-txt-sty1.ipt-fix-mode input:disabled { color: #000; }
.input-txt-sty1.ipt-error { border: 1px solid #ff4644; }
.input-txt-div { padding: 12px 13px; width: 100%; min-height: 46px; line-height: 22px; font-size: 14px; color: #000; background: #f9f9f9; border-radius: 4px; }
.ipt-edit-guide { font-size: 12px; letter-spacing: -0.8px; line-height: 18px; color: #888; }
.ipt-edit-guide.fixed { position: absolute; top: 2px; right: 0; }
.sns-label { font-size: 0; text-indent: -9999px; }
.sns-label.sns-label-naver { background: url("../images/sns/Icon_SNS_Naver.svg") no-repeat 50% 0; background-size: 24px; }
.sns-label.sns-label-facebook { background: url("../images/sns/Icon_SNS_Facebook.svg") no-repeat 50% 0; background-size: 24px; }
.sns-label.sns-label-kakao { background: url("../images/sns/Icon_SNS_Kakao.svg") no-repeat 50% 0; background-size: 24px; }
.sns-label.sns-label-samsungpass { width: 94px; background: url("../images/sns/samsung-mail.svg") no-repeat 50% 0; background-size: 94px; }
.sns-label.sns-label-apple { background: url("../images/sns/icon-sns-apple.svg") no-repeat 50% 0; background-size: 24px; }
.input-confirm-wrap { padding-top: 20px; }
.input-confirm-wrap.on { display: block; }
.input-confirm-wrap .ipt-edit-guide { padding-bottom: 8px; }
.birth-select-wrap { width: 100%; }
.birth-select-wrap > li { float: left; padding-right: 5px; padding-left: 5px; width: 33.33%; }
.birth-select-wrap > li .btn-select-sty3 { width: 100%; }
.birth-select-wrap > li:first-child { padding-left: 0; }
.birth-select-wrap > li:last-child { padding-right: 0; }
.badge-list-wrap li { padding-top: 24px; padding-bottom: 24px; width: 100%; border-top: 1px solid #eee; }
.badge-list-wrap li:first-child { border-top: 0; }
.bdg-list-item .bdg-item-info { position: relative; width: 100%; }
.bdg-list-item .bdg-item-info .bdg-icon-img { position: relative; float: left; width: 48px; height: 48px; background-repeat: no-repeat; background-size: 100%; }
.bdg-list-item .bdg-item-info .bdg-icon-img img { width: 100%; }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-club { background-image: url(../images/mypage/illust-badge-glyde-disable@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-club.on { background-image: url(../images/mypage/illust-badge-glyde@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-best { background-image: url(../images/mypage/illust-badge-best-review-disabel@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-best.on { background-image: url(../images/mypage/illust-badge-best-review@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-bank { background-image: url(../images/mypage/illust-badge-idea-disable@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img.bdg-bank.on { background-image: url(../images/mypage/illust-badge-idea@3x.png); }
.bdg-list-item .bdg-item-info .bdg-icon-img .bdg-icon-count { position: absolute; top: 0; right: 0; width: 14px; height: 14px; line-height: 14px; font-family: 'Roboto', serif; font-size: 10px; color: #fff; text-align: center; background: #000; border-radius: 7px; overflow: hidden; }
.bdg-list-item .bdg-item-info .bdg-icon-img .bdg-icon-count.max { font-size: 8px; background-color: #000; }
.bdg-list-item .bdg-item-info .bdg-txt-con { float: left; padding-left: 20px; width: calc(100% - 48px); }
.bdg-list-item .bdg-item-info .bdg-txt-con .bdg-name { font-weight: 400; font-size: 16px; color: #000; }
.bdg-list-item .bdg-item-info .bdg-txt-con .bdg-desc { padding-top: 3px; font-weight: 400; font-size: 14px; color: #ddd; line-height: 1.57; }
.bdg-list-item.act-on .bdg-item-info .bdg-txt-con .bdg-desc { color: #666; }
.bdg-list-item .bdg-item-info .bdg-checkbox { position: absolute; top: 0; right: 0; }
.bdg-list-item .bdg-item-data { clear: both; }
.bdg-list-item .bdg-item-data .bdg-data-barwrap { position: relative; display: inline-block; margin: 20px 0 5px; width: 100%; height: 8px; background: #e5e5e5; border-radius: 3px; }
.bdg-list-item .bdg-item-data .bdg-data-barwrap .bdg-data-bar { position: absolute; top: 0; left: 0; width: 0; height: 8px; background: #dbb98f; border-radius: 3px; }
.bdg-list-item .bdg-item-data .bdg-data-barwrap .bdg-data-bar span { font-size: 0; text-indent: -9999px; }
.bdg-list-item .bdg-item-data .bdg-data-txtwrap { position: relative; }
.bdg-list-item .bdg-item-data .bdg-data-txtwrap .cnt-stat-wrap { position: absolute; top: 0; right: 0; font-family: "Roboto", serif; font-size: 15px; color: #888; letter-spacing: 0; }
.bdg-list-item .bdg-item-data .bdg-data-txtwrap .cnt-stat-wrap .cnt-current { font-weight: 700; color: #0fd6f7; letter-spacing: 0; }
.btn-member-out { padding-top: 30px; padding-bottom: 20px; color: #888; text-decoration: underline; }
.txt-area-wrap { position: relative; }
.password-change-block .input-block, .member-leave-block .input-block { padding-top: 40px; }
.password-change-block .input-block .input-type1 { position: relative; }
.password-change-block .input-block > .txt-area-wrap { padding-bottom: 10px; }
.input-block .input-type1 .icon-input-success { position: absolute; right: 5px; bottom: 0; width: 24px; height: 48px; z-index: 10; font-size: 0; text-indent: -999px; background: url(../images/info/Icon_Info_Check_24_success.svg) no-repeat right center; }
.member-leave-block .dot-gray-ul { padding-top: 14px; }
.member-leave-block .dot-gray-ul li { color: #666; }
.member-leave-block .dot-gray-ul .gray-dl { margin-top: 10px; margin-bottom: 10px; }
.member-leave-block .btn-option-wrap { padding-top: 24px; padding-bottom: 24px; }
.member-leave-reason { padding-bottom: 23px; }

/* 마이페이지 - 나의정보관리 e */
/* 마이페이지 - 상품리뷰 s */
.mypage-review-photo .photo-list ul { margin-top: 14px; height: 160px; }
.mypage-review-photo .photo-list li:last-child { padding-right: 16px; }
.mypage-review-photo .photo-list li img, .mypage-review-photo .photo-list li .video-js { width: 160px; height: 160px; overflow: hidden; }
.mypage-review-photo .photo-list li button.play { top: 128px; }

/* 마이페이지 - 상품리뷰 s */
/* 마이페이지 - 배송지 s */
.dlvr-ul-wrap { border-top: 1px solid #eee; }
.dlvr-ul-wrap > li { border-bottom: 10px solid #f5f5f5; }
.dlvr-ul-wrap .list-no-item { margin-top: 120px; padding-top: 138px; padding-bottom: 40px; font-size: 14px; line-height: 1.57; color: #888888; text-align: center; background: url("../images/mypage/illust-empty.png") no-repeat 50% 0; border: 0; }
.dlvr-item { position: relative; padding-top: 24px; padding-bottom: 24px; }
.dlvr-item .btn-item-del { position: absolute; top: 24px; right: 16px; }
.dlvr-item .dlvr-i-tit .dlvr-name { font-weight: 700; font-size: 16px; color: #000; vertical-align: middle; }
.dlvr-item .dlvr-i-tit i { margin-top: 2px; margin-left: 5px; vertical-align: middle; }
.dlvr-item .dlvr-i-address { padding-top: 15px; font-size: 16px; color: #000; line-height: 1.63; }
.dlvr-item .dlvr-i-address2 { font-size: 16px; color: #000; line-height: 1.63; }
.dlvr-item .dlvr-i-request { padding-top: 8px; font-size: 14px; color:#000;}
.dlvr-item .dlvr-i-phone { padding-top: 8px; font-size: 15px; color: #000; letter-spacing: 0; }
.dlvr-item .dlvr-i-dawn{ padding-top:16px;}
.dlvr-item .dlvr-i-dawn .title{ padding-bottom: 4px; font-size: 15px; font-weight: 500; color:#000;}
.dlvr-item .dlvr-i-dawn span{ display: block; font-size: 14px; color:#666;}
.dlvr-item .btns-div-wrap { margin-top: 20px; }
.delivery-add-block, .delivery-edit-block { padding-top: 20px;}
.delivery-add-block .order-request-bx, .delivery-edit-block .order-request-bx { padding-top: 0; }
.delivery-add-block .input-txt-sty1 input, .delivery-edit-block .input-txt-sty1 input { padding-right: 13px !important; }
.delivery-add-block .order-request-bx .input-order-request ,
.delivery-edit-block .order-request-bx .input-order-request {height: auto;}
.delivery-add-block .order-request-bx .input-order-request .input-toggle-bx ,
.delivery-edit-block .order-request-bx .input-order-request .input-toggle-bx {position: static;}
.delivery-add-block .order-request-bx .order-request-toggle ,
.delivery-edit-block .order-request-bx .order-request-toggle {position: static; margin-top:4px;}
.delivery-manage-block .flex-center-box { height: 100vh; height: calc((var(--vh, 1vh) * 100) + -108px); }
.input-txt-address .txt-addr-zipcode { float: left; width: calc(100% - 120px); }
.input-txt-address .btn-find-zip { float: right; width: 112px; }
.input-txt-address .txt-addr-zipcode input[type="text"] { padding-left: 13px; }
.input-txt-address .txt-addr-zipcode input[type="text"]:disabled { color: #000; }
.input-txt-address .txt-addr-detail { display: none; width: 100%; }
.input-txt-address.inputed .txt-addr-detail { display: inline-block; }
.input-txt-address.inputed .txt-addr-detail input[type="text"]:disabled { color: #000; }
.input-txt-registration > div { float: left; }
.input-txt-registration .txt-rgst-num1 { width: 50%; }
.input-txt-registration .txt-rgst-num2 { width: 42px; }
.input-txt-registration .txt-rgst-num2 input { text-align: center; }
.input-txt-registration .input-txt-scret { padding-left: 10px; line-height: 48px; }
.input-txt-certiphone .input-txt-sty1 { float: left; width: calc(100% - 96px); }
.input-txt-certiphone .btn-certi, .input-txt-certiphone .btn-re-certi { display: none; float: right; padding-right: 14px; padding-left: 14px; width: 88px; }
.input-txt-certiphone .btn-certi.on, .input-txt-certiphone .btn-re-certi.on { display: block; }
.txt-addr-detail, .dlvr-phone-sub { margin-top: 8px; }
.btn-dlvr-request span { color: #ccc; }
.btn-dlvr-request.selected span { color: #000; }
.find-zipcode-block .use-addr-wrap{position: absolute; left: 16px; right: 16px; bottom: 24px; bottom: calc(24px + var(--ios-safe-bottom));}  

#layer-zipcode {display: none;}
#layer-zipcode.opened {display: block; position: absolute; top:0; top: var(--ios-safe-top); left: 0; width: 100%; height: 100%; background: #fff; z-index: 20;}
#layer-zipcode.opened .find-zipcode-block{height: calc(100% - 50px); overflow-y: auto;}
#layer-zipcode.opened .find-zipcode-block::-webkit-scrollbar{ display: none; }
#layer-full-page {display: block; position: fixed; top:0; width: 100%; height: 100%; max-width: 486px; background: #fff; z-index: 20;}
#layer-full-page .header .icon-header-close { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#layer-full-page.pm-register .header .icon-header-close {left:10px; background: url(../images/header/icon-header-back.svg) no-repeat center / 32px;}
#layer-full-page .container{height: calc(100% - 50px); overflow-y: auto; padding-bottom: 54px; padding-bottom: calc(var(--ios-safe-bottom) + 54px);}
#layer-full-page .container .dlvr-ul-wrap{padding-bottom: 50px;}


/* 마이페이지 - 배송지 e */
/* 마이페이지 - 고객센터 - faq */
.faq-select-lst { position: relative; padding: 0 16px 20px; width: 100%; }
.faq-select-lst .faq-select { position: relative; display: inline-block; width: 100%; border: 1px solid #eee; border-radius: 4px; }
.input-type-faq { padding: 20px 16px 16px; width: 100%; }
.input-type-faq .faq-input-form { padding: 4px 0 5px 36px; border: 1px solid #eee; border-radius: 4px; background: url(../images/search/Icon_Search_Input_gray2.svg) no-repeat 5px center; }
.input-type-faq .faq-input-form .faq-input { text-align: left; border: none; }
.input-type-faq .faq-input-form .faq-input::placeholder { color: #ccc; }
.slide-list-faq .slide-list-btn { position: relative; display: block; padding: 20px 50px 20px 38px; width: 100%; text-align: left; background: #fff url(../images/mypage/icon-info-question.svg) no-repeat 12px 18px; }
.slide-list-faq .slide-list-btn .q-tit { display: block; padding: 0 0 3px; font-size: 16px; line-height: 21px; color: #000; font-weight: 400; width: 100%; text-align: left; }
.slide-list-faq .slide-list-btn:before { position: absolute; right: 10px; top: 18px; content: ""; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat left top; }
.slide-list-faq .slide-list-btn .date-txt { display: inline; position: relative; }
.slide-list-faq .slide-list-btn .date-txt:before { content: ""; display: inline-block; margin: 3px 6px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.slide-list-faq .a-txt-bx { display: none; padding: 24px 38px 40px; font-size: 14px; line-height: 22px; color: #666; background: #f9f9f9 url(../images/mypage/icon-info-answer.svg) no-repeat 12px 22px; }
.slide-list-faq > li { border-bottom: 1px  solid #eeee; }
.slide-list-faq > li.on .a-txt-bx { display: block; }
.slide-list-faq > li.on .slide-list-btn:before { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat left top; }
.cate-txt { font-size: 12px; letter-spacing: -0.8px; line-height: 18px; color: #888; }
.date-txt { display: block; font-family: 'Roboto', SansSerif; font-size: 12px; line-height: 17px; color: #888; font-weight: 400; width: 100%; text-align: left; letter-spacing: 0; }
.date-txt .date-tit { position: relative; padding: 0 12px 0 0; }
.date-txt .date-tit:before { position: absolute; right: 3px; top: 7px; width: 2px; height: 2px; content: ""; background: #d8d8d8; border-radius: 1000px; }
.search-wrap-sty1 .input-top-src { border-bottom: 1px solid #eee; }
.search-wrap-sty1 .input-top-src .input-type { border-bottom: 0; }

/* 마이페이지 - 고객센터 - faq e */
.faq-info-wrap{padding:20px 16px 16px; background: #f9f9f9; color:#000;}
.faq-info-wrap > span{font-size: 12px; line-height: 18px; color:#666;} 
.faq-info-wrap .mkt-address{ padding-top: 6px; line-height: 18px; color:#666;} 
.faq-info-wrap .mkt-address > span{ letter-spacing: 0;} 
.faq-info-wrap .faq-info > div{margin-bottom: 5px;}
.faq-info-wrap .faq-info p{display: inline-block; line-height: 24px; font-size: 16px; font-weight: 700;}
.faq-info-wrap .faq-info p.info-num{font-size: 17px; font-family: 'Roboto';}
.faq-info-wrap .faq-info p + p{margin-left:4px;}
.faq-info-wrap .faq-info span{display: block; font-size: 14px; line-height: 22px;}
.faq-info-wrap .faq-btn{display: flex; padding:14px 0 12px;}
.faq-info-wrap .faq-btn button{flex:1;}
.faq-info-wrap .faq-btn button:before{content: ""; display:inline-block; width:16px; height:16px; margin-right: 4px; vertical-align: -3px; background: url(../images/common/icon-info-phone.svg) no-repeat left center;}
.faq-info-wrap .faq-btn button.kakao:before{background: url(../images/common/icon-info-kakao.svg) no-repeat left center;}
.faq-info-wrap .faq-btn button + button{margin-left:8px;}

/* 마이페이지 - 알림함 s */
.alerm-select-bx { padding: 16px 16px 8px; }
.alerm-slide-lst .a-txt-bx { padding: 24px 38px 24px 16px; background: #f9f9f9; }
.alerm-slide-lst .slide-list-alerm .slide-list-btn { padding-right: 16px; }
.slide-list-alerm .slide-list-btn { position: relative; display: block; padding: 20px 50px 20px 49px; width: 100%; text-align: left; }
.slide-list-alerm .slide-list-btn .q-tit { display: block; padding: 0 0 3px; font-size: 16px; line-height: 21px; color: #000; font-weight: 400; width: 100%; text-align: left; }
.slide-list-alerm .slide-list-btn .date-txt { display: inline; position: relative; padding-left: 14px; }
.slide-list-alerm .slide-list-btn .date-txt:before { content: ""; position: absolute; top: 5px; left: 5px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.slide-list-alerm .slide-list-btn .ico-alerm { position: absolute; left: 16px; top: 20px; display: block; width: 24px; height: 24px; }
.slide-list-alerm > li { border-bottom: 1px  solid #eeee; }
.slide-list-alerm > li.on .a-txt-bx { display: block; }
.slide-list-alerm > li.on .slide-list-btn:before { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat left top; }

/* 마이페이지 - 알림함 e */
/* 마이페이지 - 주문내역 - 주문취소, 교환신청, 반품신청 s */
.action-complete-block { position: fixed; top:15%; padding-top: 220px; text-align: center; width: 100%; max-width: 486px; }
.act-order-cancel { background: url(../images/mypage/illust-end-cancel.png) no-repeat 50% 80px; background-size: 128px; }
.act-order-cancel .txt-sty3 { padding-top: 16px; }
.act-change-apply { background: url(../images/mypage/illust-end-exc.png) no-repeat 50% 80px; background-size: 128px; }
.act-return-apply { background: url(../images/mypage/illust-end-return.png) no-repeat 50% 80px; background-size: 128px; }
.action-complete-block .nm-txt { margin-left: 5px; }
.order-cs-process li { display: inline-block; position: relative; padding-left: 16px; }
.order-cs-process li.on { font-weight: 400; }
.order-cs-process li:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat 0 50%; background-size: 16px; }
.order-cs-process li:first-child:before { display: none; }
.notice-type1 { text-align: center; padding: 13px 40px; font-size: 14px; color: #000; background-color: #e5fbff; }
.notice-type1 strong { letter-spacing: 0; }
.existing-order { display: inline-block; background: url(../images/mypage/dot.png) no-repeat 5px 50%/2px; padding-left: 14px; }
.refund-price-info, .refund-account-info { padding-bottom: 24px; }
.refund-account-info .input-list-wrap { margin-top: 20px; margin-bottom: 24px; }
.return-price-info { padding-bottom: 25px; }
.return-price-info .cash-info-lst { padding-top: 0; padding-bottom: 0; border: 0; }
.return-price-info .cash-info-lst li { padding-bottom: 0; }
.return-price-info .cash-info-lst li span { font-weight: 700; }
.return-price-info .cash-info-lst li.desc { clear: both; display: block; text-align: right; color: #000; }
.return-price-info .cash-info-desc { margin-top: 16px; padding: 0 16px; }
.return-price-info .cash-info-desc .txt-sty3 { display: inline-block; padding-top: 14px; width: 100%; border-top: 1px solid #eee; }
.pay-method-select { padding-bottom: 24px; }
.radio-reason-block .rdo-reason-lst { display: inline-block; width: 100%; }
.radio-reason-block .rdo-reason-lst li { float: left; width: 50%; }
.radio-reason-block .rdo-reason-lst li:nth-child(1), .radio-reason-block .rdo-reason-lst li:nth-child(2) { margin-top: 0; }
.radio-reason-block .attachfiles-block { clear: both; }
.radio-reason-block .attachfiles-block .btn-attach-wrap { margin-top: 24px; padding-top: 24px; border-top: 1px solid #eee; }
.radio-reason-block .photo-list .photo-list-ul { height: unset; }
.radio-reason-block .attachfile-desc { padding: 20px 16px 24px; color: #666; }
.radio-reason-block .attachfile-desc .txt-sty9{ display: block; padding-bottom: 6px; }
.etc-reason-info { padding-top: 7px; }
.etc-reason-info .slide-list-wrap { margin-bottom: 6px; }
.etc-reason-info .slide-list-wrap .txt-area { margin-bottom: 48px; }
.etc-reason-info .emphasis-btn-bx.btn-static, .etc-reason-info .emphasis-btn-bx.btn-static-fixed { padding-top: 0 !important; }

/* 교환신청*/
.tab-btn-sty4-wrap .tab-btns-wrap.tab-li-3 > li:nth-child(1) { width: 36%; }
.tab-btn-sty4-wrap .tab-btns-wrap.tab-li-3 > li:nth-child(2) { width: 32%; }
.tab-btn-sty4-wrap .tab-btns-wrap.tab-li-3 > li:nth-child(3) { width: 32%; }
.shipping-address h3 { font-weight: 700; font-size: 16px; color: #000; line-height: 1.5; }
.shipping-address h3 + .info-box { margin-top: 20px; }
.shipping-address .info-box { display: flex; height: 28px; align-content: center; }
.shipping-address .info-box em { margin-right: 8px; line-height: 28px; font-weight: 400; font-size: 16px; color: #000; }
.shipping-address .info-box button { margin-left: auto; }
.shipping-address .info-box + .txt-sty2 { margin-top: 8px; }
.shipping-address.v-radio { padding-right: 0; padding-left: 0; }
.shipping-address.v-radio h3 { padding-right: 16px; padding-left: 16px; }
.shipping-address.v-radio .info-box { margin-bottom: 8px; }
.shipping-address.v-radio .address-list .info-box { margin-top: 24px; }
.shipping-address.v-radio .address-txt, .shipping-address.v-radio .call-txt, .shipping-address.v-radio .other-txt { padding-left: 33px; }
.shipping-address .notice-write-bx { margin-top: 18px; padding-top: 10px; padding-bottom: 10px; }
.already-sending .select-actionseet-wrap { padding-right: 0 !important; padding-left: 0 !important; }
.already-sending .input-txt-sty1 { margin-top: 10px; }
.other-txt .btn-actionseet:disabled input::placeholder { color: #ddd; }
.other-txt .return-invoice-num:disabled { background: #f9f9f9; }
.address-list > li { margin-top: 24px; padding-right: 16px; padding-left: 16px; border-top: 1px solid #eee; }
.address-list > li:first-child { margin-top: 0; border-top: 0; }
.guide-txt-block { padding-bottom: 24px; }
.guide-txt-block .txt-sty6 { margin-top: 24px; margin-bottom: 14px; }
.guide-txt-block .dot-gray-ul li { color:#666; }
.refund-payment-bx .glyde-notice { margin-top: 20px; }
.refund-payment-bx .cash-info-desc { margin-top: 16px;} /* 20210104 */
.refund-payment-bx .cash-info-desc .txt-sty3 { display: inline-block; padding-top: 14px; width: 100%; border-top: 1px solid #eee; } /* 20210104 */
.strong-price { line-height: 30px; padding-top: 9px; }
.passable .price { color: #0fd6f7 !important; }
.impassable .price { color: #ff4644 !important; }
.strong-price .price { font-size: 18px; font-weight: 700; letter-spacing: 0; }
.strong-price .price em { font-size: 22px; }
.order-payment.mypage.apply-wrap .prd-info-acord h2 { border-bottom: 0; }
.order-payment.mypage.apply-wrap .prd-info-acord h2 + .summary{position:relative;} /* 20210104 */
.order-payment.mypage.apply-wrap .prd-info-acord h2 + .summary:after{content:''; height:1px; background:#eee; width:calc(100% - 24px); position:absolute; top:0; left:12px} /* 20210104 */
.order-payment.mypage.apply-wrap .prd-info-acord ul{padding-top:0 } /* 20210104 */
.order-payment.mypage.apply-wrap .guide-desc-txt { position: absolute; top: 24px; right: 16px; }
.order-payment.mypage.apply-wrap h3 { display: inline-block; margin-top: 24px; padding: 0 16px; }
.order-payment.mypage.apply-wrap .refund-payment-bx h3, .order-payment.mypage.apply-wrap .shipping-address h3 { margin-top: 4px; padding-left: 0; }
.order-payment.mypage.apply-wrap .why-cancel-bx h3 { margin-top: 4px; }
.order-payment.mypage.apply-wrap .detail { max-height: unset; }
.order-payment.mypage.apply-wrap .why-cancel-bx { border-bottom: 0; }
.use-safenum { padding-left: 5px; font-size: 14px; color: #888; }
.invoce-num { margin-left: 10px; font-size: 15px; letter-spacing: 0; color: #000; }

/* 마이페이지 - 주문내역 - 주문취소, 교환신청, 반품신청 e */
/* 우편번호 찾기 s */
.search-main p.txt-sty1 { padding: 32px 16px 27px 16px; }
.search-guide { padding-top: 40px; padding-bottom: 50px; }
.search-guide.search-guide-empty { padding-top: 52px; }
.search-guide .txt-tit-black { padding-bottom: 4px; }
.search-guide .dot-black-ul { padding-top: 18px; }
.search-guide .dot-black-ul li { margin-top: 14px; background-position-y: 7px; }
.search-guide .ex-tit { display: inline-block; width: 100%; }
.search-guide .ex-con { clear: both; color: #0fd6f7; }
.dvlr-guide-desc { padding-top: 6px; font-size: 12px; line-height: 18px; color: #888; }
.dvlr-guide-desc i { vertical-align: top; }
.dvlr-guide-desc span { display: inline-block; padding-left: 6px; }
.search-result { position: relative; overflow: hidden; }
.search-result .list-count-num { padding: 9px 16px; position: relative; }
.zipcode-list-cate { position: absolute; bottom: 0; right: 0; }
.zipcode-list-cate .select-actionseet-wrap { display: inline-block; }
.zipcode-list-cate .icon-down-gray24, .zipcode-list-cate .icon-down-gray24 { width: 16px; height: 18px; background-size: 16px; }

.search-result-top { position: relative; width: 100%; background: #fff; }
.header-wrap.fixed + .container .search-result-top { position: fixed; top: 50px; left: 0; z-index: 20; border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; }
.search-result .div-srh-result { position: relative; top: unset; left: unset; height:calc(100vh - 141px); overflow: auto; transform: translateX(0); }
.search-result .div-srh-result.div-result-error {height:calc(100vh - 163px);}
.zipcode-select-btn { display: block; padding: 18px 16px; width: 100%; text-align: left; border-bottom: 1px solid #eee; }
.zipcode-select-btn.selected { border-bottom: 0; }
.zipcode-select-btn .zipcode { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 700; line-height: 22px; letter-spacing: 0; color: #000; }
.zipcode-select-btn .addrtxt1, .zipcode-select-btn .addrtxt2 { position: relative; display: block; padding-left: 46px; font-size: 14px; line-height: 22px; color: #666; }
.zipcode-select-btn .addrtxt1:before { content: '도로명'; }
.zipcode-select-btn .addrtxt2:before { content: '지번'; }
.zipcode-select-btn .addrtxt1:before, .zipcode-select-btn .addrtxt2:before { display: block; position: absolute; top: 2px; left: 0; width: 36px; height: 18px; line-height: 18px; font-weight: 400; font-size: 10px; text-align: center; color: #666; background: #f5f5f5; }
.zipcode-select-btn.selected a.on { font-weight: 700; color: #000; }
.zipcode-select-btn .addrtxt2 { margin-top: 6px; }
.zipcode-select-btn .sub { display: block; font-size: 12px; }
.div-srh-src .pagination-wrap { position: relative; padding-top: 24px; padding-bottom: 24px; text-align: center; }
.pagination-wrap .btn-page { position: absolute; top: 50%; margin-top: -18px; display: inline-block; width: 36px; height: 36px; background: url(../images/button/Icon_Button_Oval_BG_White.svg) no-repeat; background-size: 36px; }
.pagination-wrap .btn-page i { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; }
.btn-page-pre { left: 0; }
.btn-page-next { right: 0; }
.page-number { font-weight: 400; font-size: 14px; line-height: 36px; color: #ccc; letter-spacing: 0; }
.page-number em { font-weight: 700; color: #000; }
.srh-result-guide { padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 1.57; color: #666; background: #f9f9f9; }
.srh-result-guide b { padding-bottom: 2px; }
.srh-result-guide .ex { padding-top: 6px; }
.div-srh-selected .chk-wrap {padding-top:12px;}
.div-srh-selected .chk-wrap .form-txt{color:#666;}
.div-srh-selected .use-addr-btn { margin-top: 40px; }

/* 우편번호 찾기 e */
/* 마이페이지 > 결제수단 s */
.pay-method-block .pay-method-box { padding-top: 8px; padding-bottom: 0; border-bottom: 10px solid #f9f9f9; }
.pay-method-block .pay-method-box .method { padding-bottom: 0; }
.my-pay-slider.pay-slider .swiper-slide { padding-bottom: 17px; height: calc(140px + 25px + 17px); }
.my-pay-slider.pay-slider *[class*="card-"] { background-position-y: 66px; }
.my-pay-slider.pay-slider *[class*="card-"]:after { top: 66px; }
.my-pay-slider.pay-slider *[class*="bank-"] { background-position-y: 66px; }
.my-pay-slider .pay-way-card { padding-bottom: 50px; }
.chk-quick-pay { position: absolute; top: -1px; left: 18px; width: 24px; height: 26px; z-index: 1; }
.chk-quick-pay.chk-box input { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 26px; background: url(../images/mypage/icon-button-pay-favorite-off.svg) no-repeat right center; background-size: 24px; border: 0; }
.chk-quick-pay.chk-box input:after { content: ''; display: none; }
.chk-quick-pay.chk-box input:checked { background: url(../images/mypage/icon-button-pay-favorite-on.svg) no-repeat right center; background-size: 24px; border: 0; }
.chk-quick-pay .form-txt { font-size: 0; text-indent: -9999px; }
.btn-del-paycard { position: absolute; top: 3px; right: 3px; z-index: 1; }
.pay-method-block .border-lst { border-bottom: 10px solid #f9f9f9; }
.pay-method-block .desc-lst-type .desc-txt-bx .desc-tit { font-weight: 400; }
.pay-method-block .desc-lst-type > li { padding-top: 14px; padding-bottom: 4px; border-bottom: 0; }
.pay-method-block .desc-lst-type > li.sub { padding-bottom: 18px; }
.pay-method-block .desc-lst-type > li.bnnr { padding: 0; }
.pay-method-block .desc-lst-type > li:first-child + .bnnr { margin-top:14px; }
.pay-method-block .desc-lst-type .switch { top: 14px; margin-top: 0; }
.pay-method-block .icon-favorit-star { background-position-y: 1px; }
.bnnr-quick-pay { padding:19px 0 17px 16px; width: 100%; text-align: left;  background: url(../images/mypage/bnnr-quick-pay.webp) no-repeat center right / 100px 80px #e5fbff; }
.bnnr-quick-pay .desc-txt { font-size: 12px; line-height: 18px; color: #000; }
.bnnr-quick-pay .desc-tit { font-size: 16px; line-height: 22px; font-weight: 700; color: #000; }
.pay-method-block .mypage-lst-lnk > li:last-child { border-bottom: 1px solid #eee; }
.glyde-quick-pay .modal-full-img { text-align: center; background: #f1fcff; }
.glyde-quick-pay .modal-full-img img { width: 182px; }
.glyde-quick-pay .txt-sty2 { padding-top: 24px; padding-bottom: 24px; }
.glyde-quick-pay .txt-sty5 { padding-top: 10px; }
.glyde-quick-pay .txt-sty5:first-child { padding-top: 0; }
.glyde-quick-pay em { padding-right: 4px; font-weight: 700; font-size: 15px; color: #0fd6f7; letter-spacing: 0; }
.guick-ani-box {position:relative; overflow: hidden; width: 300px; height: 170px; background-repeat: no-repeat; background-size: 7200px; background-image: url(../images/mypage/payment_quick_popup.png); background-position: 0 0; animation: guick-ani 3s steps(24) forwards; animation-iteration-count: infinite; }
.guick-ani-box:after{content:''; width:122px; height:145px; position:absolute; bottom:0; left:calc(50% - 61px); border-top-left-radius:20px; border-top-right-radius: 20px; box-shadow: 20px 22px 44px 0 rgba(0, 0, 0, 0.1);}

@keyframes guick-ani { from { background-position: 0 0; }
    to { background-position: -7200px 0; } }
.pay-methodreg-block p.txt-sty1 { padding-top: 32px; padding-bottom: 32px; }
.pay-methodreg-block .pay-method-box { padding-top: 0; }
.pay-methodreg-lst li { margin-top: 10px; }
.pay-methodreg-lst li:first-child { margin-top: 0; }
.pmr-item { padding: 34px 24px; background: #fdfdfd; border: 1px solid #eee; border-radius: 6px; }
.pmr-item a { display: block; width: 100%; text-align: left; }
.pmr-item .pmri-card { background: url(../images/mypage/icon-button-add-card.svg) no-repeat right center; }
.pmr-item .pmri-bank { background: url(../images/mypage/icon-button-add-bank.svg) no-repeat right center; }
.pmri-tit { font-size: 18px; color: #000; line-height: 28px; }
.pmri-desc { font-size: 14px; color: #666; line-height: 22px; }
.pmr-item-con .pay-slider { height: calc(140px + 26px); }
.pmr-item-con *[class*="pay-way-"] { margin-top: 24px !important; }
.pay-method-box .pmr-item-con .btns { padding: 36px 0 0; }
.pmr-item-con .btns button.btn-type6 { padding: 0; height: 36px; line-height: 36px; }
.pay-methodreg-block .pay-method-box .method > button { margin-right: 0; margin-left: 0; padding: 0 0 0 78px; width: 100%; height: 58px; line-height: 58px; }
.pay-methodreg-block .pay-method-box .method > button:after { margin-right: 16px; }
.pay-methodreg-block .pay-method-box button.add-payment { display: flex; margin: 24px auto 0; padding: 0; width: 250px; height: 140px; }
.pmri-card { background: url(../images/mypage/icon-button-add-card.svg) no-repeat 16px center; }
.pmri-bank { background: url(../images/mypage/icon-button-add-bank.svg) no-repeat 16px center; }
.pay-methodreg-block .pay-method-box .method > button.pmri-card:disabled{background: url(../images/mypage/icon-button-add-card-disabled.svg) no-repeat 16px center #f9f9f9;}
.pay-methodreg-block .pay-method-box .method > button.pmri-bank:disabled{background: url(../images/mypage/icon-button-add-bank-disabled.svg) no-repeat 16px center #f9f9f9;}
.pay-regcomplet-block { text-align: center; }
.pay-regcomplet-wrap.pay-slider { padding-top: 0; }
.pay-regcomplet-wrap.pay-slider *[class*="card-"], .pay-regcomplet-wrap.pay-slider *[class*="bank-"], .pay-regcomplet-wrap.pay-slider *[class*="pay-way-"] { margin: 80px auto 40px; width: 250px; height: 140px; }
.pay-regcomplet-wrap.pay-slider *[class*="pay-way-"] { padding-bottom: 50px; }
.pay-regcomplet-wrap.pay-slider .add-payment span { height: 140px; }
.pay-regcomplet-wrap .txt-sty1 { margin-bottom: 24px; }
.quickpay-guide-block p.txt-sty6 { padding-top: 20px; padding-bottom: 0; }
.quickpay-guide-block .btn-option-wrap { padding-top: 40px; padding-bottom: 13px; }
.quickpay-guide-block .btn-option-wrap .form-txt { font-size: 16px; font-weight: 700; color: #000; }
.quickpay-guide-block .slide-list-wrap { border-bottom: 1px solid #eee; }
.quickpay-guide-block .slide-list-wrap > li { padding-top: 16px; padding-bottom: 0; }
.quickpay-guide-block .slide-list-wrap .slide-list-tit { padding: 0 16px 16px; font-size: 16px; font-weight: 400; }
.quickpay-guide-block .slide-list-wrap .slide-list-btn:after { top: 0; right: 16px; }
.quickpay-guide-block .slide-list-wrap .slide-list-con { margin-top: 0; padding: 24px 16px; max-height: 300px; background: #f9f9f9; overflow: auto; }
.quickpay-guide-block .btns-div-wrap { padding-bottom: 16px; }
.policy-list-box { color: #000; }
.policy-list-box h2 { padding-top: 30px; padding-bottom: 20px; font-size: 20px; font-weight: 400; color: #000; }
.policy-list-box p { padding-top: 10px; }
.quickpay-guide-block p.txt-sty3 { padding-top: 72px; padding-bottom: 24px; }
.quickpay-guide-block .btns-div-wrap .btn-type18 { font-weight: 400; }
.view-lst-lnk li { padding: 14px 16px; font-size: 16px; line-height: 26px; color: #000; border-bottom: 1px solid #eee; }
.view-lst-lnk li:first-child { border-top: 1px solid #eee; }
.btn-under-view { float: right; font-size: 14px; color: #888; text-decoration: underline; }
.used-list-block .prdt-info { width: 100%; padding-right: 0; }
.used-list-block .prdt-info .label-area3 i { margin-right: 8px; }
.used-list-block .prdt-info .label-area3 span { letter-spacing: 0; }
.used-list-block .prdt-txt-area { position: relative; margin-top: 5px; width: 100%; }
.used-list-block .prdt-txt-area .prdt-name, .used-list-block .prdt-txt-area .prdt-price { display: inline-block; }
.used-list-block .prdt-txt-area .prdt-name { width: calc(100% - 100px); font-size: 16px; color: #000; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.used-list-block .prdt-txt-area .prdt-name em { display: inline-block; margin-right: 4px; max-width: calc(100% - 60px); line-height: 1.63; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.used-list-block .prdt-txt-area .prdt-name span { display: inline-block; line-height: 1.63; vertical-align: middle; }
.used-list-block .prdt-txt-area .prdt-price { float: right; width: 100px; font-size: 14px; font-weight: 700; color: #000; line-height: 24px; text-align: right; }
.used-list-block .flex-center-box { height: 100vh; height: calc((var(--vh, 1vh) * 100) - 141px); }
.prdt-pay-info { margin-top: 5px; }
.prdt-pay-info li { position: relative; float: left; line-height: 18px; font-size: 14px; color: #888; }
.prdt-pay-info li.num { padding-left: 6px; font-size: 15px; letter-spacing: 0; line-height: 16px; }
.prdt-pay-info li.dot { padding-left: 12px; }
.prdt-pay-info li.dot:before { content: ''; position: absolute; left: 6px; top: 8px; width: 2px; height: 2px; border-radius: 2px; background-color: #ccc; }
.radio-button-ul > li { margin-top: 24px; }
.radio-button-ul > li:first-child { margin-top: 0; }
.radio-button-ul .rdb-input { padding-top: 16px; padding-bottom: 18px; }
.radio-button-ul .rdb-info { padding-left: 36px; }
.radio-button-ul .rdb-info > * { margin-top: 10px; }
.radio-button-ul .rdb-info > *:first-child { margin-top: 0; }
.radio-button-ul .rdb-info p { padding-top: 4px; }
.radio-button-ul .rdb-info .btn-actionseet:disabled input::placeholder { color: #ddd; }
.radio-button-ul .rdb-info input:disabled { background: #f9f9f9; }
.radio-button-ul .rdb-info .select-actionseet-wrap.grid-type1 { padding-right: 0; padding-left: 0; }
.cashreceipt-cate-wrap strong { font-weight: 400; }

/* 마이페이지 > 결제수단 e */
/* 마이페이지 - 상품찾기 */
.prd-find-info { padding: 8px 16px 0; }
.prd-find-info .commodity-search-block:last-child { padding-bottom: 80px; }
.prd-find-info .commodity-search-block .block-search-area { padding: 0 0 14px; }
.commn-check-block { display: inline-block; height: 24px; font-size: 14px; color: #000; }
.commn-check-block .date, .commn-check-block .form-txt { font-weight: 700; font-size: 15px; letter-spacing: 0; }
.prd-find-info .comm-block-list .view-list-type4 > li { margin-bottom: 30px; }
.prd-find-info .comm-block-list .view-list-type4 a { position: relative; }
.prd-find-info .comm-block-list .view-list-type4 a .chk-box { position: absolute; left: 5px; top: 5px; z-index: 1; }
.prd-find-info .view-list-type4 .prdt-thumb { width: 100%; }
.prd-find-info .view-list-type4 .chk-box { position: relative; width: 100%; }
.prd-find-info .view-list-type4 .chk-box > input { position: absolute; left: 4px; top: 4px; }

/* 마이페이지 - 글라이드 캐시  */
.cash-info-top { padding: 70px 0 44px; background: #f9f9f9; width: 100%; text-align: center; position:relative }
.cash-info-top .cash-tit { font-weight: 400; font-size: 14px; color: #000; line-height: 22px; }
.cash-info-top .pay-info-bx { width: 100%; padding-top:2px; text-align: center; }
.cash-info-top .pay-info-bx .pay-info-pay { position: relative; display: inline-block; padding: 0 0 0 32px; font-size: 24px; color: #000; font-weight: 700; height: 37px; line-height: 36px; }
.cash-info-top .pay-info-bx .pay-info-pay .nm { display: block; float: left; padding: 0 2px 0 0; font-family: "Roboto", SansSerif; font-size: 34px; height: 37px; line-height: 36px; letter-spacing: 0; }
.cash-info-top .pay-info-bx .pay-info-pay .pay-txt { padding: 1px 0 0; display: block; float: left; font-size: 24px; height: 37px; line-height: 36px; }
.cash-info-top .pay-info-bx .pay-info-pay:before { position: absolute; left: 0; top: 50%; margin: -15px 0 0; width: 26px; height: 26px; content: ""; background: #f9f9f9 url(../images/mypage/icon-info-cash-solid.svg) no-repeat center; }
.cash-info-top .pay-lnk-bx {position:absolute; top:18px; right:16px}
.cash-info-top .pay-lnk-bx .ico-arrow-right16 { padding: 0; font-size: 12px; }
.cash-info-top .btn-cash-add{display:inline-block; background:#fff; height:48px; margin-top:14px; line-height:48px; font-size:16px; line-height:1.63; color:#000; padding:0 16px; border:1px solid #eee; border-radius: 4px;  }
.cash-lst-wrap { width: 100%; border-top: 1px solid #eee; }
.cash-lst-wrap .glyde-cash-lst > li { border-bottom: 1px solid #eee; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont { position: relative; padding: 18px 100px 18px 57px; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico { position: absolute; left: 16px; top: 20px; display: block; width: 32px; height: 32px; font-size: 0; text-indent: -9999px; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-card { background: url(../images/mypage/icon-info-giftcard.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-review { background: url(../images/mypage/icon-info-cash-review.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-buy { background: url(../images/mypage/icon-info-cash-order.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-glyde { background: url(../images/mypage/icon-info-cash-glyde.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-tour { background: url(../images/mypage/icon-info-cash-tour.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-point { background: url(../images/mypage/icon-info-cash-delete.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-save { background: url(../images/mypage/icon-info-cash-glyde.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-return { background: url(../images/mypage/icon-info-cash-review.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-use { background: url(../images/mypage/icon-info-cash-order.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-del { background: url(../images/mypage/icon-info-cash-delete.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-lst-cont .cash-ico.icon-cash-minus { background: url(../images/mypage/offset.svg) no-repeat; }
.cash-lst-wrap .glyde-cash-lst .cash-cate { font-weight: 700; font-size: 14px; color: #000; line-height: 18px; }
.cash-lst-wrap .glyde-cash-lst .cash-tit { display: -webkit-box; width: 100%; text-align: left; font-size: 14px; line-height: 19px; color: #000; font-weight: 400; font-family: 'NotoSans',sans-serif; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; }
.cash-lst-wrap .glyde-cash-lst .cash-tit em { display: inline-block; margin-right: 4px; max-width: calc(100% - 45px); line-height: 1.63; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.cash-lst-wrap .glyde-cash-lst .cash-tit span { display: inline-block; line-height: 1.63; vertical-align: middle; }
.cash-lst-wrap .glyde-cash-lst .cash-tit a { display: inline-block; margin-left: 6px; text-decoration: underline; color: #888; font-size: 14px;}
.cash-lst-wrap .glyde-cash-lst .cash-tit.order-num { letter-spacing: 0;}
.cash-lst-wrap .glyde-cash-lst .cash-date { display: block; padding: 2px 0 0; font-size: 12px; color: #888; line-height: 18px; letter-spacing: 0; }
.cash-lst-wrap .glyde-cash-lst .point-bx { position: absolute; right: 0; top: 18px; padding: 0 16px 0 0; text-align: right; }
.cash-lst-wrap .glyde-cash-lst .point-bx .point { display: block; font-size: 17px; line-height: 23px; text-align: right; width: 100%; font-weight: 700; letter-spacing: 0; }
.cash-lst-wrap .glyde-cash-lst .point-bx .point.red-txt { color: #ff4644; }
.cash-lst-wrap .glyde-cash-lst .point-bx .point.blue-txt { color: #0fd6f7; }
.cash-lst-wrap .glyde-cash-lst .point-bx .point-info { padding: 3px 0 0; display: block; font-size: 12px; line-height: 16px; text-align: right; width: 100%; color: #888; }
.scheduled-cash-wrap .cash-info-top{ padding: 52px 0 62px; }
.scheduled-cash-wrap .glyde-cash-lst{ padding-bottom: 38px; }
.scheduled-cash-wrap .tit-bx{ display: flex; flex-direction: column; }
.scheduled-cash-wrap .cash-date{ padding: 0; }
.scheduled-cash-wrap .cash-lst-wrap .glyde-cash-lst .point-bx{ top:50%; transform: translateY(-50%); }
.scheduled-cash-wrap .cash-lst-wrap .glyde-cash-lst .point-bx .point{ display: flex; align-items: center; gap:2px; }
.scheduled-cash-wrap .cash-lst-empty{ height: auto; padding-top:65px; }
.btm-empty-info { display: block; padding: 25px 16px 31px; width: 100%; background: #f1fcff; }
.btm-empty-info .info-txt { display: block; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; }
.btm-empty-info .btn-lnk { display: block; text-align: left; padding: 17px 0 0; }
.btm-empty-info.type3 { background: #f1fcff url(../images/bg/illu-search-voice-bg.svg) no-repeat right 70%; background-size: 184px; }

.cash-empty-txt-wrap {width: 100%; flex-shrink: 0;}
.cash-empty-txt { position: relative; padding: 128px 0 0; width: 100%; text-align: center; font-size: 14px; line-height: 22px; background: url(../images/mypage/illust-empty.png) no-repeat center top; background-size: 128px auto; color: #888; margin:24px 0;}
.cash-empty-txt .empty-txt { display: block; width: 100%; text-align: center; }
.cash-empty-txt .empty-line-txt { padding: 24px 0 0; width: 100%; text-align: center; }
.cash-empty-txt .empty-line-txt a { display: inline-block; text-align: center; color: #d0ab7d; text-decoration: underline; }
.cash-info-cont { position: fixed; left: 0; top: 50%; margin: -236px 0 0; width: 100%; }
.cash-info-cont .cash-info-img { width: 100%; text-align: center; }
.cash-info-cont .cash-info-img .info-tit { padding: 0 0 13px; display: block; width: 100%; text-align: center; font-size: 14px; line-height: 20px; color: #000; }
.cash-info-cont .cash-info-img .info-txt { padding: 0 0 196px; display: block; width: 100%; font-size: 26px; line-height: 36px; font-family: 'NotoSerif'; font-weight: 300; background: #fff url(../images/mypage/illu-cash-info.png) no-repeat center bottom; background-size: 180px; }
.cash-info-cont .info-pay-cont { width: 100%; padding: 39px 16px 0; }
.info-pay-cont .info-pay-lst { overflow: hidden; width: 100%; }
.info-pay-cont .info-pay-lst > li { float: left; width: 50%; }
.info-pay-cont .info-pay-lst > li:first-child { padding-right: 4px; }
.info-pay-cont .info-pay-lst > li:last-child { float: right; padding-left: 4px; }
.info-pay-cont .info-pay-lst .banner-img { background: #e5fbff; border-radius: 4px; text-align: center; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt { position: relative; display: inline-block; padding: 16px; width: 100%; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt.type1:before { position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; background: url(../images/mypage/icon-info-detail-review.svg) no-repeat left top; content: ""; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt.type2:before { position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; background: url(../images/mypage/icon-info-detail-tour.svg) no-repeat left top; content: ""; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt .pay-banner-tit { display: block; width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #000; text-align: left; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt .pay-txt { display: block; width: 100%; font-size: 14px; line-height: 20px; color: #0fd6f7; font-weight: 700; text-align: left; }
.info-pay-cont .info-pay-lst .banner-img .pay-banner-txt .pay-txt .nm { font-family: "Roboto", SansSerif; font-size: 15px; letter-spacing: 0; }
.cash-info-btm { position: fixed; left: 0; bottom: 24px; padding: 0 16px 0; }
.cash-info-btm .lst-txt-type > li { margin: 3px 0 0; }
.cash-info-btm .lst-txt-type > li:first-child { margin: 0; }
.cash-fade-notice { position: relative; display: flex; justify-content: space-between; padding: 18px 16px; width: 100%; background: #f5f5f5; border-top: 1px solid #f5f5f5; }
.cash-fade-notice .cash-tit .txt-sty2{ vertical-align: middle; }
.cash-fade-notice .cash-tit .txt-sty2::after{ vertical-align: -3px; }
.cash-fade-notice .cash-tit .desc{ text-indent:16px; }
.cash-fade-notice .pay-txt { text-align: right; color:#000; }
.cash-fade-notice .time{ color: #666; }
.cash-fade-notice .time-red{ padding: 0 2px 0 16px; background: url(../images/info/icon-info-time_red.svg) no-repeat left center / 12px;}
.cash-fade-notice .delivery-date-popup2{ top:42px; }
.cash-lst-empty { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 51px);}
.cash-lst-empty .cash-info-top {padding: 50px 0;}

/* 본인인증 */
.certify-wrap input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.certify-wrap .btn-select-sty2 span { font-size: 14px; color: #ccc; }
.certify-wrap button.select {display:flex; height:48px; padding:12px 14px; color:#000; text-align:left; border:1px solid #eee;  border-radius:4px;}
.certify-wrap .phone-certify-block {padding:20px 16px 0;}
.certify-wrap .phone-certify-block input:not([type="radio"]) {width:100%;font-size:14px;box-sizing:border-box;font-weight:400;}
.certify-wrap .phone-certify-block input[type="number"] {font-size:15px;}
.certify-wrap .phone-certify-block .input-txt-sty1.input-top-src{padding:0;}
.certify-wrap .phone-certify-block .input-txt-sty1.focusing {border-color: #000;}
.certify-wrap .phone-certify-block .input-txt-sty1.error{ position: relative; border-color: #ff4644; margin-bottom: 4px;}
.certify-wrap .phone-certify-block .input-txt-sty1.error::after,
#layer-full-page .pm-register .register-case .input-txt-sty1.error::after,
.login-form-fr .login-form-lst .enter-box .input-txt-sty1.error::after{ content: ''; position: absolute; right: 12px; top: 12px; width: 24px; height: 24px; background: url(../images/button/icon-info-check-24-failed.svg) no-repeat right center; background-size: 24px; }
.certify-wrap .phone-certify-block .input-txt-sty1.success{ position: relative; }
.certify-wrap .phone-certify-block .input-txt-sty1.success::after,
#layer-full-page .pm-register .register-case .input-txt-sty1.success::after,
.login-form-fr .login-form-lst .enter-box .input-txt-sty1.success::after{ content: ''; position: absolute; right: 12px; top: 12px; width: 24px; height: 24px; background: url(../images/button/icon-info-check-24-success.svg) no-repeat right center; background-size: 24px; }
.certify-wrap .phone-certify-block #telText.on {color: #000;}
.certify-wrap .pgp-tit {display:block; padding-bottom:10px; font-family:'NotoSerif';font-weight:300;font-size:22px;line-height:32px;color:#000;text-align:left;letter-spacing:-0.3px;}
.certify-wrap .pgp-sub-tit { padding-bottom: 37px; font-size: 16px; color: #666;}
.certify-wrap .policy-agree-bx { padding: 0 16px;}
.certify-wrap .policy-agree-bx .chk{ display: flex; justify-content: space-between; padding-bottom: 12px;}
.certify-wrap .policy-agree-bx .chk .form-txt{ font-weight: 700;}
.certify-wrap .view-chk-lst{ padding: 0 16px;}
.certify-wrap .view-chk-lst li{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; }
.certify-wrap .view-chk-lst li label{ display: flex; align-items: center;}
.certify-wrap .view-chk-lst li span{ display: inline-block; margin-left: 6px; font-size: 14px; color: #888; line-height: 28px;}
.certify-wrap .input-txt-certiphone .input-btn-bx {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative;}
.certify-wrap .input-txt-certiphone .input-btn-bx + .input-btn-bx {margin-top: 10px; }
.certify-wrap .input-txt-certiphone .input-btn-bx input {position: relative; width: calc(100% - 96px); height: 48px; border: 1px solid #eee; padding: 12px; border-radius: 4px; }
.certify-wrap .input-txt-certiphone .input-btn-bx.certifi-num input {width: 100%; }
.certify-wrap .input-txt-certiphone .btn-certi {float: none;}
.certify-wrap .input-txt-certiphone .btn-certi.btn-type5.on {border: 1px solid #000; background-color: #fff; color: #000;  font-weight: 400;}
.certify-wrap .timer-wrap { display: none; position: absolute; top: 24px; right: 14px;  font-family: "Roboto", SansSerif;font-size: 12px;letter-spacing: 0; color: #0fd6f7;line-height:14px;}
.certify-wrap .timer-wrap span {font-size: 12px;letter-spacing: 0; color: #0fd6f7;}
.certify-wrap .input-error .timer-wrap, .input-error .timer-wrap span {color:#ff4644;}
.certify-wrap .timer-wrap.on { display: block; }
.certify-wrap .input-error{ padding: 0; }
.certify-wrap .pass-bx{ padding-bottom: 40px; text-align: center; }
.certify-wrap .pass-bx p{ margin-bottom: 8px; color: #888; }
.certify-wrap .pass-bx a{ color: #d0ab7d; text-decoration: underline; }
.certify-wrap .notice-bx{border-top: 10px solid #f5f5f5;}
.certify-wrap .notice-bx ul{ padding: 22px 16px; text-align:left}
.certify-wrap .notice-bx li{ font-size: 14px; line-height: 22px; color:#666; padding-left: 6px; position:relative; word-break: keep-all;}
.certify-wrap .notice-bx li + li{ margin-top: 6px; }
.certify-wrap .notice-bx li:before{content: ''; display: block; width:2px; height:2px; background:#666; position:absolute; left:0; top:9px}
.certify-wrap .ipt-error-type { width: 100%; padding-top: 4px; line-height: 18px; color: #ff4644; border: 0; }
.certify-wrap .btn-bx { display: block; padding: 16px 16px 24px;}
.certify-wrap .btn-bx .btn-type2 { border-radius: 4px; color: #fff; background: #0fd6f7;}
.certify-wrap .notice-box {  padding: 16px; margin: 6px 16px 4px 16px; background-color: #fef1f4; border-radius: 4px; line-height: 18px; color: #666; }
.certify-wrap .notice-box .title { margin-bottom: 5px; padding-left: 22px; font-size: 14px; color: #ff4644; font-weight: 700; background: url(../images/pay/icon-info-information-red.svg) no-repeat; background-size: 16px;}
.modal-wrap.certify .modal-layer{display: flex; justify-content: space-between; flex-direction: column;}
.modal-wrap.certify .modal-layer .modal_cont{flex: 1; overflow-y: auto;}
.modal-wrap.certify .modal-layer .modal_btn{ padding: 16px 24px 24px 24px;}
.modal-wrap.certify .modal-layer .modal_btn button{ width: 100%; height: 36px; border: 1px solid #eee; border-radius: 4px; color: #0FD6F7;}

/*이메일 인증*/
.email-certify .input-txt-sty1{position: relative;}
.email-certify .input-txt-sty1{margin-bottom: 10px;}
.email-certify .input-txt-sty1.certify-num{margin-top: 10px;}
.email-certify .input-txt-sty1 .time{position:absolute; top:50%; right:14px; transform: translateY(-50%); font-size: 12px; color:#0fd6f7; letter-spacing: 0;}
.email-certify .input-txt-sty1 .time.error{color:#ff4644;}
.email-certify .pgp-sub-tit{font-size: 14px; padding-bottom: 32px; line-height: 22px; letter-spacing: -0.8px;}
.email-certify .notice-bx{padding:0 0 16px; border:none; position:absolute; bottom:16px; left: 16px; right:16px;}
.email-certify .notice-bx > strong{font-size: 14px; color:#333; font-weight: 400;}
.email-certify .notice-bx > p{padding-top:6px; font-size: 12px; line-height: 18px;}
.certify-wrap.email-certify .input-txt-sty1.error{margin:0;}
.certify-wrap.email-certify .ipt-error-type{padding-bottom: 10px;}
.email-certify .input-txt-sty1.typing .btn-srh-delete{right:12px;}
.email-certify .input-txt-sty1.red{margin-bottom: 0;}
.email-certify .input-txt-sty1.certify-num{margin-top: 24px;}

/* cash add page */
.cash-add-area{padding:156px 16px 38px; text-align: center; background:url('../images/common/illu-cash-card-info.png') 50% 50px no-repeat; background-size:142px 88px}
.cash-add-area .txt01{font-family: 'NotoSerif'; font-size:22px; line-height:1.45; letter-spacing: -0.3px; color:#000}
.cash-add-area .txt02{margin-top:14px; color:#666; line-height:1.57; font-size:14px}
.cash-add-area .btn-type6{margin-top:12px;}
.cash-input-number{ width:100%; height:48px; margin-top:40px; padding:0 20px; display:flex; justify-content: center; align-items: center; border:1px solid #eee; border-radius:4px; }
.cash-input-number span{flex:1; position:relative  }
.cash-input-number span input{width:100%; text-align:center; border:0; height:24px; line-height:24px;}
.cash-input-number span input::-webkit-outer-spin-button,
.cash-input-number span input::-webkit-inner-spin-button {-webkit-appearance: none; margin:0;}
.cash-input-number span + span{margin-left:40px;}
.cash-input-number span + span:before{content:''; display:inline-block; width:6px; height:1px; background:#666; position:absolute; top:50%; left:-23px; }
.captcha-wrap{padding:16px 16px 24px 16px; margin:14px 0 12px; background: #f9f9f9;}
.captcha-wrap .captcha-txt{text-align: left; padding-bottom: 9px; font-size: 14px; line-height: 22px; color:#888;}
.refresh-btn2{float:right; font-size: 13px; line-height: 22px; color:#888;}
.refresh-btn2:after{content: ""; display: inline-block; vertical-align: middle; width:24px; height: 24px; background: url('../images/home/icon-button-refresh.svg') no-repeat right center / 24px;}
.captcha-wrap .captcha-box{margin:0 auto; width:216px;}
.captcha-wrap .captcha-box .captcha-img{margin-top:5px; width:216px;}
.captcha-wrap .captcha-box .input-txt{margin-top:10px;}
.cash-add-notice{padding:20px 16px; border-top:10px solid #f5f5f5}
.cash-add-notice .tit{display:block; font-weight: 400; color:#000; font-size:16px; }
.cash-add-notice ul li{color:#666}
.cash-add-notice ul li:first-child{margin-top:14px;}
.cash-add-notice ul li a{color:#d0ab7d; text-decoration: underline;}


/* 마이페이지 - 메인  */
.mypage-main-top { overflow: hidden; padding: 30px 10px 16px 16px; background: #f9f9f9; }
.mypage-main-top .bedge-name-bx { float: left; overflow: hidden; height: 24px; }
.mypage-main-top .bedge-name-bx .icon-bedge { display: block; float: left; width: 24px; height: 24px; }
.mypage-main-top .bedge-name-bx .bedge-name { overflow: hidden; display: block; padding: 0 0 0 6px; font-size: 18px; line-height: 24px; color: #000; font-weight: 400; }
.mypage-main-top .bedge-name-bx .bedge-name .name-txt { padding: 0 4px 0 0; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:100px;}
.mypage-main-top .bedge-name-bx .bedge-name .txt { display: block; float: left; margin-left: -4px;}
.mypage-main-top .ico-arrow-right16 { display: block; padding-right: 0; height: 24px; line-height: 21px; font-size: 15px; letter-spacing: 0; }
.mypage-main-top .member-info { display: flex; justify-content: space-between;  margin-bottom: 16px; }
.mypage-main-top .grade-gift { display: block; text-align: center; padding:10px 0 4px; }
.mypage-main-top .membership-class { font-weight: 700;}
.mypage-main-lst { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100%; }
.mypage-main-lst .mypage-main-lnk { overflow: hidden; width: 100%; }
.mypage-main-lst .mypage-main-lnk > li { float: left; width: 33.333%; }
.mypage-main-lst .mypage-main-lnk > li:first-child { width: 33.335%; }
.mypage-main-lst .mypage-main-lnk .btn-lnk { display: block; padding: 45px 0 18px; position: relative; text-align: center; }
.mypage-main-lst .mypage-main-lnk .btn-lnk:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eee; content: ""; }
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt { position: relative; font-size: 14px; line-height: 22px; color: #000; }
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt .arrow-notice-txt { position: absolute; right: -11px; top: -21px; padding: 0 11px 0 9px; font-size: 12px; }
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt .arrow-notice-txt.tooltip{left:27px; right:inherit; white-space: nowrap; letter-spacing: 0}
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt .arrow-notice-txt.tooltip:before{left:16px;}
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt .arrow-notice-txt.count_plus{padding:0 4px 0 6px;}
.mypage-main-lst .mypage-main-lnk .btn-lnk .txt .arrow-notice-txt.count_plus:after{font-size:12px; color:#fff; line-height:18px}
.mypage-main-lst .mypage-main-lnk .btn-lnk .nm { display: inline-block; color: #000; font-size: 15px;  letter-spacing: 0}
.mypage-main-lst .mypage-main-lnk .btn-lnk .cash { display: inline-block; color: #000; font-size: 15px; letter-spacing: 0 }
.mypage-main-lst .mypage-main-lnk .btn-lnk .cash_txt em + span{margin-left:4px;}
.mypage-main-lst .mypage-main-lnk .btn-lnk .cash_txt span + em{margin-left:1px;}
.mypage-main-lst .mypage-main-lnk .btn-lnk .count_plus:after{content:'+'; display:inline-block; font-size:14px; line-height:22px; color:#000; padding:0 1px}
.mypage-main-lst .mypage-main-lnk .btn-lnk.type1 { background: url(../images/mypage/icon-mypage-lst.svg) no-repeat center 15px; }
.mypage-main-lst .mypage-main-lnk .btn-lnk.type2 { background: url(../images/mypage/icon-button-promotion.svg) no-repeat center 15px; }
.mypage-main-lst .mypage-main-lnk .btn-lnk.type3 { background: url(../images/mypage/icon-mypage-cash.svg) no-repeat center 15px; }
.mypage-main-lst .mypage-main-lnk > li:last-child .btn-lnk:before { display: none; }
.mypage-main-lst + .mypage-lst-lnk:before, .mypage-lst-lnk.lst-line:before{content:''; display: block; height:10px; width:100%; background:#f5f5f5}
.mypage-main-lst + .mypage-lst-lnk li:first-child, .mypage-lst-lnk.lst-line li:first-child{border-top:1px solid #eee}
.btn-mypage-arrow { display: block; position: relative; padding: 0 0 0 16px; width: 100%; height: 54px; line-height: 54px; font-size: 16px; color: #000; }
.btn-mypage-arrow .icon-right-24 { position: absolute; right: 10px; top: 50%; margin: -12px 0 0; }
.mypage-lst-lnk > li { border-bottom: 1px solid #eee; }
.mypage-lst-lnk > li:last-child { border-bottom: none; }
.mypage-lst-lnk > li .review-num{display: inline-block; padding-left:5px; font-size: 15px; letter-spacing: 0; font-weight: 700; color:#0fd6f7;}
.mypage-lst-lnk > li .review-num .review-tool:before{content: ""; position:absolute; left:16px; bottom:-14px; border-top:8px solid #0fd6f7; border-right:7px solid transparent; border-bottom:7px solid transparent; border-left: 7px solid transparent;}
.mypage-lst-lnk > li .review-num .review-tool{display: inline-block; position:absolute; top: -17px; left:68px; padding:4px 12px 5px; line-height: 21px; font-weight: 400; font-size: 14px; border-radius: 16.5px; background: #0fd6f7; color:#fff;}
.mypage-lst-lnk > li .review-num .review-tool > em{font-weight: 700; letter-spacing: 0;}
.banner-mypage-glyde { display: block; padding: 24px 24px 48px; min-height:170px; width: 100%; background:#f9f9f9 url(../images/detail/illu-brandstory-banner@3x.png) no-repeat 100% 100%; background-size:309px;}
.banner-mypage-glyde .banner-tit { display: block; text-align: left; font-size: 18px; line-height: 1.56; font-weight: 300;letter-spacing: -0.8px;  color: #000; }
.banner-mypage-glyde .banner-txt { display: block; margin-top: 6px; text-align: left; font-size: 14px; letter-spacing: -0.8px; line-height: 1.57; color: #666; }
.mypage-slide { position: relative; padding: 16px 0 24px; border-bottom: 1px solid #eee; }
.mypage-slide .center-slide-type .swiper-wrapper { padding-left: calc((100% - 328px) / 2); }
.mypage-slide .center-slide-type .swiper-container .swiper-slide { padding: 0; }
.mypage-slide .swiper-pagination { position: static; }
.mypage-case-banner.case1 { background: #65cac0; }
.mypage-case-banner.case1:before { position: absolute; right: 6px; top: 32px; width: 128px; height: 128px; content: ""; z-index: 1; background: url(../images/mypage/mypage-main-tour.png) no-repeat left top; background-size: 128px; }
.mypage-case-banner.case2 { background: #f690a4; }
.mypage-case-banner.case3 { background: #789cd4; }
.mypage-case-banner.case4 { background: #7f7e91; }
.mypage-case-banner.case5 { background: #ab6fc7; }
.mypage-case-banner.case6 { background: #d7b387; }
.mypage-case-banner.case7 { background: #4dbad2; }
.mypage-case-banner.case8 { background: #75c8a0; }
.mypage-case-banner.case5:before { position: absolute; right: 23px; top: 53px; width: 70px; height: 70px; content: ""; z-index: 1; background-repeat: no-repeat; background-position: left top; background-size: 70px; }
.mypage-case-banner.case5.case5-1:before { background-image: url(../images/mypage/illust-badge-glyde@3x.png); }
.mypage-case-banner.case5.case5-2:before { background-image: url(../images/mypage/illust-badge-best-review@3x.png); }
.mypage-case-banner.case5.case5-3:before { background-image: url(../images/mypage/illust-badge-idea@3x.png); }
.mypage-case-banner.case6:before { position: absolute; right: 31px; top: 55px; width: 69px; height: 92px; content: ""; z-index: 1; background: url(../images/mypage/illu-my-feed-freepass.png) no-repeat left top; background-size: 69px; }
.mypage-case-banner.case7:before { position: absolute; right: 26px; top: 36px; width: 72px; height: 92px; content: ""; z-index: 1; background: url(../images/mypage/illu-my-feed-event.png) no-repeat left top; background-size: 72px; }
.mypage-case-banner.case8:before { position: absolute; right: 6px; top: 35px; width: 128px; height: 128px; content: ""; z-index: 1; background: url(../images/mypage/illu-event-invite-alarm.png) no-repeat left top; background-size: 100%; }
.mypage-case-banner { position: relative; display: block; border-radius: 4px; height: 210px; width: 100%; /*box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);*/ }
.mypage-case-banner .cate-top-info { display: block; padding: 28px 24px 0; height: 160px; }
.mypage-case-banner .cate-top-info .case-banner-tit { display: block; padding: 0 0 6px; font-size: 14px; color: #fff; line-height: 20px; font-weight: 700; }
.mypage-case-banner .cate-top-info .case-banner-txt { font-size: 14px; color: #fff; line-height: 22px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 66px; text-align: left; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.mypage-case-banner .cate-top-info .case-banner-txt p { width: calc(100% - 28px); }
.mypage-case-banner .cate-top-info.with-img .case-banner-txt p { width: calc(100% - 68px); }
.mypage-case-banner .cate-top-info .case-ord-tit em { display: inline-block; max-width: calc(100% - 60px); line-height: 1.63; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.mypage-case-banner .cate-top-info .case-ord-tit em + span{margin-left: 4px;}
.mypage-case-banner .cate-top-info .order-date-lst { padding: 11px 0 0; display: block; overflow: hidden; width: 100%; }
.mypage-case-banner .cate-top-info .order-date-lst .date-lst { padding: 0 0 0 15px; display: block; float: left; /*overflow:hidden;*/ }
.mypage-case-banner .cate-top-info .order-date-lst .date-lst:first-child { padding: 0; }
.mypage-case-banner .cate-top-info .order-date-lst .date-lst .tit { display: block; float: left; font-size: 12px; line-height: 18px; color: #fff; }
.mypage-case-banner .cate-top-info .order-date-lst .date-lst .info-txt { padding: 0 0 0 4px; display: block; float: left; font-size: 12px; line-height: 18px; color: #fff; }
.btm-order-txt { display: block; border-top: 1px solid rgba(255, 255, 255, 0.3); height: 50px; }
.btm-order-txt:after { display: block; content: ""; clear: both; }
.btm-order-txt .date-case { display: block; padding: 0 0 0 24px; float: left; height: 49px; font-size: 12px; line-height: 43px; color: #fff; font-weight: 700; }
.btm-order-txt .date-case .date-info { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0; }
.btm-order-txt .date-case .case-txt { display: inline-block; padding: 0 0 0 5px; letter-spacing: 0; font-weight: 400; }
.btm-order-txt .date-case .time { display: inline-block; padding: 0 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: 0; }
.btm-order-txt .date-case .info-txt { display: inline-block; padding: 0 0 0 7px; font-size: 12px; }
.btm-order-txt .date-case .case-eng{letter-spacing: 0}
.btm-order-txt .rgt-txt { display: block; padding: 0 24px 0 0; float: right; height: 49px; font-size: 12px; color: #fff; line-height: 43px; letter-spacing: 0; }
.btm-order-txt .rgt-txt .txt-bold { font-weight: 700; }
.btm-order-txt .rgt-txt .count { font-size: 13px; font-weight: 700; }
.btm-order-txt .rgt-txt > i { margin: 14px 0 0; display: inline-block; }
.btm-order-txt .order-lst { display: block; position: relative; width: 25%; float: left; height: 49px; text-align: center; color: rgba(255, 255, 255, 0.3); font-sizE: 12px; line-height: 43px; }
.btm-order-txt .order-lst.active { color: #fff; font-weight: 700; }
.btm-order-txt .order-lst.active:before { content: ""; position: absolute; left: 50%; top: -40px; margin: 0 0 0 -24px; width: 48px; height: 48px; }
.btm-order-txt .order-lst.active:nth-child(1):before { background: url(../images/mypage/icon-info-order-status-01.png) no-repeat left top; background-size: 48px; }
.btm-order-txt .order-lst.active:nth-child(2):before { background: url(../images/mypage/icon-info-order-status-02.png) no-repeat left top; background-size: 48px; }
.btm-order-txt .order-lst.active:nth-child(3):before { background: url(../images/mypage/icon-info-order-status-03.png) no-repeat left top; background-size: 48px; }
.btm-order-txt .order-lst.active:nth-child(4):before { background: url(../images/mypage/icon-info-order-status-04.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.exchange .order-lst.active:nth-child(1):before { background: url(../images/mypage/icon-info-exchange-status-01.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.exchange .order-lst.active:nth-child(2):before { background: url(../images/mypage/icon-info-exchange-status-02.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.exchange .order-lst.active:nth-child(3):before { background: url(../images/mypage/icon-info-exchange-status-03.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.exchange .order-lst.active:nth-child(4):before { background: url(../images/mypage/icon-info-exchange-status-04.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.return .order-lst.active:nth-child(1):before { background: url(../images/mypage/icon-info-exchange-status-01.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.return .order-lst.active:nth-child(2):before { background: url(../images/mypage/icon-info-exchange-status-02.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.return .order-lst.active:nth-child(3):before { background: url(../images/mypage/icon-info-exchange-status-03.png) no-repeat left top; background-size: 48px; }
.btm-order-txt.return .order-lst.active:nth-child(4):before { background: url(../images/mypage/icon-info-return-status-04.png) no-repeat left top; background-size: 48px; }
.mypage-case-banner .thumb-type { position: absolute; right: 24px; top: 40px; display: block; width: 72px !important; height: 72px; border-radius: 4px; }
.mypage-notice-txt { padding: 0 17px; height: 36px; line-height: 36px; width: 100%;font-size: 12px; color: #000; }
.mypage-notice-txt .date-notice { display: flex; align-items: center; letter-spacing: 0; }
.mypage-notice-txt .date-notice::before { content: "임직원"; display: inline-block; margin-right: 8px; width: 36px; height: 18px; background: url(../images/label/Icon_Label_Employee.svg) no-repeat; background-size: cover; text-indent: -99999px;} 
.floating-counsel { position: fixed; right: 16px; bottom:70px; bottom: calc(var(--ios-safe-bottom) + 70px); display: block; z-index: 50; width: 48px; height: 48px; border-radius: 10000px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); background: #0fd6f7 url(../images/mypage/icon-cs-talk.svg) no-repeat center; }
.floating-counsel.type1 { bottom: 16px; }

.floating-share { position: fixed; right: 16px; bottom:70px; bottom: calc(var(--ios-safe-bottom) + 70px); display: block; z-index: 50; width: 48px; height: 48px; border-radius: 10000px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); background-color: #FFFFFF;}


/* 마이페이지 - 메인(비회원)  */
.mypage-main-nonmbr .join-benefit{display: flex; justify-content: center; padding:24px 0 12px;}
.mypage-main-nonmbr .join-benefit li{ position: relative;}
.mypage-main-nonmbr .join-benefit li + li{padding-left:32px;}
.mypage-main-nonmbr .join-benefit li + li::before{content: '+'; position: absolute; top: 23px; left:0; display: block; margin:0 10px 0 9px; font-size: 22px; font-weight: 700; color: #000;}
.mypage-main-nonmbr .join-benefit li .icon-box{padding:13px; width:80px; height:80px; border-radius: 50%; background: #f5f5f5;}
.mypage-main-nonmbr .join-benefit li .icon-box img{width:100%;}
.mypage-main-nonmbr .join-benefit li .tit-box{text-align: center; padding-top:8px; font-size:14px; line-height: 20px; color:#000; font-family: 'NotoSans',sans-serif;}

/* 마이페이지 - 등급혜택 */
.membership-wrap .sub-tit{ font-size: 16px; color:#000; }
.membership-wrap .sub-desc{  margin-left: 3px; font-size: 13px; color:#666; }
.membership-wrap .sub-tit2{ font-size: 12px; color:#aaa; }
.membership-wrap .space-0{ font-size: 15px;}
.membership-wrap .grade-info{ padding-bottom:24px; }
.membership-wrap .grade-info__current{ display: flex; justify-content: space-between; }
.membership-wrap .grade-info__next{ margin: 0 16px; padding: 14px 20px; text-align: center; font-size: 14px; border-radius: 4px; background: #fff;}
.membership-wrap .grade-info .txt-sty1{ margin-bottom: 10px; }
.membership-wrap .grade-info .grade-txt{ position: relative; margin: 30px 0 0 32px;}
.membership-wrap .grade-info .grade-txt .delivery-date-popup2{ position: absolute; left:0; top:102px;}
.membership-wrap .user-benefit{ padding-bottom:16px; }
.membership-wrap .user-benefit .sub-tit{ padding-top: 4px; font-weight: 500;}
.membership-wrap .grade-benefit{ padding:30px 16px 32px; }
.membership-wrap .benefit-tit{ font-size: 18px; color:#000;}
.membership-wrap .grade-list{ display:flex; padding: 20px 0 30px; text-align: center; }
.membership-wrap .grade-list button{ flex:1; }
.membership-wrap .grade-list .grade-icon{ width:48px; height: 48px;}
.membership-wrap .grade-list .grade-name{ display: block; margin-top: 3px; font-size: 14px; color:#000; }
.membership-wrap .grade-list .grade-name.on{ font-weight: 700; color:#9fa5b4; }
.membership-wrap .grade-list button:nth-child(2) .grade-name.on{ color:#66ccff; }
.membership-wrap .grade-list button:nth-child(3) .grade-name.on{ color:#67ace6; }
.membership-wrap .grade-list button:nth-child(4) .grade-name.on{ color:#2375d8; }
.membership-wrap .benefit-list:not(.col){ display: flex; flex-wrap: wrap;}
.membership-wrap .benefit-list li{ margin-top: 8px; padding: 14px 16px; width: calc(50% - 4px); background: url(../images/mypage/icon-info-grade-save.svg) no-repeat right 8px bottom 10px #f9f9f9; border-radius: 4px;}
.membership-wrap .benefit-list.col li{ width: 100%;}
.membership-wrap .benefit-list.col li > strong{ position: relative; margin: 0 0 3px; z-index: 0; font-weight: 700; }
.membership-wrap .benefit-list.col li > .highlight::before{ content:""; position: absolute; left:-2px; bottom: 4px; width: 78px; height:7px; background: var(--brand-bg); border-radius: 10px; opacity: 0.6; z-index: -1; }
.membership-wrap .benefit-list.col li .space-0{ font-size: 19px;}
.membership-wrap .benefit-list li.birthday{ background-image: url(../images/mypage/icon-info-grade-hbd-gift.svg);} 
.membership-wrap .benefit-list li.new{ background-image: url(../images/mypage/icon-info-grade-promotion-gift.svg);} 
.membership-wrap .benefit-list li.delivery{ background-image: url(../images/mypage/icon-info-grade-ticket.svg);} 
.membership-wrap .benefit-list li.cash{ background-image: url(../images/mypage/icon-info-grade-cash-line.svg);} 
.membership-wrap .benefit-list li:nth-child(odd){ margin-right: 8px;}
.membership-wrap .benefit-list li strong{ display: block; margin-top: 3px; font-weight: 500; color:#000;}
.membership-wrap .grade-standard{ padding-top: 32px; }
.membership-wrap .tool-tip{ font-size: 14px; color:#888; }
.membership-wrap .tool-tip button{ margin-left: 4px; vertical-align: bottom; }
.membership-wrap .standard-list{ margin-top:12px; padding: 16px 22px 16px 17px; border:1px solid #eee; border-radius: 4px; }
.membership-wrap .list{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#888; }
.membership-wrap .list + .list{ margin-top: 10px; }
.membership-wrap .list .terms{ font-size: 14px; color:#000; }
.membership-wrap .list .terms.next{ display: block; padding-left: 28px; line-height: 24px; font-size: 15px; color:#9fa5b4; font-weight: 700; background: url(../images/mypage/icon-info-grade-welcome.webp) no-repeat left bottom 1px / 24px;}
.membership-wrap .list .terms.next.pure{ background-image: url(../images/mypage/icon-info-grade-pure.webp); color:#66ccff;}
.membership-wrap .list .terms.next.happy{ background-image: url(../images/mypage/icon-info-grade-happy.webp); color:#67ace6;}
.membership-wrap .list .terms.next.loyal{ background-image: url(../images/mypage/icon-info-grade-loyal.webp); background-position-y: -2px; color:#2375d8;}
.membership-wrap .grade-terms{ display: block; margin-top:10px; text-align: right; font-size: 12px; line-height: 18px; color: #888;}
.membership-wrap .grade-benefit-info{ padding:20px 16px 32px; border-top: 10px solid #f5f5f5;}
.membership-wrap .usage-details{ border-top:10px solid #eee; }
.membership-wrap .details{ padding: 20px 16px 32px;}
.membership-wrap .details .details-date{ margin: 12px 0; font-size: 14px; color:#666; letter-spacing: 0; }
.membership-wrap .details .details-date span{ padding-left: 2px; font-size: 13px; }
.membership-wrap .notice-list > li{ margin-top: 14px; }
.membership-wrap .notice-list > li:first-child{ margin-top: 16px; }
.membership-wrap .dot-gray-ul > li{ margin-top:4px; color: #666;}
.membership-wrap .dot-gray-ul li:first-child{ margin-top:8px;}

/*progress*/
.progress-wrap{ padding:25px 16px 20px;}
.progress-wrap .progress-txt{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 6px; }
.progress-wrap .progress-txt .info-tit{ font-size: 13px; line-height: 22px; color: #000;}
.progress-wrap .progress-txt .num-type3{ padding-left:4px; font-size: 15px; line-height: 24px; color:#000;}
.progress-wrap .progress-txt .total{font-size: 14px; }
.progress-wrap .progress { height: 8px; background: #eee; border-radius: 5px; }
.progress-wrap .progress .bar{ height: inherit; background: #63caff; border-radius: inherit; }
.progress-wrap .progress .bar.bg2{ background: #62a2e4; }

/* 마이페이지 - 주문내역  */
.delivery-prd { padding: 21px 0 0; }
.delivery-prd .prd-tit { padding: 0 10px; text-align: center; }
.delivery-prd .prd-tit .tit-txt * { vertical-align: top; }
.delivery-prd .prd-tit .tit-txt { position: relative; font-family: 'NotoSerif'; font-weight: 300; font-size: 22px; line-height: 32px; color: #000; }
.delivery-prd .prd-tit .prd-name { max-width: calc(100% - 98px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.delivery-prd .prd-tit .arrow-notice-txt { position: absolute; left: 50%; top: -21px; margin: 0 0 0 17px; z-index: 1; width: 120px; line-height: 20px; }
.delivery-prd .prd-tit .arrow-notice-txt:before { left: 12px; margin: 0; }
.delivery-prd .prd-date { padding: 5px 10px 0; font-size: 12px; line-height: 18px; color: #888; text-align: center; letter-spacing: 0; }
.delivery-prd .prd-info { padding: 4px 10px 16px; font-size: 12px; line-height: 18px; color: #888; text-align: center; }
.delivery-info-slide { border-bottom: 10px solid #f5f5f5; }
.delivery-info-slide + .order-area-lst{ border-top: 0; }
.delivery-info-slide .delivery-prd .prd-info .order-nm { color: #888; letter-spacing: 0; padding-left: 5px; }
.delivery-info-slide .btn-delivery-info { padding: 14px 16px 24px; }
.delivery-history-bx .btns { display: flex; padding: 14px 12px 24px; }
.delivery-history-bx .swiper-slide .btns { padding: 14px 0 0;}
.delivery-history-bx .btns button + button { margin-left: 8px;}
.delivery-history-bx .items { margin:15px 0 0; text-align: center; }
.delivery-history-bx .items .txt { font-size: 14px; font-weight: 700; line-height: 20px; color: #fff; }
.delivery-history-bx .items .txt em { font-family: 'Roboto'; font-size: 15px; letter-spacing: 0; }
.delivery-history-bx .items .txt a { display: block; width: auto; margin-top: 10px; color: #fff; font-weight: 400; }
.delivery-history-bx .items .txt a:after { display: inline-block; width: 16px; height: 20px; vertical-align: middle; content: ""; background: url(../images/mypage/icon-arrow-white.svg) no-repeat left top; }
.delivery-history-bx .dawn-delivery-txt{ padding-top:10px; }
.delivery-history-bx .dawn-delivery-txt span{ font-weight: 500; }
.delivery-history-bx .delivery-txt{ padding: 16px 0 8px; }
.delivery-history-bx .delivery-txt .underline{ padding-left: 6px; }
.delivery-history-bx .items .txt .dvlr-num { font-weight: 400; font-size: 12px; margin-top: 2px; }
.delivery-history-bx .items .txt .dvlr-num em { font-size: inherit; }
.delivery-history-bx .swiper-wrapper { padding-left: calc((100% - 328px) / 2);}
.delivery-history-bx .item-card { display: flex; flex-direction: column; justify-content: space-between; padding:30px 0 18px; min-height:213px; text-align: center; background: #789cd4; border-radius: 4px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,.1); }
.delivery-history-bx .items .img-bx { position: relative; padding: 0 3%; }
.delivery-history-bx .items .img-bx:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: calc(100% + 6%); height: 50%; background: #fff; }
.delivery-history-bx .items .img-bx img { position: relative; z-index: 2; display: block; width: 100%; border-radius: 4px; }
.delivery-history-bx .items.swiper-container.one .img-bx img { width: 85%; margin: 0 auto; }
.delivery-history-bx .pagination { padding:16px 0 24px; text-align: center; z-index: 1; }
.delivery-history-bx .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 6px; background: #888; }
.delivery-history-bx .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 6px; height: 6px; background: #000; }
.delivery-history-bx .status { display: flex; padding-top: 54px; background: #789cd4; }
.delivery-history-bx .status > * { flex: 1; padding-top: 13px; line-height: 18px; text-align: center; color: #9fb8de; border-top: 1px solid #99b4dc; }
.delivery-history-bx .status > *.active { position: relative; color: #fff; font-weight: 700; }
.delivery-history-bx .status > *.active:before { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 48px; height: 48px; }
.delivery-history-bx .status > *.active:nth-child(1):before { background: url(../images/mypage/icon-info-order-status-01.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-bx .status > *.active:nth-child(2):before { background: url(../images/mypage/icon-info-order-status-02.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-bx .status > *.active:nth-child(3):before { background: url(../images/mypage/icon-info-order-status-03.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-bx .status > *.active:nth-child(4):before { background: url(../images/mypage/icon-info-order-status-04.png) no-repeat left top; background-size: 48px 48px; }
.no-bankbook { padding: 30px 16px 20px; border-bottom: 1px solid #eeeeee; background: #f9f9f9;}
.no-bankbook .info { display: flex; padding-bottom: 8px; font-size: 14px; line-height: 24px; color: #000; }
.no-bankbook .info *[class*='label-bank'] { margin: auto 6px auto 0; }
.no-bankbook .info span { margin-left: auto; font-weight: 700; line-height: 24px; }
.no-bankbook .info span em { font-family: 'Roboto'; font-size: 17px; margin-right: 2px; }
.no-bankbook .account { display: flex; height: 48px; padding: 9px 10px; line-height: 28px; font-family: 'Roboto'; font-size: 15px; background: #fff; border: 1px solid #eee; border-radius: 4px; color: #000; letter-spacing: 0; }
.no-bankbook .account button { margin-left: auto; background: #fff; }
.no-bankbook .btns { display: flex; padding: 10px 0 0 0; }
.no-bankbook .btns button:first-child { margin: 0 4px 0 0; }
.no-bankbook .btns button:last-child { margin: 0 0 0 4px; }
.no-bankbook .btns button:only-child { margin: 0; }
.no-bankbook .btns button.btn-type8 { color: #0fd6f7; }
.no-bankbook .expired { padding: 20px 0 0 0; font-size: 14px; line-height: 22px; color: #000; }
.no-bankbook .expired em { font-family: 'Roboto'; font-size: 15px; font-weight: 700; margin-right: 4px; letter-spacing: 0; color:#ff6260;}

/*카드사, 은행 label*/
*[class^='label-card'], *[class^='label-bank'] { display: inline-block; height: 18px; width: 36px !important; vertical-align: middle; background: url(../images/label/icon-label-card-hana.svg) no-repeat left top; background-size: auto 18px; }
*[class^='label-card']:before, *[class^='label-bank']:before { overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; }
.label-card01 { background-image: url(../images/label/icon-label-card-hana.svg); }
/*하나*/
.label-card01:before { content: '하나'; }
.label-card03 { background-image: url(../images/label/icon-label-card-lotte.svg); }
/*롯데*/
.label-card03:before { content: '롯데'; }
.label-card04 { background-image: url(../images/label/icon-label-card-hd.svg); }
/*현대*/
.label-card04:before { content: '현대'; }
.label-card06 { background-image: url(../images/label/icon-label-card-kb.svg); }
/*국민*/
.label-card06:before { content: '국민'; }
.label-card11 { background-image: url(../images/label/icon-label-card-bc.svg); }
/*BC*/
.label-card11:before { content: 'BC'; }
.label-card12 { background-image: url(../images/label/icon-label-card-samsung.svg); }
/*삼성*/
.label-card12:before { content: '삼성'; }
.label-card14 { background-image: url(../images/label/icon-label-card-sh.svg); }
/*신한*/
.label-card14:before { content: '신한'; }
.label-card16 { background-image: url(../images/label/icon-label-card-nh.svg); }
/*농협*/
.label-card16:before { content: '농협'; }
.label-bank02 { background-image: url(../images/label/icon-label-bank-kdb.svg); }
/*KDB산업은행*/
.label-bank02:before { content: 'KDB산업은행'; }
.label-bank03 { background-image: url(../images/label/icon-label-bank-ibk.svg); }
/*IBK기업은행*/
.label-bank03:before { content: 'IBK기업은행'; }
.label-bank04 { background-image: url(../images/label/icon-label-bank-kb.svg); }
/*국민*/
.label-bank04:before { content: '국민은행'; }
.label-bank07 { background-image: url(../images/label/icon-label-bank-suhyup.svg); }
/*수협*/
.label-bank07:before { content: '수협은행'; }
.label-bank11 { background-image: url(../images/label/icon-label-bank-nh.svg); }
/*NH*/
.label-bank11:before { content: 'NH농협은행'; }
.label-bank20 { background-image: url(../images/label/icon-label-bank-wr.svg); }
/*우리은행*/
.label-bank20:before { content: '우리은행'; }
.label-bank23 { background-image: url(../images/label/icon-label-bank-sc.svg); }
/*SC제일은행*/
.label-bank23:before { content: 'SC제일은행'; }
.label-bank27 { background-image: url(../images/label/icon-label-bank-ct.svg); }
/*씨티*/
.label-bank27:before { content: '씨티은행'; }
.label-bank31 { background-image: url(../images/label/icon-label-bank-dg.svg); }
/*DGB대구은행*/
.label-bank31:before { content: 'DGB대구은행'; }
.label-bank32 { background-image: url(../images/label/icon-label-bank-bs.svg); }
/*BNL부산은행*/
.label-bank32:before { content: 'BNL부산은행'; }
.label-bank34 { background-image: url(../images/label/icon-label-bank-gj.svg); }
/*광주은행*/
.label-bank34:before { content: '광주은행'; }
.label-bank35 { background-image: url(../images/label/icon-label-bank-jj.svg); }
/*제주은행*/
.label-bank35:before { content: '제주은행'; }
.label-bank37 { background-image: url(../images/label/icon-label-bank-jb.svg); }
/*전북은행*/
.label-bank37:before { content: '전북은행'; }
.label-bank39 { background-image: url(../images/label/icon-label-bank-kn.svg); }
/*BNL경남은행*/
.label-bank39:before { content: 'BNL경남은행'; }
.label-bank45 { background-image: url(../images/label/icon-label-bank-mg.svg); }
/*MG새마을금고*/
.label-bank45:before { content: 'MG새마을금고'; }
.label-bank81 { background-image: url(../images/label/icon-label-bank-keb.svg); }
/*하나은행*/
.label-bank81:before { content: '하나은행'; }
.label-bank88 { background-image: url(../images/label/icon-label-bank-sh.svg); }
/*신한은행*/
.label-bank88:before { content: '신한은행'; }
.label-bank89 { background-image: url(../images/label/icon-label-bank-k.svg); }
/*K bank*/
.label-bank89:before { content: 'K bank'; }
.label-bank90 { background-image: url(../images/label/icon-label-bank-kko.svg); }
/*kakaobank*/
.label-bank90:before { content: 'kakaobank'; }

i.label-company { display: inline-block; margin: auto 6px auto 0; width: 36px; height: 18px; line-height: 18px; vertical-align: middle; font-size: 10px; font-style: normal; text-indent: 0; text-align: center; color: #fff; border-radius: 3px; overflow: hidden; }
.delivery-history-txt { display: flex; flex-direction: column; min-height: 264px; text-align: center; background: #789cd4; }
.delivery-history-txt.case { background: #7f7e91; }
.delivery-history-txt > div { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-right: 16px; padding-left: 16px; }
.delivery-history-txt.top > div { justify-content: unset; padding-top: 24px; }
.delivery-history-txt p { color: #fff; font-size: 12px; line-height: 18px; }
.delivery-history-txt p + p { padding-top: 10px; }
.delivery-history-txt strong { padding-bottom: 7px; font-size: 14px; line-height: 20px; font-weight: 700; color: #fff; }
.delivery-history-txt strong.big { padding-bottom: 14px; font-size: 16px; letter-spacing: -1.07px; }
.delivery-history-txt p .date em { margin-left: 4px; letter-spacing: 0; }
.delivery-history-txt p .date + .date { margin-left: 12px; }
.delivery-history-txt .status { display: flex; height: 90px; padding-top: 40px; }
.delivery-history-txt .status > * { flex: 1; padding-top: 13px; line-height: 18px; text-align: center; color: #b9b9c3; border-top: 1px solid #9e9dab; }
.delivery-history-txt .status > *.active { position: relative; font-weight: 700; color: #fff; }
.delivery-history-txt .status > *.active:before { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 48px; height: 48px; }
.delivery-history-txt .status > *.active:nth-child(1):before { background: url(../images/mypage/icon-info-exchange-status-01.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status > *.active:nth-child(2):before { background: url(../images/mypage/icon-info-exchange-status-02.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status > *.active:nth-child(3):before { background: url(../images/mypage/icon-info-exchange-status-03.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status.ing2 > *.active:nth-child(3):before { background: url(../images/mypage/icon-info-exchange-status-03-1.svg) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status.refund.ing2 > *.active:nth-child(3):before { background: url(../images/mypage/icon-info-exchange-status-03-1.svg) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status > *.active:nth-child(4):before { background: url(../images/mypage/icon-info-exchange-status-04.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status.refund.ing3 > *.active:nth-child(2):before { background: url(../images/mypage/icon-info-exchange-status-05.png) no-repeat left top; background-size: 48px 48px; }
.delivery-history-txt .status.refund > *.active:nth-child(4):before { background: url(../images/mypage/icon-info-return-status-04.png) no-repeat left top; background-size: 48px 48px; }
.delivery-info-slide .delivery-history-txt .btns { display: flex; padding: 14px 12px 24px; background: #fff; }
.delivery-info-slide .delivery-history-txt .btns button { flex: 1; margin: 0 4px; }
.again-prd-order { overflow: hidden; padding: 0 0 12px; width: 100%; border-bottom: 1px solid #eee; }
.again-prd-order.order-history-tit { padding: 24px 0 12px; }
.again-prd-order .prd-tit { display: block; float: left; height: 28px; line-height: 28px; font-size: 16px; color: #000; font-weight: 700; }
.again-prd-order .btn-order { display: block; float: right; }
.document-public-bx { padding: 24px 16px; }
.document-public-bx .public-btn-lst > li { margin: 8px 0 0; }
.document-public-bx .public-btn-lst > li:first-child { margin: 0; }

/* 마이페이지 - 주문내역 없음 */
.order-no-data { position: relative; height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center; }

/* 마이페이지 - 1:1문의  */
.counsel-lst-wrap .slide-list-sty2 .slide-list-tit { font-size: 16px; line-height: 24px; font-weight: 700; }
.counsel-lst-wrap .counsel-none-date { height: calc(100vh - 306px); position: relative; }
.counsel-lst-wrap .counsel-none-date .counsel-empty-txt { position: absolute; left: 0; top: 50%; margin: -75px 0 0; display: block; width: 100%; font-size: 14px; color: #888; padding: 130px 0 0; text-align: center; background: url(../images/mypage/illust-empty.png) no-repeat center top; background-size: 128px; }
.counsel-lst-wrap .rev-reply-manager { padding: 24px 0 0; }

/* 마이페이지 - 1:1문의 작성  */
.qna-write-block .counsel-default { padding: 10px 0 0; }
.qna-write-block .counsel-default > .txt-area-wrap:first-child { margin-top: 0; }
.qna-write-block .counsel-default > .txt-area-wrap { margin-top: 10px; }
.goods-name-box { position: relative; padding-left: 14px; width: 100%; height: 48px; line-height: 48px; border: 1px solid #eee; border-radius: 4px; }
.goods-name-box.disabled { background: #f9f9f9; }
.goods-name-box.disabled + a.btn-write-srh { display: none; }
.placeholder-txt { position: absolute; top: 50%; left: 16px; margin-top: -10px; display: none; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #ccc; }
.placeholder-on .placeholder-txt { display: block; }
.qna-write-block .counsel-default .slide-agree-wrap { margin-top: 60px; border-top: 10px solid #f5f5f5; }
.qna-notice .txt-sty9{ display: block; padding:8px 0 6px; color: #333;}
.goods-name-box p { width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #000; }
.goods-name-box p em { display: inline-block; margin-right: 4px; max-width: calc(100% - 60px); line-height: 1.63; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.goods-name-box p span { display: inline-block; line-height: 1.63; vertical-align: middle; }
.slide-agree-wrap { width: auto; padding: 0 16px; }
.slide-agree-wrap p.chk { display: flex; height: 38px; margin: 24px 0 0 0; }
.slide-agree-wrap p.chk .chk-box { overflow: visible; }
.slide-agree-wrap p.chk .chk-box .form-txt { font-weight: 700; }
.slide-agree-wrap.active p.chk { border: none; }
.slide-agree-wrap p button { width: 24px; height: 24px; margin: 0 0 0 auto; background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat right center; }
.slide-agree-wrap.active p button { transform: rotateX(180deg); }
.slide-agree-wrap p.agree-tit { display: flex; height: 30px; margin: 24px 0 0 0; }
.slide-agree-wrap p.agree-tit .txt-tit-black { padding-top: 4px; }
.slide-agree-wrap div { padding: 6px 0 3px 0; }
.slide-agree-con { margin-bottom: 10px; padding: 16px !important; max-height: 200px; overflow: auto; border: 1px solid #eee; }
.slide-agree-wrap + p.noti { line-height: 18px; color: #888; padding: 0 16px 8px; }

/* 마이페이지 - 1:1문의 작성완료  */
.counsele-finish-cont { position: absolute; left: 0; top: 50%; margin: -136px 0 0; width: 100%; width: 100%; }
.counsele-finish-cont .finish-tit { padding: 143px 0 0; display: block; text-align: center; width: 100%; font-family: 'NotoSerif', serif; font-size: 22px; line-height: 32px; font-weight: 300; background: url(../images/mypage/illust-end-qna.png) no-repeat center top; background-size: 128px; }

/* 마이페이지 - 알림함 */
.alerm-select-bx { padding: 16px 16px 8px; }
.alerm-slide-lst .slide-list-faq .slide-list-btn { position: relative; padding: 20px 50px 20px 49px; background: none; }
.alerm-slide-lst .slide-list-faq .slide-list-btn .ico-alerm { position: absolute; left: 16px; top: 18px; display: block; width: 24px; height: 24px; }
.alerm-slide-lst .a-txt-bx { padding: 24px 38px 24px 16px; background: #f9f9f9; }
.alerm-slide-lst .slide-list-faq .slide-list-btn:before { display: none; }

/* 마이페이지 - 상품 리뷰 */
.notice-write-bx.review{padding:16px 20px; text-align: left; background: #f9f9f9;}
.notice-write-bx.review .txt-desc-gray{ display: block; padding-bottom:6px;}
.notice-write-bx.review .lst-txt-type01{ margin-top: 7px; }
.notice-write-bx.review .lst-txt-type01 li{ font-size: 13px; }
.notice-write-bx.review .lst-txt-type01 li + li{ margin-top: 3px;}
.notice-write-bx.review .lst-txt-type01 .space-0{ font-size: 14px; letter-spacing: 0;}
.review-lst-cont .empty-txt-wrap { position: absolute; top: 45%; left: 0; margin-top: 0; max-width: 484px;}
.review-lst-cont .empty-txt-wrap .empty-desc{ margin-top: 8px; }
.prod-details-list.review .pricing-banner-wrap { position: relative; margin-bottom: 0; }
.prod-details-list.review .pricing-banner-wrap .pricing-banner { padding: 0 16px; text-align: center; height: 36px; line-height: 36px; background: #fff; color: #000; border: 1px solid #eee; border-radius: 4px; }
.prod-details-list.review .pricing-banner-wrap .pricing-banner:disabled { background: #f9f9f9; color: #888; border:none;}
.prod-details-list.review .pricing-banner-wrap .pricing-banner::after {content: none;}
.prod-details-list.review .pricing-banner-wrap .review-day{display: inline-block; position: absolute; top:-9px; right: 24px; padding:0 5px 0 6px; background: #0FD6F7; font-size: 12px; line-height: 18px; color: #fff; border-radius: 9px; letter-spacing: 0;}
.prod-details-list.count-list > ul > li { border-bottom: 1px #eee solid; }
.prod-details-list.count-list > ul > li .prdt-info { width: 100% !important; }
.prod-details-list.count-list > ul > li .bank-cont { position: absolute; right: 0; bottom: 0; }
.prod-details-list > ul > li { border-bottom: 10px #f5f5f5 solid; padding: 24px 0; }
.prod-details-list > ul > li .cart-disable-mask { position: relative; padding-right: 16px; padding-left: 16px; }
.prod-details-list > ul > li .label-area2 { position: absolute; left: 4px; top: 4px; width: 44px; z-index: 10; }
.prod-details-list > ul > li .label-area2 i { vertical-align: top; }
.prod-details-list > ul > li a { position: relative; display: inline-block; width: 100%; }
.prod-details-list .pricing-banner-wrap.sty2 { margin-bottom: 0; padding: 12px 16px 0; }
.prod-details-list .pricing-banner-wrap.sty2 .pricing-banner { padding: 0 16px; height: 32px; line-height: 32px; text-align: center; cursor:default }
.prod-details-list .pricing-banner-wrap.sty2 .pricing-banner:after { display: none; }
.prod-details-list .pricing-banner-wrap.sty2 + .my-tab-btn { padding-top: 20px !important; }

/* 상품 리스트내에 a 태그 관련 셀렉터 삭제 */
.prod-details-list > ul > li .prdt-item { min-height: 72px; position: relative; }
.prod-details-list > ul > li .prdt-item:after { content: ""; display: block; clear: both; }
.prod-details-list > ul > li .prdt-item .prdt-thumb { position: relative; float: left; width: 72px; height: 72px; margin-bottom: 0; }
.prod-details-list > ul > li .prdt-item .prdt-thumb img { display: block; border-radius: 4px; width: 72px; height: 72px; }
.prod-details-list > ul > li .prdt-item .prdt-info { float: left; width: calc(100% - 72px); padding-left: 10px; position: relative; }
.prod-details-list > ul > li .prdt-item .prdt-info .label-area3 { display: flex; margin-bottom: 2px; height: 18px; }
.prod-details-list > ul > li .prdt-item .prdt-info .label-area3 .date-txt { width: auto; margin: 0 0 0 8px; line-height: 18px; }
.prod-details-list > ul > li .prdt-item .prdt-info .label-area3 span { color: #888; padding-left: 8px; }
.prod-details-list > ul > li .prdt-item .prdt-info .label-area3 .cont-area { margin-left: auto; font-size: 12px; color: #000; height: 18px; line-height: 18px; }
.prod-details-list > ul > li .prdt-item .prdt-info .label-area3 .cont-area .count { color: #d0ab7d; font-weight: 700; }
.prod-details-list > ul > li .prdt-item .prdt-info .cont-area span { line-height: 18px; color: #000; }
.prod-details-list > ul > li .prdt-item .prdt-info .cont-area span em { color: #d0ab7d; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-gift-info { padding-top: 6px; font-size: 14px; line-height: 22px; color: #888; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-gift-info span:first-child { color: #000; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-gift-info span:nth-child(2) { position: relative; padding-left: 14px; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-gift-info span:nth-child(2):before { content: ''; position: absolute; top: 7px; left: 7px; width: 2px; height: 2px; background: #ccc; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-name { width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-name em { display: inline-block; max-width: calc(100% - 50px); vertical-align: middle; margin-right: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-name span { vertical-align: middle; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-price { padding-top: 6px; line-height: 24px; font-weight: 700; font-size: 14px; color: #000; }
.prod-details-list > ul > li .prdt-item .prdt-info .prdt-price em { margin-right: 2px; font-weight: 700; font-size: 17px; font-family: "Roboto", sans-serif; vertical-align: baseline; letter-spacing: 0; }
.prdt-date { letter-spacing: 0; }
.prod-details-list > ul > li .prdt-item .prdt-info .prd-return-info .prdt-name { text-overflow: inherit; white-space: inherit; }
.prod-details-list > ul > li .prdt-item .prdt-info .prd-return-info .prd-tit-bx { display: inline-block; position: relative; padding: 0 31px 0 0; max-width: 100%; }
.prod-details-list > ul > li .prdt-item .prdt-info .prd-return-info .prd-tit { display: inline-block; max-width: 100%; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prod-details-list > ul > li .prdt-item .prdt-info .prd-return-info .prd-txt-bx { position: absolute; right: 0; top: 0; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; }
.prod-details-list .cart-disable-mask .btn-rounds-w { position: absolute; right: 16px; bottom: 0; z-index: 5; }
.prod-details-list .write-review-lst .cart-disable-mask.disabled .prdt-thumb:before { position: absolute; left: 0; top: 0; z-index: 1; content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); }
.prod-details-list .write-review-lst .prdt-item .prdt-info { padding-top: 4px; }
.prod-details-list .write-review-lst .prdt-item { padding: 0 0 10px; }
.prod-details-list .write-review-lst .prdt-item .prdt-name { padding-bottom: 6px; }
.prod-details-list .write-review-lst .prdt-item .prdt-date {color:#888}
.prod-details-list .write-review-lst .pricing-banner-wrap { padding-left: 16px; padding-right: 16px; }
.prod-details-list.reg-prd-lst > ul > li .prdt-item .prdt-info .prd-return-info .prdt-name { margin-bottom: 0; }
.prod-details-list .my-tab-btn { display: flex; padding: 24px 12px 0; }
.prod-details-list .my-tab-btn li { padding: 0 4px; }
.prod-details-list .list-sort-wrap { border-bottom: 1px solid #eee; }
.prod-details-list .list-sort-wrap + ul .flex-center-box { border-bottom: 0; }
.prod-details-list .list-sort-wrap + ul .empty-txt-wrap,
.prod-details-list .empty-txt-wrap.bg-none{display: flex; justify-content: center; align-items: center; padding-top: 0; min-height: calc((var(--vh, 1vh) * 100) + -220px); background: none;}
 
/* 재주문 팝업 임시 */
.reorder-sheet-bx { max-height: 526px; overflow: hidden; overflow-y: auto; }
.fixed-action-sheet[data-expanded=true] .reorder-sheet-bx { max-height: 100%; }
.reorder-sheet-bx h2 { padding: 10px 16px 4px 16px; font-size: 18px; font-weight: 700; color: #000; }
.reorder-sheet-bx .title-desc { font-size: 12px; color: #888; padding: 0 16px}
.reorder-sheet-bx .cart-disable-mask .chk-box { position: absolute; top: 4px; left: 4px; }
.reorder-sheet-bx .cart-disable-mask .button-cart-wrap { bottom: -8px; }
.reorder-sheet-bx > div { padding-bottom: 54px; padding-bottom: calc(var(ios-safe-bottom) + 54px); }
.reorder-sheet-bx .view-list-type3 { margin-top: 16px; }
.reorder-sheet-bx .view-list-type3 > li > .cart-disable-mask { padding-bottom: 30px; }
.reorder-sheet-bx .view-list-type3 > li  .label-area { left: 16px;}
.reorder-sheet-bx .view-list-type3 > li  .prdt-info { padding-top: 4px; }
.reorder-sheet-bx .view-list-type3 > li  .prdt-info .prdt-name { padding-bottom: 2px; font-size: 14px; color: #000; }
.reorder-sheet-bx .view-list-type3 > li  .prdt-info .prdt-etc { font-size: 12px; color: #666; }
.reorder-sheet-bx .view-list-type3 > li  .prdt-info .prdt-etc span { letter-spacing: 0; }
.reorder-sheet-bx .view-list-type3 > li  .prdt-info .prdt-etc span + span { display: inline-block; position: relative; padding-left: 14px;}
.reorder-sheet-bx .view-list-type3 > li  .prdt-info .prdt-etc span + span::before { content: ''; position: absolute; top: 6px; left: 6px; width: 2px; height: 2px; background: #ccc; border-radius: 50%; }
.reorder-sheet-bx .view-list-type3 > li > .cart-disable-mask.disabled .prdt-name{ color: #ddd; }
.reorder-sheet-bx .view-list-type3 > li > .cart-disable-mask.disabled.stop .prdt-thumb { opacity: 0.2; }
.reorder-sheet-bx .view-list-type3 .btn-count, .view-list-type3 .btn-alarm {right: 16px; bottom: 20px; }

.rev-area { position: relative; padding: 18px 10px 16px 78px; border-bottom: 10px #f5f5f5 solid; }
.rev-area:after { content: ""; display: block; clear: both; }
.rev-area .rev-icon { position: absolute; left: 16px; top: 50%; margin: -24px 0 0; width: 48px; }
.rev-area .rev-icon img.ico-review { display: block; width: 48px; height: 48px; }
.rev-area .rev-icon .txt { position: absolute; right: 0; top: 0; width: 15px; height: 15px; line-height: 16px; text-indent: 0; background: #000; border-radius: 10000px; content: ""; z-index: 1; color: #fff; font-size: 10px; text-align: center; }
.rev-area .rev-txt-area { float: left; }
.rev-area .rev-txt-area .rev-top-tit { display: block; padding: 0 0 2px; font-size: 16px; color: #000; line-height: 20px; font-weight: 400; }
.rev-area .rev-txt-area .rev-top-tit .count { font-size: 17px; }
.rev-area .rev-txt-area .rev-top-txt { font-size: 12px; line-height: 17px; color: #666; }
.rev-area .rev-txt-area p i { vertical-align: -2px; line-height: 22px; display: inline-block; margin-right: 4px; }
.rev-area-bar { border-bottom: 1px #eee solid; }
.rev-area-list { border-top: 1px solid #eee; }
.rev-area-list .rev-lst > li { border-bottom: 10px #f5f5f5 solid; }
.rev-area-list .rev-lst .rev-closed-cont, .rev-area-list .rev-lst .rev-best-cont { overflow: hidden; width: 100%; padding: 12px 16px; border-bottom: 1px solid #eee; }
.rev-area-list .rev-lst .rev-closed-cont .ico-closed-review, .rev-area-list .rev-lst .rev-best-cont .ico-best-review { display: block; float: right; width: 24px; height: 24px; }
.rev-area-list .rev-lst .rev-best-cont .rev-best-tit { display: block; float: left; height: 24px; line-height: 24px; font-size: 14px; color: #ff448b; font-weight: 700; }
.rev-area-list .rev-lst .rev-closed-cont .rev-closed-tit { display: block; float: left; height: 24px; line-height: 24px; font-size: 12px; color: #888; font-weight: 700; }
.rev-area-list .rev-lst-cont { padding: 24px 16px; width: 100%; position:relative}
.rev-area-list .rev-lst-cont .rev-title-area .rev-prd-tit { display: block; width:calc(100% - 60px); font-weight: 400; font-size: 16px; line-height: 26px; color: #000; padding-bottom: 2px; }
.rev-area-list .rev-lst-cont .rev-title-area .rev-date-txt { padding: 2px 0 0; display: block; overflow: hidden; width: 100%; }
.rev-area-list .rev-lst-cont .rev-title-area .rev-date-txt * { vertical-align: top; }
.rev-area-list .rev-lst-cont .rev-title-area .rev-date-txt .date { display: block; float: left; font-size: 12px; height: 17px; line-height: 18px; letter-spacing: 0; }
.rev-area-list .rev-lst-cont .rev-title-area .rev-date-txt .label-bx { position: relative; padding: 0 0 0 16px; display: block; float: left; }
.rev-area-list .rev-lst-cont .rev-title-area .rev-date-txt .label-bx:before { position: absolute; left: 7px; top: 9px; width: 2px; height: 2px; background: #d8d8d8; content: ""; }
.rev-area-list .rev-lst-cont .rev-tex { padding: 13px 0; font-size: 14px; line-height: 22px; color: #666; }
.rev-area-list .rev-lst-cont .rev-notice-txt { font-weight:700; padding: 13px 0 0;line-height: 18px;}
.rev-area-list .rev-lst-cont .product-review-block { padding: 0 0 18px; }
.rev-area-list .rev-lst-cont .product-review-block .review-evaluation-wrap { padding: 0; }
.rev-area-list .rev-lst-cont .detail-visual-objArea { padding-top: 14px; }
.rev-area-list .rev-lst-cont .detail-visual-objArea .img-box * { vertical-align: top; }
.rev-area-list .rev-lst-cont .detail-visual-objArea .img-box { position: relative; }
.rev-area-list .rev-lst-cont .detail-visual-objArea .img-box img { display: block; width: 100%; border-radius: 4px; }
.rev-area-list .rev-lst-cont .detail-visual-objArea .img-box button { display: block; position: absolute; right: 12px; bottom: 18px; padding: 0 0 2px; width: 40px; font-size: 14px; border-radius: 12px; color: #fff; background: rgba(0, 0, 0, 0.3); }
.rev-area-list .rev-lst-cont .detail-visual-objArea .img-box .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.rev-area-list .rev-lst-cont .btn-modify{position:absolute; top:50px; right:16px;  display:inline-block;  border-radius: 14px;  border:1px solid #eee;}
.rev-area-list .rev-lst-cont .btn-modify span{display:inline-block;font-size:14px; color:#000; padding:0 14px; height:28px; line-height:28px}
.rev-area-list .rev-lst-cont .btn-modify.disable{background:#f5f5f5; border-color: #f5f5f5}
.rev-area-list .rev-lst-cont .btn-modify.disable span{color:#ddd}
.rev-area-list .rev-lst-cont .rev-reply-manager{padding:24px 0 16px}
.rev-area-list .rev-lst-cont .rev-reply-manager .box-gray-bg{padding:16px}
.rev-area-list .rev-lst-cont .evaluation-table{display: flex; padding-bottom: 10px;}
.rev-area-list .rev-lst-cont .evaluation-table li + li{margin-left: 1px;}
.rev-area-list .rev-lst-cont .evaluation-table img{width: 16px; height:16px;}
.mypage-review-slide { margin: 0 -16px; padding: 19px 0 0; }
.mypage-review-slide .center-small-slide .swiper-wrapper { margin: 0 0 0 -23px; }
.mypage-review-slide .center-small-slide li { margin-bottom: 0; }
.mypage-review-slide .center-small-slide .prdt-thumb { margin-bottom: 0; }
.mypage-review-slide .center-small-slide:before { position: absolute; left: 0; top: 0; z-index: 5; width: 16px; height: 100%; background: #fff; content: ""; }
.review-no-date { position: relative; height: calc(100vh - 95px); }

/** 마이페이지 - 고객센터 */
.faq-type-info { overflow: hidden; margin: 14px 0 16px; position: relative; padding: 0 10px 0 63px; width: 100%; height: 48px; }
.faq-type-info .prd-img { position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 10000px; }
.faq-type-info .faq-type-txt { display: table; text-align: left; height: 48px; }
.faq-type-info .faq-type-txt .txt-bx { display: table-cell; vertical-align: middle; }
.faq-type-info .faq-type-txt .txt-bx .type { display: block; font-weight: 700; font-size: 12px; color: #d0ab7d; line-height: 18px; }
.faq-type-info .faq-type-txt .txt-bx .prd-tit { padding: 4px 0 0; font-weight: 400; font-size: 14px; color: #000; line-height: 17px; display: inline-block; max-width: calc(100vw - 96px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.faq-type-info .faq-type-txt .txt-bx .prd-tit.multi { max-width: calc(100vw - 96px - 48px); }
.faq-type-info .faq-type-txt .txt-bx .extra { display: inline-block; padding-top: 4px; font-weight: 400; font-size: 14px; color: #000; line-height: 17px; vertical-align: top; }

/* 마이페이지 - 알림설정 */
.vision-info-cont { overflow: hidden; padding: 0 16px; width: 100%; height: 54px; border-bottom: 1px solid #eee; }
.vision-info-cont .version-tit { display: block; float: left; height: 54px; line-height: 53px; text-align: left; font-size: 16px; color: #000; font-weight: 400; }
.vision-info-cont .version-tit .version-info { display: inline-block; padding: 0 0 0 5px; font-size: 15px; letter-spacing: 0; }
.vision-info-cont .version-rgt-txt { display: block; float: right; height: 54px; line-height: 53px; text-align: right; font-size: 14px; color: #888; }
.vision-info-cont > a { position: relative; display: inline-block; margin-right: -6px; float: right; padding-right: 32px; }
.vision-info-cont > a:after { position: absolute; top: 50%; right: 0; margin-top: -12px; display: block; content: ""; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_right_24.svg) no-repeat; background-size: 24px; }

/* 마이페이지 - 취소 교환 반품내역 */
.retraction-no-date { height: calc(100vh - 50px); }

/* 마이페이지 - 결제 */
.select-lst-area { border-bottom: 10px #f5f5f5 solid; padding: 20px 16px; position: relative; width: 100%; }
.select-lst-area ul { position: relative; width: 100%; }
.select-lst-area ul:after { content: ""; display: block; clear: both; }
.select-lst-area ul li { float: left; }
.select-lst-area ul li:first-child:nth-last-child(1) { width: 100%; }
.select-lst-area ul li:first-child:nth-last-child(2), .select-lst-area ul li:first-child:nth-last-child(2) ~ li { width: 50%; }
.select-lst-area ul li:first-child:nth-last-child(3), .select-lst-area ul li:first-child:nth-last-child(3) ~ li { width: 33.3333%; }
.select-lst-area ul li:first-child:nth-last-child(4), .select-lst-area ul li:first-child:nth-last-child(4) ~ li { width: 25%; }
.select-lst-area ul li:first-child button { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.select-lst-area ul li:last-child button { border-right: 1px #eee solid; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.select-lst-area ul li.active { margin-right: -1px; position: relative; z-index: 1; }
.select-lst-area ul li.active button { background: #dbb98f; border: 1px #dbb98f solid; color: #fff; }
.select-lst-area ul li button { font-size: 14px; line-height: 39px; color: #888; width: 100%; background-color: #fff; border: 1px #eee solid; border-right: none; }
.select-lst-area2 { padding: 16px 16px 14px; }
.select-lst-area2 > ul { position: relative; display: flex; justify-content: space-between; width: 100%; }
.select-lst-area2 > ul > li { padding: 0 4px; width: 25%; }
.select-lst-area2 > ul > li > button { width: 100%; font-size: 14px; line-height: 36px; color: #000; border: 1px solid #eee; border-radius: 4px; }
.select-lst-area2 > ul > li:first-child { padding-left: 0; }
.select-lst-area2 > ul > li:last-child { padding-right: 0; }
.select-lst-area2 > ul > li.active button { color: #0fd6f7; }
.term-set-grid { display: flex; justify-content: space-between; }
.term-set-grid > li { padding-right: 4px; padding-left: 4px; }
.term-set-grid > li:nth-child(1) { width: 26%; padding-left: 0; }
.term-set-grid > li:nth-child(2) { width: 21%; }
.term-set-grid > li:nth-child(3) { width: 4%; padding-right: 0; padding-left: 0; }
.term-set-grid > li:nth-child(4) { width: 26%; }
.term-set-grid > li:nth-child(5) { width: 21%; padding-right: 0; }
.term-set-grid > li .grid-tit { margin-top: 2px; margin-bottom: 8px; display: inline-block; font-size: 14px; height: 22px; line-height: 22px; color: #000; }
.term-set-grid > li .grid-gubun { display: inline-block; width: 100%; font-size: 14px; line-height: 48px; text-align: center; }
.term-set-grid .select-actionseet-wrap.grid-type1 { padding-right: 0 !important; padding-left: 0 !important; }

/* 마이페이지 실시간 채팅 버튼 */
iframe#launcher { bottom: 0px !important; margin-right: 16px !important; margin-bottom: 16px !important; }

body.tab-show iframe#launcher { bottom: 54px !important; }

/* 마이페이지 - 이벤트 */
.evnet-lst-cont .empty-txt-wrap { position: absolute; top: 50%; left: 0; margin-top: -97px; }
.evnet-lst-cont .prod-details-list.event > ul > li { border-bottom: 1px #eee solid; }
.evnet-lst-cont .prod-details-list.event > ul > li:last-child { border-bottom: none; }
.evnet-lst-cont .prod-details-list.event > ul > li .prdt-item .prdt-info .label-area3 { margin-top: 0; }
.evnet-lst-cont .prod-details-list.event > ul > li .prdt-item .prdt-info .prdt-cate{ margin-bottom: 2px; }
.evnet-lst-cont .prod-details-list.event > ul > li .prdt-item .prdt-info .prdt-name { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; }
.evnet-lst-cont .prod-details-list.event > ul > li .prdt-item .prdt-info .prdt-date { display: inline-block; padding-top: 6px; font-size: 12px; line-height: 22px; letter-spacing: 0; color: #888; }
.evnet-lst-cont .prod-details-list.event .pricing-banner-wrap { margin-bottom: 0; }
.evnet-lst-cont .prod-details-list.event .pricing-banner-wrap .pricing-banner { height: 32px; line-height: 32px; padding: 0 15px; }
.evnet-lst-cont .prod-details-list.event .txt-dot-desc {color:#666}
.evnet-lst-cont .prod-details-list.event .disabled .prdt-thumb{opacity: .2}
.evnet-lst-cont .prod-details-list.event .disabled .prdt-name,
.evnet-lst-cont .prod-details-list.event .disabled .txt-dot-desc{color:#888 !important;}
.evnet-lst-cont .prod-details-list.event .disabled .prdt-date,
.evnet-lst-cont .prod-details-list.event .disabled .prdt-cate{color:#aaa !important;}
.evnet-lst-cont .prod-details-list.event-cate > ul  { margin-bottom: 8px; }
.evnet-lst-cont .prod-details-list.event-cate > ul > li { border-bottom: 0; padding: 0 0 16px 0; }
.evnet-lst-cont .prod-details-list.event-cate > ul > li .prdt-item .prdt-info .prdt-name { font-size: 16px; line-height: 26px;}
.evnet-lst-cont .my-event.border-lst-type > .border-lst:last-child { border-bottom: 10px solid #f5f5f5; }
.evnet-lst-cont .my-event .myevt-item { padding: 24px 0 20px; }
.evnet-lst-cont .my-event .myevt-item .label-area3 { margin-bottom: 8px; height: 18px; }
.evnet-lst-cont .my-event .myevt-item .label-area3 > i { float: left; margin-right: 4px; }
.evnet-lst-cont .my-event .myevt-item .prdt-info { position: relative; }
.evnet-lst-cont .my-event .myevt-item .prdt-info .prdt-name { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; }
.evnet-lst-cont .my-event .myevt-item .prdt-info .prdt-date { display: inline-block; padding-top: 7px; font-size: 15px; line-height: 22px; letter-spacing: 0; color: #888; }
.evnet-lst-cont .my-event .myevt-item .prdt-info .prdt-count { position: absolute; bottom: 0; right: 0; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.8px; color: #666; }
.evnet-lst-cont .my-event .myevt-item .prdt-info .prdt-count span { font-weight: 700; }
.evnet-lst-cont .my-event .myevt-item .btns { padding-top: 16px; display: flex; justify-content: space-between; }
.evnet-lst-cont .my-event .myevt-item .btns > button, .evnet-lst-cont .my-event .myevt-item .btns > a { width: calc(33.33% - 4px); }

/* mypage e ================================================= */
/* ---------------------------------------------------------- */
/* ========================================================== */
/*                                                            */
/* file		: gift                                      	  */
/*                                                            */
/* ========================================================== */
/* ---------------------------------------------------------- */
/* gift s =================================================== */
.order-payment.gift .prd-info-acord .summary { padding: 28px 50px 28px 76px; }
.order-payment.gift .prd-info-acord .summary:before { top: 26px; }
.order-payment.gift .detail ul, .order-payment.gift .detail ul > li:first-child { padding-top: 0; }
.order-payment.gift .txt-tit-black2 { display: flex; padding-bottom: 14px; }
.order-payment.gift .txt-tit-black2.message{display:block; padding-bottom: 0;}
.order-payment.gift .txt-tit-black2 label { font-weight: inherit; }
.order-payment.gift .txt-tit-black2 > .txt-sub{display: block; padding: 14px 0 20px; font-size: 14px; line-height: 22px; color:#666; font-weight: 400;}
.order-payment.gift .txt-sty6{padding:23px 0 10px;}
.order-payment.gift .txt-sty6.phone,
.order-payment.gift .txt-sty6.m-popup{display: flex; justify-content: space-between; padding-top: 0;}
.order-payment.gift .txt-sty6.m-popup > button{font-size: 14px; line-height: 22px; text-decoration: underline; font-weight: 400; color:#888;}
.order-payment.gift .btn-import-contact { margin-left: auto; margin-top:-2px;  background: #fff; padding:2px 14px 4px; line-height: 22px;}
.order-payment.gift .shipping-address{padding-bottom: 24px;}
.order-payment.gift .shipping-address .box-gray-bg { border-radius: 4px; }
.order-payment.gift .shipping-address .box-gray-bg .toggle-rd { margin-bottom: 14px; }
.order-payment.gift .shipping-address .box-gray-bg .toggle-rd-con { margin-top: 10px; }
.order-payment.gift .shipping-address .box-gray-bg .dot-gray-ul { margin-top: 14px; color: #666; }
.order-payment.gift .shipping-address .box-gray-bg + .txt-sty5 { margin-top: 20px; }
.order-payment.gift .shipping-address .box-gray-bg.phone {margin-top: 16px;}
.order-payment.gift .shipping-address .txt-area {height: 94px; }
.order-payment.gift .shipping-address .txt-area textarea { height: 100%; }
.order-payment.gift .guide-txt-block { border-bottom: 10px solid #f5f5f5; }
.order-payment.gift .guide-txt-block .txt-sty6 { margin-top: 20px; padding:0;}
.order-payment.gift.card .intro-box{ padding: 20px 16px; background: url(../images/bg/illust-gift-door.png) no-repeat center right; background-size: 128px; }
.order-payment.gift.card .intro-box h2{ color: #000; font-size: 22px; font-family: "NotoSerif", serif; font-weight: 300; line-height: 32px;}
.order-payment.gift.card .intro-box h3{ margin-top: 8px; color: #333; font-size: 14px; font-weight: 300; line-height: 22px;}
.order-payment.gift.card .input-wrap{ background: #f9f9f9; padding: 20px 16px 16px 16px; border-radius: 4px;}
.order-payment.gift.card .noti strong{ display: block; margin-bottom: 6px; font-size: 14px; line-height: 22px; color: #000; font-weight: 300;}
.order-payment.gift.card .shipping-address {border: 0;}
.order-payment.gift .know-address {padding: 20px 16px 20px; border-bottom: 10px solid #f5f5f5;}
.order-payment.gift .know-address .form-txt{ color: #666; }
.order-payment.gift .know-address-form { display: none; margin-top:25px;}
.order-payment.gift .know-address-form.opened { display: block; }
.order-payment.gift .know-address-form .delivery-add-block{background-color: #f9f9f9; border-radius: 4px; }
.order-payment.gift .know-address-form .delivery-add-block .input-ul-wrap > li{ padding-bottom: 20px; }
.order-payment.gift .know-address-form .dot-gray-ul{ margin-top: -14px; padding: 0 16px 20px 16px;}
.order-payment.gift > p.noti{padding:14px 16px 24px;}

/*order 선물메시지 팝업*/
.modal-wrap.gift .modal-layer .box-gray-bg{height: 324px; padding:32px 44px 0; background: url(../images/order/gift-popup.png) no-repeat center bottom/ 211px 292px #f5f5f5;}
.modal-wrap.gift .icon-header-close{top:20px; right:16px;}
.modal-wrap.gift .alrt_txt{padding: 0 0 24px; border-radius: 0 0 10px 10px;}
.modal-wrap.gift .alrt_txt > p:first-child{padding-bottom: 20px;}
.modal-wrap.gift .alrt_txt > strong{display:block; padding:24px 0 10px; color:#000;}
.modal-wrap.gift .modal-sty1{padding:26px 0 0 0;}
.modal-wrap.gift .modal-sty1 .scr_txt{max-height:calc(95vh - 60px - 26px); max-height: calc((var(--vh, 1vh) * 95) - 60px - 26px);}

.msg-request-bx { position: relative; padding: 10px 0 4px 0; }
.msg-request-bx .input-msg-request { position: relative; height: 48px; width: 100%; background: #fff; }
.msg-request-bx .input-msg-request .input-type1 { position: relative; padding: 0 38px 0 0; }
.msg-request-bx .input-msg-request .input-type1:before { position: absolute; right: 10px; top: 50%; margin: -12px 0 0; display: block; width: 24px; height: 24px; background: #fff url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat; content: ""; }
.msg-request-bx .input-msg-request .input-toggle-bx { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; }
.msg-request-bx .input-msg-request .input-toggle-bx .input-form:disabled { color: inherit; background: #fff; }
.msg-request-bx .input-msg-request .input-toggle-bx input::placeholder{color:#000;}
.msg-request-bx .msg-request-toggle { display: none; position: absolute; left: 0; top: 53px; margin-bottom: 70px; padding: 8px 0; width: 100%; background: #fff; border: 1px solid #888; border-radius: 4px; z-index: 6; }
.msg-request-bx .msg-request-toggle .msg-request-lst .btn-toggle { display: block; padding: 7px 35px 7px 16px; width: 100%; min-height: 22px; text-align: left; line-height: 22px; font-size: 14px; color: #000; background: #fff; }
.msg-request-bx .msg-request-toggle .msg-request-lst li { position: relative; }
.msg-request-bx .msg-request-toggle .msg-request-lst li:last-child .btn-toggle { padding: 7px 35px 7px 16px; border-radius: 0 0 4px 4px; }
.msg-request-bx .msg-request-toggle .msg-request-lst li:first-child .btn-toggle { padding: 7px 35px 7px 16px; border-radius: 4px 4px 0 0; }
.msg-request-bx .msg-request-toggle .msg-request-lst .user-txt { height: 36px; }
.msg-request-bx .msg-request-toggle .btn-toggle-delete { display: block; position: absolute; top: 7px; right: 9px; width: 24px; height: 24px; font-size: 0; background: url(../images/button/Icon_Button_List_delete.svg) no-repeat; z-index: 1; }
.msg-request-bx.active .input-msg-request .input-type1 { border: 1px solid #888; }
.msg-request-bx.active .input-msg-request .input-type1:before { background: #fff url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat; }
.msg-request-bx.active .msg-request-toggle { display: block; }
.order-payment-done.gift .order-your-info { margin-bottom: 0; }
.order-payment-done.gift .order-your-info dd span { display: inline-block; width: calc(100% - 120px); }
.order-payment-done.gift .order-your-info.child { border-top: 0; margin-bottom: 24px; }
#send-address-layer{display: none;}
#send-address-layer.opened{display: block; position: fixed; top: 0; height: 100%; width: 100%; max-width: 486px; background: #fff; z-index: 100;}
#send-address-layer.opened .order-payment{ padding-top: 50px; padding-top: calc(var(--ios-safe-top) + 50px); height: 100%; overflow-y: auto;}
.event-items-list { padding-bottom: 54px; border-bottom: 10px solid #f5f5f5; }
.border-lst-type2 + .event-items-list {margin-top:-60px;}
.event-items-list .group-left-copy:first-child { padding-top: 60px; }
.event-items-list .group-left-copy { padding: 72px 24px 0; text-align: left; }
.event-items-list .group-left-copy .group-head-copy { font-size: 14px; line-height: 20px; color: #000; position: relative; display: inline-block; margin-bottom: 17px; font-weight: 700; }
.event-items-list .group-left-copy .group-head-copy:after { content: ""; position: absolute; left: -1px; bottom: -2px; right: -1px; height: 2px; background: #000; }
.event-items-list .group-left-copy .group-sub-copy { font-size: 22px; line-height: 34px; color: #000; margin-bottom: 18px; font-family: 'NotoSerif', serif; font-weight: 300; }
.event-items-list .view-list-type8 .prdt-name { margin-bottom: 4px; }
.event-detail-wrap .evt-tit-bx { padding: 10px 16px 14px; }
.event-detail-wrap .evt-tit-bx .evt-name { margin-bottom: 6px; }
.event-detail-wrap .article-contents { margin:0; }
.event-detail-wrap .view-like-text{padding:30px 16px 0}
.event-detail-wrap .view-like-btn{padding:14px 16px 24px;}
.event-detail-wrap .vote-wrap{border-bottom:10px solid #f5f5f5;}
.event-detail-wrap .vote-wrap .btn-wrap{padding:0 16px 40px;}
.event-detail-wrap .vote-box{margin:0 16px 16px; padding:25px 24px 0 24px; background: #f9f9f9; border-radius: 10px;}
.event-detail-wrap .vote-box h4{font-size: 16px; line-height: 24px; color:#000;}
.event-detail-wrap .vote-box ul{padding:10px 0 12px; width:100%;}
.event-detail-wrap .vote-box ul li .chk-box{padding:16px 0 12px; width:100%;}
.event-detail-wrap .vote-box ul li input{margin-right:12px;}
.event-detail-wrap .vote-box ul li span{font-size: 14px; color:#000;}
.event-detail-wrap .vote-box ul li + li{border-top:1px solid #eee;}
#layer-full-page.vote .container{padding:24px 16px 0;}
#layer-full-page.vote .info-txt{padding-bottom:24px; font-size: 24px; line-height: 34px; letter-spacing: -0.3px; color:#000; font-family: 'NotoSerif',serif;}
#layer-full-page.vote .event-info{font-size: 12px; line-height: 18px; color:#888;}
#layer-full-page.vote .vote-result{margin:16px 0 0; padding:32px 24px 42px; border:1px solid #eee; border-radius: 4px;}
#layer-full-page.vote .vote-result li + li{padding-top: 32px;}
#layer-full-page.vote .vote-result .vote-type{display: flex; justify-content: space-between; align-items: flex-start;}
#layer-full-page.vote .vote-result .vote-type .type{ display: block; width:70%; font-size: 16px; line-height: 26px; color:#000;}
#layer-full-page.vote .vote-result .vote-type .vote-num{font-size: 12px; line-height: 18px; color:#888;}
#layer-full-page.vote .vote-result .vote-type .vote-percent{padding-left:6px; font-size: 15px; line-height: 22px; color:#000; font-weight: 500;}
#layer-full-page.vote .vote-result .vote-info em{letter-spacing: 0;}
#layer-full-page.vote .vote-result .bar-wrap{position: relative; margin-top:8px; overflow: hidden; background:#f9f9f9; height: 16px; border-radius: 4px;}
#layer-full-page.vote .vote-result .bar-wrap .bar{position: absolute; left:0; top:0; bottom:0; background: #ddd; border-radius: 4px 0 0 4px;}
#layer-full-page.vote .vote-result .bar-wrap .bar.pick{background: #DBB98F;}
#layer-full-page.vote .pm-code{position: relative; margin:40px 0; padding:40px 24px 32px; text-align: center; background: #ebfcff; border-radius: 4px;}  
#layer-full-page.vote .pm-code .input-txt:focus{border:1px solid #eee;}  
#layer-full-page.vote .pm-code.done::after{content:""; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(90, 94, 105, 0.85); border-radius: 4px;}   
#layer-full-page.vote .pm-code.done .end-msg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  z-index: 1;  width:100%; font-size: 17px; font-weight: 700; color:#fff; }    
#layer-full-page.vote .pm-code.done .end-msg .num{letter-spacing: 0;}    
#layer-full-page.vote .pm-code.done .txt-wrap .sub-t{padding-bottom: 16px;}    
#layer-full-page.vote .pm-code .txt-wrap .main-t{font-size: 18px; line-height: 28px; color:#000;}  
#layer-full-page.vote .pm-code .txt-wrap .sub-t{padding: 12px 0 32px; font-size: 14px; line-height: 22px; color:#666;}  
#layer-full-page.vote .pm-code .txt-wrap .sub-t a{text-decoration: underline; color:#888;}  
#layer-full-page.vote .pm-code .btn-wrap{padding:8px 0 20px;}  
#layer-full-page.vote .pm-code .sub2-t{color:#888;}  


/* 선물하기 안내 팝업 */
.notice_cart_gift .notice_con01{position:relative; padding:51px 0 219px; color:#fff; text-align:center; background:#89a8d9 url(../images/bg/bg_cart_gift_guide01.png) 100% 100% no-repeat; background-size:100% auto }
.notice_cart_gift .notice_con01 strong, .notice_cart_gift .notice_con01 span{display:block; font-size:16px;}
.notice_cart_gift .notice_con01 strong{line-height: 1.5; font-weight: 700;}
.notice_cart_gift .notice_con01 p{margin-top:26px; font-size:26px; font-family: NotoSerif; font-weight: 300; line-height: 1.38; letter-spacing: -0.3px}
.notice_cart_gift .notice_con01 span{margin-top:20px; opacity: .8; line-height: 1.63}
.notice_cart_gift .notice_con01 .img_box{position:absolute; bottom:-16px; left:calc(50% - 123px); width:256px; height:196px; background: url(../images/bg/bg_cart_gift_guide02.png) 0 0 no-repeat; background-size:256px 196px}
.notice_cart_gift .notice_con01 .icon_hart{position:absolute; display:inline-block; background-position: 0 0 ; background-repeat:no-repeat; background-size: 100%;}
.notice_cart_gift .notice_con01 .icon_hart.type01{ width:11px; height:10px; left:67px; top:-15px; background-image:url('../images/bg/icon_heart1.svg'); animation: action_hart01 4s ease-out 2s infinite;}
.notice_cart_gift .notice_con01 .icon_hart.type02{ width:10px; height:9px; left:100px; top:-33px; background-image:url('../images/bg/icon_heart2.svg'); animation: action_hart02 4s ease-out 2s infinite;}
.notice_cart_gift .notice_con01 .icon_hart.type03{ width:12px; height:9px; left:168px; top:-20px; background-image:url('../images/bg/icon_heart3.svg'); animation: action_hart03 4s ease-out 2s infinite;}


/* 회원가입안내 - 랜딩페이지 */
.sign-up-guide-wrap img {width: 100%;}
.sign-up-guide-wrap .title-box {position: relative;}
.sign-up-guide-wrap .title-box p {position: absolute; top: 20%; left: 10%; font-size: 24px; line-height: 34px; color: #fff; font-family: "NotoSerif",serif;}
.sign-up-guide-wrap .title-box h1 {position: absolute; bottom: 15%; left: 10%; width: 45px;}
.sign-up-guide-wrap .section {padding: 50px 24px; text-align: center;}
.sign-up-guide-wrap .section.gray {background-color: #f9f9f9;}
.sign-up-guide-wrap .section img {max-width: 380px;}
.sign-up-guide-wrap .section > div + div {margin-top: 50px;}
.sign-up-guide-wrap .section .title {padding-bottom: 20px; font-size: 20px; line-height: 30px; font-weight: 600; color: #000;}
.sign-up-guide-wrap .section .sub-title {padding-bottom: 30px; font-size: 16px; line-height: 24px; color: #838383;}
.sign-up-guide-wrap .section .disc {padding-top: 14px; font-size: 16px; line-height: 24px; color: #333;}
.sign-up-guide-wrap .section .disc + .disc {padding-top: 4px;}
.sign-up-guide-wrap .section .disc span {color: #0fd6f7;}
.sign-up-guide-wrap .section .sub-disc {margin-top: 10px; color: #888; font-size: 14px; line-height: 22px;}
.sign-up-guide-wrap .notice-box {padding: 33px 24px; background-color: #f9f9f9;}
.sign-up-guide-wrap .notice-box p { padding-bottom: 10px; font-size: 16px; color: #000; font-weight: 600;}
.sign-up-guide-wrap .notice-box li { position: relative; margin-bottom: 5px; padding-left: 8px; font-size: 14px; line-height: 22px; }
.sign-up-guide-wrap .notice-box li::before { content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #666; }

/* 캐시카드안내 - 랜딩페이지 */
.cash-card-guide-wrap img {width: 100%;}
.cash-card-guide-wrap .title-box {width: 100%; height: 170px; padding: 30px 19px 28px 30px; background: #f2fdff url('../images/landing/cash_card_guide/bg_top_banner_v2.png') no-repeat right 19px bottom 28px; background-size: 146px 90px; font-weight: 500;}
.cash-card-guide-wrap .title-box p {font-size: 22px; line-height: 32px; color: #000; letter-spacing: -1px;}
.cash-card-guide-wrap .content-box .title {padding-top: 50px; font-size: 20px; font-weight: 700; color: #000; text-align: center;}
.cash-card-guide-wrap .gray {background-color: #f9f9f9;}
.cash-card-guide-wrap .section {text-align: center;}
.cash-card-guide-wrap .section img {max-width: 380px; margin: 10px 0;}
.cash-card-guide-wrap .step-box { padding: 50px 16px; border-bottom: 1px solid #eee;}
.cash-card-guide-wrap .step-box:first-child {padding-bottom: 30px; border:none;}
.cash-card-guide-wrap .step-box .font-black{ color: #000;}
.cash-card-guide-wrap .step-box .step-title { font-size: 18px; line-height: 28px; color: #000; }
.cash-card-guide-wrap .step-box .step-title span { display: block; font-size: 15px; font-weight: 700; letter-spacing: 0; padding-bottom: 2px;}
.cash-card-guide-wrap .step-box .desc { font-size: 14px; line-height: 22px; color: #888;}
.cash-card-guide-wrap .step-box .desc.type1 { color: #000;}
.cash-card-guide-wrap .step-box .desc a { color: #0fd6f7; text-decoration: underline;}
.cash-card-guide-wrap .step-box .desc + .desc { margin-top: 10px; }
.cash-card-guide-wrap .app-down-wrap{ padding: 30px 49px;}
.cash-card-guide-wrap .app-down-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 263px; margin: 0 auto;}
.cash-card-guide-wrap .app-down-box a{ display: block; width: 263px;}
.cash-card-guide-wrap .app-down-box a.app1{ width: 135px; margin-bottom: 20px;}
.cash-card-guide-wrap .app-down-box a.app2{ width: 120px; margin-bottom: 20px;}
.cash-card-guide-wrap .app-down-box a.web{ height: 48px; background-color: #fff; border: 1px solid #666; border-radius: 4px; font-size: 14px; color: #000; line-height: 48px; text-align: center;}
.cash-card-guide-wrap .app-down-box a img{ margin: 0;}
.cash-card-guide-wrap .step-box a.go-employee{ display: block; max-width: 328px; height: 48px; line-height: 48px; margin: 30px auto 15px auto; text-align: center; background-color: #333; color: #fff; font-size: 16px; font-weight: 500; border-radius: 4px;}
.cash-card-guide-wrap .step-box p.noti{ max-width: 328px; padding: 10px; line-height: 22px; margin: 8px auto 20px auto; text-align: center;  color: #ff4644; font-size: 14px; border-radius: 4px;}
.cash-card-guide-wrap .notice-box {padding: 32px 24px 40px;}
.cash-card-guide-wrap .notice-box p { padding-bottom: 10px; font-size: 16px; color: #000; font-weight: 700; letter-spacing: -1px;}
.cash-card-guide-wrap .notice-box li { position: relative; margin-bottom: 5px; padding-left: 8px; font-size: 14px; line-height: 22px; color: #666; }
.cash-card-guide-wrap .notice-box li a{ color: #0fd6f7; text-decoration: underline;}
.cash-card-guide-wrap .notice-box li::before { content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #666; }

/*캐시 상품권 관리*/
.cash-cards-box{padding:0; font-family: 'NotoSans';}
.cash-cards-box .card > h3{text-align:center; position:relative; z-index: 1; padding:32px 0 0; font-size:16px; color:#333; font-weight: normal;}
.cash-cards-box .card{position: relative;}
.cash-cards-box .card:before{content:""; display:block; position: absolute; left:0; right:0; top:0; height:178px; background:#e5fbff; }
.cash-cards-box .cash-cardnumber{display:flex; justify-content: center;width:100%; position:absolute; left:50%; transform: translateX(-50%); bottom:-30px; color:#333; line-height: 18px;}
.cash-cards-box .cash-cardnumber span{padding-left:8px; font-size:13px; line-height: 18px; font-family: 'Roboto'; letter-spacing: 0;}
.cash-cards-box .swiper-slide{padding:20px 0 0;}
.cash-cards-box .paging.swiper-pagination-fraction{padding-top:27px;}
.cash-cards-box .pay-way-card{background:#fff; border:1px solid #eee;}
.cash-cards-box .pay-slider .num{padding: 12px 0 8px;}
.cash-cards-box .pay-slider .num span{color:#aaa; text-align: center; font-size: 13px; font-family: 'Roboto';}
.cash-cards-box .cash-cardtxt{position: absolute; top: 32px; left:50%; transform: translateX(-50%); width:100%; text-align: center; line-height: 22px; color:#000;}
.cash-cards-box .cash-cardtxt h4{font-size: 14px; font-weight: normal;}
.cash-cards-box .cash-cardtxt p{padding-top:4px; font-size: 26px; line-height: 22px; font-family: 'Roboto'; font-weight: 700;}
.cash-cards-box .cash-cardtxt p:before{content: ""; display:inline-block; margin-right: 4px; vertical-align: -7px; width:32px; height:32px; background: url(../images/mypage/cash-icon.svg) no-repeat left center;}
.cash-cards-box .cash-cardtxt p > span {padding-left:2px; font-size: 20px; line-height: 24px; letter-spacing: 0; font-family: 'NotoSans';}
.cash-cards-box .pay-slider .add-payment{background: #fff; border:1px dashed #eee;}
.cash-info-box{padding:24px; background: #f9f9f9;}
.cash-info-box{font-family: 'NotoSans';}
.cash-info-box h4{font-size: 16px; color:#000; font-weight: normal;}
.cash-info-box p{padding:8px 0 16px; color:#666; line-height: 22px; font-size: 14px;}
.cash-info-box button{width:100%; padding: 7px 16px; background: #fff; color:#000; line-height: 22px; border:1px solid #eee; border-radius: 4px; font-family: 'NotoSans'; font-size: 14px;}
.cash-card-list{ padding-bottom: var(--ios-safe-bottom);}
.cash-card-list a{font-family: 'NotoSans';}
.cash-cards-box .pay-slider .paging.swiper-pagination-fraction{font-family: 'Roboto'; font-weight: 300;}
.cash-cards-box .pay-slider .paging .swiper-pagination-current{ font-weight: 700;}

/*캐시상품권 사용안내가이드 풀 모달*/
.cash-use-info .cash-modal{position:relative; height:140px; margin-bottom: 48px; background: #effbfe; }
.cash-use-info .cash-modal:before{content: ""; display: block; position:absolute; right:0; bottom:0; width:119px; height:68px; background: url(../images/mypage/cash-modal-info_v4.png) no-repeat right bottom / 119px 68px;}
.cash-use-info .cash-modal h2{text-align: left; padding:20px 16px 52px; font-size: 24px; line-height: 34px; letter-spacing: -0.3px; color:#000; font-family: 'NotoSerif'; font-weight: normal;}
.cash-use-info .cash-step{text-align: center; padding:0 16px;}
.cash-use-info .cash-step + .cash-step{padding-top:56px;}
.cash-use-info .cash-step > span{font-size: 15px; font-weight: 700; color:#000; line-height: 22px;}
.cash-use-info .cash-step > span:after{content: ""; display: block; margin: 0 auto; width: 49px; height: 2px; background: #000;}
.cash-use-info .cash-step > p{padding:14px 0 20px; font-size: 22px; line-height: 34px; letter-spacing: -0.3px; font-family: 'NotoSerif'; font-weight: normal; color:#000;}
.cash-use-info .steps{position:relative; width:100%; height:240px; padding: 0 16px; background: #f9f9f9;}
.cash-use-info .steps:before{content: ""; display: block; position: absolute; left:50%; bottom:0; transform:translateX(-50%); width:328px; height: 240px;}
.cash-use-info .step1:before{background: url(../images/mypage/cash-use-step01_v2.png) no-repeat left center / 328px 240px;}
.cash-use-info .step2:before{background: url(../images/mypage/cash-use-step02.png) no-repeat left center / 328px 240px;}
.cash-use-info .step3:before{background: url(../images/mypage/cash-use-step03_v3.png) no-repeat left center / 328px 240px;}
.cash-use-info .use-step > p{padding-top:24px; font-size: 14px; line-height: 22px; font-family: 'NotoSans';}
.cash-use-info .use-step > span{display: block; padding-top:16px; font-size: 12px; line-height: 18px; color:#aaa;}
.cash-use-info .event_wrap{padding:48px 0 24px; padding-bottom: calc(var(--ios-safe-bottom) + 24px);}
.ios .cash-use-info .event_wrap{padding:48px 0 75px;}
.cash-use-info .event_wrap .event_notice{padding:20px 16px 0;}
.cash-use-info .event_wrap:before{content:""; display: block; width:100%; height:10px; background: #f5f5f5;}
.cash-use-info .event_wrap .event_notice ul{padding-top:14px;}
.cash-use-info .event_wrap .event_notice li + li{margin-top: 8px;}

/*캐시상품권 사용안내페이지*/
.cash-card-info{padding-bottom:32px; font-family: 'NotoSans';}
.cash-card-info .cash-info-title{padding:20px 16px 0;}
.cash-card-info .cash-info-title > h3{font-size: 20px; line-height: 30px; color:#000; font-weight: normal;}
.cash-card-info .cash-info-title > p{padding-top:14px; font-size: 14px; line-height: 22px; color:#666;}
.cash-card-info .delivery-guide-block + .delivery-guide-block{margin-top:28px;}
.cash-card-info .delivery-guide-block .block-tit{padding-bottom:6px; font-size: 14px; line-height: 20px;}

/*현금출금신청*/
.cash-withdraw-wrap{font-family: 'NotoSans';}
.cash-withdraw-wrap .tab-btns-wrap li .tab-btn-sty2{color:#888;}
.cash-withdraw-wrap .tab-btns-wrap li.on .tab-btn-sty2{color:#000;}
.cash-withdraw .cash-apply{width:100%; padding:42px 0 33px; background: #f9f9f9; text-align: center;}
.cash-withdraw .cash-apply > h3{padding-bottom:5px; font-size: 16px; line-height: 26px; color:#000; font-weight: normal;}
.cash-withdraw .cash-apply p > span{margin-right:3px; font-size: 24px; font-family: 'Roboto'; letter-spacing: 0;}
.cash-withdraw .cash-apply p{font-size: 18px; margin-left: 1px; font-weight: 700; font-family: 'NotoSans'; color:#000; }
.cash-withdraw .cash-apply p:before{content: ""; display:inline-block; margin-right: 2px; vertical-align: -4px; width:24px; height:24px; background: url(../images/mypage/icon-cash_v2.svg) no-repeat left center;}
.cash-withdraw .block-tit-pd{padding: 32px 16px 20px;}
.cash-withdraw .selected-input::placeholder{color:#ccc;}
.cash-withdraw .txt-sty2{color:#000;}
.cash-withdraw .chk-box{padding: 32px 16px 20px;}
.cash-withdraw .form-txt{color:#666;}
.cash-withdraw .form-txt > em{color:#000; font-weight: 700;}
.cash-withdraw .notice-box{padding:20px 16px 24px;}
.cash-withdraw .notice-box > .title{padding-bottom:14px; font-size: 16px; line-height: 26px; color:#000;}
.cash-withdraw .notice-box li{color:#666; margin: 0;}
.cash-withdraw .notice-box li + li{margin-top:8px;}

/*현금출금 신청내역*/
.apply-list-wrap{font-family: 'NotoSans';}
.apply-list-wrap .tab-btns-wrap li .tab-btn-sty2{color:#888;}
.apply-list-wrap .tab-btns-wrap li.on .tab-btn-sty2{color:#000;}
.apply-list-wrap .apply-list .notice-box{padding:20px 20px; background: #f9f9f9;}
.apply-list-wrap .apply-list .notice-box > h3{font-size: 14px; line-height: 20px;}
.apply-list-wrap .apply-list .notice-box li{font-size: 12px; line-height: 18px;}
.apply-list-wrap .apply-list .notice-box li + li{margin-top:3px;}
.apply-list-wrap .apply-list .apply-cont:after{content: ""; display: block; width:100%; height:10px; background: #f5f5f5;}
.apply-list-wrap .apply-list .apply-type{padding:24px 16px;}
.apply-list-wrap .apply-list .apply-type > p{font-size: 12px; line-height:18px; color:#333;}
.apply-list-wrap .apply-list .apply-type > p:before{content:"";  display: inline-block; margin-right:5px; vertical-align: middle; width:48px; height: 18px; background: url(../images/mypage/icon-status-apply.svg) no-repeat left center;}
.apply-list-wrap .apply-list .apply-type.apply-type2 > p:before{background: url(../images/mypage/icon-status-apply02.svg) no-repeat left center;}
.apply-list-wrap .apply-list .apply-type.apply-type3 > p:before{background: url(../images/mypage/icon-status-apply03.svg) no-repeat left center;}
.apply-list-wrap .apply-list .apply-type.apply-type4 > p:before{background: url(../images/mypage/icon-status-apply04.svg) no-repeat left center;}
.apply-list-wrap .apply-list .apply-type p > span{padding-right:2px; font-family:'Roboto';}
.apply-list-wrap .apply-list .apply-type .apply-txt{display:flex; justify-content: space-between; padding:9px 0 16px; color:#000;}
.apply-list-wrap .apply-list .apply-txt{font-size: 14px; line-height: 22px;}
.apply-list-wrap .apply-list .apply-txt span{font-size: 14px; line-height: 20px;}
.apply-list-wrap .apply-list .apply-txt em{margin-right:1px; font-size: 17px; line-height: 24px; font-family:'Roboto'; font-weight: 700;}
.apply-list-wrap .apply-list .apply-btns{display:flex; justify-content: space-between;}
.apply-list-wrap .apply-list .apply-btn{flex:1;  height:33px; text-align:center; line-height:33px; border:1px solid #eee; box-sizing: border-box; border-radius: 4px; font-size:14px; color:#000;}
.apply-list-wrap .apply-list .apply-btn + .apply-btn{margin-left:8px;}
.apply-list-wrap .apply-list .apply-btn > em{font-size: 15px; font-family:'Roboto';}
.apply-list-wrap .apply-list .apply-type3 .apply-txt span{color:#aaa;}
.apply-list-wrap .apply-list .apply-type2 .apply-btn.disabled,
.apply-list-wrap .apply-list .apply-type3 .apply-btn.disabled,
.apply-list-wrap .apply-list .apply-type4 .apply-btn.disabled{background: #f5f5f5; color:#dddddd; border:none;}

/*소득공제신청*/
.tax-apply-wrap{font-family: 'NotoSans';}
.tax-apply-wrap .tab-btns-wrap li .tab-btn-sty2{color:#888;}
.tax-apply-wrap .tab-btns-wrap li.on .tab-btn-sty2{color:#000;}
.tax-apply-wrap .tax-apply .input-list-wrap,
.tax-apply-wrap .tax-apply .tax-seet-wrap{padding:0;}
.tax-apply-wrap .tax-apply-txt{padding:43px 16px 32px; position: relative; width:100%; height:134px; background: #f9f9f9; box-sizing: border-box;}
.tax-apply-wrap .tax-apply-txt .tax-pay{position: absolute; left:16px; top:43px;}
.tax-apply-wrap .tax-apply-txt .tax-pay h3{font-size: 14px; color:#000; font-weight: 400;}
.tax-apply-wrap .tax-apply-txt .tax-pay p{font-size: 24px; font-weight: 700; color:#000;}
.tax-apply-wrap .tax-apply-txt .tax-pay span{font-size: 30px; line-height: 30px; font-family:'Roboto';}
.tax-apply-wrap .tax-apply-txt button{position: absolute; right:16px; top:50%; transform: translateY(-50%); width:110px; height: 48px; font-size: 14px; border:1px solid #666; background:#fff; color:#000; border-radius:4px; box-sizing:border-box; cursor: pointer;}
.tax-apply-wrap .btm-bold-border{padding:0 16px 32px;}
.tax-apply-wrap .block-tit{padding:25px 0 20px;}
.tax-apply-wrap .form-box > input{margin-top: 10px;} /*퍼블파일용*/
.tax-apply-wrap .form-box .input-txt{margin-top: 10px;} 
.tax-apply-wrap .tax-apply .grid-type1{padding:0; margin-top:4px; color:#000;}
.tax-apply-wrap .tax-apply .chk-box.tax{margin:32px 0 20px; letter-spacing: -0.8px; font-family: 'NotoSans';}
.tax-apply-wrap .tax-apply .chk-box.tax strong{font-family: 'Roboto'; font-weight: 700; color:#000;}
.tax-apply-wrap .tax-apply .chk-box.tax .form-txt{line-height: 22px; display: inline;}
.tax-apply-wrap .cash-withdraw .notice-box{padding-bottom: 32px;}

/*소득공제Tab 풀레이어 팝업*/
.tax-layer-header{padding:8px 16px 0; border-bottom: 10px solid #f5f5f5;}
.tax-layer-header .layer-pay{display: flex; justify-content: space-between; width:100%; padding: 26px 16px 25px; background:#f5f5f5;}
.tax-layer-header .layer-pay > span{font-size: 14px; color:#666; font-family: 'NotoSans';}
.tax-layer-header .layer-pay p{font-size: 16px; color:#000; font-weight: 600; font-family: 'NotoSans';}
.tax-layer-header .layer-pay p em{font-size: 19px; line-height: 24px; font-weight: 700; margin-right:1px; font-family: 'Roboto';}
.tax-layer-header > p{padding:10px 0 24px; font-size: 12px; line-height: 18px; color:#888; font-family: 'NotoSans';}
.tax-layer .tax-layer-list{padding-bottom: 54px;}
.tax-layer .tax-layer-list li{display: flex; justify-content: space-between; padding:18px 16px; border-bottom:1px solid #eee;}
.tax-layer .tax-layer-list .tax-status{display: flex;}
.tax-layer .tax-layer-list .tax-status input{margin:3px 8px 0 0; vertical-align: top;}
.tax-layer .tax-layer-list .form-txt{padding:0; height:auto;}
.tax-layer .tax-layer-list .form-txt p{font-size: 14px; line-height:22px; font-weight: 700; color:#000;}
.tax-layer .tax-layer-list .form-txt p.title{font-family: 'NotoSans';}
.tax-layer .tax-layer-list .form-txt .tax-num{font-weight: normal;}
.tax-layer .tax-layer-list .form-txt span{display: block; margin-top: -1px; font-size: 12px; line-height: 18px; color:#888;}
.tax-layer .tax-layer-list .cash-area{text-align: right;}
.tax-layer .tax-layer-list .cash-area p{font-size: 17px; font-weight: 700; color:#0fd6f7; line-height: 24px; letter-spacing: 0;}
.tax-layer .tax-layer-list li.type2 .cash-area p{color:#ff4644;}
.tax-layer .tax-layer-list .cash-area em{font-size: 12px; line-height:18px; color:#888; font-family: 'NotoSans';}
#layer-full-page .container .btn-type1{font-family: 'NotoSans';}

/*소득공제Tab 신청내역*/
.tax-apply-cont .apply-type{color:#333;}
.tax-apply-cont .apply-type > p span{margin-right: 3px;}
.tax-apply-cont .apply-num{display: flex; justify-content: space-between;}
.tax-apply-cont .apply-num{color:#000; margin-top:6px;}
.tax-apply-cont .apply-num > div{font-size: 16px; color:#000; line-height: 26px;}
.tax-apply-cont .apply-num > p{font-size: 14px; color:#000; line-height: 24px; font-weight: 700; }
.tax-apply-cont .apply-num > p em{margin-right: 1px; font-size: 17px; font-family: 'Roboto'; letter-spacing: 0;}
.tax-apply-cont .apply-type.apply-type4 .apply-num.cancel > p{color:#aaa;}

/*검색결과없음*/
.search-lst-empty .cash-empty-txt{padding: 128px 0 0;}
.cash-lst-empty .cash-empty-sub{text-align: center;}
.search-lst-empty .cash-empty-sub{text-align: center; margin-bottom: 56px;}
.cash-lst-empty .cash-empty-sub > span,
.search-lst-empty .cash-empty-sub > span{display: block; margin-bottom: 2px; font-size: 13px; letter-spacing: -0.74px; color:#aaa;}
.cash-lst-empty .cash-empty-sub > a,
.search-lst-empty .cash-empty-sub > a{font-size: 13px; letter-spacing: -0.74px; color:#888; text-decoration: underline;}
.cash-lst-empty .cash-empty-sub > a:after,
.search-lst-empty .cash-empty-sub > a:after{content: ""; display: inline-block; width:16px; height:16px; vertical-align: text-top; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat center / 16px;}

/*프로모션 박스*/
.promotion-bg{background: #f9f9f9;}
.promotion-wrap{padding:24px 24px 0 24px; background:#f9f9f9;}
.promotion-wrap .coupon-wrap .coupon{overflow: hidden;}
.promotion-wrap .coupon-wrap .coupon + .coupon{margin-top:16px;}
.promotion-wrap .coupon-wrap .coupon-txt::before,
.promotion-wrap .coupon-wrap .coupon-txt::after{content: ""; display: block; position: absolute; left:-8px; bottom: -23px; width: 16px; height: 16px; background: #f9f9f9; border:1px solid #ccc; border-radius: 100%; box-sizing: border-box;}
.promotion-wrap .coupon-wrap .coupon-txt::after{left:initial; right:-8px;}
.promotion-wrap .coupon-wrap .coupon-content{background: #fff; border:1px solid #ccc; border-radius: 4px;}
.promotion-wrap .coupon-wrap .coupon-txt{position: relative; padding:25px 24px 0;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-tit{font-size: 16px; color:#000;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-tit .remain-num{letter-spacing: 0;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-quantity{padding-top: 6px; font-size: 13px; color:#666;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-quantity .num{letter-spacing: 0;}
.promotion-wrap .coupon-wrap .coupon-txt .date-wrap{padding-top: 6px;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-date{display: inline-block; padding-right:8px; font-size: 13px; font-weight: 700; color:#d0ab7d;}
.promotion-wrap .coupon-wrap .coupon-txt .coupon-date.period{color:#0fd6f7;}
.promotion-wrap .coupon-wrap .coupon-txt .date{color:#aaa; letter-spacing: 0;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms::before{content: ""; display: block; margin-bottom: 16px; width: 100%; height: 1px; background: #eee;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms::after{content: ""; display: inline-block; position: absolute; right: 21px; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_down_24_gray.svg) no-repeat center /100%; vertical-align: middle;}
.promotion-wrap .coupon-wrap .coupon .coupon-content.on .coupon-terms::after{content: ""; display: inline-block; position: absolute; right: 21px; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_up_24_gray.svg) no-repeat center /100%; vertical-align: middle;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms{position:relative; padding:14px 24px 18px; width: 100%; text-align: left; font-size: 12px; color:#000;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms.on::after{background: url(../images/button/Icon_Button_Arrow_up_24_gray.svg);}
.promotion-wrap .coupon-wrap .coupon-content.on .coupon-info{display: block;}
.promotion-wrap .coupon-wrap .coupon .coupon-info{display: none; padding:16px 20px 18px 24px; background: #f5f5f5; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.promotion-wrap .coupon-wrap .coupon .coupon-info li{margin-top: 0; font-size: 12px; line-height: 18px;} 
.promotion-wrap .coupon-wrap .coupon .coupon-info li + li{padding-top: 4px; font-size: 12px; line-height: 18px; color:#888;} 
#layer-full-page .pm-register{position:relative; padding:16px 16px 0 16px;} 
#layer-full-page .pm-register .register-case .input-top-src{padding:0;} 
#layer-full-page .pm-register .register-case .input-txt-sty1 input{line-height:20px;} 
#layer-full-page .pm-register .register-case .input-txt-sty1.error{position: relative; border:1px solid #ff4644;} 
#layer-full-page .pm-register .register-case .input-txt-sty1.success{position: relative;} 
#layer-full-page .pm-register .register-case .input-txt-sty1.error .btn-srh-delete,
#layer-full-page .pm-register .register-case .input-txt-sty1.success .btn-srh-delete{right:46px;} 
#layer-full-page .pm-register .register-case .input-top-src .btn-srh-delete{right: 12px;} 
#layer-full-page .pm-register .register-case .input-txt-error{display: block; padding-top:4px;} 
#layer-full-page .pm-register .btn-type3{margin-top: 12px;} 
.key-inputing #layer-full-page .pm-register .notice-box{position:static; padding-top:32px;}
#layer-full-page .pm-register .notice-box{position: absolute; left:16px; right:16px; bottom: 24px; bottom: calc(var(--ios-safe-bottom) + 24px);} 
#layer-full-page .pm-register .notice-box .title{padding-bottom: 10px; font-size: 16px; color:#000;} 
#layer-full-page .pm-register .notice-box li{margin-top: 0;} 
#layer-full-page .pm-register .notice-box li + li{margin-top: 4px;} 

.promotion-wrap .coupon-wrap .coupon .coupon-terms-div::before{content: ""; display: block; margin-bottom: 16px; width: 100%; height: 1px; background: #eee;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms-div::after{content: ""; display: inline-block; position: absolute; right: 21px; width: 24px; height: 24px;  vertical-align: middle;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms-div{position:relative; padding:14px 24px 18px; width: 100%; text-align: left; font-size: 12px; color:#000;}
.promotion-wrap .coupon-wrap .coupon .coupon-terms-div.on::after{background: url(../images/button/Icon_Button_Arrow_up_24_gray.svg);}
.

/*프로모션 코드 없음*/
.promotion-wrap.none{padding:0; background:#fff;}
.promotion-wrap.none .cash-lst-empty{position: absolute; top: 35%; transform: translateY(-35%); height:initial; width: 100%; text-align: center;}
.promotion-wrap.none .cash-lst-empty .sub-txt{padding-bottom: 4px; font-size: 13px; line-height: 22px; letter-spacing: -0.74px; color:#aaa;}
.promotion-wrap.none .cash-lst-empty .agree-sms{font-size: 13px; color:#888; text-decoration: underline;}
.promotion-wrap.none .cash-lst-empty .agree-sms:after{content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_right_16.svg) no-repeat right center / 16px; vertical-align: -4px; }

@keyframes action_hart01{
    from { left:67px; top:20px; opacity: 0; }
    25% { left:75px; top:5px; opacity: .7; }
    55% { left:67px; top:-8px; opacity: 1 ;}
    75% { left:73px; top:-20px; opacity: .2;}
    90% { left:67px; top:-33px; opacity: 0;}
    to { left:72px; top:-33px; opacity: 0;}
}
@keyframes action_hart02{
    from { left:100px; top:10px ; opacity: 0; transform: rotate(0deg)}
    20% { left:110px; top:-5px; opacity: .5; transform: rotate(10deg)}
    45% { left:100px; top:-15px; opacity: 1 ; transform: rotate(-10deg)}
    65% { left:107px; top:-20px; opacity: .3 ; transform: rotate(5deg)}
    90% { left:112px; top:-30px; opacity: 0; transform: rotate(0deg)}
    to { left:115px; top:-30px; opacity: 0; transform: rotate(0deg)}
}
@keyframes action_hart03{
    from { left:168px; top:15px; opacity: 0; transform: rotate(0deg)}
    23% { left:158px; top:0px; opacity: .5; transform: rotate(-15deg)}
    58% { left:170px; top:-15px; opacity: 1 ; transform: rotate(10deg)}
    68% { left:165px; top:-20px; opacity: .3 ; transform: rotate(5deg)}
    87% { left:160px; top:-30px; opacity: 0; transform: rotate(-10deg)}
    to { left:160px; top:-30px; opacity: 0; transform: rotate(0deg)}
}
.notice_cart_gift .notice_con02{padding:60px 24px 40px; text-align: center}
.notice_cart_gift .notice_con02 > strong{display:block; font-size: 16px; line-height: 1.63; color:#211004; font-weight: 400}
.notice_cart_gift .gift_screen_box{margin-top:32px;}
.notice_cart_gift .gift_screen_box p{margin-top:16px; font-size:14px; color:#615953; line-height:1.57;}
.notice_cart_gift .gift_screen{background:#fff6e7; border-radius: 4px; height:220px; position:relative; overflow:hidden}
.notice_cart_gift .gift_screen:before{content: ''; display:block; position:absolute; bottom:-2px; left:calc(50% - 77px); width:154px; height:200px; background-color:#d8d8d8; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.16); overflow: hidden}
.notice_cart_gift .gift_screen.img01:before{background-image: url('../images/common/img_screenshopt1.png');}
.notice_cart_gift .gift_screen.img02:before{background-image: url('../images/common/img_screenshopt2.png');}
.notice_cart_gift .gift_screen.img01.active:before{animation: action_screen01 2s ease-in-out 1s 2 alternate; }
.notice_cart_gift .gift_screen.img02.active:before{animation: action_screen02 5s ease-in-out 1s 2 alternate; }

@keyframes action_screen01 {
    from { background-position:0 0; }
    70% { background-position:0 100%; }
    to { background-position:0 100%; }
}

@keyframes action_screen02 {
    from { background-position:0 0; }
    25% { background-position:0 33%; }
    50% { background-position:0 66%; }
    75% { background-position:0 100%; }
    to { background-position:0 100%; }
}
/* gift e =================================================== */

/* 배송비정책분리/새벽배송](v4.0 ~) s =================================================== */

/***** 20210420 : 장바구니 변경(v4.0)  *****/
.wrapper.cart-default .header-wrap.line-none{box-shadow: none}
.wrapper.cart-default .header-wrap.line-none:after{display:none}
.wrapper.cart-default .action-sheet-scr.seet-prd-bx{margin-bottom:0; margin-bottom:var(--ios-safe-bottom); max-height:380px;}
.wrapper.cart-default .fixed-action-sheet[data-expanded=true] .action-sheet-scr.seet-prd-bx{max-height:100%; height:100%;}
.wrapper.cart-default .fixed-action-sheet[data-expanded=true] .cart-sheet-tab + .action-sheet-scr.seet-prd-bx{ max-height:100%; height:calc(100% - 54px);}
.wrapper.cart-default .fixed-action-sheet[data-expanded=true] .action-sheet-scr.seet-prd-bx .cart-sheet-list{height:100%}
.wrapper.cart-default .action-sheet-scr.seet-prd-bx .cart-sheet-list .view-list-type4 .prdt-price-serving{min-height:44px;}
.wrapper.cart-default .action-sheet-scr > .cart-sheet-list{height:100%}

.cart-add-bx.addr{transition:none; height:auto; padding-top: 16px;}
.cart-add-bx.addr .btn-cart-add{height:82px; display:flex;}
.cart-add-bx.addr .btn-cart-add .add-txt{font-size:22px; padding-top:20px; transition: none; margin-top:0}
.cart-add-bx.addr.src-srh .arrow-txt{font-size:22px; font-weight:300; line-height:32px; transition: none; font-family: 'NotoSerif'; margin-top:0 }

.cart-select-opt{display:flex; justify-content: space-between; align-items: center; margin:0; padding-bottom:12px; background:#fff; border-bottom:1px solid #ccc}
.cart-select-opt .select-box{display:flex; align-items: center}
.cart-select-opt .btns-box{position:relative; bottom:inherit; right:inherit}
.cart-select-opt .btn_del{border-left:1px solid #dfdfdf; display:flex; align-items:center; height:22px; padding-left:10px; margin-left:15px }
.cart-select-opt .btn_del button{display:flex; align-items: center; font-size:14px; color:#666}
.cart-select-opt .btn_del button:before{content:''; display:block; width:18px; height:20px; margin-right:2px; background:url('../images/button/icon-info-delete.png') 0 0 no-repeat; background-size:100%}
/* progress + 전체선택 영역일 경우 :  하단 라인 삭제 */
.cart-progress-wrap + .cart-select-opt{border-bottom:0}

.wrapper.cart-default .container{padding-bottom: 84px; padding-bottom: calc(var(--ios-safe-bottom) + 84px);}
.cart-list-items .cart-list{padding-top: 77px !important; border-top:10px solid #f5f5f5; position:relative}
.cart-list-items .item-head{padding:18px 16px 3px; width:100%; max-width: 484px; min-height: 77px; border-bottom:1px solid #eee; background:#fff;}
.cart-list-items .item-head-area{height:100%}
.cart-list-items .item-head-name{width:100%; position: relative; padding-bottom:11px}
.cart-list-items .item-head-name.disable label strong{color:#888}
.cart-list-items .item-head label{display:flex; align-items: start;}
.cart-list-items .item-head label span,
.cart-list-items .item-head label strong,
.cart-list-items .item-head label em{display:block; width:100%}
.cart-list-items .item-head label span{flex:1}
.cart-list-items .item-head label strong{width:calc(100% - 115px);font-size:16px; color:#000; line-height:1.5; font-weight:500; white-space: nowrap; text-overflow: ellipsis; overflow:hidden}
.cart-list-items .item-head .item-txt{font-size:12px; color:#888; line-height:1.5; padding: 2px 16px 0 0;}
.cart-list-items .item-head label input + span{padding-left:8px;}
.cart-list-items .item-head + .item-body .view-list-type3 > li:first-child{border-top:0}
.cart-list-items .item-head.on{position:absolute; top:0; z-index:2}
.cart-list-items .item-head.fix{position:fixed; left:50%; top:49px; transform: translateX(-50%); z-index:10; min-height:77px !important; max-height:122px !important; border-bottom:1px solid #ccc;}
.cart-list-items .item-head.fix:after{content: ''; position:absolute; bottom:-4px; left:0; display:block; width:100%; height:4px; background-image: linear-gradient(to bottom, rgba(89, 89, 89, 0.1), rgba(255, 255, 255, 0));}
.cart-list-items .item-head.fix.shadow-none:after{display:none}
.cart-list-items .item-head.off{height:77px !important;}
.cart-list-items .item-head.off .item-progress{display:none}
.cart-list-items .item-body + .item-body{ padding-top:0 !important;}
.cart-list-items .item-delivery{font-size:13px; line-height:1.38; color:#333; position:absolute; top:0; right:0}
.cart-list-items .item-delivery .icon-information-m{margin-left: 6px; }
.cart-list-items .item-delivery .delivery-date-popup2{right: 0; left:unset; top:26px;}
.cart-list-items .view-list-type3 > li{padding:20px 0; margin:0 16px;}
.cart-list-items .view-list-type3 > li a{ float:none; }
.cart-list-items .view-list-type3 .label-area2{ top:0; left:10px; text-align: center; }
.cart-list-items .view-list-type3 .label-area2 i{ width: 56px; }
.cart-list-items .view-list-type3 .btn-certify{ margin: 20px 0 0 34px; width: calc(100% - 34px); }
.cart-list-items .view-list-type3 .prdt-thumb{padding:0 14px 0 10px}
.cart-list-items .view-list-type3 .prdt-thumb img{width:56px; height:56px;}
.cart-list-items .view-list-type3 .prdt-head-copy{padding-top:1px;}
.cart-list-items .view-list-type3 .prdt-soldout{ font-size: 12px; line-height: 18px; color:#000;}
.cart-list-items .view-list-type3 .prdt-in-date{color:#f46100;}
.cart-list-items .view-list-type3 .prdt-limit{font-size:13px; color:#000;}
.cart-list-items .view-list-type3 .icon-list-delete{top:0; right:-6px}
.cart-list-items .view-list-type3 .prdt-price{margin-top:3px;}
.cart-list-items .view-list-type3 .view-list-type3 .prdt-idvd-sum{padding:5px 0}
.cart-list-items .stop-selling-notice{ margin: 20px 16px 0 36px; padding:5px 8px; text-align: center; height: auto; line-height: inherit; font-size: 14px; background:#f9f9f9; border-radius: 4px;}
.cart-list-items .view-list-type3 .btn-count,
.cart-list-items .view-list-type3 .btn-alarm{ bottom: 0; right:0}
.cart-list-items .view-list-type3 .cart-prdt-ex{margin:20px 0 0 56px; padding: 12px 12px 16px 12px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.13); border-radius: 4px;} 
.cart-list-items .view-list-type3 .cart-prdt-ex .prdt-thumb{padding-left:0}
.cart-list-items .view-list-type3 .cart-prdt-ex .prdt-head-copy{padding:2px 0 4px;}
.cart-list-items .view-list-type3 .cart-prdt-ex .prdt-price{margin:0;}
.cart-list-items .view-list-type3 .cart-prdt-ex .prdt-desc{ display: block; padding-top: 10px; line-height: 16px; }
.cart-list-items .item-body .item-free{ margin: 16px 16px 0; padding:0 20px 14px; background: #f9f9f9; border-radius: 4px; }
.cart-list-items .item-body .item-free .prdt-info{ width:calc(100% - 96px); }
.cart-list-items .item-body .item-free .prdt-thumb{ padding-left: 26px;}
.cart-list-items .item-body .item-free .free-item-desc{ margin-top:14px; padding-top:7px; text-align: center; font-size: 14px; line-height: 20px; border-top:1px solid #eee; }
.cart-list-items .item-body .delivery-info{ margin:0 16px; padding:10px 0; text-align: center; font-size: 14px;background: #f9f9f9; border-radius:4px; color:#000;}
.cart-list-items .item-body .delivery-info .desc{ display: block; padding-top: 2px; font-size: 13px; color:#888;}
.cart-list-items .item-body .view-list-type3 .delivery-info{ margin:20px 0 0; font-size: 13px; color:#666;}
.cart-list-items .item-body .view-list-type3 .delivery-info.free{ font-size: 14px; color:#333;}
.cart-list-items .item-body .delivery-info .fee{ display: block; padding-bottom: 2px; font-size: 14px; color:#65cac0; }
.cart-list-items .cart-disable-mask{margin-left:12px}
.cart-list-items .cart-disable-mask.disable:not(.cart-prdt-ex) .prdt-info *{ color:#ddd;}
.cart-list-items .item-free-wrap .cart-disable-mask.disable .prdt-in-date{ color: #f46100;}
.cart-list-items .item-free-wrap .cart-disable-mask.disable .prdt-limit{ color: #000;}
.cart-list-items .cart-disable-mask.disable.soldout .prdt-head-copy{ color:#000;}
.cart-list-items .cart-disable-mask.disable.soldout .prdt-price { color:#666;}
.cart-list-items .cart-disable-mask.disable.soldout .prdt-price .num-type3{ color:#666;}
.cart-list-items .cart-disable-mask.disable.soldout .prdt-get-date { color:#000;}
.cart-list-items .cart-disable-mask.disable.soldout .prdt-get-date span{ color: #d0ab7d;}
.cart-list-items .item-free .cart-disable-mask.disable .prdt-head-copy { color:#000;}
.cart-list-items .item-free .cart-disable-mask.disable.limit .prdt-head-copy{ color:#888;}
.cart-list-items .cart-disable-mask.cart-prdt-ex.disable .prdt-head-copy { color:#000;}
.cart-list-items .cart-disable-mask.cart-prdt-ex.free-soldout .prdt-head-copy { color:#888;}
.cart-list-items .cart-disable-mask.cart-prdt-ex.stop .prdt-head-copy { color:#888;}
.cart-list-items .cart-disable-mask.cart-prdt-ex.disable .prdt-price{ color:#ddd;}
.cart-list.no-add .item-total{padding:7px 16px; margin:0 16px 32px; background:#f9f9f9; border-radius: 4px;}
.cart-list.no-add .item-body{padding-bottom: 12px;}
.cart-list-items .item-total{padding:7px 16px; margin:0 16px; background:#f9f9f9; border-radius: 4px;}
.cart-list-items .item-total dl{padding:8px 0; display:flex; justify-content: space-between; align-items: center;}
.cart-list-items .item-total dl + dl{border-top:1px solid #eee;}
.cart-list-items .item-total dt,
.cart-list-items .item-total dd{display:inline-block; font-size:14px; line-height:22px; color:#333;}
.cart-list-items .item-total .total dt,
.cart-list-items .item-total .total dd{color:#000; font-weight:500;}
.cart-list-items .item-total .total dd strong{font-size:15px; font-weight: 500; letter-spacing: 0;}
.cart-list-items .item-total .etc{font-size:12px; line-height:22px; color:#999; position:relative; padding-left:14px; display:inline-block;}
.cart-list-items .item-total .etc:before{content: ''; position:absolute; left:6px; top:calc(50% - 1px); display:inline-block; width:2px; height:2px; background:#ccc;}
.cart-list-items .item-total .etc.blue{color:#0fd6f7;}
.cart-list-items .item-other-add{padding:16px 0 32px; text-align: center; }
.cart-list-items .item-other-add button{display:inline-block; font-size:14px; color:#666; line-height:22px; padding-right:18px;  background: url(../images/button/icon-button-arrow-right-gray.png) no-repeat 100% 50%; background-size:16px 16px}
.cart-list-items .price-info{border-top:10px solid #f5f5f5; color:#333;}
.cart-list-items .cart-total-sum{padding:16px 0 2px;  margin-top:15px; border-top:1px solid #eee; color:#000; }
.cart-list-items .cart-total-sum .num-type5{font-weight: 500; color: #000;}
.cart-list-items .cart-goods-sum .num{font-weight: 400;}
.cart-list-items + .btn-type17.cart{z-index:10;}
.cart-list-items .grid-type1{padding-bottom:0;}
.cart-prd-none{padding:12px 8px 141px; height:100%; background:url('../images/bg/illu-recommend-info.png') calc(100% - 16px) calc(100% - 50px) no-repeat; background-size:107px 76px;}
.cart-prd-none p{font-size:20px; line-height:1.4; color:#000; font-family: 'NotoSerif'; font-weight: 300; letter-spacing: -0.3px}
.cart-prd-none span{display:block; margin-top:12px; color:#aaa; font-size:14px; line-height: 1.57;}
.cart-recomm-wrapper{padding: 28px 0;}
.cart-recomm-wrapper .title{margin-bottom: 12px;}
.cart-recomm-wrapper .cart-slide-list{width:100px;}
.cart-recomm-wrapper .cart-slide-list .cart-disable-mask{margin-left: 0;}
.cart-recomm-wrapper .cart-slide-list .prdt-thumb{ margin-bottom: 4px; overflow: hidden; border-radius: 4px;}
.cart-recomm-wrapper .cart-slide-list .prdt-price-serving, .cart-slide-list .prdt-head-copy{ min-height: 42px;}
.cart-recomm-wrapper .cart-slide-list .prdt-head-copy{ margin-bottom: 10px; line-height: 1.5; }
.cart-recomm-wrapper .cart-slide-list .prdt-price{ font-size: 13px; font-weight: 700; color:#000; }
.cart-notice-wrapper{margin-top: 20px;}
.price-info .cart-notice-wrapper{margin-top: 12px;}
/***** 20210421 : 주문서 변경(v4.0)  *****/
.order-area-lst{border-top:10px solid #f5f5f5;}
.order-area-lst .prd-info-acord{position: relative; border-bottom:10px solid #f5f5f5;}
.order-area-lst .prd_head{background:#fff; padding:20px 16px 16px; position:relative;}
.order-area-lst .prd_head.between strong{width:auto;}
.order-area-lst .prd_head strong{display:block; width:calc(100% - 100px); color:#000; font-size:16px; line-height:1.5; }
.order-area-lst .prd_head .prd-delivery{margin-top:6px;}
.order-area-lst .prd_head .prd-delivery button,
.order-payment.order-area-lst .chk-wrap > button{display:inline-block; line-height:1.38; font-size:13px; color:#666; padding-right:20px; background:url(../images/button/Icon_Button_Tooltip.svg) no-repeat 100% 50%;}
.order-area-lst .prd_head .prd-delivery button em{color:#789cd4;}
.order-area-lst .prd_head .btn-rounds-w{position:absolute; top:18px; right:16px;}
.order-area-lst .prd-info-acord .summary{display:flex; align-items: center; height:80px; padding:0 16px;}
.order-area-lst .prd-info-acord .summary:before{top:calc(50% - 12px);}
.order-area-lst .prd-info-acord .prd-img{position: relative; top:inherit; left:inherit; margin-right: 12px;}
.order-area-lst .prd-info-acord .prd_info-tit{width:calc(100% - 82px); line-height:1.57 !important; height:auto !important;}
.order-area-lst .prd-info-acord .prd_info-tit em{vertical-align: top}
.order-area-lst .prd-info-acord .prd_info-tit span{display:block; }
.order-area-lst .prd-info-acord .prd_info-tit .etc{padding-top:2px; font-size:12px; color:#333; line-height: 1.5}
.order-area-lst .prd-info-acord .detail{margin:0; padding:20px 16px 24px; display:none; max-height:none;}
.order-area-lst .prd-info-acord .detail li{color: #000;}
.order-area-lst .prd-info-acord.active .detail{display:block;}
.order-area-lst .prd-info-acord.active .prd_info-tit .etc{display:none;}
.order-area-lst .prd-info-acord .detail ul, .order-area-lst .prd-info-acord .detail ul li:first-child{padding-top:0;}
.order-area-lst .prd-info-acord .detail li{color:#000;}
.prd-info-acord .detail_item .detail-item-thumb{ display:block; margin-right: 8px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden;}
.prd-info-acord .detail_item .detail-item-thumb img{ width:100%;}
.prd-info-acord .detail_item .item{ display: flex; align-items: flex-start; color:#000;}
.prd-info-acord .detail_item .item .item-info{ display: block; margin-top:8px; width:calc(100% - 56px); line-height: 1; font-size: 0; }
.prd-info-acord .detail_item .item .item-link{ display: flex; align-items: center; width: calc(100% - 50px); color:#000;}
.prd-info-acord .detail_item .item .info-cont{ float: right; }
.prd-info-acord .detail_item .item .item-count{ padding-left: 14px;}
.prd-info-acord .detail_item .item .item-count.plus{ padding-left: 6px;}
.prd-info-acord .detail_item .item .space-0{ font-size: 15px; }
.prd-info-acord .detail_item .item .item-cost{ padding-left: 4px; font-size: 12px; color:#aaa; text-decoration: line-through; }
.prd-info-acord .detail_item .item .item-cost .space-0{ font-size: 13px; }
.prd-info-acord .detail_item .item .item-free,
.prd-info-acord .detail_item .item .item-set{ display: block; padding:6px 0 4px; font-size: 13px; line-height: 20px; color:#666;}
.prd-info-acord .detail_item .item .item-set::after{ content:""; display: inline-block; width: 20px; height: 20px; background: url(../images/button/icon-button-arrow-down-16.svg) no-repeat center; vertical-align: bottom;}
.prd-info-acord .detail_item .item .item-set.on::after{background-image: url(../images/button/Icon_Button_Arrow_up_16.svg); }  
.prd-info-acord .detail_item .item .set-list li{ font-size: 13px; line-height: 20px; color:#000;}
.prd-info-acord .detail_item .item .set-list li:first-child{ padding-top:10px;}
.prd-info-acord .detail_item .item-tit{ display: inline-block; width: calc(100% - 50px); font-size: 14px; line-height: 22px; color:#000; font-family: 'NotoSans'; }
.prd-info-acord .detail_item .item-tit.my-order{ width: calc(100% - 160px);}
.prd-info-acord .detail .refund-txt{ display: block; padding:14px 0 8px; margin-top: 16px; border-top: 1px solid #eee;}
.order-area-lst .prd-info-acord .detail_item + .detail_item{margin-top:21px;}
.order-area-lst .prd-info-acord .detail_tit{font-size:12px; color:#888; line-height:18px;}
.order-area-lst .prd-info-acord .detail_tit + ul{margin-top:10px;}
.order-area-lst .cash-info-lst li,
.order-area-lst .cash-info-lst li span{color:#333;}
.order-area-lst .info-txt{display:block; margin-top:5px; line-height: 22px; font-size:14px; color:#000;}
.order-area-lst .btn-rounds-w.new{font-weight: 500; color:#fff; line-height: 27px; background: #0fd6f7; border: none;}
.order-area-lst .btn-rounds-w.new:disabled{background: #f5f5f5; color:#ddd;}
.order-area-lst .cash-form-bx{padding:24px 16px;}
.order-area-lst .cash-form-bx .cash-box{position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 11px;}
.order-area-lst .cash-form-bx .cash-box button{margin-left: 4px;}
.order-area-lst .cash-form-bx .cash-available{font-size: 14px; color:#000;}
.order-area-lst .cash-form-bx .cash-available em{padding-left: 1px; font-size: 15px; font-weight: 700; letter-spacing: 0;}
.order-area-lst .cash-form-bx .cash-tooltip span{color:#666;}
.order-area-lst .cash-form-bx .cash-tooltip span em{font-size: 13px; font-weight: 400; letter-spacing: 0;}
.order-area-lst .cash-form-bx > p{padding:0 0 16px; align-items: center;}
.order-area-lst .cash-form-bx > p.cash-form-desc{padding:14px 0 0;}
.order-area-lst .cash-form-bx .delivery-date-popup2{top: 28px; left:0;}
.order-area-lst .cash-form-lst .delivery-date-popup2{top: 38px;}
.order-area-lst .cash-form-input{align-items: center;}

/* mypage prd list */
.order-area-lst.mypage .prd-info-acord .summary{background: #f9f9f9;}
.order-area-lst.mypage .prd-info-acord h2{padding:24px 0 15px; border:0; line-height:24px;}
.order-area-lst.mypage .prd-info-acord .etc-txt{font-size:12px; line-height:1.5; color:#888; padding:14px 0 4px; margin-top:17px; border-top:1px solid #eee;}
.order-area-lst.mypage.apply-wrap .prd-info-acord h2 + .summary:after{display:none;}

/***** 선물하기 주문결제 *****/
.order-area-lst.gift .prd_head{padding-bottom:14px;}
.order-area-lst.gift .prd-info-acord .summary{padding:0 16px;}
.cont-line-t .cont-line-item{padding:24px 16px; border-top:10px solid #f5f5f5;}

/*****새벽배송 요청사항*****/
.order-deliver-lst{ padding:24px 16px; background: #f9f9f9; border-radius: 6px;}
.order-deliver-lst .item-tit{font-size:16px; color:#000; line-height:1.5;}
.order-deliver-lst .item-area{padding-bottom: 24px;}
.order-deliver-lst .item-area li + li{margin-top:16px;}
.order-deliver-lst .item-area label{display:inline-block;}
.order-deliver-lst .item-area-input{padding:16px 0 8px 32px; }
.order-deliver-lst .item-area-input .item-area-input{padding:16px 0 0 32px; }
.order-deliver-lst .item-area-input input[type=text]{height:48px; padding:13px 14px; line-height:1.57; color:#000; border-color:#eee; border-radius: 4px;}
.order-deliver-lst .item-area-input input[type=text]::placeholder {color:#ccc;}
.order-deliver-lst .item-area-input li{margin-left:0;}
.order-deliver-lst .item-area-input ul li:first-child{margin-top:0;}
.order-deliver-lst .item-txt{font-size:12px; color:#888; line-height:1.5; padding-top:8px;}
.order-deliver-lst .item-footer button{margin-top:24px}
.order-deliver-lst .notice{ padding-left:4px;}
.order-deliver-lst .slide-list-btn{ border-top:1px solid #eee; }
.order-deliver-lst .item-notice-tit{ padding:20px 0 0; text-align: left; display: inline-block; width: 100%; font-size:16px; color:#333; line-height: 1.63; font-weight: 400; }
.order-deliver-lst .slide-list-sty1 .slide-list-btn:after{ top:20px; right:0; margin:0; }
.order-deliver-lst .slide-list-sty1.on .slide-list-btn:after{ background-image: url(../images/button/Icon_Button_Arrow_up_24.svg); }
.order-deliver-lst .dot-gray-ul{padding-top:4px;}
.order-deliver-lst .dot-gray-ul li{color:#666;}

.order-complete .info-txt-box-bg{padding:12px 16px; margin-top:12px; border-radius: 4px;}
.order-complete .info-txt-box-bg .info-tit{font-weight: 700; font-size:14px; color:#000; display:block; padding-left:22px; background: url(../images/common/icon-button-information_gray.png) 0 50% no-repeat; background-size: 16px; }
.order-complete .info-txt-box-bg p{margin-top:5px; font-size:13px; color:#333;}
.order-complete .order-your-info{margin:40px 0 14px; padding:0 0 16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.order-complete .order-your-info dt + dd{padding-top:16px;}
.order-complete .order-your-info dd.line{padding-bottom:16px; border-bottom:1px solid #eee }
.order-complete .order-your-info dd.line + dd{padding-top:16px;}
.order-complete .order-your-info dd.line span{word-break: break-word;}
.order-complete .order-your-info dd{padding:10px 2px 0;}
.order-complete .order-your-info dd.info{border-bottom:1px solid #eee; padding:16px 2px;}
.order-complete .order-your-info dd.info + dd{padding-top:16px;}
.order-complete .order-your-info dd span{max-width:calc(100% - 100px);}
.order-complete .order-header .list{font-size:16px; color:#000; line-height:1.38;}
.order-complete .order-header .list em{display:inline-block; max-width: 190px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; vertical-align: top;}
.order-complete .order-header .list + .msg{margin-top:8px;}
.order-complete .order-header .msg{font-size:26px; line-height:36px;letter-spacing: -0.3px; color:#000;font-family: 'NotoSerif';}
.order-complete .order-header .etc{margin-top:12px; color:#000; font-size:14px; line-height: 22px;}
.order-complete .order-header .etc em{font-size:15px; line-height: 22px; letter-spacing: 0; margin-right:4px; font-weight: bold; color: #d0ab7d;}
.order-complete .order-complete-msg{ margin-top:40px; padding:8px 16px; text-align: center; font-size:14px; color:#000; background: #f4fdff;}
.order-complete .order-complete-msg + .order-your-info{margin-top:20px;}

/***** 20210422 : 주문취소,교환,반품(v4.0) *****/
.order-cancel-cont{border-top:10px solid #f5f5f5;}
.order-cancel-cont .order-header{display: flex; justify-content: space-between; padding:24px 16px 14px; border-bottom:1px solid #eee;}
.order-cancel-cont .order-header .chk-box .form-txt{font-size: 16px; font-weight: 700; color:#333;}
.order-cancel-cont .order-header input:disabled + .form-txt{color:#ddd;}
.order-cancel-cont .order-header .fc-point4{line-height: 24px;}
.order-cancel-cont h2{padding-bottom:0;}
.order-cancel-cont h2.block-only{display:block; padding-bottom:14px; border-bottom: 1px solid #eee;}
.order-cancel-cont .refund-reason .block-tit{padding-bottom:20px;}
.order-cancel-cont .order-items + .order-items .order-header{border-top:1px solid #eee;}
.order-cancel-cont .order-items.produce .order-header{padding:14px 16px 13px; border-top:1px solid #eee;}
.order-cancel-cont .order-items.produce .order-header:first-child{padding-top:16px; border-top:none;}
.order-cancel-cont .order-items.produce .order-header .form-txt{font-weight: 500;}
.order-cancel-cont .view-list-type6 > li:first-child{border-top:0;}
.order-cancel-cont .view-list-type6 {padding:0 16px;}
.order-cancel-cont .view-list-type6 > li{padding:0;}
.order-cancel-cont .view-list-type6 > li a{width:100%;}
.order-cancel-cont .view-list-type6 .cart-disable-mask{padding:20px 0 28px;}
.order-cancel-cont .view-list-type6 .prdt-info{width:calc(100% - 83px);}
.order-cancel-cont .view-list-type6 .prdt-head-copy{ margin-bottom: 2px; line-height:1.29;}
.order-cancel-cont .view-list-type6 .free-info .prdt-head-copy{display: block; margin:16px 0 4px;}
.order-cancel-cont .order-body.on{background:#f5fdff;}
.order-cancel-cont .passable .price {color:#000 !important;}
.order-cancel-cont .passable .price strong{display:inline-block; font-size:22px; line-height:1.36; vertical-align: middle; letter-spacing: 0 ; color:#0fd6f7; }
.order-cancel-cont .passable .price em{display:inline-block; font-size:16px; font-weight: 400; margin-left:2px; line-height:1.63; vertical-align: middle;}
.order-cancel-cont .cash-refund-info p span b{font-weight: 400;}
.order-cancel-cont .cash-refund-info.v2 p{padding-top:14px; align-items: center;}
.order-cancel-cont .refund-payment-bx .glyde-notice{margin-top:24px;}
.order-cancel-cont .prdt-opt-txt{width:calc(100% + 56px); background:#ffff; padding:16px 16px 24px; margin:0 0 0 -28px; float:none; border-top:1px solid #eee;}

.order-info-cont .box-gray-bg .noti{display:block; font-size:14px; color:#666; line-height:1.57; font-weight: 500;}
.order-info-cont .box-gray-bg .noti + ul{padding-top:5px;}
.order-info-cont .box-gray-bg .noti + ul li{margin-top:2px;}
.order-info-cont .box-gray-bg .noti + ul li:first-child{margin-top:0;}
.order-info-cont .change-goods-list h2{padding:16px 16px 0; font-size: 18px; font-weight: 400; color:#000;}
.order-info-cont .change-goods-list h2 + .order-items .order-header{padding-top:24px;}
.order-info-cont .change-goods-list h2.block-only{display:block; padding-bottom:14px;}
.order-info-cont .change-goods-list .order-items + .order-items .order-header{padding-bottom: 0;}
.order-info-cont .change-goods-list .order-sub-header{padding:14px 16px 14px; font-weight: 500;}
.order-info-cont .change-goods-list .label-area{position: static; padding-bottom: 6px;}
.order-info-cont .order-header{color:#333; font-size:16px; line-height:1.5; padding:24px 16px 14px;}
.order-info-cont .cart-disable-mask{padding-left:12px;}
.order-info-cont .view-list-type6:not(:first-child) li:first-child {border-bottom:1px solid #eee;}
.order-info-cont .view-list-type6 .prdt-thumb {padding:0 14px 0 10px;}
.order-info-cont .view-list-type6 .prdt-thumb img{width:56px; height:56px;}
.order-info-cont .view-list-type6 .prdt-head-copy{ margin-top: 6px; font-size:14px; line-height:1.29;}
.order-info-cont .view-list-type6 .prdt-price{padding-top:3px;}
.order-info-cont .order-items + .order-items .order-header{border-top:1px solid #eee;}

/***** 20210428 : 주문내역 상세 *****/
.my-order-items .delivery-prd{padding:24px 0 0; border-bottom: 1px solid #eee; }
.my-order-items .delivery-prd .arrow-notice-txt{margin:0; left:calc(50% - 60px); top:-25px}
.my-order-items .delivery-prd .prd-number{letter-spacing: -0.3px;}
.my-order-items .delivery-prd .prd-info{ padding:5px 0 25px; font-size:14px; color:#333}
.my-order-items .delivery-prd .prd-info em{letter-spacing: 0; margin-left:6px}
.my-order-items .order-area-lst{border:0; border-bottom:10px solid #f5f5f5}
.my-order-items .order-area-lst .prd_head{padding:24px 16px 14px; display:flex; justify-content: space-between; align-items: center;}
.my-order-items .order-area-lst .prd_head strong{display:inline-block; height:28px; line-height:32px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden}
.my-order-items .order-area-lst .prd-info-acord .summary{background:#f9f9f9; }
.my-order-items .order-area-lst .prd-info-head{padding:24px 16px 16px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items: center }
.my-order-items .order-area-lst .prd-info-head strong{font-size:16px; color:#000; font-weight: 700; }
.my-order-items .order-area-lst .btn-re-order{display:inline-block; border:1px solid #eee; border-radius: 14px; height:28px; line-height:28px; font-size:14px; color:#000; padding:0 14px;}
.my-order-items .order-area-lst .prd-info-acord .detail{padding:20px 0 32px; margin:0 16px; border-bottom:1px solid #eee}
.my-order-items .order-area-lst .prd-info-acord:last-child .detail{border-bottom:0;}
.my-order-items .order-area-lst .prd-info-acord{border:0;}
.my-order-items .shipping-address{padding:26px 16px 24px;}
.my-order-items .shipping-address .info-box em{font-weight: bold;}
.my-order-items .shipping-address .address-txt{padding-top:11px; color:#333;}
.my-order-items .shipping-address .address-txt + .address-txt{padding-top:0;}
.my-order-items .shipping-address .call-txt, .my-order-items .shipping-address .order-request-txt{color:#333;}
.my-order-items .shipping-address .delivery-txt { padding: 14px 0 0; font-size: 14px; border-bottom: none }
.my-order-items .shipping-address .delivery-txt .title { padding-bottom: 4px; }
.my-order-items .cash-info-lst{padding-bottom:5px;}
.my-order-items .cash-info-lst li, .my-order-items .cash-info-lst li span{color:#333;}
.my-order-items .cash-payment-bx .total{padding-top:16px}
.my-order-items .cash-payment-bx .total span{font-weight: 400}
.my-order-items .cash-payment-bx .total span em{font-weight: 700}
.my-order-items .cs-history-bx {padding:22px 16px 24px !important;}
.my-order-items .cs-history-lst {margin-top:18px !important;}
.my-order-items .cs-history-lst .csh-date{font-weight: 700}
.my-order-items .delivery-history-bx .order-obj{font-size:16px; color:#fff; font-weight: 500; line-height:1.5}
.my-order-items .delivery-history-bx .order-obj em{display:inline-block; font-size:16px; font-family: 'NotoSans'; line-height:1.4; padding-left:4px; max-width:180px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align: top; letter-spacing: -0.8px}
.my-order-items .delivery-history-bx .order-date{padding-top:5px; font-size:14px;}
.my-order-items .delivery-history-bx .order-date em{padding: 0 4px 0 2px; font-size:15px; letter-spacing: 0}
.my-order-items .delivery-history-bx .order-dlvr-detail{padding-top:6px}
.my-order-items .delivery-history-bx .order-dlvr-detail button{font-size:14px; line-height:1.57; color:#fff; padding-right:17px; background:url('../images/common/icon-button-arrow-right-16-white.png') 100% 50% no-repeat; background-size:17px 16px}

.what-to-pay .info-box .msg.bar{position:relative; padding-left:14px}
.what-to-pay .info-box .msg.bar:before{content:''; width:2px; height:2px; background:#ccc; position:absolute; top:calc(50% - 1px); left:6px;}
.what-to-pay .info-box .msg.bar .arrow-notice-txt{left:calc(50% + 8px)}
.what-to-pay .info-box span + span.msg.bar, .what-to-pay .info-box em + span.msg.bar{margin-left:-8px}
.what-to-pay .chk-wrap{display: flex; padding:16px 0 4px;}
.what-to-pay .chk-wrap .point-msg{font-size: 12px; line-height: 24px; color:#888;}
.what-to-pay .chk-wrap .form-txt::after{content: ""; display: inline-block; margin:0 6px; width: 2px; height:2px; vertical-align: middle; border-radius: 50%; background: #ccc; color:#888;}
.what-to-pay .pay-ico.toss{ width: 90px;}

/***** 새벽배송 가능지역 검색 *****/
.find-dawn-delivery .search-header{padding:32px 16px;}
.find-dawn-delivery .search-header strong{font-size:22px; font-family:'NotoSerif'; font-weight:300; line-height:1.45; letter-spacing: -0.2px; color:#000; display:block}
.find-dawn-delivery .txt-dawn{display:block; margin:8px 0 0; color:#000; font-size:14px;}
.find-dawn-delivery .txt-dawn em{color:#789cd4; font-weight: 700}
.find-dawn-delivery .dawn-delivery-notice{ margin:16px 16px 0; padding:16px; background:#f9f9f9; color:#000; font-size:14px;}
.find-dawn-delivery .dawn-delivery-notice strong{line-height: 1.43; display:block}
.find-dawn-delivery .dawn-delivery-notice strong + p{margin-top:8px}
.find-dawn-delivery .dawn-delivery-notice p{font-size:14px; line-height: 1.57;}
.find-dawn-delivery .search-guide .ex-con{color:#789cd4}
.result-dawn-delivery{padding:16px; margin:16px 16px 0; text-align:center; color:#000; background:#f9f9f9; border-radius: 4px; line-height:20px; font-size:14px;}
.result-dawn-delivery em{color:#d0ab7d; font-weight: 700}
.result-dawn-delivery em.f_red{color:#ff4644}

/***** article page add cart *****/
.article-add-cart.on{padding:0; overflow:initial}
.article-add-cart .grid-type1{background:#fff; border-top:1px solid #eee; padding:10px 16px; position:relative; z-index:1}

/*글라이드 캐시 이용내역*/
.cash-contents .cash-info{padding:20px 16px; background:#f9f9f9; font-family: 'NotoSans';}
.cash-contents .cash-info .cash-tit{font-size: 14px; color:#666;}
.cash-contents .cash-info ul{margin-top: 4px;}
.cash-contents .cash-info ul li{position:relative; font-size: 12px; color:#888; padding-left:6px;}
.cash-contents .cash-info ul li a{color:#d0ab7d; text-decoration: underline;} 
.cash-contents .cash-info ul li + li{padding-top:3px;}
.cash-contents .cash-info ul li:before{content: ''; display: block; width:2px; height:2px; background:#888; position:absolute; left:0; top:9px}
.cash-contents .cash-lst-wrap:before{content: ""; display: block; width:100%; height: 10px; background: #f5f5f5;}
.cash-contents .cash-lst-wrap .cash-lst-cont{padding:20px 16px 18px;}
.cash-contents .cash-lst-wrap .cash-lst-cont .cash-cate{display: block;}
.cash-contents .cash-lst-wrap .cash-lst-cont .cash-tit{display: inline; padding-right: 6px;}
.cash-contents .cash-lst-wrap .cash-lst-cont .cash-order{font-size: 14px; color:#888; line-height: 22px; text-decoration: underline;}
.cash-contents .cash-lst-wrap .cash-empty-txt{margin: 86px 0 0 0; background-size: 128px;}

/*walkthrough*/
.walkthrough-wrap{ position: fixed; width:100%; top:0; bottom:0; max-width: 486px; display: flex; justify-content: space-between; flex-direction: column; background: #fff;}
.walkthrough-wrap .walkthrough-img{ width: 100%; }
.walkthrough-wrap .btns{ padding:18px 40px 37px; }
.walkthrough-wrap .btns button + button{ padding-top: 20px; }

.wrap_review , .infinite-wrap{height:100%;}

/* media s -----------------------------------------------*/
@media only screen and (width: 360px) {
    .quick-payment .pay-info-tb { padding: 16px 0 4px;}
}
@media only screen and (min-width: 420px) {
    .action-sheet-scr.seet-prd-bx{height: auto; max-height: 440px;}
    .review-lst-cont .empty-txt-wrap { top: 41%; }
}
@media only screen and (min-width: 486px) {
    .login-block .benefit-txt{padding: 32px 0 28px;}
}
@media only screen and (min-width: 486px) and (max-width: 1199px) {
    .cart-list-items .item-head.fix{ max-width: 484px; margin: 0 auto; left: 50%; transform: translateX(-50%); box-shadow: none;}
    .wrapper.category-type .header-wrap.fixed:after {display: none;}
    .toast-evt-pop, .toast-pop { max-width: 486px; }
}

@media only screen and (min-width: 1200px) {
    .wrapper.visual-wrap-type .header-wrap.fixed:after { content: initial; }
    .wrapper.category-type .header-wrap.fixed:after{background: none;}
    .wrapper.category-type .sorting-wrap.on::after,
    .wrapper.visual-wrap-type .header-wrap.fixed:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -20px; height: 20px; background: url(../images/bg/bg-header-shadow.png) left top repeat-x; background-size: 30px auto; }
    /* .fixed-action-sheet .action-sheet-scr::-webkit-scrollbar { display: none; } */
    .btn-bottom-add { right: calc(50% - 300px); }
    .full-layerpop-wrap::-webkit-scrollbar { display: none; }
    .wrapper.emphasis-type .emphasis-btn-bx, .cartbtn-motion-wrap, .full-page .header-wrap, .header-wrap.fixed, .tab-bar, .fixed-action-sheet .action-sheet-bx, .modal-wrap .modal-layer.calendar, .toast-evt-pop, .header-wrap.fixed + .container .search-result-top { max-width: 486px; left: calc(50% + 12px) !important; }
    .kcal-calc .total-kcal, .cash-info-cont, .diet-banner-lst { max-width: 486px; left: calc(50% + 12px); border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
    .cash-info-btm { left: calc(50% - 45px); }
    .quick-payment .inner, .quick-payment .tail, .select-foods .btn-bottom, .select-foods ~ .btn-bottom, .find-idpw-wrap .btn-block.bottom { max-width: 486px; left: calc(50% + 12px); transform: translate(0); }
    .floating-counsel { right: calc(50% - 570px); bottom:44px; bottom: calc(var(--ios-safe-bottom) + 44px);}
    .add-prdt-suggestion{ left:calc(50% + 255px) }
    .photo-revdetail-block {border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
    .thumbnail-list-wrap .swiper-slide .item-list .item { min-height: calc((320px - 48px) / 3); max-height: calc((320px - 48px) / 3); min-width: calc((320px - 48px) / 3); max-width: calc((320px - 48px) / 3); }
    .rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj img { height: calc((640px - 32px) * (160 / 328)); }
    .rev-attach-wrap .attach-list li.full-size-slide .rev-attach-item .rev-attach-obj img { height: calc((640px - 32px) * (160 / 328)); }
    iframe#launcher { right: calc(50% - 750px) !important; }

    .wrapper.emphasis-type.full-page, .full-page { max-width: 486px; left: calc(50% + 12px); }
    .wrapper.visual-wrap-type .header-wrap, .wrapper.emphasis-type .emphasis-btn-bx, .full-page .header-wrap, .tab-bar, .find-idpw-wrap .btn-block.bottom, .toast-pop, .toast-evt-pop, .btn-type-order{ max-width: 486px; left: calc(50% + 12px); transform: translateX(0); }
    .review-lst-cont .empty-txt-wrap{left:calc(50% + 12px);}

    /***** 20210420 : 배송비정책분리/새벽배송](v4.0 ~ *****/
    .cart-list-items .item-head.fix{max-width: 486px; left: calc(50% + 12px) !important; transform: translate(0); border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
    .wrapper.cart-default .action-sheet-scr.seet-prd-bx{max-height:487px;}
    .wrapper.cart-default .header-wrap.fixed.line-none:after{display:none}

    /* 상품 전체 리뷰 (무한스크롤이슈)*/
    .wrap_review, .infinite-wrap{min-height:calc((var(--vh, 1vh) * 100) + var(--ios-safe-top) + var(--ios-safe-bottom));}
    .wrap_review .container, .infinite-wrap .container{position:fixed; left:0; top:50px; top: calc(var(--ios-safe-top) + 50px); width:100%; height:calc((var(--vh, 1vh) * 100) + var(--ios-safe-top) + var(--ios-safe-bottom)); overflow-y: auto;}
    .wrap_review .container::-webkit-scrollbar, .infinite-wrap .container::-webkit-scrollbar{ display: none; }
    .wrap_review .contents,.infinite-wrap .contents{ margin-left: calc(50% + 12px); padding-bottom: 50px; width:486px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }  
    .body_hold .wrap_review .container, .body_hold .infinite-wrap .container{z-index: 15;}
}
/* media e -----------------------------------------------*/