html,body {height: 100%;}
.wrapper {max-width: 720px;margin: 0 auto;height: 100%;}
.intro_box {height: 100vh;background-image: url('../img/intro_bg.jpg');background-size: cover;position: relative;}
.intro_logo {position: fixed;left: 30px;top: 30px;z-index: 10;}
.link_box_wrap {position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;}
.link_box {background-color: #fff;border-radius: 15px;padding: 30px;}
.lb_txt {margin-bottom: 20px;}
.lb_txt img {margin: 0 auto;}
.lb_logo {margin-bottom: 30px;}
.lb_logo img {margin: 0 auto;}
.lb_link .link {height: 50px;display: flex;align-items: center;position: relative;background-color: #f0f2f2;border-radius: 25px;padding-left: 30px;font-size: 16px;color: #020202;font-weight: 400;margin-bottom: 13px;}
.lb_link .link:last-child {margin-bottom: 0;}
.lb_link .link .arrow {display: block;position: absolute;right: 6px;width: 38px;height: 38px;border-radius: 50%;background-color: #fff;top: 6px;}
.lb_link .link .arrow:before {content: '';display: block;width: 14px;height: 13px;background-image: url('../img/login_arrow.png');position: absolute;left: 50%;margin-left: -7px;top: 50%;margin-top: -7px;background-repeat: no-repeat;background-position: 0 0;}
.lb_link .link:hover,
.lb_link .link.active {background-color: #0067df;color: #fff;}
.lb_link .link:hover .arrow:before,
.lb_link .link.active .arrow:before {background-position: -14px 0;}

.talk_bg {background-color: #f0f2f2;}
.talk_bg .header_back {z-index: 10;background-color: #fff;border-bottom: none;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
.header_back {z-index: 100;left: 0;border-bottom: 1px solid #ddd;position: fixed;width: 100%;height: 55px;background-color: #fff;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #020202;font-weight: 700;}
.header_back .back {position: absolute;left: 20px;top: 50%;margin-top: -10px;display: flex;align-items: center;width: 21px;}
.header_back .control {position: absolute;right: 20px;top: 50%;margin-top: -10px;display: flex;align-items: center;width: 20px;}
.header_back .back img,
.header_back .control img {margin: 0 auto;}
.global_bottom {position: fixed;left: 0;width: 100%;bottom: 20px;z-index: 20;padding-left: 20px;padding-right: 20px;}
.global_menu {display: flex;align-items: center;justify-content: space-around;height: 48px;background-color: #fff;border-radius: 8px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}
.global_menu a {display: block;position: relative;}
.msg_box {height: 32px;border-radius: 25px;position: relative;background-color: #fff;margin-bottom: 15px;padding: 0 43px 0 53px;}
.msg_box .pic {position: absolute;left: 18px;top: 9px;display: block;height: 18px;}
.msg_box .send {position: absolute;right: 11px;top: 4px;display: block;padding: 5px;}
.msg_box .input {height: 100%;width: 100%;font-size: 12px;color: #020202;font-weight: 500;border: none;outline: none;}
.msg_box .input::placeholder {font-size: 12px;color: #898989;font-weight: 500}
.back_bg:before {position: fixed;left: 0;top: 0;content: '';display: block;z-index: 30;height: 100vh;width: 100%;background-color: rgb(0 0 0 / 80%);}
.login_box_wrap {position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;z-index: 31;}
.login_box {background-color: #fff;border-radius: 15px;padding: 30px;}
.lb_tit {text-align: center;font-size: 16px;color: #202020;font-weight: 400;margin-bottom: 20px;}
.lb_tab {margin-bottom: 30px;background-color: #f0f2f2;height: 30px;border-radius: 25px;overflow: hidden;}
.lb_tab a {width: 50%;float: left;font-size: 14px;color: #020202;font-weight: 500;display: flex;align-items: center;justify-content: center;height: 100%;border-radius: 25px;}
.lb_tab a.on {background-color: #000;color: #fff;}
.lb_input {position: relative;height: 40px;border-radius: 5px;background-color: #f0f2f2;padding-left: 45px;}
.lb_input.man {margin-bottom: 8px;}
.lb_input.lock {margin-bottom: 16px;}
.lb_input.man:before {content: '';display: block;width: 13px;height: 16px;background: url('../img/login_man.png') no-repeat 0 0;position: absolute;left: 16px;top: 12px;}
.lb_input.lock:before {content: '';display: block;width: 12px;height: 15px;background: url('../img/login_lock.png') no-repeat 0 0;position: absolute;left: 16px;top: 13px;}
.lb_input .input {width: 100%;height: 100%;outline: none;border: none;padding-right: 20px;font-size: 15px;color: #020202;font-weight: 500;background-color: transparent;}
.lb_submit .submit {height: 35px;background-color: #000;border-radius: 30px;text-align: center;border: none;outline: none;font-size: 14px;color: #fff;font-weight: 700;width: 100%;}
.lb_join {font-size: 14px;color: #808080;font-weight: 400;text-align: center;margin-top: 15px;}
.lb_join a {font-size: 14px;color: #202020;font-weight: 500;display: inline;margin-left: 10px;}
.input_act {margin-bottom: 60px;}
.sns_login a {display: flex;align-items: center;justify-content: center;margin-bottom: 8px;height: 35px;font-size: 14px;color: #fff;font-weight: 400;border-radius: 30px;}
.sns_login a:last-child {margin-bottom: 0;}
.sns_login a.google {background-color: #e70000;}
.sns_login a.facebook {background-color: #2f56be;}
.sns_login a.kakao {background-color: #ffdd00;}
.sns_login a.naver {background-color: #00b700;}

.join_wrap {padding-bottom: 90px;}
.join_wrap .join_section:last-child {border-bottom: none;}
.join_section {padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.sub_tit {padding: 0 25px;font-size: 16px;color: #020202;font-weight: 500;padding-bottom: 10px;border-bottom: 1px solid #ddd;padding-top: 10px;}
.sub_stit {font-size: 14px;color: #020202;font-weight: 500;height: 46px;display: flex;align-items: center;}
.join_box .field {margin-bottom: 5px;}
.join_box .field:last-child {margin-bottom: 0;}
.join_box .field .th {font-size: 14px;color: #202020;font-weight: 500;height: 37px;display: flex;align-items: center;}
.join_box .field .th .stxt {font-size: 12px;color: #808080;font-weight: 300;display: inline-block;margin-left: 10px;}
.join_box .field .td .input {font-size: 13px;color: #202020;font-weight: 400;border: 1px solid #ddd;height: 37px;border-radius: 6px;padding: 0 15px;width: 100%;}
.join_box .field .td .input::placeholder {font-size: 13px;color: #808080;font-weight: 400;}
.join_box .field .td .select {font-size: 13px;color: #808080;font-weight: 400;border: 1px solid #ddd;height: 37px;border-radius: 6px;padding: 0 15px;width: 100%;}
.tel_wrap {overflow: hidden;margin: 0 -6px;}
.tel_wrap .tw_cell {float: left;padding: 0 6px;}
.tel_wrap .tw_cell.tw1 {width: 30%;}
.tel_wrap .tw_cell.tw2 {width: 35%;}
.tel_wrap .tw_cell.tw3 {width: 35%;}
.btn_input {border: 1px solid #ddd;border-radius: 6px;position: relative;padding-right: 123px;}
.join_box .field .td .btn_input .input {border: none;}
.btn_in {padding: 0 13px;height: 22px;font-size: 12px;color: #fff;font-weight: 400;background-color: #0067df;border-radius: 30px;position: absolute;right: 17px;top: 7px;display: flex;align-items: center;justify-content: center;}
.bottom_btn {box-shadow: 0 1px 5px rgb(0 0 0 / 10%);padding: 15px 20px;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 10;background-color: #fff;}
.bottom_btn a {display: flex;align-items: center;justify-content: center;width: 100%;height: 38px;background-color: #0067df;border-radius: 6px;font-size: 16px;color: #fff;font-weight: 500;}
.pay_wrap {overflow: hidden;margin: 0 -5px;}
.pay_wrap .item {float: left;width: 50%;padding: 0 5px;margin-bottom: 10px;}
.pay_wrap .item a {display: flex;align-items: center;justify-content: center;height: 60px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;color: #202020;font-weight: 500;}
.pay_wrap .item a:hover {background-color: #0067df;color: #fff;}
.header {padding: 15px 0;background-color: #fff;}
.header h1 {margin-bottom: 15px;}
.search_box {background-color: #f0f2f2;height: 35px;padding-right: 50px;position: relative;border-radius: 30px;}
.search_box .input {width: 100%;padding-left: 16px;font-size: 14px;color: #020202;font-weight: 400;border: none;border-radius: 30px;height: 100%;background-color: transparent;}
.search_box .input::placeholder {color: #808080;}
.search_box .submit {position: absolute;right: 18px;top: 10px;font-size: 0;text-indent: -9999px;background: url('../img/ico_search.png');background-repeat: no-repeat;background-position: center center;width: 14px;height: 14px;border: none;}
.content {background-color: #f0f2f2;padding-top: 16px;padding-bottom: 100px;}
.store_banner_wrap {height: 85px;position: relative;padding: 0 20px;overflow: hidden;}
.store_banner {width: 100%;max-width: 720px;margin: 0 auto;}
.store_banner .owl-carousel .owl-stage-outer {overflow: inherit;}
.store_banner .banner  {background-color: #fff;border-radius: 15px;padding: 15px 17px;position: relative;display: block;height: 85px;}
.store_banner .banner .t1 {font-size: 18px;color: #000000;font-weight: 700;}
.store_banner .banner .t2 {font-size: 14px;color: #808080;font-weight: 500;}
.store_banner .banner:after {content: '';display: block;width: 16px;height: 16px;background-image: url('../img/ico_barrow.png');background-position: 0 0;background-repeat: no-repeat;position: absolute;right: 16px;bottom: 16px;}
.cate_wrap {margin: 15px -5px 15px -5px;overflow: hidden;}
.cate_wrap .item {float: left;width: 33.333333333%;padding: 0 5px;}
.cate_wrap .item .t1 {font-size: 14px;color: #fff;font-weight: 700;margin-bottom: 3px;}
.cate_wrap .item .t2 {font-size: 12px;color: #fff;font-weight: 300;}
.cate_wrap .item .c_box {border-radius: 8px;height: 80px;padding: 10px;}
.cate_wrap .item.item1 .c_box {background-color: #0067df;}
.cate_wrap .item.item2 .c_box {background-color: #fdbb04;}
.cate_wrap .item.item3 .c_box {background-color: #fb0001;}
.map_area {background-color: #fff;border-radius: 8px;padding: 15px;}
.ma_tit {margin-bottom: 10px;font-size: 14px;color: #535353;font-weight: 400;display: flex;align-items: center;}
.ma_tit:before {content: '';display: block;width: 15px;height: 9px;background: url('../img/ico_uarrow.png') no-repeat 0 0;margin-right: 5px;}
.map_area .map img {width: 100%;}

/* 팝업 */
.popup_wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 30;}
.popup_box {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.popup_box_in {width: 100%;padding: 0 20px;}
.popup_wrap:before {content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgb(0 0 0 / 40%);z-index: 1;}
.popup {width: 100%;background-color: #fff;border-radius: 16px;position: relative;z-index: 2;padding: 68px 30px 16px 30px;-webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 30%);box-shadow: 0 7px 18px rgb(0 0 0 / 30%);}
.popup .p_close {position: absolute;right: 20px;top: 20px;}
.popup .p_tit {font-size: 24px;color: #333333;font-weight: 700;text-align: center;margin-bottom: 15px;}
.popup .p_tit.mb30 {margin-bottom: 30px;}
.popup .p_txt {font-size: 16px;color: #020202;font-weight: 400;text-align: center;line-height: 1.5;}
.popup .p_txt strong {font-size: 20px;color: #0067df;font-weight: 700;}
.popup .p_btn {margin-top: 40px;}
.popup .p_btn a {line-height: 1;margin: 0 auto;width: 120px;height: 30px;background-color: #0067df;border-radius: 6px;font-size: 14px;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.baloon {width: 23px;height: 13px;font-size: 12px;color: #fff;border-radius: 8px;display: flex;align-items: center;justify-content: center;position: absolute;right: -14px;top: -5px;line-height: 1;}
.baloon.blue {background-color: #0067df;}
.baloon.yellow {background-color: #fdbb04;}

.panel {background-color: #fff;border-radius: 8px;padding: 15px;}
.lb_tab.mar5 {margin-bottom: 5px;}
.lb_tab.three a {width: 33.333333333%;}
.lb_tab.yellow a.on {background-color: #fdbb04;}
.btn_filter {margin-bottom: 10px;display: flex;align-items: center;justify-content: end;}
.btn_filter a {font-size: 12px;color: #c7c7c7;font-weight: 500;display: flex;align-items: center;line-height: 1;}
.btn_filter a:after {content: '';display: block;width: 13px;height: 13px;background: url('../img/ico_filter.png') no-repeat 0 0;margin-left: 7px;}
.product_lst li {border-bottom: 1px solid #ddd;}
.product_lst li .item {display: block;padding: 10px 0;}
.product_lst li .item .item_in {padding-left: 80px;position: relative;height: 80px;} 
.product_lst li .item .img {border-radius: 5px;position: absolute;left: 0;top: 0;width: 80px;display: block;height: 80px;overflow: hidden;}
.product_lst li .item .img img {position: absolute;top: 0;left: 0;width: 80px;height: 100%;object-fit: cover;border-radius: 5px;}
.product_lst li .item .img::after {display: block;content: "";padding-bottom: 100%;}

.product_lst li .item .text {padding-left: 10px;height: 100%;}
.product_lst .p_tit {font-size: 14px;color: #202020;font-weight: 700;margin-bottom: 3px;word-break: keep-all;}
.product_lst .p_cate {font-size: 12px;color: #808080;font-weight: 400;margin-bottom: 10px;}
.product_lst .p_info {display: flex;align-items: center;justify-content: space-between;}
.product_lst .p_info .p_price {font-size: 12px;color: #202020;font-weight: 700;}
.product_lst .p_info .p_dis {font-size: 12px;color: #202020;font-weight: 400;display: flex;align-items: center;}
.product_lst .p_info .p_dis:before {content: '';display: block;width: 12px;height: 16px;background: url('../img/ico_pin_yellow.png') no-repeat 0 0;margin-right: 5px;}
.store_map_wrap {position: fixed;width: 100%;top: 0;left: 0;border: 1px solid #000;padding-top: 109px;height: 100vh;}
.store_map {height: 100%;background-image: url('../img/back_map.png');background-size: cover;}
.store_info_wrap {position: fixed;left: 0;width: 100%;bottom: 80px;padding: 0 20px;}
.store_info .item {padding: 15px;height: 126px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);background-color: #fff;border-radius: 10px;position: relative;}
.store_info .item .item_in {position: relative;padding-left: 72px;}
.store_info .img {border-radius: 5px;position: absolute;left: 0;top: 0;width: 72px;display: block;height: 72px;overflow: hidden;}
.store_info .img img {position: absolute;top: 0;left: 0;width: 72px;height: 100%;object-fit: cover;border-radius: 5px;}
.store_info .img::after {display: block;content: "";padding-bottom: 100%;}
.store_info .text {padding-left: 14px;}
.store_info .text .s_info {margin-bottom: 5px;display: flex;align-items: center;justify-content: space-between;}
.store_info .text .s_info .s_name {width: 124px;font-size: 14px;color: #202020;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.store_info .text .s_info .s_ii {display: flex;align-items: center;justify-content: end;}
.store_info .text .s_info .s_ii .fav,
.store_info .text .s_info .s_ii .loc {font-size: 12px;color: #808080;font-weight: 400;display: flex;align-items: center;position: relative;}
.store_info .text .s_info .s_ii .fav {margin-right: 10px;padding-left: 15px;}
.store_info .text .s_info .s_ii .loc {padding-left: 12px;}
.store_info .text .s_info .s_ii .fav:before {content: '';display: block;width: 12px;height: 12px;background: url('../img/ico_star.png') no-repeat 0 0;position: absolute;left: 0;top: 1px;}
.store_info .text .s_info .s_ii .loc:before {content: '';display: block;width: 8px;height: 11px;background: url('../img/ico_pin_blue.png') no-repeat 0 0;position: absolute;left: 0;top: 1px;}
.store_info .text .s_txt {font-size: 12px;color: #808080;font-weight: 400;margin-bottom: 10px;}
.s_link {display: flex;align-items: center;justify-content: end;}
.s_link a {display: flex;align-items: center;justify-content: center;border-radius: 30px;height: 20px;padding: 0 10px;font-size: 12px;line-height: 1;}
.s_link .tel {background-color: #f0f2f2;color: #808080;margin-right: 10px;}
.s_link .talk {background-color: #000;color: #fff;}
.store_info .owl-carousel .owl-stage-outer {overflow: inherit;}
.store_info_list .store_info .item {border-radius: 0;box-shadow: 0 0 0 rgb(0 0 0 / 10%);border-bottom: 1px solid #ddd;}
.sil_top {position: relative;display: flex;align-items: center;justify-content: center;height: 30px;}
.sil_top:before {content: '';display: block;width: 44px;height: 4px;background-color: #f0f2f2;position: absolute;left: 50%;top: 50%;margin-left: -22px;margin-top: -2px;}
.store_info_list {background-color: #fff;border-radius: 15px;}
.si_box {width: 100%;padding: 20px;position: absolute;left: 0;bottom: 60px;}
.store_info_scroll {height: 390px;overflow-y: auto;border-radius: 15px;}

.full_menu {position: fixed;right: 0;top: 0;height: 100vh;z-index: 100;width: 270px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);background-color: #fff;}
.full_menu {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.onmenu .full_menu {opacity: 1;visibility: visible;transform: translate(0px, 0%);}
.full_menu_in {position: relative;height: 100%;}
.myinfo_wrap {background-color: #0067df;padding: 45px 15px 15px 15px;}
.myinfo {margin-bottom: 40px;display: flex;align-items: center;justify-content: space-between;height: 40px;}
.myinfo .nm {height: 100%;display: flex;align-items: center;}
.myinfo .nm .img {margin-right: 13px;}
.myinfo .nm .nmt {font-size: 16px;color: #fff;font-weight: 400;display: flex;align-items: center;}
.myinfo .nm .nmt a {font-size: 16px;color: #fff;font-weight: 400;}
.myinfo .nm .nmt:after {content: '';display: block;width: 8px;height: 16px;background: url('../img/ico_warrow.png') no-repeat 0 0;margin-left: 8px;}
.mi_btn {display: flex;align-items: center;}
.mi_btn .msg {margin-right: 7px;}
.mylink {display: flex;align-items: center;justify-content: center;}
.mylink .item.bar {padding-right: 40px;margin-right: 36px;position: relative;}
.mylink .item.bar:after {content: '';display: block;width: 1px;height: 72px;background-color: #fff;position: absolute;right: 0;top: 6px;}
.mylink a {font-size: 14px;color: #fff;font-weight: 500;text-align: center;display: block;}
.mylink a.estimate {padding-top: 65px;background-image: url('../img/ico_doc.png');background-position: 5px 0;background-repeat: no-repeat;}
.mylink a.faq {padding-top: 60px;background-image: url('../img/ico_faq.png');background-position: 5px 7px;background-repeat: no-repeat;}
.mymenu_wrap {padding: 30px 15px;}
.mymenu {display: flex;align-items: center;}
.mymenu {overflow: hidden;}
.mymenu.mar {margin-bottom: 25px;}
.mymenu .item {float: left;width: 33.333333333%;}
.mymenu .item a {text-align: center;display: block;padding-top: 45px;font-size: 14px;color: #202020;font-weight: 500;}
.mymenu .item a.mym1 {background: url('../img/ico_blight.png') no-repeat center 0;}
.mymenu .item a.mym2 {background: url('../img/ico_bchul.png') no-repeat center 0;}
.mymenu .item a.mym3 {background: url('../img/ico_bbath.png') no-repeat center 0;}
.mymenu .item a.mym4 {background: url('../img/ico_bstar.png') no-repeat center 10px;}
.mymenu .item a.mym5 {background: url('../img/ico_bevent.png') no-repeat center 0;}
.custom_menu_wrap {padding: 0 15px;position: absolute;bottom: 30px;left: 0;width: 100%;}
.custom_menu {border-top: 1px solid #ddd;padding-top: 5px;}
.custom_menu ul li a {font-size: 14px;color: #202020;font-weight: 500;display: flex;position: relative;padding: 5px 0;height: 37px;align-items: center;padding-left: 10px;}
.custom_menu ul li a:after {content: '';display: block;position: absolute;right: 6px;top: 13px;background: url('../img/ico_rarrow.png') no-repeat 0 0;width: 7px;height: 12px;}
.onmenu:before {position: fixed;left: 0;top: 0;content: '';display: block;z-index: 30;height: 100vh;width: 100%;background-color: rgb(0 0 0 / 80%);}
.control_wrap .item {border-bottom: 1px solid #ddd;}
.control_wrap .onoff {padding: 15px 25px;display: block;position: relative;}
.control_wrap .onoff .swich {display: block;width: 32px;height: 16px;background-color: #dadede;position: absolute;right: 25px;top: 16px;border-radius: 25px;}
.control_wrap .onoff .swich:before {content: '';display: block;width: 12px;height: 12px;border-radius: 50%;position: absolute;left: 4px;top: 2px;background-color: #fff;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.control_wrap .onoff .swich span {display: none;}
.control_wrap .onoff .swich.on {background-color: #0067df;}
.control_wrap .onoff .swich.on:before {left: 17px;}
.control_wrap .c_tit {font-size: 15px;color: #202020;font-weight: 700;margin-bottom: 4px;}
.control_wrap .c_txt {font-size: 12px;color: #808080;font-weight: 400;}
.control_wrap .only .c_tit {margin-bottom: 0;}
.conline {height: 8px;background-color: #f0f2f2;}
.flat_tab:before {content: '';display: table;}
.flat_tab:after {content: '';display: table;clear: both;}
.flat_tab {border-bottom: 1px solid #ddd;}
.flat_tab a {display: flex;float: left;width: 50%;background-color: #fff;height: 40px;font-size: 16px;color: #808080;font-weight: 500;align-items: center;justify-content: center;position: relative;}
.flat_tab a.on {color: #0067df;font-weight: 700;}
.flat_tab a:after {content: '';display: none;height: 2px;background-color: #0067df;width: 100%;position: absolute;left: 0;bottom: -1px;}
.flat_tab a.on:after {display: block;}
.review_list {background-color: #fff;}
.review_list .rvcnt {font-size: 16px;color: #202020;font-weight: 500;padding: 8px 25px;border-bottom: 1px solid #ddd;}
.pad100 {padding-bottom: 100px;}
.rev_list li {padding: 15px 25px;border-bottom: 8px solid #f0f2f2;}
.rev_list .rev_item {position: relative;padding-left: 90px;min-height: 90px;}
.rev_list .rev_item .img {border-radius: 5px;width: 90px;border: 1px solid #ddd;position: absolute;left: 0;top: 0;}
.rev_list .rev_item .img img {border-radius: 5px;}

.rev_list .rev_item .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.rev_list .rev_item .img  {display: block;height: 90px;overflow: hidden;}
.rev_list .rev_item .img ::after {display: block;content: "";padding-bottom: 100%;}
.rev_list .text {padding-left: 10px;}
.rev_list .text .r_state {font-size: 16px;color: #0067df;font-weight: 500;margin-bottom: 3px;}
.rev_list .text .r_ex {font-size: 14px;color: #202020;font-weight: 500;margin-bottom: 4px;}
.rev_list .text .r_info {font-size: 12px;color: #808080;font-weight: 400;line-height: 1.3;}
.rev_btn {overflow: hidden;margin: 15px -5px;}
.rev_btn .item {float: left;width: 50%;padding: 0 5px;}
.rev_btn .item a {background-color: #f0f2f2;display: flex;align-items: center;justify-content: center;height: 32px;border-radius: 5px;line-height: 1;font-size: 16px;color: #202020;font-weight: 400;}
.rev_btn .item a.answer {background-color: #0067df;color: #fff;}
.rev_until {text-align: center;font-size: 12px;color: #808080;font-weight: 400;}
.rw_info {display: flex;align-items: center;margin-bottom: 15px;}
.rw_img {margin-right: 10px;border-radius: 50%;}
.rw_img img {border-radius: 50%;}
.nm_star {display: flex;align-items: center;margin-bottom: 5px;}
.rw_nm {font-size: 12px;color: #202020;font-weight: 400;}
.rw_cn {font-size: 12px;color: #202020;font-weight: 500;}
.rw_star {display: flex;align-items: center;margin-left: 10px;}
.rw_photo {overflow: hidden;margin: 0 -4px;}
.rw_photo .item {float: left;width: 50%;padding: 0 4px;}
.rw_photo .item .img {border-radius: 8px;}
.rw_photo .item .img img {max-width: 100%;border-radius: 8px;}
.rw_photo .item .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.rw_photo .item .img {display: block;position: relative;height: 128px;overflow: hidden;}
.rw_photo .item .img ::after {display: block;content: "";padding-bottom: 100%;}
.rw_cont {margin: 10px 0 15px 0;font-size: 14px;color: #535353;font-weight: 400;line-height: 1.2;}
.rw_date {font-size: 12px;color: #808080;font-weight: 400;text-align: right;}
.review_write {margin-bottom: 25px;}
.review_child {border-bottom: 1px solid #ddd;padding-bottom: 15px;padding-top: 15px;}
.rw_write .tit {text-align: center;font-size: 18px;color: #020202;font-weight: 700;margin-bottom: 25px;}
.rw_write .cont .textarea {border: 1px solid #ddd;border-radius: 6px;padding: 15px;font-size: 14px;color: #202020;font-weight: 400;width: 100%;height: 167px;word-break: keep-all;}
.rw_write .cont .textarea::placeholder {font-size: 14px;color: #898989;font-weight: 400;}
.rw_text_cnt {font-size: 14px;color: #868686;font-weight: 400;text-align: right;margin: 10px 0 15px 0;}
.review_cnt {font-size: 16px;color: #202020;font-weight: 500;margin-bottom: 10px;margin-top: 15px;}
.review_cnt strong {color: #0067df;}
.review_total {padding: 8px;border-radius: 10px;background-color: #f0f2f2;margin-bottom: 15px;}
.review_total .box {overflow: hidden;}
.review_total .box .item {float: left;width: 50%;}
.review_total .box .item.bar {position: relative;}
.review_total .box .item.bar:after {content: '';display: block;width: 1px;height: 100%;background-color: #808080;position: absolute;right: 0;top: 0;}
.to_jum {display: flex;align-items: center;justify-content: center;height: 96px;}
.to_jum .jum {font-size: 24px;color: #000;font-weight: 700;text-align: center;}
.to_jum .star {display: flex;align-items: center;}
.jum_rank {padding-left: 10px;}
.jum_rank .cell {position: relative;display: flex;align-items: center;margin-bottom: 5px;}
.jum_rank .cell:last-child {margin-bottom: 0;}
.jum_rank .jr_jum {font-size: 12px;color: #808080;font-weight: 500;margin-right: 10px;width: 18px;}
.jum_rank .jr_jum strong {color: #202020;}
.jum_rank .jr_cnt {font-size: 12px;color: #808080;font-weight: 500;margin-left: 5px;}
.jum_rank .jr_cnt strong {color: #202020;}
.jum_rank .jr_bar {width: 88px;background-color: #dadede;height: 5px;border-radius: 5px;position: relative;}
.jum_rank .jr_bar span {background-color: #0067df;height: 5px;border-radius: 5px;position: absolute;left: 0;top: 0;}
.rw_answer {margin-top: 10px;background-color: #f0f2f2;padding: 10px;font-size: 12px;color: #202020;border-radius: 5px;}
.customer_link {overflow: hidden;margin: 15px -2px;}
.customer_link .item {padding: 0 2px;float: left;width: 25%;margin-bottom: 6px;}
.customer_link .item a {border: 1px solid #ddd;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #202020;font-weight: 500;height: 48px;}
.customer_link .item a:hover,
.customer_link .item a.on {background-color: #0067df;color: #fff;}
.customer_list .link {display: flex;height: 46px;align-items: center;font-size: 14px;color: #202020;font-weight: 400;position: relative;padding: 25px;}
.customer_list .link:after {content: '';display: block;width: 16px;height: 8px;background: url('../img/ico_darrow.png') no-repeat 0 0;position: absolute;right: 25px;top: 50%;margin-top: -4px;}
.customer_list li {border-bottom: 1px solid #ddd;}
.customer_list li .cl_answer {display: none;font-size: 14px;color: #202020;font-weight: 400;padding: 10px 25px 10px 48px;background-color: #ececec;}
.customer_list li.on .cl_answer {display: block;}
.company_visual img {width: 100%;}
.company_txt {text-align: center;padding-top: 35px;padding-bottom: 35px;background-image: url('../img/company_bg.png');background-position: center bottom;background-repeat: no-repeat;background-size: contain;}
.company_txt .t1 {font-size: 18px;color: #000;font-weight: 500;margin-bottom: 53px;}
.company_txt .t1 strong {font-weight: 800;}
.company_txt .t2 {font-size: 14px;color: #000;font-weight: 500;margin-bottom: 15px;}
.company_txt .t2 strong {font-weight: 800;}
.company_txt .img1 {margin-bottom: 15px;}
.talk_content {padding: 65px 20px 150px 20px;}
.talk_list li {height: 64px;display: flex;align-items: center;padding: 12px 15px;background-color: #fff;border-radius: 10px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);margin-bottom: 15px;}
.talk_list li .item {position: relative;display: flex;align-items: center;}
.talk_list li .item .time {font-size: 12px;color: #808080;font-weight: 500;position: absolute;right: 0;top: -3px;}
.talk_list li .item .img {width: 40px;margin-right: 15px;}
.talk_list li .item .img,
.talk_list li .item .img img {border-radius: 50%;}
.talk_list li .item .text .nm {font-size: 15px;color: #202020;font-weight: 700;margin-bottom: 3px;}
.talk_list li .item .text .cont {font-size: 14px;color: #202020;font-weight: 400;padding-right: 30px;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cnt {width: 24px;height: 14px;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #fff;font-weight: 400;background-color: #0067df;border-radius: 25px;position: absolute;right: 0;top: 1px;}
.talk_item {display: flex;margin-bottom: 10px;}
.talk_time {font-size: 12px;color: #898989;font-weight: 400;margin-bottom: 12px;text-align: center;margin-left: 20px;}
.ti_man {display: flex;flex-direction: column;width: 48px;padding: 0px 8px 0px 0;}
.ti_msg_wrap {flex-direction: column;position: relative;display: flex;column-gap: 4px;overflow: hidden;}
.ti_msg {position: relative;overflow: hidden;border-radius: 16px;padding: 10px 16px;max-width: 275px;}
.ti_msg .blue {color: #0067df;}
.ti_msg img {border-radius: 10px;max-width: 100%;}
.ti_time {font-size: 12px;color: #898989;font-weight: 400;margin-top: 5px;margin-left: 10px;}
.talk_item.you .ti_msg {background-color: #fff;word-break: keep-all;border-top-left-radius: 5px;}
.talk_item.my .ti_msg {background-color: #0067df;color: #fff;word-break: keep-all;border-top-right-radius: 5px;}
.talk_item.my {justify-content: end;}
.talk_item.my .ti_time {text-align: right;margin-left: 0;margin-right: 10px;}
.ti_detail {margin-top: 10px;display: flex;background-color: #fff;border-radius: 5px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);padding: 10px;margin-bottom: 10px;}
.tid_img {height: 78px;border-radius: 5px;width: 78px;display: block;position: relative;overflow: hidden;}
.tid_img .img img {max-width: 100%;border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.tid_img .img::after {display: block;content: "";padding-bottom: 100%;}
.tid_text {padding-left: 10px;flex: 1;}
.tid_nm {font-size: 14px;color: #535353;font-weight: 500;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tid_if {font-size: 12px;color: #777777;font-weight: 400;margin-bottom: 10px;}
.tid_link {font-size: 12px;color: #777777;font-weight: 400;display: flex;align-items: center;justify-content: end;}
.tid_link:after {content: '';display: block;width: 7px;height: 12px;background: url('../img/ico_rarrow.png') no-repeat 0 0;margin-left: 5px;}
.ti_reserve {position: relative;margin-top: 10px;background-color: #fff;border-radius: 5px;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);padding: 10px;margin-bottom: 10px;display: block;}
.tir_link {display: block;padding-left: 20px;}
.tir_link:before {content: '';display: block;width: 12px;height: 6px;background: url('../img/ico_ddarrow.png') no-repeat 0 0;position: absolute;left: 15px;top: 14px;}
.ti_reserve .tid_if {margin-bottom: 0;}
.ti_cal .month {display: flex;align-items: center;justify-content: center;margin: 10px 0;font-size: 14px;color: #535353;font-weight: 700;}
.ti_cal .month .mtxt {margin: 0 15px;}
.ti_reserve.on .tir_link:before {transform: rotate(180deg);}
.day_wrap {display: flex;flex-direction: row;gap: 8px;overflow: auto hidden;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.day_wrap .day {line-height: 1.5;flex-direction: column;height: 50px;border: 1px solid #ddd;border-radius: 5px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #808080;font-weight: 400;width: calc(-20px + 16vw);flex-shrink: 0;}
.day_wrap .day strong {font-weight: 700;}
.day_wrap .day.on {background-color: #0067df;color: #fff;}
.time_wrap .th {font-size: 14px;color: #535353;font-weight: 700;margin-bottom: 7px;margin-top: 12px;}
.time_apm {overflow: hidden;margin: 0 -4px;}
.time_apm .ta_item {float: left;width: 25%;padding: 0 4px;}
.time_apm .ta_item .ta {border: 1px solid #ddd;border-radius: 5px;height: 21px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #535353;font-weight: 400;line-height: 1;opacity: 0.5;margin-bottom: 10px;}
.time_apm .ta_item .ta.on {opacity: 1;}
.time_result {padding-top: 10px;margin-top: 10px;border-top: 1px solid #ddd;}
.icheck_wrap {display: flex;}
.icheck {display: flex;}
.icheck.mar {margin-right: 20px;}
.icheck input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.icheck input[type=checkbox]:checked + label {background-position: 0 0;}
.icheck label {cursor: pointer;height: 16px;-webkit-box-align: center;align-items: center;display: flex;font-size: 12px;color: #0067df;font-weight: 500;}
.icheck input[type="checkbox"] + label:before {content: "";width: 18px;display: inline-block;height: 16px;overflow: hidden;background-position: 0 0;background-image:url('../img/ico_chk.png');}
.icheck input[type="checkbox"]:checked + label:before {background-position: -18px 0;}
.iradio_wrap {display: flex;}
.iradio {display: flex;}
.iradio.mar {margin-right: 20px;}
.iradio input[type="radio"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.iradio input[type=radio]:checked + label {background-position: 0 0;}
.iradio label {cursor: pointer;height: 17px;-webkit-box-align: center;align-items: center;display: flex;font-size: 14px;color: #202020;font-weight: 500;}
.iradio input[type="radio"] + label:before {margin-right: 10px;content: "";width: 17px;display: inline-block;height: 17px;overflow: hidden;background-position: 0 0;background-image:url('../img/ico_radio.png');}
.iradio input[type="radio"]:checked + label:before {background-position: -17px 0;}
.ti_date_set {display: none;}
.ti_reserve.on .ti_date_set {display: block;}
.tir_tit {font-size: 14px;color: #535353;font-weight: 700;}
.tir_data {padding: 5px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 5px 0;}
.tir_data .field {display: flex;align-items: center;justify-content: space-between;padding: 2px 0;}
.tir_data .field .tir_th,
.tir_data .field .tir_td {font-size: 14px;color: #535353;font-weight: 400;}
.tir_detail {text-align: right;}
.tir_detail a {font-size: 14px;color: #0067df;font-weight: 400;display: flex;align-items: center;justify-content: end;line-height: 1;}
.tir_detail a:after {background: url('../img/ico_rbarrow.png');width: 6px;height: 12px;content: '';display: block;margin-left: 5px;}
.ti_mresult {margin-top: 10px;}
.sup_tit {border-bottom: 1px solid #ddd;padding: 0 25px;height: 37px;display: flex;align-items: center;font-size: 16px;color: #202020;font-weight: 700;}
.default_content {padding: 55px 0 150px 0;}
.default_content.nopad {padding-bottom: 0;}
.order_info {padding: 0 25px 10px 25px;}
.order_info .field {height: 35px;display: flex;align-items: center;}
.order_info .field .th {height: 100%;font-size: 14px;color: #808080;font-weight: 400;display: flex;align-items: center;width: 55px;}
.order_info .field .td {flex: 1;height: 100%;font-size: 14px;color: #202020;font-weight: 400;display: flex;align-items: center;padding-left: 15px;word-break: keep-all;}
.order_info .field.vtop .th {align-items: start;}
.goods_info {padding: 15px 25px;border-bottom: 1px solid #ddd;}
.goods_img {display: flex;margin-bottom: 15px;}
.goods_img .img {height: 78px;border-radius: 5px;width: 78px;display: block;position: relative;overflow: hidden;border: 1px solid #ddd;display: flex;}
.goods_img .img img {max-width: 100%;border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.goods_img .img::after {display: block;content: "";padding-bottom: 100%;}
.goods_img .text {padding-left: 15px;}
.goods_img .text .ordernum {font-size: 14px;color: #202020;font-weight: 500;margin-bottom: 3px;}
.goods_img .text .ordernm {font-size: 14px;color: #202020;font-weight: 500;margin-bottom: 3px;}
.goods_img .text .orderinfo {font-size: 14px;color: #808080;font-weight: 400;}
.price_info .field {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.price_info .field:last-child {margin-bottom: 15px;}
.price_info .field .th {font-size: 14px;color: #808080;font-weight: 400;}
.price_info .field .td {font-size: 14px;color: #202020;font-weight: 400;}
.price_info .field .td .input {border: 1px solid #ddd;width: 64px;text-align: right;padding: 0 5px;margin-right: 3px;}
.coupon_btn {display: flex;align-items: center;justify-content: center;width: 64px;height: 20px;border-radius: 5px;background-color: #000;font-size: 12px;color: #fff;font-weight: 400;line-height: 1;}
.total_price {font-size: 15px;color: #202020;font-weight: 700;text-align: right;border-bottom: 1px solid #ddd;padding: 8px 25px;}
.ten_msg_wrap {position: relative;}
.ten_msg {width: 100%;background-color: #cce1f9;height: 30px;border-radius: 5px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #808080;font-weight: 400;position: absolute;bottom: 10px;}
.bottom_btn.bhalf {overflow: hidden;margin: 0 -5px;}
.bottom_btn.bhalf .half {float: left;width: 50%;padding: 0 5px;}
.bottom_btn .bgray {background-color: #f0f2f2;color: #000;}
.sup_link {position: relative;font-size: 16px;color: #202020;font-weight: 700;width: 100%;display: flex;align-items: center;}
.sup_link:after {content: '';display: block;width: 16px;height: 8px;background: url('../img/ico_darrow.png') no-repeat 0 0;position: absolute;right: 25px;top: 15px;}
.pick_price {background-color: #cce1f9;border-radius: 5px;padding: 8px 15px;display: flex;align-items: center;justify-content: space-between;}
.pick_price .pp_th,
.pick_price .pp_td {font-size: 14px;color: #0067df;font-weight: 700;}
.price_info .field .th strong,
.price_info .field .td strong {font-size: 14px;color: #202020;font-weight: 700;}
.price_info .field.point {margin: 15px 0 0 0;}
.pay_indent {padding-left: 25px;margin-top: 10px;margin-bottom: 15px;}
.card_insert {background-image: url('../img/ico_plus.png');background-position: center center;background-repeat: no-repeat;border: 1px solid #ddd;border-radius: 10px;height: 94px;}
.pay_type_wrap {padding: 0 25px;}
.pay_type .iradio {height: 33px;align-items: center;}
.pay_type .item {border-bottom: 1px solid #ddd;}
.pay_end {padding: 35px 25px 40px 25px;}
.pay_end_box {background-color: #fff;box-shadow: 0 1px 8px rgb(0 0 0 / 15%);border-radius: 10px;height: 156px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.peb_tit {font-size: 18px;color: #202020;font-weight: 700;margin-bottom: 25px;padding-top: 35px;background-image: url('../img/ico_ok.png');background-position: center 0;background-repeat: no-repeat;}
.peb_txt {font-size: 14px;color: #808080;font-weight: 400;}
.sup_stit {height: 37px;display: flex;align-items: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #202020;font-weight: 700;margin-bottom: 10px;}
.pay_info {padding: 10px 25px;}
.sub_banner {background-color: #f0f2f2;height: 65px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #020202;font-weight: 700;}
.order_tit {height: 42px;display: flex;align-items: center;padding: 0 25px;border-bottom: 1px solid #ddd;justify-content: space-between;}
.ot_tit {font-size: 16px;color: #202020;font-weight: 500;display: flex;align-items: center;}
.ot_tit strong {color: #202020;}
.ot_tit strong.blue {color: #0067df;}
.ot_tit .bar {position: relative;padding-right: 14px;margin-right: 13px;}
.ot_tit .bar:after {content: '';display: block;width: 1px;height: 14px;background-color: #c7c7c7;position: absolute;right: 0;top: 2px;}
.ot_btn {display: flex;align-items: center;}
.ot_btn a {display: block;line-height: 1;}
.ot_btn .ot_detail {margin-right: 10px;width: 61px;height: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 30px;font-size: 12px;color: #202020;font-weight: 400;}

.oi_img {height: 80px;border-radius: 5px;width: 80px;display: block;position: relative;overflow: hidden;}
.oi_img .img {border: 1px solid #ddd;border-radius: 5px;}
.oi_img .img img {max-width: 100%;border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.oi_img .img::after {display: block;content: "";padding-bottom: 100%;}
.oi_text {padding-left: 10px;flex: 1;}
.order_item_wrap {padding: 0 25px;}
.order_item {display: flex;padding: 15px 0;}
.order_item .oi_text {padding-left: 15px;}
.order_item .oi_text .ordernum {font-size: 14px;color: #202020;font-weight: 500;margin-bottom: 3px;}
.order_item .oi_text .ordernm {font-size: 14px;color: #202020;font-weight: 500;margin-bottom: 3px;}
.order_item .oi_text .orderinfo {font-size: 14px;color: #808080;font-weight: 400;margin-bottom: 3px;letter-spacing: -1px;}
.order_item .oi_text .orderprice {font-size: 12px;color: #202020;font-weight: 400;display: flex;align-items: center;}
.order_item .oi_text .orderprice .bar {width: 1px;height: 14px;background-color: #c7c7c7;margin: 0 10px;}
.service_wrap {padding: 0 25px;}
.service_star {padding: 80px 0;border-bottom: 1px solid #ddd;}
.ss_txt {text-align: center;font-size: 18px;color: #020202;font-weight: 500;margin-bottom: 10px;}
.ss_star {display: flex;align-items: center;gap: 10px;justify-content: center;}
.ss_star a {display: block;width: 22px;height: 22px;background-image: url('../img/ico_review_star.png');background-position: 0 0;}
.ss_star a:hover,
.ss_star a.on {background-position: -22px 0;}
.sw_tit {font-size: 18px;color: #202020;font-weight: 700;padding: 25px 0;text-align: center;}
.sw_text .textarea {width: 100%;height: 214px;border: 1px solid #ddd;border-radius: 10px;font-size: 14px;color: #202020;font-weight: 400;padding: 12px 15px;}
.sw_text .textarea::placeholder {color: #868686;}
.sw_file {margin-top: 10px;display: flex;align-items: center;padding-left: 10px;}
.sw_file a {font-size: 14px;color: #868686;font-weight: 400;display: flex;align-items: center;}
.sw_file a:before {content: '';display: block;background-repeat: no-repeat;background-position: 0 0;margin-right: 10px;}
.sw_file a.pic {margin-right: 14px;}
.sw_file a.pic:before {width: 18px;height: 14px;background-image: url('../img/ico_pic_file.png');}
.sw_file a.vod:before {width: 22px;height: 13px;background-image: url('../img/ico_vod_file.png');}

/*20250122*/
.footer .f_info {display: flex;align-items: center;justify-content: center;gap: 20px;height: 40px;}
.f_info a {font-size: 14px;color: #000;font-weight: 500;}
.f_copy {padding: 20px;background-color: #f0f2f2;}
.f_copy h3 {font-size: 14px;color: #000;font-weight: 500;margin-bottom: 10px;}
.f_copy p {font-size: 13px;color: #666;font-weight: 400;margin-bottom: 10px;line-height: 1.5;}
.f_copy .tel {font-size: 14px;color: #000;font-weight: 500;}
.pre_wrap {white-space: pre-line;line-height: 1.5;padding: 30px 0;}