input {border-radius: 0;}
input[type='checkbox'] {width: 20px; height: 20px; cursor: pointer; vertical-align: middle; background: url(https://img.lifet.co.kr/icon/check_off.svg) no-repeat left top; appearance: none; border: 0; background-size: 20px;}
input[type='checkbox']:checked {background-image: url(https://img.lifet.co.kr/icon/check_on.svg)}
input[type="text"] {width: auto; height: 38px; padding: 10px 0 10px 18px; border: 1px solid #D2D2D2; border-radius: 6px;}
input[type="text"]::placeholder {font-size: 14px;}
button {color: #343434; cursor: pointer; font-size: 14px; border: 0; background-color: transparent; touch-action:manipulation;}
select {height: auto; padding: 3px 0 3px 10px; padding-right: 40px !important; font-weight: 600; font-size: 12px; border: 1px solid #D2D2D2; border-radius: 4px; /* appearance: auto; */ background: url(https://img.lifet.co.kr/icon/arrow_down_gray.svg) no-repeat right 23px center; background-size: 18px;}
input, textarea {height: auto; font-size: 14px; padding: 0;}
textarea {width: 100%; padding: 14px 18px; background: #F9F9F9; border: 0; border-radius: 8px;}
table {border-collapse: collapse;}
.btn_default {display: inline-block; padding: 7px 22px 6px 12px; color: #fff; font-weight: 600; font-size: 12px; line-height: 130%; border-radius: 60px;  background:#68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 10px center; background-size: 12px;}
.btn_line {display: inline-block; height: 38px; padding: 10px 43px; color: #68A5FE; font-weight: 500; font-size: 14px; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px;}
.btn_line.gray {color: #666; border-color:#D0D0D0;}
.btn_line.gray.disabled {opacity: .5;}
.btn_blue {display: inline-block; padding: 10px 32px; color: #fff; font-weight: 600; font-size: 14px; line-height: 130%; border-radius: 6px; background-color: #68A5FE;}
.bullet::before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor;}

.section_inner {position:relative; max-width: 1170px; margin: 0 auto; padding-bottom: 100px;}

.web {display: inline-block;}
.m {display: none;}
.blue {color: #68A5FE !important;}

/* 장바구니 */
#container.cart, #container.payment {background-color: #F5F5F5;}
.payment .chat__info .mobile__head {border-bottom: 1px solid #D8D8D8;}
.cart h1, .payment h1 {padding: 50px 0 30px;}
.round_box {padding: 0 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 14px; background-color: #fff;}
.cart_wrap {display: flex;}
.cart_wrap .rig.position {position: relative; height: auto;}
.cart_wrap .rig .payment_price.position {position: absolute; bottom: 100px; top: auto;}
.cart_area {width: 880px; min-height: 374px;  margin-right: 20px; padding-top: 26px;}
.cart_area hr {display: none;}
.cart_area .top {margin-bottom: 14px; padding-bottom: 15px; border-bottom: 1px solid #949494}
.cart_area .top label {margin-left: 10px;}
.cart_area .top button {float: right;}
.cart_area .top_tit.lifet {background-color: #EAF2FF;}
.cart_area .top_brand + .top_brand {margin-top: 20px;}
.top_tit {position: relative; padding: 11px 0 12px 20px; font-weight: 600; font-size: 14px; line-height: 130%; background-color: #F1F1F1;}
.bar_area {position: absolute; right: 24px; top: 8px; font-weight: 500; font-size: 12px; line-height: 130%;}
.bar_area .bar {width: 246px; height: 6px; margin-top: 4px; border-radius: 16px; background-color: #fff;}
.bar_area .bar span {display: inline-block; height: 6px; vertical-align: top; background: #68A5FE; border-radius: 16px;}
.cart_list ul { border-top: 1px solid #E6E6E6;}
.cart_list ul li {position: relative; display: flex; border-bottom: 1px solid #E6E6E6;}
.cart_list ul li.all_soldout > div {opacity: .5;}
.cart_list ul li.option_soldout .option .inner span, .cart_list ul li.option_soldout .option .inner strong, .cart_list ul li.option_soldout .option > a, .cart_list ul li.option_soldout .price {opacity: .5;}
.cart_list ul li.option_soldout .option .inner .count {display: none;}
.cart_list ul li > * {padding: 18px 0;}
.cart_list ul li .option .inner .soldout {display: inline-block; width: 32px; height: 21px; padding-top: 4px; color: #fff; font-weight: 500; font-size: 10px; line-height: 130%; text-align: center; border-radius: 6px; background-color: rgba(51, 51, 51, 100);}
.cart_list ul li input[type="checkbox"] {width: 18px; height: 18px; margin-top: 18px; background-size: 18px;}
.cart_list ul li .img {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 18px 0 18px 8px; cursor: pointer; border-radius: 4px;}
.cart_list ul li .img img {max-height: 100px; width: auto; max-width: 100%;}
.cart_list ul li .name {width: 286px; padding: 18px 14px; font-size: 14px; line-height: 130%; font-weight: 500;}
.cart_list ul li .name strong {display: block; margin: 8px 0 5px;}
.cart_list ul li .name p {margin-top: 10px; color: #808080; font-weight: 500; font-size: 12px; line-height: 130%;}
.cart_list ul li .name .stock_quantity {margin-top: 5px; font-size: 12px;}
.cart_list ul li.soldout .option, .cart_list ul li.soldout .price {opacity: .5;}
.cart_list ul li .option > button::after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px; vertical-align: middle; background-color: #D2D2D2;}
.cart_list ul li .option {padding: 18px 14px; border: 1px solid #E6E6E6; border-width: 0 1px;}
.cart_list ul li .option .inner {position: relative; width: 208px;  margin-bottom: 12px; padding: 10px 14px; font-weight: 500; font-size: 12px; line-height: 130%; background-color: #F5F5F5;}
.cart_list ul li .option .inner span {display: block; margin-bottom: 6px;}
.cart_list ul li .option .inner strong {position: absolute; right: 14px; bottom: 12px; font-size: 14px;}
.cart_list ul li .option .inner select {min-width: 60px; background:#fff url(https://img.lifet.co.kr/icon/arrow_down.svg) no-repeat right 8px center; background-size: 12px;}
.cart_list ul li .option .inner > button {position: absolute; right: 8px; top: 10px; width: 14px; height: 14px; text-indent: -9999px;  background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat left top;background-size: 14px; opacity: .6;}
.cart_list ul li .option > button, .cart_list ul li .option > a {font-weight: 500; font-size: 12px; line-height: 130%;}
.cart_list ul li > button {position: absolute; right: 10px; top: 10px; width: 18px; height: 18px; padding: 0; text-indent: -9999px;  background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat left top;background-size: 18px;}
.cart_list ul li .price {display: flex; flex: 1; flex-flow: column; justify-content: center; padding: 18px 0; font-size: 12px; text-align: center;}
.cart_list ul li .price strong {margin-top: 5px; font-weight: 600; font-size: 15px; white-space: nowrap; line-height: 130%;}
.cart_area .top_brand:last-child {margin-bottom: -20px;}
.total_price {display: flex; justify-content: center; align-items: center; margin: 10px 0 50px; padding: 16px 0; font-weight: 500; font-size: 13px; line-height: 140%; background-color: #F5F5F5;}
.total_price p {width: 264px; margin-right: 34px; text-align: center;}
.total_price a {padding:0 19px 0 0; color: #68A5FE; font-weight: 600; font-size: 14px; line-height: 130%; background-image: url(https://img.lifet.co.kr/icon/arrow_blue.svg); background-size: 16px; background-position: right center; background-color: transparent; }
.total_price span  {font-weight: 600;}
.cart_list .option .count button {z-index: 1; position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; text-indent: -9999px; background-position: left center; background-repeat: no-repeat; background-size: 14px;}
.cart_list .option .count .minus {left: 6px; margin-right: -17px; background-image: url(https://img.lifet.co.kr/icon/min.svg);}
.cart_list .option .count .plus {margin-left: -22px; background-image: url(https://img.lifet.co.kr/icon/plus_black.svg);}
.cart_list .option .count input {width: 64px; height: 22px; margin: 0 0; padding: 3px 6px; color: #343434; font-weight: 600; font-size: 12px; text-align: center; border-radius: 4px; background-color: #fff;}
.option_change .option .count {margin-top: 8px;}
.option_change .option .count button {z-index: 1; position: relative; display: inline-block; width: 18px; height: 18px; text-indent: -9999px; background-position: left center; background-repeat: no-repeat; background-size: 18px;}
.option_change .option .count .minus {left: 6px; margin-right: -22px; background-image: url(https://img.lifet.co.kr/icon/min.svg);}
.option_change .option .count .plus {margin-left: -28px; background-image: url(https://img.lifet.co.kr/icon/plus_black.svg);}
.option_change .option .count input {width: 86px; height: 32px; margin: 0 0; padding: 6px; font-weight: 500; font-size: 16px; text-align: center; border-radius: 4px; background-color: #fff;}

.payment_price {width: 270px; height: 374px; padding: 22px 16px 18px;}
.payment_price.fixed {z-index: 10; position: fixed; top: 70px; margin-top: 30px;}
.payment_price h2 {margin-bottom: 30px; font-weight: 600; font-size: 18px; line-height: 130%;}
.payment_price ul {padding-bottom: 4px; border-bottom: 1px solid #D2D2D2;}
.payment_price ul li {margin-bottom: 16px;}
.payment_price ul li span {color: #666; font-size: 15px; line-height: 130%;}
.payment_price ul li strong {float: right; font-weight: 500; font-size: 15px; line-height: 130%;}
.payment_price .total {margin-top: 24px;}
.payment_price .total > span {font-size: 15px; line-height: 130%;}
.payment_price .total > strong {float: right; margin-top: -4px; color: #68A5FE; font-weight: 700; font-size: 20px; line-height: 130%;}
.payment_price .total > p {margin-top: 12px; margin-bottom: 24px; text-align: right; font-size: 11px; line-height: 130%;}
.payment_price a {display: block; height: 48px; padding-top: 12px; color: #fff; font-weight: 700; font-size: 16px; text-align: center; line-height: 24px; border-radius: 60px; background: #68A5FE;}
.total_floating {display: none;}

.slick {max-width: 880px; margin-top: 27px; padding-bottom: 50px;}
.slick h2 {padding: 40px 0 33px;}
.slick_wrap {position: relative; width: 226px; }
.slick_wrap .img, .product_list li .img, .slick_suggestion .img {position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 226px; height: 226px; margin-bottom: 10px; border-radius: 7px;}
/*.slick_wrap .img, .product_list li .img::before { z-index: 3; content: ""; position: absolute; top: 0; right: 0;  bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.03);}*/

.cart_list  li.soldout .img::before {content:'일시품절'; z-index: 1; display: flex; justify-content: center;padding-top: 20px; color: #fff; font-weight: 600; font-size: 18px; line-height: 130%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); }
.cart_list  li.soldout .img::after {content: '빠른시일내에 가지고 올게요!'; z-index: 1; position: absolute; bottom: 16px; width: 70%; text-align: center; color: #fff; font-weight: 500; font-size: 12px; line-height: 130%;}
.category_rig .product_list li.soldout .img::before {padding-top: 71px; font-size: 26px;}
.brand_best_slider .product_list li.soldout .img::before {padding-top: 46px; font-size: 23px;}
.brand_best_slider .product_list li.soldout .img::after {width: 91px; bottom: 46px; font-size: 15px;}
.section_card .product_list li.soldout .img::before {padding-top: 39px; font-size: 20px;}
.section_card .product_list li.soldout .img::after {width: 80px; bottom: 41px; font-size: 14px;}
.category_rig .product_list li.soldout .img::after {bottom: 71px; width: 92px; font-size: 16px;} 
.slick_wrap .img img, .product_list li .img img, .slick_suggestion img  {width: 226px; max-width: 100%; max-height: 226px;}
.slick_wrap .pro_name {width: 226px;}
.slick_wrap a {display: block; width: 226px; margin: 0 11px;}
.home_slick .slick_wrap a {display: block; width: auto; margin: 0;}
.slick_wrap .heart {position: absolute; top: 12px; right: 24px; width: 28px; height: 28px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/heart_off.png) no-repeat; background-size: 28px;}
.product_list li .heart, .slick_suggestion .heart {z-index: 10; position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/heart_off.png) no-repeat center; background-size: 28px;}
.day_delivery {margin-top: 2px; padding-left: 24px; font-weight: 600; font-size: 14px; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_truck.svg) no-repeat left center; background-size: 20px;}
.main_category .day_delivery, .together_wrap .day_delivery {margin-top: 4px; padding-left: 24px; font-size: 14px; background-size: 20px;}
.slick_wrap .heart.active, .product_list li .heart.active {background-image: url(https://img.lifet.co.kr/icon/heart_on.png);}
.togeter_slick {width: 749px; margin: 0 auto;}
.slick-arrow {z-index: 1; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background-size: 36px;}
.slick-prev {left: -50px;}
.slick-next {right: -50px; transform: translateY(-50%) rotate(180deg);}
.slick-disabled {opacity: .5;}
.together_wrap .slick-arrow {top: 45%;}
.together_wrap .slick-prev {left: -42px;}
.together_wrap .slick-next {right: -42px;}


.cart_empty {display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 290px);}
.cart_empty ~ .rig {display: none;}
.cart_empty img {width: 119px;}
.cart_empty p {margin: 24px 0; font-weight: 500; font-size: 24px; line-height: 130%;}
.cart_empty a {padding: 10px 34px 10px 20px; font-size: 16px; background-position: right 18px center; background-size: 16px;}

.modal-dialog .option_change .head {padding-left: 20px;}
.option_change .contentWrap {width: 375px; padding: 20px 20px 30px;}
.option_change .contentWrap .title {margin-top: 20px;}
.option_change .selectBox__.type02 .select__ {height: 45px;}
.option_change .selectBox__.type02 .list__ {left: 0; right: auto; width: 335px;}
.option_change .option {min-height: 203px;}
.option_change .option .inner {position: relative; width: 100%; margin-bottom: 10px; padding: 12px 76px 12px 14px; font-size: 15px; border-radius: 6px; background-color: #F5F5F5;}
.option_change .option .inner span {display: block; font-size: 15px; font-weight: 500; line-height: 130%;}
.option_change .contentWrap select {width: auto; min-width: 74px; height: 31px; margin-top: 8px; padding: 5px 8px 5px 12px; font-size: 16px; border-radius: 4px; background-size: 14px; background-color: #fff; background-image: url(https://img.lifet.co.kr/icon/arrow_down.svg);}
.option_change .option .inner > button {position: absolute; right: 14px; top: 12px; width: 16px; height: 16px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat left top; background-size: 16px; opacity: .6;}
.option_change .option .inner strong {position: absolute; right: 14px; bottom: 14px; font-size: 16px; font-weight: 600; line-height: 130%;}
.option_change hr {width: 100%; height: 1px; margin: 20px 0; border: 0; background-color: #E1E1E1;}
.option_change .bottom {padding: 16px 0 0; border-top: 1px solid #E1E1E1;}
.option_change .bottom p {display: flex; justify-content: space-between; align-items: center; height: 29px; margin-bottom: 4px;}
.option_change .bottom p:first-child span {font-weight: 500; font-size: 16px;}
.option_change .bottom p:first-child strong {font-weight: 700; font-size: 22px; line-height: 130%;}
.option_change .bottom p:last-child {color: #808080;  font-size: 16px; line-height: 130%;}
.option_change .bottom p:last-child strong {font-weight: 400;}
.option_change .btn_area a {width: calc(100% / 2); height: 44px; margin-top: 8px; text-align: center; font-size: 16px;}
.option_change .btn_area a + a {margin-left: 7px;}


@media (max-width: 767px)  {
    .web {display: none !important;}
    .m {display: inline-block;}
    .pro_detail {position: relative;}
    select {background-position: right 16px center;}
    .btn_line.fill {display: block; width: 100% !important;}
    .section_inner {position: static; padding-bottom: 0;}
    .cart h1 {display: none;}
    .cart_wrap {flex-flow: column;}
    .cart_area, .togeter_slick, .payment_price {width: 100%;}
    .cart .mobile__head {border-bottom: 1px solid #D8D8D8;}
    .round_box {padding: 0 20px; border-radius: 0; box-shadow: none;}
    .cart_area {padding-top: 0; padding-bottom: 20px;}
    .cart_area hr {height: 12px; margin: 0 -20px 20px; border: 0; background-color: #F4F4F4;}
    /*.top_brand hr {display: block;}*/
    .cart_area .top_brand {margin: 0 -20px; padding: 20px 20px 0; border-top: 12px solid #f4f4f4;}
    .cart_area .top {z-index: 10; position: fixed;  width: 100%; margin: 0 -20px; padding: 12px 20px 9px; border-bottom: 1px solid #d8d8d8; background-color: #fff; transition: .3s all;}
    .cart_area .top.static {position: static;}
    .top_tit { margin-bottom: 20px; padding: 16px 0 16px 16px;}
    .cart_area .top + .top_brand {margin-top: 42px; }
    .cart_area .top + .top_tit {height: 70px; margin-top: 20px;  padding: 16px 0 16px 16px;}
    .bar_area {position: static; width: calc(100% - 16px); margin-top: -17px; font-size: 14px; text-align: right;}
    .bar_area > span {display: inline-block; margin-top: -16px;}
    .bar_area .bar {width: 100%; height: 8px; margin-top: 12px; text-align: left;}
    .bar_area .bar span {height: 8px;}
    .cart_list ul {margin-top: -10px; border-top: 0;}
    .cart_list ul li input[type="checkbox"] {margin-top: 10px;}
    .cart_list ul li {flex-wrap: wrap; margin-bottom: 20px; border-color: #D2D2D2;}
    .cart_list li.soldout .img::before {padding-top: 12px; font-size: 16px;}
    .cart_list li.soldout .img::after {bottom: 10px; width: 78%; font-size: 10px;}
    .cart_list ul li .img {width: 74px; height: 74px; margin-top: 10px; border-radius: 6px;}
    .cart_list ul li .img img {max-height: 74px; width: auto; max-width: 100%;}
    .cart_list ul li .name {width: calc(100% - 140px); margin-top: 10px; margin-left: 10px; padding: 0;}
    .cart_list ul li .name a .tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-word; font-size: 16px; font-weight: 500; line-height: 130%;}
    .cart_list ul li .option {width: 100%; padding: 0 0 0 25px; border: 0;}
    .cart_list ul li .option .inner {width: 100%; margin-bottom: 10px; padding: 12px 14px; font-size: 15px; border-radius: 6px;}
    .cart_list ul li .name strong {display: none;}
    .cart_list ul li .name p {margin-top: 10px; font-size: 14px; white-space: nowrap;}
    .cart_list ul li > button {top: 10px; right: 0;}
    .cart_list ul li .name p span:first-child::after, .cart_list ul li .option > button::after {background-color: #999;}
    .cart_list ul li .name .stock_quantity {z-index: 1;  position: absolute;top: 143px; left: 134px;}
    .cart_list ul li .option .inner strong {bottom: 18px;}
    .cart_list ul li .option .inner select {width: 74px; height: 31px; padding: 5px 8px 5px 12px; font-size: 16px; background-size: 14px;}
    .cart_list ul li .option > button, .cart_list ul li .option > a {font-size: 14px;}
    .cart_list ul li:last-child .price {padding-bottom: 16px;}
    .cart_list ul li .price {flex-flow: inherit; justify-content: space-between; align-items: center; padding: 16px 0 30px 24px; font-size: 14px;}
    .cart_list ul li .price strong {font-size: 16px;}
    .total_price {flex-flow: column; justify-content: center; margin: 20px 0; padding: 16px 0;}
    .total_price p {width: auto; margin: 0 0 6px; font-size: 14px;}
    .total_price p span {font-weight: 700;}
    .total_price a {padding: 0 19px 0 0; background-size: 14px;}
    .btn_default {padding: 8px 24px 8px 14px; font-size: 14px;}
    .payment_price {height: auto; padding: 30px 20px; border-top: 12px solid #F5F5F5; box-shadow: none;}
    .payment_price.fixed, .cart_wrap .rig .payment_price.position  {position: static; margin-top: 0;}
    .payment_price h2 {margin-bottom: 25px;}
    .payment_price ul li strong {font-size: 18px;}
    .payment_price .total span {font-size: 16px; font-weight: 500;}
    .payment_price .total strong {font-size: 22px;}
    .payment_price .total > p {margin-bottom: 0;}
    .payment_price p {margin-bottom: 0;}
    .payment_price .total a {display: none;}
    .total_floating.show {z-index: 10; position: fixed; left: 0; bottom:0; width: 100%; height: 65px; display: flex; align-items: center; justify-content: space-between; padding: 9px 20px 12px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); background-color: #fff;}
    .total_floating.static {position: relative; margin: 10px -20px -20px; width: auto; box-shadow: none;}
    .total_floating strong {display: block; margin-top: 2px; font-weight: 600; font-size: 18px; line-height: 130%;}
    .total_floating a {width: 210px; height: 44px; padding-top: 10px; font-weight: 600; font-size: 16px; line-height: 24px; background: #68A5FE; border-radius: 60px;}
    .slick_wrap .img {overflow: hidden; justify-content: center; width: 100%; height: auto;}
    .slick_wrap .img img {width: auto; max-width: 100%; max-height: 140px;}
    .slick_wrap a {width: auto; margin: 0 5px;}
    .slick_wrap .heart {top: 10px; right: 15px; width: 24px; height: 24px; background-size: 24px;}
    .slick_wrap .pro_name {width: 100%;}
    .pro_name p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-word; font-size: 14px;}
    .pro_name .discount .percent {margin-right: 4px;}
    .pro_name .rate {margin-right: 8px;}
    .slick {padding-bottom: 30px; margin-top: 12px;}
    .slick-dots {margin-top: 9px;}
    .slick_card .slick-dots {margin-top: 0;}
    .slick_card .slick-dots li button:before {width: 8px; height: 8px;}
    .cart_empty {height: calc(100vh - 48px);}
    .cart_empty img {width: 98px;}
    .cart_empty p {margin: 20px 0 29px; font-size: 20px;}
    .cart_empty a {padding: 10px 30px 10px 18px; font-size: 14px; background-position: right 16px center; background-size: 14px;}
    .together_wrap .slick-arrow {display: none !important;}
    .together_wrap .slick-list {margin: 0 -5px;}
    .option_change .option {min-height: calc(100vh - 496px);}
    .cart_list .option .count input {width: 86px; height: 32px;}
    .cart_list .option .count button {width: 18px; height: 18px; top: 0px; background-size: 18px;}
    .cart_list .option .count .minus {margin-right: -22px;}
    .cart_list .option .count .plus {margin-left: -28px;}
    .cart_list .option .count input {font-size: 16px; font-weight: 500;}
    .option_change .contentWrap {width: 100%;}
    .pro_name > span:first-child {font-size: 12px;}
    .option_change .selectBox__.type02 .list__ {width: 100%;}
    .best_product .pro_name > span:first-child {display: block; margin-top: 0; font-size: 10px;}
    .best_product .pro_name p {margin: 4px 0; font-size: 13px;}
    .best_product .pro_name .discount .overline {display: none;}
}

/* 카테고리 */
.pet_change.up, .app_top ~ .pet_change.up  {top: 0;} 
.app_top ~ .pet_change {top: 150px;}
.mobile__head .pet_change {left: auto; top: 14px; right: 20px;}
/*.pet_change .ballon::after {content: ""; position: absolute; top: -8px; left: 50px; border-top: 0 solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #484848; }*/
.product_list {display: flex; flex-wrap: wrap; margin-bottom: -50px;}
.product_list li {position: relative; width: 227px; margin-right: 20px; margin-bottom: 50px;}
.product_list li + li {margin-left: 0;}
.product_list li:nth-child(4n) {margin-right: 0;}
.main_category {position: relative; display: flex; min-height: 600px; margin-top: 50px;}
.category_left {width: 200px; transition: .5s all;}
.category_left.fixed {position: fixed; bottom: calc(100vh - 868px);}
#scrolling-tab.up ~ #container .category_left.fixed {bottom: calc(100vh - 815px);}
.category_left.absolute {position: absolute; bottom: 0; top: auto; transition: 0s all ease-out;}
.category_left h2 {margin-bottom: 30px; font-weight: 600; font-size: 20px; line-height: 130%;}
.category_left ul li a {display: flex; align-items: center; width: 113px; margin-bottom: 18px; font-weight: 500; font-size: 18px; line-height: 130%;}
.category_left ul li.on a {color: #68A5FE; font-weight: 600;}
.category_left ul li.on a span {background-color: #E4EFFF;}
.category_left ul li span {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-right: 14px;  border-radius: 50%; background-color: #F7F7F7;}
.category_left ul li span img {width: 18px;}
.category_rig {width: 970px; min-height: 635px; margin-left: 200px;}
.category_rig h3 {margin-bottom: 25px; font-weight: 600; font-size: 24px; line-height: 130%;}
.total_num {position: relative; margin-bottom: 18px;}
.total_num span {font-weight: 500; font-size: 16px; line-height: 130%;}
.total_num .selectBox__ {position: absolute; right: 0; top: -6px;}
.total_num + .mypage_empty {margin-top: -80px;}
.category_rig .selectBox__ .select__ {font-weight: 500; font-size: 16px;}
.category_rig .selectBox__ .list__ {font-size: 16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}
.category_rig .consult__tab2 {margin-bottom: 38px;}
.category_rig .consult__tab2 ul {margin-top: 30px;}
.category_rig .consult__tab2 ul li {width: 97px; margin: 0 19px;}
.category_rig .consult__tab2 ul li:first-child {margin-left: 0;}
.category_rig .consult__tab2 ul li a {height: 41px;}
.slick_suggestion {margin-top: 20px;}

@media (max-width: 767px)  {
    .m_menuNone ul {display: none;}
    .m_menuNone .pet_change {position: absolute; right: 0; top: -49px; left: auto; padding-right: 10px; background-size: 18px;}
    .m_menuNone .pet_change button {font-size: 16px;}
    .pet_change.up {top: 16px;} 
    .category_left h2, .category_rig h3 {display: none;}
    .main_category {flex-flow: column; margin-top: 0;}
    header + #scrolling-tab.m_menuNone + #container {padding-top: 48px;}
    .category_left {width: 100%; padding: 26px 20px 13px; border-bottom: 1px solid #D8D8D8;}
    .category_left ul, .category_list2 {display: flex; flex-wrap: wrap; }
    .category_left.fixed {overflow-x: scroll; overflow-y: hidden; z-index: 11; position: fixed; left: 0; top: 48px; width: 100%; height: 54px; padding: 0; border-bottom: 1px solid #D8D8D8; background-color: #fff;}
    .category_left.fixed > ul {flex-wrap: nowrap; padding: 0 11px;}
    .category_left.fixed > ul li a {flex-flow: inherit !important; white-space: nowrap; margin-bottom: 0; padding: 12px 9px; font-size: 16px !important;}
    .category_left.fixed > ul li:last-child a {padding-right: 20px;}
    .category_left.fixed > ul li a span {width: 30px !important; height: 30px !important; margin: 0 8px 0 0;  margin-bottom: 0 !important; padding: 6px 0 !important;}
    .category_left.fixed > ul li a img {width: 18px !important;}
    .category_left ul li, .category_list2 li {flex: 0 1 20%; width: auto !important;}
    .category_left .category_slelct {margin-top: 14px;}
    .category_left .category_slelct li {display: flex; align-items: center; justify-content: center; flex: none; width: calc(100% / 3 - 8px )!important; height: 109px; margin-left: 12px; margin-bottom: 14px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.06); border-radius: 10px;}
    .category_left .category_slelct li:nth-child(3n+1) {margin-left: 0;}
    .category_left .category_slelct li a {margin-bottom: 0; font-weight: 600; font-size: 16px !important; line-height: 130%;}
    .category_left .category_slelct li span {margin-bottom: 8px; padding: 0 !important; background-color: #fff;}
    .category_left .category_slelct li span img {width: 50px !important;}
    /*.category_left ul li:first-child {display: none;}*/
    .category_left ul li a, .category_list2 li a {display: flex; flex-flow: column !important; align-items: center; width: auto; margin-bottom: 20px; font-size: 13px !important;}
    .category_left ul li span, .category_list2 li span {width: 50px !important; height: 50px !important; margin-right: 0; margin-bottom: 8px !important; padding: 0 !important;}
    .category_left ul li span img, .category_list2 li span img {width: 32px !important;}
    .category_rig {width: auto; min-height: none; padding: 32px 20px 0; margin-left: 0;}
    .total_num {margin-bottom: 10px;}
    .total_num span {font-size: 14px;}
    .category_rig .selectBox__ .select__ {height: 18px; padding-right: 18px; font-size: 14px; background-size: 8px; background-position: right 5px center;}
    .category_rig .selectBox__ .list__ {font-size: 14px;}
    .main_home .m_scroll {overflow-x: auto; max-width: 576px; margin-right: -20px;}
    .main_home .m_scroll, .section_card .product_list {-ms-overflow-style: none; scrollbar-width: none; }
    .main_home .m_scroll::-webkit-scrollbar, .section_card .product_list::-webkit-scrollbar { display: none; }
    .main_home .product_list {width: 588px;  flex-wrap: inherit;}
    .main_home .m_scroll .product_list li a {margin-bottom: 0;}
    .main_home .best_product .product_list {flex-flow: column; width: auto;}
    .main_home .best_product .product_list li {width: 100% !important; margin-right: 0 !important;}
    .main_home .best_product .product_list li a {display: flex; margin-bottom: 10px;}
    .best_product .product_list li .img {width: 110px !important; height: 110px !important; margin-right: 12px; margin-bottom: 0;}
    .best_product .product_list li .pro_name {flex: 1;}
    .best_product .product_list li .heart {left: 86px; top: 6px; right: auto; width: 18px !important; height: 18px !important; background-size: 18px !important;}
    .best_product .pro_name .discount ~ span {display: none;}
    .product_list li .img, .slick_suggestion .img {width: auto !important; height: auto !important; min-height: auto;}
    .product_list li:nth-child(even) {margin-right: 0 !important;}
    .product_list li .heart {top: 10px; right: 10px; width: 24px !important; height: 24px !important; background-size: 24px !important;}
    .product_list {margin-bottom: 0;}
    .lifet_only:last-child .product_list {margin-bottom: 0;}
    .product_list li.soldout .img::before {padding-top: 14vw !important; font-size: 20px !important;}
    .brand_best_slider .product_list li.soldout .img::before {padding-top: 26px !important; font-size: 18px !important; }
    .brand_best_slider .product_list li.soldout .img::after {width: 72px !important; bottom: 25px !important; margin-bottom: 0; font-size: 12px !important;}
    .section_card .product_list li.soldout .img::before { padding-top: 23px !important; font-size: 18px !important;}
    .section_card .product_list li.soldout .img::after {width: 72px !important; bottom: 22px !important; margin-bottom: 0; font-size: 12px !important;}
    .brand_ranking .product_list li.soldout .img::before {padding-top: 10vw !important;}
    .m_scroll .product_list li.soldout .img::before {padding-top: 35px !important;}
    .product_list li.soldout .img::after {width: 87px !important; bottom: 50% !important; margin-bottom: -40px; font-size: 14px !important;}
    .category_rig .consult__tab2 {margin-bottom: 20px; padding: 0; margin-top: 54px;}
    .category_rig .consult__tab2 ul {overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; margin-top: 0; -ms-overflow-style: none; scrollbar-width: none;}
    .category_rig .consult__tab2 ul::-webkit-scrollbar {display: none; }
    .category_rig .consult__tab2 ul li {flex: 0 0 20%; width: auto; margin:0;}
    .category_rig .consult__tab2 ul li a {height: 38px;}
    .day_delivery {margin-top: 0 !important; padding-left: 24px; font-size: 14px; background-size: 20px;}
    
    .main_home .pro_name .discount ~ span {height: 21px; padding: 4px 6px 0;}
    .suggestion_slider .pro_name .discount ~ span {display: none;}
    .slick_suggestion {overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 0;}
    .slick_suggestion .inner {float: left; width: calc(100% / 3 - 8px); margin-right: 11px; margin-top: 20px;}
    /*.slick_suggestion .inner:nth-child(3n) {margin-right: 0;}*/
    .detail_info h2.suggestion {position: relative; margin-top: 34px; font-size: 16px;}
    .slick_suggestion .heart {top: 6px !important; right: 6px; width: 15px !important; height: 15px !important; background-size: 15px !important;}

}

/* 메인 */
.bad {color: #F9708B !important;}
.warn {color: #FF9A50 !important;}
.care {color: #FFB800 !important;}
.good {color: #47DAB3 !important;}
.home_slick {overflow: hidden; width: 100%; height: 400px;}
.home_slick .slick_wrap  {overflow: hidden; display: flex !important; justify-content: center; width: 100%; height: 400px; background-color: #FBFBFB;}
.slick-counter {position: absolute; right: 50%; bottom: 26px; margin-right: -560px; padding: 6px 16px; color: #fff; font-size: 16px; line-height: 130%; border-radius: 27px; background: rgba(77, 77, 77, 0.7);}
.slick-counter .current {font-weight: 600;}
.slick-counter .total {opacity: .8;}
.slick-counter .plus a {display: inline-block; width: 16px; height: 16px; margin-left: 4px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/plus_w.svg) no-repeat left 1px;}
.home_slick .slick-arrow {z-index: 1; width: 76px; height: 76px; opacity: 0; background-image: url(https://img.lifet.co.kr/icon/slick_button2.png); background-size: 76px; transition: 0.3s all ease-in-out;}
.home_slick:hover .slick-arrow {opacity: 1;}
.home_slick .slick-prev {left: 50%; margin-left: -630px;}
.home_slick .slick-next {right: 50%; margin-right: -630px;}


.ai_result .step {display: flex;}
.ai_result .step .inner + .inner {margin-left: 10px;}
.ai_result .step img {width: 130px;}
.ai_result .step span {display: block; margin-top: 6px; font-weight: 500; font-size: 22px; line-height: 130%;}
.category_list2 {display: flex; justify-content: space-between; margin-top: 60px;}
.category_list2 li {width: 80px; text-align: center;}
.main_home .category_list2 li:first-child {display: none;}
.category_list2 li a {font-weight: 600; font-size: 16px; line-height: 130%;}
.category_list2 li a span {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-bottom: 10px;  border-radius: 50%; background-color: #F7F7F7;}
.category_list2 li a span img {width: 50px;}
.lifet_only {position: relative; margin-top: 60px;}
.lifet_only + .lifet_only {margin-top: 60px;}
.lifet_only h2, .lifet_only.brand_ranking h2 {margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 130%; text-align: left;}
.lifet_only h2 br {display: none;}
.lifet_only h2 + p {margin-bottom: 20px; color: #666; font-size: 16px; line-height: 130%;}
.btn_more {position: absolute; right: 0; top: 2px; padding-right: 22px; font-weight: 500; font-size: 18px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right 6px center; background-size: 8px;}
.lifet_only > a {position: absolute; right: 0; top: 2px; font-weight: 500; font-size: 18px; padding-right: 24px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right 6px center; background-size: 9px;}
.main_home .product_list li {width: 280px; margin-right: 17px;}
.main_home .product_list li:nth-child(4n) {margin-right: -1px;}
.main_home .product_list .img, .slick_suggestion .img {width: 280px; height: 280px;}
.main_home .product_list .img img, .slick_suggestion .img img {width: 280px; max-height: 280px; object-fit: cover;}
.main_home .product_list li .heart, .slick_suggestion .heart {top: 10px; border-right-width: 16px; width: 34px; height: 34px; background-size: 34px;}

.suggestion_slider {width: 1192px; margin-left: -10px; margin-top: -10px; margin-bottom: -10px; padding-bottom: 8px;}
.suggestion_swiper {overflow: hidden; padding: 10px 10px 42px;}
.suggestion_swiper .swiper-slide {width: 574px; height: 318px; padding: 25px 30px 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: #fff;}
.suggestion_swiper .swiper-slide a {display: flex; align-items: center;}
.suggestion_swiper .swiper-slide .img {overflow: hidden; position: relative; width: 150px; height: 150px; margin-right: 24px; border-radius: 5px;}
.suggestion_swiper .swiper-slide .img img {width: 150px; height: 150px; }
.suggestion_slider .swiper-button-prev, .brand_best_slider .swiper-button-prev {left: -64px; top: 186px; width: 54px; height: 54px; border: 0; background: url(https://img.lifet.co.kr/icon/slick_prev.png) no-repeat left top; background-size: 54px;}
.suggestion_slider .swiper-button-next, .brand_best_slider .swiper-button-next {right:-64px; top: 186px; width: 54px; height: 54px; border: 0; background: url(https://img.lifet.co.kr/icon/slick_next.png) no-repeat left top; background-size: 54px;}
.suggestion_slider .swiper-button-prev:after, .suggestion_swiper .swiper-button-next:after, .brand_best_slider .swiper-button-prev:after, .brand_best_slider .swiper-button-next:after {content: '';}
.suggestion_swiper .swiper-pagination, .brand_best_slider .swiper-pagination {margin-top: 30px;}

/* 베스트,섹션 */
.best_area h2, .brand_ranking h2 {margin: 70px 0 50px; font-weight: 600; font-size: 32px; text-align: center; line-height: 130%;}
.section_area h2 {margin: 70px 0 50px; font-weight: 600; font-size: 28px; text-align: center; line-height: 130%;}
.best_area .banner {overflow: hidden; margin-top: -20px; margin-bottom: 59px; border-radius: 10px;}
.best_area .banner img {display: block; width: 100%;}
.product_list .img .badge {overflow:hidden; display: inline-block; position: absolute; bottom: 0; left: 0; width: 38px; height: 38px; padding: 6px 0 0; color: #fff; font-weight: 600; font-size: 20px; text-align: center; line-height: 130%; border-radius: 0; background-color: #212121;}
.bestReview_slider {overflow:hidden; padding: 0 10px 5px; margin: 0 -10px -5px;}
.bestReview_slider .swiper-slide {width: 280px; margin-right: 17px; cursor: pointer; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.bestReview_slider .swiper-slide > .img {position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 280px; height: 280px; border-radius: 7px 7px 0 0;}
.bestReview_slider .swiper-slide  img {max-width: 100%;}
.bestReview_slider .swiper-slide .info {padding: 16px 15px 8px;}
.bestReview_slider .swiper-slide .info > p {height: 35px;margin: 8px 0 0; line-height: 130%; display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;	overflow: hidden;}
.bestReview_slider .swiper-slide .top {display: flex;}
.bestReview_slider .swiper-slide .top .thumbnail {overflow: hidden; display: inline-block; width: 32px; height: 32px; margin-right: 12px; border-radius: 50%;}
.bestReview_slider .swiper-slide .top .rig p strong { font-size: 12px; font-weight: 600;}
.bestReview_slider .swiper-slide .top .rig p span {color: #808080;font-size: 12px; line-height: 140%;}
.bestReview_slider .swiper-slide .top .rig p span:last-child::before {content: '';  display: inline-block;  width: 2px;  height: 2px; margin: 0 6px 0 2px; vertical-align: middle; border-radius: 50%; background-color: #808080;}
.bestReview_slider .star {display: inline-block; width: 86px; height: 14px; margin-left: -2px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat; background-size: 86px;}
.bestReview_slider .star span {display:inline-block; height: 14px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat left -17px; background-size: 86px;}
.bestReview_slider .swiper-slide .top .rig > span {color: #808080; font-size: 10px; line-height: 140%; vertical-align: 1px;}
.bestReview_slider .product_name {display: flex; align-items: center; margin: 0 15px 14px; padding-top: 8px; border-top: 1px solid #EFEFEF;}
.bestReview_slider .product_name .img {overflow: hidden; position: relative; width: 40px; height: 40px; margin-right: 8px; border-radius: 1.6px;}
.bestReview_slider .product_name .img + div {width: 200px;}
.bestReview_slider .product_name span {display: inline-block; margin-bottom: 2px; color: #808080; font-size: 10px; line-height: 130%; }
.bestReview_slider .product_name p {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section_img {max-width: 1170px; margin: 0 auto 80px; text-align: center; }
.section_img img {max-width: 100%; cursor: pointer; vertical-align: top;}

.review_text .product_name {position: absolute; bottom: 30px; display: flex; align-items: center; width: 335px; padding-top: 9px; cursor: pointer; border-top: 1px solid #EFEFEF;}
.review_text .product_name .img {overflow: hidden; position: relative; width: 40px; height: 40px; margin-right: 8px; border-radius: 1.6px;}
.review_text .product_name .img + div {width: 280px;}
.review_text .product_name span {display: inline-block; margin-bottom: 2px; color: #808080; font-size: 10px; line-height: 130%; }
.review_text .product_name div p {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0;}

.brand_best_slider {width: 1192px; margin-left: -10px; margin-top: -10px; margin-bottom: -10px;}
.brand_best_swiper {overflow: hidden; padding: 10px 10px 42px;}
.brand_best_slider .swiper-slide {width: 574px; height: 476px; padding: 27px 28px 23px; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.brand_best_img img {width: 514px; height: 108px; object-fit: cover; border-radius: 8px; vertical-align: top; }
.brand_best_slider .product_list li {width: 165px; margin-right: 0; margin-bottom: 0; margin-top: 11px;}
.brand_best_slider .product_list li + li {margin-left: 11px;}
.brand_best_slider .product_list li .heart {width: 24px; height: 24px; background-size: 24px;}
.brand_best_slider .product_list .img {width: 165px; height: 165px;}
.brand_best_slider .product_list + a {display: flex; align-items: center; justify-content: center; position: absolute; left: 28px; bottom: 23px; width: calc(100% - 56px); height: 42px; font-size: 14px; font-weight: 500; line-height: 130%; text-align: center; border-radius: 6px; border: 1px solid #CDCDCD;}
.brand_best_slider .product_list + a::after {content: ''; display: inline-block; width: 14px; height: 14px; background: url(https://img.lifet.co.kr/icon/arrow_new.png) no-repeat left center; background-size: 14px;}
.brand_best_slider .product_list .pro_name p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.brand_best_slider .swiper-button-prev {left: -64px; top: 260px; width: 54px; height: 54px; border: 0; background: url(https://img.lifet.co.kr/icon/slick_prev.png) no-repeat left top; background-size: 54px;}
.brand_best_slider .swiper-button-next {right:-64px; top: 260px; width: 54px; height: 54px; border: 0; background: url(https://img.lifet.co.kr/icon/slick_next.png) no-repeat left top; background-size: 54px;}

.section_card {display: flex; padding: 50px 70px;}
.section_card .left {width: 482px; margin-right: 44px; }
.section_card .left .img {overflow: hidden; width: 482px; height: 338px; border-radius: 8px; background: rgba(144, 144, 144, 0.08);}
.section_card .left img {width: 482px; height: 338px; vertical-align: top;}
.section_card .left h2 {height: 62px; margin-bottom: 16px; font-size: 24px; font-weight: 600; line-height: 130%;}
.section_card .left .card_btn {display: flex; align-items: center; justify-content: center; height: 50px; margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 6px; border-width: 2px; border-style: solid;}
.section_card .left .card_btn::after {content: '>'; position: relative; top: -0.5px; margin-left: 4px;}
.section_card .product_list {overflow: hidden; width: 505px; height: 480px;}
.section_card .product_list li {width: auto; margin: 0;}
.section_card .product_list li + li {margin-top: 21px;}
.section_card .product_list .img {margin-right: 20px; margin-bottom: 0;}
.section_card .product_list .img, .section_card .product_list .img img {width: 146px; height: 146px;}
.section_card .product_list a {display: flex;}
.section_card .product_list .pro_name > span:first-child {font-size: 14px;}
.section_card .product_list .pro_name p {width: 340px; margin: 6px 0; font-size: 18px;}
.section_card .product_list .pro_name .discount strong, .section_card .product_list .pro_name .discount .percent {font-size: 20px;}
.section_card .product_list .pro_name .discount .percent {display: none;}
.section_card .product_list .pro_name .rate, .section_card .product_list .pro_name .review_count {font-size: 15px;}
.section_card .product_list .pro_name .day_delivery {font-size: 16px; background-size: 22px;}
.section_card .product_list li .heart {left: 114px; right: auto; top: 8.5px; width: 24px; height: 24px; background-size: 24px;}

@media (max-width: 767px) {
    .best_area h2, .brand_ranking h2 {margin: 20px 0 30px; font-size: 20px;}
    .store_menu .page-tab-area ul li {flex: inherit !important;}
    .store_menu .page-tab-area ul li a {padding: 0 10px; font-weight: 500; font-size: 14px;}
    .store_menu .page-tab-area ul li.active a {font-weight: 600;} 
    
    header.app_top ~ .pet_change {top: 56px !important;}
    .category_h .pet_change {position: absolute; right: 20px; top: 0; width: auto; left: auto;}
    .main_home {padding: 20px 20px 18px;}
    .slick-counter {right: 20px; bottom: 16px; margin: 0; padding: 4px 6px 4px 10px; font-size: 14px; border-radius: 16px;}
    .slick-counter .plus a { background-size: 14px; } 
    .home_slick {position: relative; height: 50.6vw; margin-top: 0;}
    .home_slick .slick-arrow  {display: none !important;}
    .home_slick .slick-list, .home_slick .slick-slide {margin: 0;}
    .home_slick .slick_wrap {overflow: hidden; height: auto;}
    .home_slick .slick_wrap img {width: 100%;}

    .bestReview_slider .swiper-slide {display: flex; flex-wrap: wrap; width: 321px; padding: 16px 14px 14px;}
    .bestReview_slider .swiper-slide > .img {width: 124px; height: 124px; border-radius: 5px;}
    .bestReview_slider .product_name {width: 100%; margin: 14px 0 0;}
    .bestReview_slider .swiper-slide .info {width: calc(100% - 124px);  padding: 0 0 0 10px;}
    .bestReview_slider .swiper-slide .top .rig {flex: 1;}
    .bestReview_slider .swiper-slide .top .rig p {height: 35px;}
    .bestReview_slider .star {margin-left: -46px; margin-top: 4.5px;}
    .bestReview_slider .swiper-slide .top .rig p strong {display: block;}
    .bestReview_slider .swiper-slide .info > p {height: auto; -webkit-line-clamp: 4; font-size: 13px;}
    .bestReview_slider .product_name .img + div {flex: 1;}
    .review_text .product_name .img {display: block;}
    .review_text .product_name .img + div {width: 80%;}
    .review_text .product_name {position: fixed; left: 0; bottom: 0; width: 100%; padding: 18px 20px 30px; background-color: #fff;}
    .review_text .product_name div p {margin-top: 0;}

    .section_area h2 {margin: 20px 0 30px; font-size: 20px; }
    .section_img {margin-bottom: 50px;}

    .suggestion_slider {overflow: hidden;  margin: 0 -20px; padding: 10px 20px;}
    .suggestion_slider {width: auto; margin: 0 -20px -10px; padding-bottom: 48px;}
    .suggestion_slider .pro_name .rate, .suggestion_slider .pro_name .review_count {display: inline-block; margin-top: 0;}
    .suggestion_swiper {overflow: visible; padding: 0 0 20px;}
    .suggestion_swiper .swiper-slide {width: 321px; height: auto; padding: 16px 14px 0;  border: 1px solid #fff;}
    .suggestion_swiper .swiper-slide a {align-items: flex-start; height: 124px;}
    .suggestion_swiper .swiper-slide:last-child {margin-right: 0 !important;}
    .suggestion_swiper .swiper-button-prev, .suggestion_swiper .swiper-button-next {display: none;}
    .suggestion_swiper .swiper-slide .img {width: 124px; height: 124px; margin-right: 10px;}
    .suggestion_swiper .swiper-slide .img img {width: 124px; height: 124px;}
    .suggestion_swiper .swiper-slide .pro_name {flex: 1;}
    .suggestion_swiper ul {margin-top: 16px; margin-bottom: 8px; padding-top: 16px;}
    .suggestion_swiper ul li {flex: 0 0 100%; margin-left: 18px; margin-bottom: 8px; font-size: 14px; text-indent: -18px;}
    .suggestion_swiper ul li span {font-weight: 600;}
    .suggestion_swiper .swiper-pagination {margin-top: 20px;}
    .suggestion_slider .swiper-button-next, .suggestion_slider .swiper-button-prev, .brand_best_slider .swiper-button-next, .brand_best_slider .swiper-button-prev {display: none;}
    #container .store_suggestion .landing_more {right: 0;}
    .suggestion_swiper .swiper-pagination-bullet  {width: 8px; height: 8px; margin: 0 4px;}

    .category_list2 {margin-top: 0;}
    .lifet_only  {margin-top: 30px;}
    .lifet_only > a {padding-right: 0; font-size: 15px; background: none;}
    .lifet_only + .lifet_only {margin-top: 40px !important;}
    .lifet_only h2 {margin-bottom: 11px; padding-right: 41px; font-size: 18px;}
    .lifet_only h2 br {display: block;}
    .main_home .product_list li {width: 136px;  margin-right: 8px;}
    .main_home.best_area .product_list, .section_area .product_list, .search_area .main_home .product_list  {width: auto; flex-wrap: wrap;} 
    .main_home .product_list li:nth-child(even) {margin-right: 8px !important;}
    .main_home.best_area .product_list li:nth-child(even), .section_area .product_list li:nth-child(even), .search_area .main_home .product_list li:nth-child(even) {margin-right: 0 !important;}
    .product_list li, .main_home.best_area .product_list li, .section_area .product_list li, .search_area .main_home .product_list li {width: calc(100% / 2 - 5px); margin-right: 9px; margin-bottom: 0;}
    .product_list .img .badge {width: 20px; height: 20px; padding: 2px 0 0; font-size: 12px;}

    .mySwiper01 .slide_card { border-radius: 12px; box-shadow: 0px 0px 32px 6px rgba(79, 79, 79, 0.14); } 
    .mySwiper01 .slide_card .img { position: relative; width: 321px; height: auto; } 
    .mySwiper01 .slide_card img { display: block; width: 100%; } 
    .mySwiper01 .slide_card .img .swiper-lazy-preloader { display: block; } 
    .mySwiper01 .slide_card .text span:last-child { top: 160px; } 
    .mySwiper01 .swiper-slide { width: 321px; margin-left: 0; } 
    .mySwiper01 {overflow: hidden; margin-top: -16px; padding: 30px 20px 62px; } 
    .lifet_only .mySwiper01 { margin: -27px -20px 0; padding-top: 30px; } 
    .mySwiper01 .swiper-pagination { width: 100%; height: 8px; margin-top: 20px; } 
    .mySwiper01 .slide_card .text h3 { font-size: 20px; } 
    .mySwiper01 .slide_card .text p { font-size: 14px; } 
    .mySwiper01 .slide_card .text { box-shadow: none; }

    .brand_best_slider {overflow: hidden; width: auto; margin: 0 -20px; padding: 10px 20px 28px;}
    .brand_best_swiper {overflow: visible; padding: 0 0 20px;}
    .brand_best_slider .swiper-slide {width: 300px; height: auto; padding: 0 0 57px; box-shadow: none;}
    .brand_best_img img {width: 300px; height: 88px;}
    .brand_best_slider .product_list {flex-flow: column; width: auto;}
    .brand_best_slider .product_list .img {width: 110px !important; margin-right: 12px; margin-bottom: 0;}
    .brand_best_slider .product_list li {width: auto; margin-top: 15px;}
    .brand_best_slider .product_list li + li {margin-left: 0; margin-top: 15px;}
    .brand_best_slider .product_list li a {display: flex; align-items: flex-start; margin-bottom: 0;}
    .brand_best_slider .product_list li a .pro_name {flex: 1;}
    .brand_best_slider .product_list li .heart {left: 86px; top: 6px; width: 18px !important; height: 18px !important; background-size: 18px !important;}
    .brand_best_slider .product_list + a {width: 100%; left: 0; bottom: 0; margin-top: 15px;}

    .section_card {flex-flow: column; margin: 0 -20px; padding: 40px 20px 30px;}
    .section_card .left {width: 100%; margin-right: 0;}
    .section_card .left h2 {height: 46px; margin-bottom: 12px; font-size: 18px;}
    .section_card .left .img, .section_card .left img {width: 100%; height: 64vw;}
    .section_card .left .card_btn {height: 42px; border-width: 1px;}
    .section_card .rig {margin-right: -20px; }
    .section_card .product_list {overflow-x: auto; width: auto; height: auto; padding-right: 12px;}
    .section_card .product_list li {width: 104px; margin-top: 16px;}
    .section_card .product_list .img {width: 104px !important; height: 104px !important; margin-bottom: 8px; margin-right: 0;}
    .section_card .product_list .img img {height: auto;}
    .section_card .product_list li + li {margin-top: 16px; }
    .section_card .product_list a {flex-flow: column;}
    .section_card .product_list .pro_name > span:first-child {font-size: 12px;}
    .section_card .product_list .pro_name p {width: auto; margin: 2px 0 4px; font-size: 13px; white-space: normal;}
    .section_card .product_list .pro_name .rate, .section_card .product_list .pro_name .review_count, .section_card .product_list .pro_name .day_delivery {display: none;}
    .section_card .product_list .pro_name .discount strong, .section_card .product_list .pro_name .discount .percent {margin-right: 0; font-size: 15px;}
    .section_card .product_list li .heart {left: auto; right: 6px; top: 6px; width: 15px!important; height: 15px!important; background-size: 15px !important;}
}

/* 마이페이지 */
.region_box ul li a strong + span {color: #fff !important}
.tabcont_wrap {margin-bottom: 0;}
.mypage_main { padding: 60px 0 100px;}
.mypage_cont {margin-top: 54px;}
.mypage_top_r {background-color: #E3EFFF;}
.mypage_top_r .inner span {font-size: 20px;}
.mypage_top_r .inner strong {margin-top: 10px; font-size: 28px; font-weight: 600;}
.mypage_top_r .inner_rig {flex: 1; margin-right: 60px;}
.mypage_top_r .inner_rig p {font-size: 20px; line-height: 130%;}
.mypage_top_r .inner_rig p + p {margin-top: 18px; padding-top: 18px; border-top: 1px solid #ccc;}
.mypage_top_r .inner_rig p strong {float: right; font-size: 26px; font-weight: 600; }
.mypage_banner {margin: -44px 0 30px;}
.mypage_banner a {display: block; padding: 12px 0; color: #fff; font-size: 18px; font-weight: 500; line-height: 130%; text-align: center; border-radius: 10px; background-color: #616161;}
.mypage_banner a p {display: inline-block; padding-right: 20px; background: url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right center; background-size: 7px;}
.mypage_banner p > span {display: inline-block; margin-right: 4px; padding: 2px 6px; font-size: 12px; font-weight: 600; line-height: 130%; vertical-align: 1px; border-radius: 60px; background-color: #68A5FE;}
.mypage_banner strong {color: #8BBAFF; font-weight: 600;}
.animal_list {margin-bottom: 40px;}
.mypage_cont .rig h2 {display: block; padding-bottom: 0; border: 0;}
.mypage_cont .rig h2.border_none {margin-bottom: 30px;}
.mypage_cont .rig h2.border {padding-bottom: 14px; border-bottom: 2px solid #E3E3E3;}
.inner_wrap {display: flex; justify-content: center; width: 577px;}
.inner_wrap .inner {width: 163px; color: #343434; border-left: 1px solid #ccc;}
.wish_area {position: relative;}
hr.line {display: none;}
.mypage_empty {display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; margin-top: -60px;}
.tabContent .mypage_empty, .tabContent2 .mypage_empty {margin-top: 150px;}
.point_area .mypage_empty {margin-top: 100px;}
.review_count + .btn_line + .mypage_empty {margin-top: 100px;}
.mypage_empty img {width: 174px; opacity: .5;}
.mypage_empty p {margin: 20px 0 24px; font-weight: 500; font-size: 20px; line-height: 130%;}
.mypage_empty a {height: 38px; padding: 10px 32px 0 18px; border-radius: 60px; background:#68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 16px center; background-size: 14px;}
.point_area + .mypage_empty {margin-top: 90px;}
.money_head + .mypage_empty {margin-top: 30px;}

.coupon_renewal {margin-bottom: 20px; margin-top: 40px;}
.coupon_zone {overflow: hidden; position: relative; display: flex; height: 280px; padding: 44px 0 52px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 16px;}
.coupon_zone > div {width: 485px;}
.coupon_zone .left {padding-left: 80px; margin-top: 0; border-right: 1px dashed #B3B3B3; border-top: 0;}
.coupon_zone .left > p strong {display: block; font-weight: 600; font-size: 24px; line-height: 140%;}
.coupon_zone .left > p span {margin-top: 8px; line-height: 140%;}
.coupon_zone .left .inner {display: flex; margin-top: 36px;}
.coupon_zone .left .inner p:first-child {margin-right: 44px;}
.coupon_zone .left .inner p > span {display: block; margin-bottom: 4px; font-weight: 500; font-size: 14px; line-height: 150%; opacity: .5;}
.coupon_zone .left .inner p:first-child strong {font-weight: 500; font-size: 18px; line-height: 150%;}
.coupon_zone .left .inner p:last-child strong {display: flex; font-weight: 400; font-size: 18px; line-height: 150%;}
.coupon_zone .left .inner p:last-child strong em {margin-right: 2px; font-weight: 600;}
.coupon_zone .left .inner p:last-child strong span {margin-left: 2px;}
.coupon_zone.complete::before {content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(256, 256, 256, 0.6);}
.coupon_zone.complete::after {content: ''; z-index: 1; position: absolute; right: 30px; bottom: 20px; width: 168px; height: 168px; background: url(https://img.lifet.co.kr/icon/coupon_complete.png) no-repeat center; background-size: 168px;}
.stemp_renewal {display: flex; flex-wrap: wrap; justify-content: center;}
.stemp_renewal li {position: relative; margin: 0 32px 20px 32px;}
.stemp_renewal li > span {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; color: #ccc; font-weight: 500; font-size: 24px; line-height: 150%; border-radius: 50%; border: 1.7px dashed #ccc;}
.stemp_renewal li .check_on {display: none;}
.stemp_renewal li.active .check_on {display: flex; flex-flow: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%;  margin-left: -30px; width: 60px; height: 60px; color: #fff; border-radius: 50%; background-color: #68A5FE;}
.stemp_renewal li.active .check_on .date {font-size: 12px; line-height: 120%;}
.stemp_renewal li.active .check_on strong {font-size: 12px; font-weight: 600; line-height: 130%;}
.stemp_renewal li.active .check_on .name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: -26px; width: 100%; line-height: 130%; color: #343434; text-align: center; background-color: #fff;}
.stemp_renewal li:first-child::after {content: '체크시작'; display: block; margin-top: 6px; color: #ccc; font-weight: 600; font-size: 14px; line-height: 130%; text-align: center;}
.stemp_renewal li:last-child::after {content: '쿠폰지급'; display: block; margin-top: 6px; color: #ccc; font-weight: 600; font-size: 14px; line-height: 130%; text-align: center;}
.stemp_renewal li:last-child span {text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/icon_coupon_g.svg) no-repeat center;}
.stemp_renewal li:last-child.active .check_on {display: none;}
.stemp_renewal li:last-child.active span {border: 0; background-color: #68A5FE; background-image: url(https://img.lifet.co.kr/icon/icon_coupon_w.svg);}
.stemp_renewal li:last-child.active::after {color: #68A5FE;}


@media (max-width: 767px) {
    .mypage_cont .rig.total_check {margin-bottom: 0;}
    .mypage_cont {margin-top: 0;}
    .mypage_main {margin: 0; padding: 0 0 0;}
    .mypage_top {display: none; padding-top: 30px;}
    .mypage_main .mypage_top {display: block; padding-top: 20px;}
    .inner_wrap {width: 100%; justify-content: space-between; align-items: center;}
    .inner_wrap .inner {width: auto; border: 0;}
    .mypage_main .use__.m {color: #343434; font-size: 20px; font-weight: 600;}
    .mypage_main .use__.m b {font-weight: 600;}
    .mypage_top_r {height: 95px; padding: 24px 25px;}
    .mypage_top_r.none, .mypage_cont .rig h2.none {display: none;}
    .mypage_top_r .inner_rig {display: none;}
    .mypage_top_r .inner span {font-size: 14px; font-weight: 500;}
    .mypage_top_r .inner strong {margin-top: 6px; font-size: 16px;}
    .mypage_banner {margin: -14px 0 24px;}
    .mypage_banner a {padding: 10px 0; font-size: 16px;}
    .mypage_banner p {padding-right: 17px;}
    .mypage_banner p > span {margin-right: 5px;}
    .mypage_banner p > span span {display: none;}
    .mypage_cont .rig h2 {margin-top: 14px; margin-bottom: 0; font-size: 16px; font-weight: 600;}
    .wish_area {display: none;}
    .mypage_cont .rig h2.border {margin-bottom: 0; padding: 0; border: 0;}
    .new_pet {display: none;}
    .animal_list {margin-bottom: 24px; padding-top: 0;}
    .animal_list > div {margin-top: 10px;}
    hr.line {display: block; margin: 0 -20px; height: 14px; border:0; background-color: #F4F4F4;}
    .my_shopping {display: block; margin-bottom: 0; padding: 20px 0 0;}
    .my_shopping .top {display: flex; height: 89px; margin-top: 10px; padding: 16px 0 10px 0; border: 1px solid #E6E6E6; border-radius: 10px 10px 0px 0px;}
    .my_shopping .bottom {display: flex; padding: 15px 0 15px 0; border: 1px solid #E6E6E6; border-top: 0; border-radius: 0 0 10px 10px;}
    .my_shopping .inner {position: relative; width: 50%;}
    .my_shopping .inner:first-child {padding-left: 20px;}
    .my_shopping .inner + .inner {border-left: 1px solid #E6E6E6;}
    .my_shopping .top .inner + .inner {padding-left: 12px;}
    .my_shopping .bottom .inner + .inner {padding-left: 20px;}
    .my_shopping .top .inner a {display: block; position: absolute; left: 20px; top:0; width: calc(100% - 20px); height: 100%;}
    .my_shopping .inner span {font-weight: 500; font-size: 16px; line-height: 130%;}
    .my_shopping .inner em span {font-size: 12px;}
    .my_shopping .top em {position: absolute; bottom: 27px; right: 12px; font-size: 12px; font-weight: 500;}
    .my_shopping .top strong {position: absolute; right: 0; bottom: 3px; font-weight: 600; font-size: 18px; line-height: 130%;}
    .my_shopping .top .inner:first-child strong {right: 12px;}
    .my_shopping .top .inner + .inner strong {right: 20px;}
    .my_shopping .bottom strong {float: right; margin-right: 20px; font-weight: 700; font-size: 16px; line-height: 130%;}
    .mypage_cont .left ul li {display: flex; flex-wrap: wrap; margin-bottom: 0; padding: 28px 0 8px; border-top: 1px solid #E3E3E3;}
    .mypage_cont .left ul li:first-child {padding-top: 0; border-top: 0;}
    .mypage_cont .left ul li span {width: 100%; padding: 0; margin-bottom: 16px; color: #999; font-weight: 400; font-size: 14px; line-height: 130%;border: 0;}
    .mypage_cont .left ul li a {position: relative; width: 100%; margin-bottom: 20px; font-size: 16px; font-weight: 500;}
    .mypage_cont .left ul li a::after {content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat; background-size: 20px; transform: rotate(-90deg);  opacity: 50%;}
    .mypage_empty {height: 86vh; margin-top: 0;}
    .mypage_empty img {width: 160px;}
    .tabContent .mypage_empty, .tabContent2 .mypage_empty {margin-top: -24px;}
    .point_area + .mypage_empty {margin-top: -50px; height: 62vh;}
    .review_count + .btn_line + .mypage_empty {margin-top: 0; width: 100%; height: 68vh;}
    .money_head + .mypage_empty {height: 34vh; margin-top: 0;}
    .total_num + .mypage_empty {height: 86vh;}

    .coupon_renewal {margin-top: 20px;}
    .coupon_renewal + div {padding-bottom: 48px;}
    .coupon_renewal > .m {margin-top: 13px; font-weight: 600; font-size: 20px; line-height: 140%;}
    .coupon_zone {flex-flow: column; height: auto; margin-top: 20px; padding: 23px 30px 4px; border: 1px solid #fff;}
    .coupon_zone > div {width: auto;}
    .coupon_zone .left > p {display: none;}
    .coupon_zone .left {margin-bottom: 20px; padding-left: 0; border-right: 0; border-bottom: 1px dashed #ccc;}
    .coupon_zone .left .inner {margin-top: 0; padding-bottom: 22px;}}
    .stemp_renewal li {display: flex; flex-flow: column; align-items: center; width: calc(100% / 3 - 30px); margin: 0 15px 20px;}
    .coupon_zone.complete::after {width: 142px; height: 142px; right: 16px; bottom: 15px; background-size: 142px;}
    .coupon_zone .left .inner p:first-child strong, .coupon_zone .left .inner p:last-child strong {font-size: 16px;}
    .coupon_zone .left .inner p > span {margin-bottom: 2px;}

}

/* 주문/배송,교환,반품,취소 */
.order .mypage_cont .rig h2 {font-size: 24px;}
.order_wrap {margin-top: 50px;}
h2 + .order_wrap {margin-top: 0;}
.order_wrap .date {margin-bottom: 12px; font-weight: 500; font-size: 18px; line-height: 130%;}
.order_wrap .date > span {margin-left: 14px;}
.order_wrap .date button {float: right; color: #666; font-size: 16px; font-weight: 500; line-height: 130%;}
.order_wrap .date button::after {content:''; display: inline-block; width: 20px; height: 20px; vertical-align: top; background: url(https://img.lifet.co.kr/icon/arrow_right.svg) no-repeat center; background-size: 20px;}
.order_list {border-top: 1px solid #E6E6E6;}
.order_list li {display: flex; justify-content: center; flex-wrap: wrap; padding-left: 14px;border-bottom: 1px solid #E6E6E6;}
.order_list li .inner {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex: 1; padding: 30px 0; text-align: center;}
.order_list li .inner:first-child > a {display: flex; width: 556px; text-align: left;}
.order_list li .inner:first-child > a + a {margin-top: 30px; padding-top: 30px; border-top: 1px solid #E6E6E6;}
.order_list li .inner:nth-child(2) {flex-flow: column; font-weight: 500; font-size: 18px; line-height: 130%; border: 1px solid #E6E6E6; border-width: 0 1px; }
.order_list li .inner:nth-child(3) {flex-flow: column; padding: 0;}
.order_list li .inner:nth-child(3) a {width: 136px; margin: 3px 0; padding: 10px 0;}
.order_list li .inner .stock_quantity {font-size: 12px;}
.order_list .thumbnail {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin-right: 24px; text-align: center; border-radius: 4px;}
.order_list .thumbnail img {max-height: 120px;}
.order_list .info > * {display: block;}
.order_list .info > span {color: #808080; font-weight: 500; font-size: 13px; line-height: 130%;}
.order_list .info p {color: #808080; font-size: 13px; line-height: 130%;}
.order_list .info p.date {margin-top: 16px; color: #343434; font-size: 14px;}
.order_list .info p > span {display: block; margin-top: 2px;}
.order_list .info p > span span::before {content: '/ '; padding-left: 4px;}
.order_list .info strong {width: 380px; margin: 4px 0 22px; font-weight: 500; font-size: 15px; line-height: 130%;}
.order_list li .inner:nth-child(2) strong {display: block; margin-bottom: 10px;font-weight: 600; font-size: 18px; line-height: 130%;}
.order_list li .inner:nth-child(2) .invoice {margin-top: -2px; font-size: 14px;}
.order_list li .inner:nth-child(2) p span {font-size: 16px; font-weight: 400;}
.order_list li .inner:nth-child(3) strong {display: block; font-weight: 600; font-size: 18px; line-height: 130%;}
.invoice {display: block; margin-top: 8px; color: #808080; font-size: 14px; font-weight: 400; line-height: 130%;}
.order h3 {margin-top: 50px; padding-bottom: 14px; font-weight: 700; font-size: 20px; line-height: 130%; border-bottom: 2px solid #E3E3E3;}
.arrow_up {padding-top: 14px; cursor: pointer; border-top: 2px solid #E3E3E3}
.arrow_up::after {content: '';display: inline-block; width: 22px; height: 22px; margin-left: 9px; vertical-align: top; background: url(https://img.lifet.co.kr/icon/arrow_up.svg) no-repeat center;}
.arrow_up.open::after {transform: rotate(180deg); vertical-align: middle;}
.order_detail, .order_detail2 {padding: 14px 0; border-bottom: 1px solid #E3E3E3;}
.order_detail p, .order_detail2 p {padding: 12px 0; font-size: 16px;}
.order_detail2 + p.bullet {margin-top: 20px; margin-left: 20px; color: #808080; text-indent: -23px;  line-height: 150%;}
.order_detail p span, .order_detail > div > span {display: inline-block; width: 190px; padding-left: 50px; font-size: 16px; font-weight: 500; color: #808080;}
.order_detail > div {display: flex; padding: 14px 0; border-bottom: 1px solid #E3E3E3;}
.order_detail > div p {padding: 9px 0 0; color: #666; font-size: 12px; line-height: 150%;}
.order_detail > .first {align-items: center; padding-top: 0;}
.order_detail > .first div {margin: 5px 0;}
.order_detail > .first div strong {font-weight: 500; font-size: 16px; line-height: 150%;}
.order_detail > .first div strong:first-child {margin-right: 146px;}
.order_detail select {width: 225px; height: 38px; padding: 10px 18px; color: #808080; font-size: 14px; font-weight: 400; vertical-align: top; border-radius: 6px;}
.order_detail input[type="text"] {width: 392px; margin-right: 14px; margin-left: 6px;}
.send_back > p {padding: 0;}
.send_back > div > span, .send_back > p span {margin: 12px 0;}
.send_back > div > span, .send_back p span {width: 229px;}
.send_back > .second {margin-bottom: 14px; padding: 0;}
.send_back > .second div {margin: 12px 0; padding-bottom: 9px;}
.send_back dl dt {margin-bottom: 10px; font-weight: 600; font-size: 16px; line-height: 150%;}
.send_back dl dd {margin-top: 6px; color: #E94061;}
.send_back dl dd span {font-weight: 600;}
.send_back dl dd.bullet:last-child {color: #343434;}
.send_back dl dd.bullet:last-child::before {background-color: #343434;}
.order_detail p strong {font-weight: 500; font-size: 16px;}
.order_detail2 p span {display: inline-block; width: 190px; padding-left: 50px; font-weight: 500;}
.order_detail2 .top {display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #E3E3E3;}
.order_detail2 .top p {width: 50%; font-size: 15px; font-weight: 400;}
.order_detail2 .top p span {font-weight: 500; font-size: 15px;}
.order_detail2 .top p strong {font-weight: 400; font-size: 15px;}
.order_detail2 .top p:first-child * {font-weight: 600; font-size: 16px;}
.order_detail2 .bottom p, .order_detail2 .bottom p strong {font-weight: 500; font-size: 16px;}
.order_detail2 .bottom p:first-child span {font-weight: 600;}
.order_detail2 .bottom p:first-child strong {font-weight: 700;}
.order_wrap.details .order_list .info p > span {display: none;}
.cancle_area {width: 100%; margin-left: -30px; font-weight: 500; font-size: 14px; line-height: 150%; /* border-bottom: 1px solid #E6E6E6; */}
.order_wrap.details .order_list li .cancle_area {display: none;}
.order_wrap.details .order_list li:last-child  .cancle_area {display: block;}
.cancle_area p {padding: 13px 0 13px 20px; border-top: 1px solid #E6E6E6;}
.cancle_area span::before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 20px; vertical-align: -2px; background-color: #B3B3B3;}
.cancle_txt {border-bottom: 0;}
.cancle_txt p {padding-left: 0; color: #808080; font-weight: 400;}
/* .order_list.cancle li {padding-left: 0;} */
.order_list.cancle li input[type="checkbox"] {position: absolute; top: 0; width: 24px; height: 24px; margin-left: -14px; margin-right: 16px; background-size: 24px;}
.order_list.cancle li .inner {flex-wrap: initial; justify-content: flex-start; align-items: flex-start;}
.order_list.cancle li .inner:nth-child(2) {justify-content: center; align-items: center; border-right: 0;}
.order_list.cancle li .inner:nth-child(2) span {font-weight: 400; font-size: 16px;}
.order_list.cancle li .inner:first-child > a {position: relative; width: 739px;}
.order_list.cancle .thumbnail {margin-left: 26px;}
/* .order_list.cancle li:last-child {border-bottom: 0;} */
.cancle_cause {display: flex; flex-wrap: wrap;}
.cancle_cause .left_ {width: 229px; padding: 14px 0; font-weight: 600; font-size: 16px; line-height: 150%; border-bottom: 1px solid #E3E3E3;}
.cancle_cause .left_ span {display: inline-block; padding-left: 50px; padding-top: 12px;}
.cancle_cause .right_ {position: relative; width: 741px; padding: 14px 0; border-bottom: 1px solid #E3E3E3;}
.cancle_cause ul {display: flex; flex-wrap: wrap;}
.cancle_cause ul li {position: relative; width: 50%; padding: 14px 0;}
.cancle_cause ul li label {padding-left: 30px; font-weight: 500; font-size: 15px; line-height: 135%;}
.cancle_cause ul li label span {font-weight: 600;}
.cancle_cause ul li input[type="radio"] {z-index: 1; position: absolute; width: 16px; height: 16px; opacity: 0;}
.cancle_cause ul li label::before {content: ''; position: absolute; left: 0; top: 15px; display: inline-block; width: 14px; height: 14px; vertical-align: -2px; border-radius: 50%; border: 1px solid #ccc; background-color:  #F7F7F7;}
.cancle_cause ul li input[type="radio"]:checked + label::before {width: 8px; height: 8px; border-width: 4px; border-color: #68A5FE;}
.text_area {overflow: hidden; position: relative; width: 692px; margin: 12px 0;  padding-bottom: 30px; border: 1px solid #D2D2D2; border-radius: 8px; background-color: #F9F9F9;}
.cancle_cause textarea {width: 690px; height: 89px;padding: 15px 16px; background-color: #F9F9F9;}
.text_area .byte, .text_input .byte {position: absolute; right: 16px; bottom: 15px; color: #494949;}
.order .btn-area {margin-top: 80px; text-align: center;}
.order .btn-area button {width: 188px; height: 48px; font-weight: 600; font-size: 16px; line-height: 24px;border-radius: 60px;}
.order .btn-area button + button {margin-left: 8px;}
.order .btn-area .btn_cancle {color: #5B5B5B; background-color: #EAEAEA;}
.cancle_cause .upload {margin-bottom: 14px; margin-top: 12px;}
.photo {display: flex; margin-bottom: 12px;}
.photo label {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 12px; border-radius: 8px; cursor: pointer; background-color: #F1F1F1;}
.photo label img {width: 37px;}
.cancle_cause .upload p {margin-top: 8px; color: #808080;}
.cancle_cause .upload .inner {position: relative;}
.upload_pic2 {display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 8px;}
.upload_pic2 img {position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%);}
.upload_pic2 .del {position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat; background-size: 100%;}

/* 리뷰 */
.consult__tab2 a span {margin-left: 4px;}
.point_area {margin: 20px 0 22px; padding: 30px 0; font-weight: 500; font-size: 18px; line-height: 130%; text-align: center; border-radius: 12px; background: #F4F4F4;}
.point_area p {margin-top: 8px; color: #666; font-weight: 400; font-size: 18px; line-height: 130%;}
.point_area p br {display: none;}
.point_area span {font-weight: 600;}
.order_list.review li .inner:first-child > a {width: 754px;}
.order_list.review .thumbnail {margin-right: 25px;}
.order_list.review li .inner:nth-child(2) .btn_line {width: 136px; padding: 10px 0;}
.order_list.review li .inner:nth-child(2) {flex-flow: column; justify-content: center; align-items: center; padding-right: 48px; border: 0;}
.order_list.review li .inner:nth-child(2) > span {margin-top: 10px; font-size: 12px; line-height: 130%; width: 155px; word-break: keep-all;}
.order_list.review li .inner:nth-child(2) p {display: flex; align-items: center; margin-top: 12px;}
.order_list.review li .inner:nth-child(2) p .d_day {margin-right: 8px; padding: 4px 8px; color: #fff; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #68A5FE;}
.order_list.review li .inner:nth-child(2) p .point { font-size: 14px; line-height: 130%;}
.order_list.review li .inner:nth-child(2) .blue {font-weight: 600; font-size: 14px;}
.order_list.review li .inner:nth-child(2) a.gray + span {font-size: 12px;}
.order_list.review .inner {align-items: flex-start; flex: auto; justify-content: flex-start;}
.order_list.review .inner .info {width: 569px; text-align: left;}
.order_list.review .inner .info strong {margin: 4px 0 8px;     font-size: 16px;}
.paging {display: flex;}
.lifet_only .paging {margin-top: 80px;}
.paging a {width: 25px; height: 25px; font-size: 14px; border: 1px solid #E3E3E3; border-radius: 4px;}
.paging a.on {color: #fff; font-weight: 500; border-color: #999; background-color: #999;}
.paging span {overflow:hidden; text-indent: -9999px;}
.paging span:first-child {margin-right: 27px; background: url(https://img.lifet.co.kr/icon/paging_arrow.svg) no-repeat center;}
.paging span:last-child {margin-left: 27px; transform: rotate(180deg); background: url(https://img.lifet.co.kr/icon/paging_arrow.svg) no-repeat center;}
.review_count {margin-top: 30px; font-weight: 600; font-size: 16px; line-height: 130%;}
.review_count + .btn_line {float: right; margin-top: -33px; padding: 8px 12px; font-weight: 600; border-radius: 6px;}
.review_list > ul {margin-top: 14px; border-top: 1px solid #E6E6E6;}
.review_list > ul > li {position: relative; padding: 24px 0 24px 20px; border-bottom: 1px solid #E6E6E6}
.review_list > ul > li .top {display: flex;}
.review_list > ul > li .thumbnail {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 17px; border-radius: 4px;}
.review_list > ul > li .thumbnail img {max-height: 80px;}
.review_list > ul > li .info > span {color: #808080; font-weight: 500;}
.review_list > ul > li .info strong {display: block; margin: 4px 0 6px; font-weight: 500; font-size: 16px; line-height: 130%;}
.review_list > ul > li .info p {color: #808080;}
.review_list > ul > li .date {position: absolute; top: 24px; right: 20px;}
.repeat_purchase {display: inline-flex; align-items: center; height: 20px; margin-left: 6px; padding: 0 5px; color: #fff; font-size: 10px; font-weight: 500; line-height: 150%; letter-spacing: -0.6px; border-radius: 20px; background-color: #68A5FE;}
.star_socre {display: flex; align-items: center; width: auto; margin: 16px 0 17px;}
.star_socre .star, .best_review .star {width: 100px; height: 20px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat; background-size: 100px;}
.star_socre .star span, .best_review .star span {display: inline-block; height: 20px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat left -20px; background-size: 100px;}
.star_socre > span {margin-left: 10px; color: #4D4D4D; line-height: 130%;}
.star_socre strong {margin-left: 14px; font-weight: 600; font-size: 16px; line-height: 130%;}
.review_list ul li button {display: flex; align-items: center; padding-top: 0; font-weight: 500; line-height: 130%; border-top: 0;}
.review_list ul li .arrow_up::after {margin-left: 4px; transform: rotate(0); background-image: url('https://img.lifet.co.kr/icon/drop down.svg');}
.review_list ul li .arrow_up.open::after {transform: rotate(180deg);} 
.review_cont {display: none;}
.review_cont p {margin: 14px 0; line-height: 130%;}
.review_cont ul {display: flex;}
.review_cont ul li .thumbnail {overflow: hidden; width: 80px; height: 80px; margin-right: 8px;}
.review_cont ul li .thumbnail img {max-height: 80px;}
.tabContent2 {display: none;}
.point_wrap {width: 220px; margin-top: -3px;}
.starpoint_box {position:relative; width: 220px; height: 44px; background:url("https://img.lifet.co.kr/icon/star_point.svg") 0 0 no-repeat; font-size:0; background-size: 220px;}
.starpoint_box .starpoint_bg {display:block; position:absolute; top:0; left:0 ;height:44px; background:url(https://img.lifet.co.kr/icon/star_point.svg) 0 -44px no-repeat; pointer-events:none; background-size: 220px;}
.starpoint_box .label_star {display:inline-block; width:44px; height:44px; box-sizing:border-box; cursor: pointer;}
.starpoint_box .star_radio { position:absolute; opacity:0; width:0; height:0;}
.starpoint_box .star_radio:nth-of-type(1):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(1):checked ~ .starpoint_bg {width:20%;}
.starpoint_box .star_radio:nth-of-type(2):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(2):checked ~ .starpoint_bg {width:40%;}
.starpoint_box .star_radio:nth-of-type(3):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(3):checked ~ .starpoint_bg {width:60%;}
.starpoint_box .star_radio:nth-of-type(4):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(4):checked ~ .starpoint_bg {width:80%;}
.starpoint_box .star_radio:nth-of-type(5):hover ~ .starpoint_bg,
.starpoint_box .star_radio:nth-of-type(5):checked ~ .starpoint_bg {width:100%;}

.modal-dialog .content-area {overflow: hidden; max-width: none; width: auto; padding: 60px 0 0; text-align: left;}
.modal-dialog .content-area #kakaoMap, .delivery_iframe {width: 600px; height: 600px; border: 0;}
#suggestionPop .content-area {width: 550px;}
.modal-dialog.counsel_pop2 .head {height: auto; border-bottom: 0;}
.counsel_cont2 {padding-bottom: 50px; text-align: center;}
.modal-dialog .head {position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 100%; height: 60px; padding-left: 30px; font-weight: 600; font-size: 18px; line-height: 130%; border-bottom: 1px solid #ccc;}
.contentWrap {padding: 30px;max-height: 80vh; overflow-y: auto;}
.coupon_pop .contentWrap {max-height: 606px; padding: 0 20px 30px 20px;}
.modal-dialog .coupon_pop .head {justify-content: center; align-items: flex-start; height: 65px; padding: 15px 0 0; font-size: 20px; border: 0;}
.coupon_pop .contentWrap > p {font-size: 16px; font-weight: 500; line-height: 150%;}
.coupon_pop .contentWrap p + p {margin-top: 4px; line-height: 130%; color: #808080; font-size: 14px; font-weight: 400;}
.coupon_pop ul {overflow-y: scroll; width: 350px; max-height: 436px; margin: 16px 0; margin-right: -12px;}
.coupon_pop ul li {position: relative; height: 122px; margin-bottom: 0;  padding: 16px 20px; border-radius: 8px; border: 1px solid #E5E5E5; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.coupon_pop ul li + li {margin-top: 10px;}
.coupon_pop ul li.disable {opacity: .4; background-color: #E8E8E8; border: 0;}
.coupon_pop ul li strong {display: block; margin-bottom: 4px; font-size: 20px; font-weight: 700; line-height: 130%;}
.coupon_pop ul li label span {display: block; margin-bottom: 8px; color: #666; line-height: 130%;}
.coupon_pop ul li p + p, .coupon_pop ul li p:last-child {position: absolute; bottom: 16px;}
.coupon_pop .contentWrap ul li p {margin-top: 2px; color: #808080; font-size: 12px;}
.coupon_pop ul li p span {margin: 0 9px;}
.coupon_pop ul::-webkit-scrollbar {-webkit-appearance: none;}
.coupon_pop ul::-webkit-scrollbar:vertical {width: 13px;}
.coupon_pop ul::-webkit-scrollbar-thumb {border-radius: 8px; border: 4px solid white; background-color: #EBEBEB;}
.no_coupon {display: flex; justify-content: center; align-items: center; height: 297px; font-size: 16px; line-height: 130%;}
.coupon_pop .banner {overflow: hidden; position: relative; width: 350px; padding: 26px 0 26px 20px; border-radius: 8px; background-color: #F2F1F2;}
.coupon_pop .banner p {font-weight: 600; font-size: 18px; line-height: 130%;}
.coupon_pop .banner p span {color: #68A5FE; font-weight: 700;}
.coupon_pop .banner img {position: absolute; right: 20px; bottom: -14px; width: 134px;}
.coupon_pop .contentWrap .btn_blue {height: 43px; margin-top: 0; font-size: 16px;}
.modal-dialog input[type="text"] {width: 100%; height: 48px; background-color: #F9F9F9;}
.review_pop .top {display: flex;}
.review_pop .top .thumbnail {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 15px; background: #F1F1F1; border-radius: 4px;}
.review_pop .top .thumbnail img {max-height: 80px; }
.review_pop .top .info {flex: 1;}
.review_pop .top .info > span {color: #808080; font-size: 13px;}
.review_pop .top .info strong {display: block; margin-top: 6px; font-weight: 500; font-size: 14px; line-height: 130%;}
.contentWrap .title {margin: 26px 0 8px; font-weight: 600; font-size: 16px; line-height: 130%; text-align: left;}
.contentWrap .title + p {line-height: 130%;}
.contentWrap .title + p span {color: #68A5FE; font-weight: 600;}
.contentWrap .title:first-child {margin-top: 0;}
.contentWrap .title span {margin-left: 6px; color: #999; font-weight: 500; font-size: 14px;}
.contentWrap .title span.blue {margin-left: 0;}
.contentWrap select {width: 100%; height: 48px; padding: 14px 16px; font-weight: 500; font-size: 16px; line-height: 130%; border-radius: 8px;}
.contentWrap .text_area {width: 100%; height: 144px;}
.contentWrap .text_area textarea {height: 114px;}
.contentWrap .text_area .byte, .contentWrap .text_input .byte {font-size: 12px;}
.contentWrap .btn_blue {width: 100%; height: 52px; margin-top: 30px; font-size: 18px; border-radius: 60px;}
.contentWrap .note {margin: 30px -30px -30px; padding: 24px 37px 28px 44px; background-color: #EFEFEF;}
.contentWrap .note .title {margin: 0 0 10px;}
.contentWrap .note p {margin-bottom: 8px; margin-left: 23px; color: #808080; font-size: 13px; text-indent: -23px; line-height: 130%; text-align: left;}
.contentWrap .note p::before {content: '';  display: inline-block;  width: 3px;  height: 3px;  margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor;}
.contentWrap .photo + p {margin-top: 10px; margin-left: 24px; color: #808080; font-size: 13px; text-indent: -24px;}
.product_inquery > ul > li {position: relative; padding-bottom: 0;}
.product_inquery > ul > li .top {flex-wrap: wrap; cursor: pointer;}
.product_inquery > ul > li .top .info {width: 709px;}
.product_inquery .state {position: absolute; top: 50px; right: 23px; color: #808080; font-weight: 500;}
.product_inquery .state.blue {font-weight: 700;}
.product_inquery .subject {width: 100%; margin: 22px 0 18px; font-weight: 600; font-size: 16px; line-height: 130%;}
.product_inquery .subject img {vertical-align: -4px;}
.product_inquery .subject span {margin-right: 10px; color: #68A5FE; font-weight: 700; font-size: 16px; line-height: 130%;}
.product_inquery .answer {display: none; margin-left: -20px; padding: 30px; font-size: 14px; background-color: #FAFAFA;}
.product_inquery .answer > div, .direct_inquery .answer > div {margin-left: 26px; text-indent: -26px; line-height: 130%;}
.direct_inquery .answer > div {white-space: pre-line;}
.product_inquery .answer .q span, .product_inquery .answer .a span {margin-right: 12px; color: #68A5FE; font-weight: 700;}
.product_inquery .answer .q {margin-bottom: 20px;}
.product_inquery > ul > li .answer .date {position: static; margin: 30px 0 0 52px; color: #808080;}
.product_inquery .del {position: absolute; right: 20px; top: 88px;}
.direct_inquery { margin-top: 21px;}
.direct_inquery .subject {display: flex;; border-top: 1px solid #E3E3E3; background-color: #FAFAFA;}
.direct_inquery .subject span {padding: 14px 0; font-weight: 600; font-size: 15px; line-height: 130%; text-align: center;}
.direct_inquery .subject span:nth-child(1), .direct_inquery ul li .inner:nth-child(1) {display: inline-block; width: 630px;}
.direct_inquery .subject span:nth-child(2), .direct_inquery ul li .inner:nth-child(2) {display: inline-block; width: 140px;}
.direct_inquery .subject span:nth-child(3), .direct_inquery ul li .inner:nth-child(3) {display: inline-block; width: 140px;}
.direct_inquery > ul {border-bottom: 1px solid #E3E3E3;}
.direct_inquery ul li .top {display: flex; align-items: center; height: 46px; cursor: pointer;}
.direct_inquery ul li .inner {font-weight: 500; text-align: center;}
.direct_inquery ul li .inner:nth-child(1) {display: flex; padding-left: 30px; text-align: left;}
.direct_inquery ul li .inner:nth-child(2) {color: #808080;}
.direct_inquery ul li .inner:nth-child(3) {color: #808080; font-weight: 500;}
.direct_inquery ul li .inner:nth-child(3).blue {font-weight: 700;}
.direct_inquery ul li .inner:nth-child(4) {padding: 0;}
.direct_inquery ul li .inner strong {margin-right: 8px; font-weight: 600;}
.private input[type='checkbox'] {background-image: url(https://img.lifet.co.kr/icon/circle_check.png);}
.private input[type='checkbox']:checked {background-image: url(https://img.lifet.co.kr/icon/circle_checked.png);}
.private label {margin-left: 4px; font-weight: 500; font-size: 14px; vertical-align: -1px; line-height: 130%}
.product_inquery .del, .direct_inquery ul li .del {padding: 6px 10px; color: #808080; border: 1px solid #CCCCCC; border-radius: 6px;}
.direct_inquery .answer {display: none; padding: 30px; line-height: 130%; background-color: #FAFAFA;}
.direct_inquery .answer .q span:first-child, .direct_inquery .answer .a span:first-child {margin-right: 12px; color: #68A5FE; font-weight: 700;}
.photo_thum {display: flex; margin: 6px 0 30px 27px;}
.photo_thum li {overflow: hidden; width: 50px; height: 50px; margin-right: 4px; border-radius: 4px; background-color: #E0E0E0;}
.photo_thum li img {width: 50px; height: 50px; object-fit: cover;}
.cuopon_entry {position: relative; margin-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #E3E3E3;}
.cuopon_entry .tit {margin-bottom: 20px; font-weight: 600; font-size: 20px; line-height: 130%;}
.cuopon_entry input[type="text"] {width: 418px; height: 46px; margin-right: 6px; padding: 12px 0 12px 14px;}
.cuopon_entry input[type="text"]::placeholder {color: #BEBEBE; font-size: 16px; line-height: 150%;}
.cuopon_entry button {position: absolute; left: 428px; top: 45px; height: 48px; font-size: 16px;}
.cuopon_entry input + p {margin-top: 10px; color: #C23A2D; line-height: 140%;}
.cuopon_entry input + .confirmMsg:before {content: '*'; padding-right: 0.2em;}
.cuopon_list {display: flex; flex-wrap: wrap; margin-top: 30px; }
.cuopon_list li {position: relative; width: 476px; height: 224px; margin-left: 18px; margin-top: 20px; padding: 30px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 16px;}
.cuopon_list li:nth-child(odd) {margin-left: 0;}
.cuopon_list li .d-day {display: inline-block; padding: 6px 10px; color: #fff; font-weight: 600; font-size: 14px; line-height: 130%; background: #68A5FE; border-radius: 29px;}
.cuopon_list li strong {display: block; margin: 9px 0 6px; font-weight: 700; font-size: 24px; line-height: 130%;}
.cuopon_list li em {display: block; margin-bottom: 25px; color: #666; font-size: 16px; line-height: 130%;}
.cuopon_list li p {color: #666;}
.cuopon_list li .kind {position: absolute; right: 30px; top: 33px; color: #68A5FE; font-weight: 600; font-size: 18px; line-height: 130%;}
.order .coupon_area {margin: 30px 0 0;}
.order .coupon_area .bullet {margin-top: 10px; color: #7B7B7B; font-size: 15px; line-height: 130%;}
.order .coupon_area .coupon_slider {margin-bottom: 30px;}
.order .coupon_area .event_banner {max-width: 100%; margin-top: 70px; background-image: url(https://img.lifet.co.kr/banner/mypage_banner_bg.png);}
.text_input {overflow: hidden; position: relative; padding-right: 70px; border: 1px solid #D2D2D2; border-radius: 8px; background: #F9F9F9;}
.text_input input {width: 100%; height: 46px; border: 0; background-color: transparent;}

.selectBox__.type02 .list__::-webkit-scrollbar, #modal-guide .scroll::-webkit-scrollbar, .contentWrap::-webkit-scrollbar, .plan_agree .scroll::-webkit-scrollbar {width: 10px; background-color: transparent;}
.selectBox__.type02 .list__::-webkit-scrollbar-thumb, #modal-guide .scroll::-webkit-scrollbar-thumb, .contentWrap::-webkit-scrollbar-thumb, .plan_agree .scroll::-webkit-scrollbar-thumb {background-color: #EBEBEB; border: 3px solid #fff; border-radius: 15px; cursor: pointer;}
.selectBox__.type02 .list__::-webkit-scrollbar-track, #modal-guide .scroll::-webkit-scrollbar-track, .contentWrap::-webkit-scrollbar-track, .plan_agree .scroll::-webkit-scrollbar-track {background-color: transparent;}
.selectBox__.type02 .list__::-webkit-scrollbar-track, #modal-guide .scroll::-webkit-scrollbar-track, .contentWrap::-webkit-scrollbar-track {background-color: transparent;}
.selectBox__.type02 .list__ {z-index: 1; overflow-y: auto; max-height: 248px; margin-top: -10px; padding: 15px 0 5px; border: 1px solid #D2D2D2; box-shadow: none;}
.selectBox__.type02 .list__ li {padding: 8px 20px; font-size: 16px;}
.selectBox__.type02 .list__ li .text {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.selectBox__.type02 .list__ li .text > p {width: 370px; white-space: normal;}
.selectBox__.type02 .list__ li .text div {text-align: right;}
.selectBox__.type02 .list__ li .text span {float: none; font-size: 15px; font-weight: 600;}
.selectBox__.type02 .list__ li .text em {display: block; margin-top: 2px; color: #D63E42; font-weight: 400;}
.selectBox__.type02 .list__ li .text p em {display: none;}
.selectBox__.type02 .list__ li.soldout {color: #999;}
.modal-dialog .selectBox__.type02 {z-index: 2; position: relative;}
.modal-dialog .selectBox__.type02 .list__ li {font-size: 14px;}
.modal-dialog .direct_pop .selectBox__.type02 .list__ li {font-size: 16px;}
.money_top {display: flex; justify-content: space-between; margin-top: 38px; padding: 30px 222px; font-size: 18px; line-height: 130%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.money_top strong {margin-left: 30px; color: #999; font-weight: 600; font-size: 24px; line-height: 130%;}
.money_top > div:first-child strong {color: #68A5FE;}
.save_money ul + h3, .product_cuopon h3 {margin-top: 80px;}
.save_money ul + h3 ~ p, .product_cuopon h3 ~ p, .mypage_empty h3 ~ p, .tabContent2 h3 ~ p { color: #7B7B7B; margin-left: 19px; text-indent: -23px; font-size: 14px; font-weight: 400;}
.save_money ul + h3 + p ~ p, .product_cuopon h3 + p ~p, .mypage_empty + h3 + p ~ p, .tabContent2  h3 + p ~ p {margin-top: 12px;}
.order .save_money h3 {margin-top: 80px; padding-bottom: 20px; font-weight: 600; border-bottom: 0;}
.order .save_money .money_top + h3, .order .mypage_empty + h3 {margin-top: 40px;}
.product_cuopon h3, .tabContent2 h3 {margin-top: 50px; padding-bottom: 20px; font-size: 16px; font-weight: 600; border-bottom: 0;}
.money_head {display: flex; border-top: 1px solid #E3E3E3; background-color: #FAFAFA;}
.money_head .inner {width: 170px; padding: 14px 54px; font-weight: 600; font-size: 15px; line-height: 130%; text-align: center;}
.money_head .inner:nth-child(3), .save_money ul li .inner:nth-child(3) {width: 460px;}
.save_money ul li .inner:nth-child(3) {font-weight: 600; font-size: 14px; line-height: 130%;}
.save_money ul li .inner:nth-child(3) span {margin-left: 10px; color: #808080; font-weight: 400;}
.save_money ul li .inner:first-child {color: #808080;}
.save_money ul {margin-bottom: 50px; border-bottom: 1px solid #E3E3E3;}
.save_money ul li {display: flex;}
.save_money ul li .inner {width: 170px; padding: 14px 0; text-align: center;}
.save_money ul li .inner:last-child {color: #999; font-weight: 600; font-size: 16px; line-height: 130%;}
.commerce_exchange h1 {display: none;}
.commerce_exchange h1 + h2 {margin-top: 100px;}
.commerce_exchange h2 {margin: 50px 0 20px; }
.commerce_exchange p {display: inline-block; width: 100%; font-size: 16px; line-height: 130%;}
.commerce_exchange p + p {margin-top: 12px;}
.commerce_exchange .bullet::before {width: 4px; height: 4px;}
.commerce_exchange + .lifet_only {margin-top: 100px;}

#commonModal .content-area {padding: 38px 50px;}
#commonModal .textBox {margin-top: 7px; text-align: center;}
#commonModal .btn_area {margin-bottom: 7px;}
#commonModal .btn.cancle {color: #B3B3B3; border: 2px solid #ccc; background-color: #fff;}

@media (max-width: 767px) {
    .order .mypage_top {padding-top: 0;}
    .order .mypage_cont, .order_wrap {margin-top: 0;}
    .order .mypage_cont > .rig {padding: 0 20px 48px;}
    .order_wrap {margin: 0 -20px; padding: 24px 20px; border-top: 12px solid #F4F4F4;}
    .order_wrap:last-child {/*margin-bottom: -28px; padding-bottom: 0;*/}
    h2 + .order_wrap {border-top-width: 8px;}
    .order_list li {flex-flow: column; padding-left: 0; padding-bottom: 20px;}
    .order_list li:last-child {padding-bottom: 0; border-bottom: 0;}
    .order_wrap .date {margin-bottom: 10px; margin-top: 0; font-size: 14px;}
    .order_wrap .date > span {margin-left: 8px;}
    .order_wrap .date > span span {display: none;}
    .order_wrap .date button {font-size: 14px; font-weight: 500;}
    .order_wrap .date button::after {width: 16px; height: 16px; background-size: 16px;}
    .order_list {border-top-width: 2px;}
    /* .order_list li:last-child {padding-bottom: 0; border-bottom: 0;} */
    .order_list li .inner {padding: 0;}
    .order_list li .inner:nth-child(1) {order: 1;}
    .order_list li .inner:nth-child(2) {order: 0; justify-content: flex-start; flex-flow: nowrap; padding: 16px 0 8px; font-size: 16px; border:  0;}
    .order_list li .inner:nth-child(3) {order: 2; flex-flow: wrap; justify-content: space-between; margin-top: 8px;}
    .order_list li .inner:first-child > a {width: 100%;}
    .order_list li .inner:nth-child(3) a {width: calc(100% / 2 - 4px); margin: 8px 0 0;}
    .order_list li .inner:nth-child(3) a:nth-child(3).full {width: 100%;}
    .order_list li .inner:nth-child(2) strong {display: inline-block; margin-bottom: 0; font-size: 16px;}
    .order_list li .inner:nth-child(2) .invoice {display: inline-block; margin-left: 4px;}
    .order_list li .inner:nth-child(2) .invoice br {display: none;}
    .order_list.cancle li .inner:nth-child(2) {display: none;}
    .order_list.cancle li input[type="checkbox"] {margin-left: 0; width: 18px; height: 18px; background-size: 18px;}
    .order_list.cancle li .inner:first-child > a {align-items: flex-start;}
    .order_list li .inner:first-child > a + a {margin-top: 20px; padding-top: 20px;}
    .order_list .thumbnail {width: 80px; height: 80px; margin-right: 10px;}
    .order_wrap.details .order_list.cancle {padding-bottom: 0;}
    .order_list.cancle .thumbnail {margin-left: 0;}
    .order_list.cancle .info strong {font-size: 15px; font-weight: 400;}
    .order_list .thumbnail img {max-height: 80px;}
    .order_list .info {flex: 1;}
    .order_list .info strong {width: auto; margin: 0 0 6px; font-size: 16px;}
    .order_list.review .inner .info {width: calc(100% - 90px);}
    .order_list .info > span {display: none;}
    .order_list .info p {font-size: 14px;}
    .order_list .info p > span {margin-top: 10px; color: #343434; font-weight: 500;}
    .order_list .info p > span span::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px 0 4px; padding: 0;     vertical-align: -1px; background-color: #666;}
    .order_wrap.details {border-top: 0;}
    .order_wrap.details + h3 {margin-top: 16px;}
    .order_wrap.details + .order_wrap.details {margin-top: -21px;}
    .order_wrap.details + #step1, .order_wrap.details + #step1 + #step2 {margin-top: -44px;}
    .order_wrap.details .order_list {padding: 20px 0; /* border-bottom: 1px solid #E6E6E6; */}
    .order_wrap.details .order_list li:last-child {padding-bottom: 20px; border-bottom: 1px solid #E6E6E6;}
    .order_wrap.details .order_list li .inner:nth-child(2) {align-items: flex-start; padding-top: 0;}
    .order_wrap.details .order_list .info p > span {display: block;}
    .order_wrap.details .order_list li {padding-bottom: 24px; border-bottom: 0;}
    .order_wrap.details .order_list li .inner:nth-child(3) {display: none;}
    .order_wrap.details .order_list li .inner:nth-child(2) .m span {margin-left: 4px; color: #808080; font-size: 14px;}
    .order_wrap.details .order_list li .inner:nth-child(2) .m span br {display: none;}
    .order h3 { margin-top: 60px; padding-bottom: 10px; font-weight: 600;  font-size: 18px;}
    .order_detail, .order_detail2 {padding: 0;}
    .order_detail p span {width: 89px; padding-left: 0; vertical-align: top;}
    .order_detail p strong {display: inline-block; width: calc(100% - 89px);}
    .order_detail2 .top p, .order_detail2 .bottom p {width: 100%; display: flex; justify-content: space-between;}
    .order_detail2 p span {width: auto; padding-left: 0;}
    .order_detail2 .top, .order_detail2 .bottom {margin-bottom: 0; padding: 24px 0;}
    .order_detail2 .top p:nth-child(1) {order: 0; padding: 16px 0 0 ;}
    .order_detail2 .top p:nth-child(2) {/* order: 2; */ padding: 16px 0 0;}
    .order_detail2 .top p:nth-child(3) {order: 1;  padding: 16px 0 0;/* border-bottom: 1px solid #E3E3E3; */}
    .order_detail2 .top p:nth-child(4) {order: 3; padding: 16px 0 0;}
    .order_detail2 .top p:first-child {padding-top: 0;}
    /* .order_detail2:last-child .top {border-bottom: 0;} */
    .order_detail2:last-child .top p:nth-child(2) {order: 0; padding-top: 0;} 
    .order_detail2 .top p span {font-size: 16px;}
    .order_detail2 .top p strong {font-size: 16px; font-weight: 500;}
    .order_detail2 .bottom p {padding: 0; align-items: center;}
    .order_detail2 .bottom p strong {font-weight: 400;}
    .order_detail2 .bottom p:first-child span {font-size: 16px; line-height: 150%; font-weight: 500;} 
    .order_detail2 .bottom p:first-child strong {font-size: 22px;  line-height: 130%;}
    .order_detail2 .bottom p:nth-child(2) {padding: 10px 0 16px;}
    /* .order_detail2:last-child .bottom {padding-top: 0;} */
    .wish_wrap {padding: 20px 0 0;}
    .cancle_area {order: 3; margin-top: 20px; margin-left: 0;}
    .cancle_area p {margin-left: 0; padding: 10px 0 10px 2px; border-bottom: 1px solid #E6E6E6;}
    .order_list li:last-child .cancle_area p {margin-bottom: -20px; border-bottom: 0;}
    .order_detail > .first {align-items: flex-start; flex-wrap: wrap; padding: 20px 0 0; border-bottom: 0;}
    .order_detail > div {padding: 20px 0;}
    .order_detail > .first div strong:first-child {display: block; margin: 0 0 8px;}
    .send_back > .second {padding: 24px 0 0;}
    .send_back > div > span, .send_back p span {width: 89px; margin: 0; padding-left: 0;}
    .send_back > .second span {width: 89px;}
    .send_back > .second div {flex: 1; width: calc(100% - 75px); margin: 0; padding-bottom: 20px;}
    .send_back dl dd {margin-top: 9px; text-indent: -23px;}
    .send_back > p {margin: 20px 0;}
    .order_detail select {width: 100%;}
    .order_detail > .first div {flex: 1; margin: 0;}
    .order_detail input[type="text"] {width: calc(100% - 69px); margin: 5px 0 0;}
    .order_detail button {width: 61px; margin-left: 4px; padding: 10px 0;}
    .order_detail > div p {display: none;}
    .arrow_up::after {float: right; margin-right: 10px;}
    .order_list li:last-child .cancle_area.cancle_txt p {margin-bottom: -12px; padding-left: 24px; text-indent: -24px;}
    .cancle_cause, .cancle_cause ul {flex-flow: column;}
    .cancle_cause .left_, .cancle_cause .right_ {width: auto; order: inherit;}
    .cancle_cause .right_ {display: flex; flex-wrap: wrap; width: 100%; padding: 0; border: 0;}
    .cancle_cause ul li {width: 100%; padding: 0 0 20px;}
    .cancle_cause ul li:last-child {padding-bottom: 24px;}
    .cancle_cause .left_ {padding: 24px 0 18px; border-bottom: 0;}
    .cancle_cause .left_ span {padding: 0;}
    .text_area {width: 100%; height: 180px;  margin-bottom: 24px;}
    #modal-terms.order_terms .text_area {}
    .cancle_cause textarea {width: 100%; height: 150px; margin-top: 0; padding: 16px 14px;}
    .text_area .byte {right: 14px; bottom: 14px; font-size: 12px;}
    .order .btn-area {margin-top: 60px;}
    .order .btn-area button {width: calc(100% / 2 - 6px);}
    .cancle_cause ul li label::before {top: 0; width: 16px; height: 16px; margin-right: 12px; vertical-align: -4px;}
    .cancle_cause ul li input[type="radio"]:checked + label::before {width: 10px; height: 10px;}
    .cancle_cause .text_area {position: relative; margin-bottom: 0; margin-top: 0;}
    .cancle_cause .upload {margin-top: 16px;}
    .cancle_cause .upload p {margin-left: 24px; text-indent: -24px;}
    .cancle_cause .upload p + p {margin-top: 6px;}
    .counsel_cont2 {padding-bottom: 0;}
    .modal-dialog .content-area #kakaoMap, .delivery_iframe {width: 100%; height: calc(100vh - 60px);}

    /* 리뷰 */
    .modal-dialog .modal-content {overflow: auto; align-items: flex-start; background-color: #fff;}
    .modal-dialog .modal-content.review_photo {padding-bottom: 88px;}
    .modal-dialog .modal-content.review_photo2 {padding-bottom: 0;}
    .modal-dialog .modal-content.coupon_pop {align-items: flex-end; background-color: transparent;}
    .modal-dialog .modal-content.coupon_pop .content-area {padding: 0; border-radius: 20px 20px 0px 0px;}
    .coupon_pop ul::-webkit-scrollbar {display: none;}
    .coupon_pop ul {width: 100%; max-height: 300px;}
    .no_coupon {height: 200px;}
    .coupon_pop .banner {width: 100%;}
    .coupon_pop .banner img {right: 5px;}
    .modal-dialog .coupon_pop .head {position: static;}
    .coupon_pop .contentWrap {overflow: hidden; max-height: 446px;}
    .modal-dialog #commonModal {overflow: visible; align-items: center; background-color: transparent;}
    .modal-dialog .modal-content.sharePop, .modal-dialog .modal-content.comparison_pop2, .modal-dialog .modal-content.feed_pop {align-items: center; background-color: transparent;}
    .modal-dialog .content-area {justify-content: center; width: 100%; height: auto; border-radius: 0;}
    .modal-dialog #commonModal .content-area {width: 310px; border-radius: 12px;}
    #commonModal .content-area {padding: 30px 21px;}
    .modal-dialog .head {z-index: 10; position: fixed; padding-left: 20px; font-size: 16px; background: #fff;}
    .modal-dialog.counsel_pop2 .head {position: absolute;}
    .modal-dialog .modal-content.comparison_pop2 .head, .modal-dialog .modal-content.feed_pop .head {position: absolute;}
    .modal-content.comparison_pop2 .content-area, .modal-content.feed_pop .content-area {width: auto; padding: 44px 0 0; border-radius: 12px;}
    .contentWrap .text_area {width: 100%;}
    .contentWrap select {height: 43px; padding: 12px 20px;}
    .contentWrap .note {margin: 30px -20px 0;padding: 20px;}
    .contentWrap {max-height: none;  padding: 24px 20px 0;}
    .order .consult__tab2 {padding: 0;}
    .point_area {margin: 20px 0; padding: 16px 30px; font-size: 14px;}
    .point_area p {margin-top: 4px; font-size: 14px;}
    .point_area p br {display:block;}
    .order_list.review {border-width: 1px; border-bottom: 1px solid #E6E6E6;}
    .order_list.review li {padding: 16px 0;}
    .order_list.review li .inner {padding: 0;}
    .order_list.review .info > span {display: block;}
    .order_list.review li .inner:nth-child(2) {order: 1; display: flex; flex-flow: row-reverse; justify-content: space-between; margin-top: 8px; padding-right: 0;}
    .order_list.review li .inner:nth-child(2) > span {margin-top: 2px;}
    .order_list.review li .inner:nth-child(2) .btn_line {width: 85px; height: 34px; padding: 8px 0;}
    .order_list.review li .inner:nth-child(2) a.gray + span {text-align: left;}
    .order_list.review li .inner:nth-child(2) p {margin-top: 0;}
    .order_list .info p.date {margin-top: 7px; font-size: 12px; color: #808080;}
    .order_list.review .thumbnail {margin-right: 10px;}
    .order_list.review .inner .info strong {margin: 0 0 2px;}
    .review_list > ul > li .date {display: none;}
    .review_list > ul > li {padding: 16px 0;}
    .star_socre {display: flex; align-items: center; margin: 10px 0;}
    .star_socre .star, .best_review .star {width: 86px; height: 14px; margin-top: -2px; background-size: 86px;}
    .star_socre .star span, .best_review .star span {height: 14px; background-size: 86px; background-position: 0 -17px;}
    .star_socre strong {margin-left: 14px; font-size: 14px;}
    .review_list > ul > li .thumbnail {width: 80px; height: 80px;}
    .review_count {margin-top: 36px;}
    .review_count + .btn_line {height: 34px; margin-top: -29px;}
    /*.review_cont ul li .thumbnail {width: 70px; height: 70px;}*/
    .product_inquery > ul > li .top .info {flex-flow: column; width: calc(100% - 78px);}
    .product_inquery > ul > li .top .info strong {margin: 4px 0 9px; font-size: 14px;}
    .product_inquery > ul > li .thumbnail {width: 68px; height: 68px; margin-right: 10px;}
    .product_inquery > ul > li .date {order: 1; display: block; position: static; margin-top: 6px; font-size: 14px;}
    .product_inquery .state {order: 0; position: static; margin-right: 8px; margin-top: 6px; font-weight: 600; font-size: 14px;}
    .product_inquery .del {order: 2; position: static; margin-top: 6px; background-color: #fff;}
    .product_inquery .del, .direct_inquery ul li .del {font-size: 12px;}
    .product_inquery .subject {margin: 10px 0 0;}
    .product_inquery .answer {margin: 12px 0 0; padding: 20px 15px;}
    .product_inquery .answer .q span, .product_inquery .answer .a span {margin-right: 6px;}
    .product_inquery .answer > div {margin-left: 20px; text-indent: -20px;}
    .product_inquery > ul > li {padding: 16px 0 12px;}
    .product_inquery > ul > li .answer .date {margin: 20px 0 0 38px;}
    .product_inquery > ul > li .top {justify-content: space-between;}
    .product_inquery > ul > li .top > div:nth-of-type(3) {display: flex; margin-top: 8px;}
    .direct_inquery {margin-top: 20px;}
    .direct_inquery .subject {display: none;}
    .direct_inquery .answer {padding: 20px 15px;}
    .commerce_inqeury .direct_inquery .answer > div {display: flex; flex-wrap: wrap; margin: 0; text-indent: inherit;}
    .commerce_inqeury .direct_inquery .answer .questionText, .commerce_inqeury .direct_inquery .answer .answerText {width: 91%;}
    .direct_inquery ul li {position: relative;}
    .direct_inquery ul li .top {flex-wrap: wrap; align-items: flex-start; height: auto; padding: 12px 0 17px;}
    .direct_inquery ul li .top .inner {width: auto;  text-align: left;}
    .direct_inquery ul li .inner strong {font-weight: 500; font-size: 14px; line-height: 130%;}
    .direct_inquery ul li .inner:nth-child(1) {display: block; width: 100% !important; margin-bottom: 13px; padding-left: 0;}
    .direct_inquery ul li .inner:nth-child(1) .q {display: flex; align-items: center; margin-top: 6px;}
    .direct_inquery ul li .inner:nth-child(1) .q span:first-child {margin-right: 6px; color: #68A5FE; font-weight: 700;font-size : 16px; line-height: 130%;}
    .direct_inquery ul li .inner:nth-child(1) .q span:last-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4D4D4D; font-weight: 500; font-size: 16px; line-height: 130%;}
    .direct_inquery ul li .inner:nth-child(2) {position: absolute; left: 50px; top: 70px; font-size: 12px; font-weight: 400;}
    .direct_inquery ul li .inner:nth-child(3) {font-size: 12px;}
    .direct_inquery ul li .inner:nth-child(3).blue {font-weight: 600;}
    .direct_inquery ul li .del {position: absolute; right: 0; top: 63px; padding: 6px 10px; font-size: 12px;}
    .product_cuopon, .coupon_area {padding-bottom: 48px;}
    .cuopon_entry {position: relative; margin-top: 30px;}
    .cuopon_entry .tit {margin-bottom: 10px; font-size: 16px;}
    .cuopon_entry input[type="text"] {width: calc(100% - 82px); height: 38px; margin-right: 0; padding: 8px 0 8px 10px;}
    .cuopon_entry input[type="text"]::placeholder {font-size: 14px;}
    .cuopon_entry button {left: auto; right: 0; top: 30px; width: 76px; height: 38px; padding: 10px 0; font-size: 14px;}
    .cuopon_list {margin-top: 40px; margin-bottom: 48px;}
    .cuopon_list li {width: 100%; height: 185px; margin-top: 12px; margin-left: 0; padding: 20px; border-radius: 14px; border: 1px solid #fff;}
    .cuopon_list li .d-day {padding: 4px 10px; font-size: 12px; border-radius: 29px;}
    .cuopon_list li strong {margin: 10px 0 7px; font-size: 20px;}
    .cuopon_list li em {margin-bottom: 20px; font-size: 14px;}
    .cancle_cause .upload p + p {margin-top: 4px;}
    .cuopon_list li .kind {top: 22px; right: 20px; font-size: 15px;}
    .order .coupon_area .bullet {margin-left: 24px; font-size: 12px; text-indent: -24px;}
    .order .coupon_area .event_banner {margin-top: 26px; background-image: url(https://img.lifet.co.kr/landing/visual/event_img_m.png);}
    .text_input {margin-bottom: 12px;}
    .text_input input {height: 44px;}
    
    .photo {margin: -10px 0 0;}
    .photo label {margin: 10px 12px 10px 0;}
    .selectBox__.type02 .select__ {height: 43px; background-size: 16px; background-position: right 20px center;}
    .selectBox__.type02 .list__ li {position: relative; padding: 10px 14px; font-weight: 400; font-size: 14px;}
    .selectBox__.type02 .list__ li + li {border-top: 1px solid #D9D9D9;}
    .selectBox__.type02 .list__ li .text {display: flex; min-height: 36px;}
    .selectBox__.type02 .list__ li .text p {white-space: normal; width: 60vw; word-break: keep-all; line-height: 130%;}
    .selectBox__.type02 .list__ li .text span {position: static; right: 14px;}
    .selectBox__.type02 .list__ li .text p em {display: block;}
    .money_top {justify-content: space-around; margin-top: 40px; padding: 24px 20px; font-size: 13px;}
    .money_top > div {text-align: center;}
    .money_top strong {display: block; margin-left: 0; margin-top: 8px; font-size: 20px;}
    .order .save_money h3 {margin: 60px 0 0;}

    .money_head {display: none;}
    .save_money ul {margin-bottom: 40px; padding: 12px 0 2px; border: 1px solid #ccc; border-width: 1px 0;}
    .save_money ul li .inner {padding: 0; text-align: left; line-height: 150%;}
    .save_money ul li {position: relative; flex-wrap: wrap; margin-bottom: 10px; padding: 12px 0;}
    .save_money ul li .inner:nth-child(1) {order: 3; margin-top: 7px; color: #666;}
    .save_money ul li .inner:nth-child(2) {order: 1; position: absolute; right: 0; top: 12px; width: auto; font-weight: 500; font-size: 16px; line-height: 130%;}
    .save_money ul li .inner:nth-child(3) {order: 0; font-weight: 600; font-size: 16px;}
    .save_money ul li .inner:nth-child(4) {order: 2; position: absolute; right: 0; top: 39px; width: auto;}
    .save_money ul li .inner:nth-child(3) span {display: block; margin: 7px 0 0; font-size: 14px;}
    .save_money .paging + h3 ~ p {margin-left: 24px; text-indent: -24px;}
    .commerce_exchange {margin: 48px -20px 0; padding: 22px 20px; border-top: 12px solid #F4F4F4; border-bottom: 12px solid #F4F4F4;}
    .commerce_exchange h1 {display: block; position: relative; font-weight: 600; font-size: 20px; line-height: 130%; }
    .commerce_exchange h1::after {content:''; position: absolute; right: 0; width: 26px; height: 26px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 26px;}
    .commerce_exchange h1.arrow::after {transform: rotate(180deg);}
    .commerce_exchange h2, .commerce_exchange p {display: none;}
    .commerce_exchange h2 {font-size: 18px;}
    .commerce_exchange h2, .commerce_exchange h1 + h2 {margin: 30px 0 14px;}
    .commerce_exchange p {width: auto; margin-left: 24px; font-size: 14px; text-indent: -24px;}
    .commerce_exchange + .lifet_only {overflow-x: auto; margin: 32px 0 0; padding: 0;}
    .commerce_exchange + .lifet_only .product_list  {flex-wrap: nowrap;}
    .commerce_exchange + .lifet_only .product_list li {flex: 0 0 46%; margin-bottom: 0;}
    .commerce_exchange + .lifet_only .product_list li:nth-child(even)  {margin-right: 9px !important;}
    .commerce_exchange + .lifet_only .paging {display: none;}
    .mypage_empty + h3 + p ~ p {margin-left: 23px; text-indent: -23px;}
}

/* 상품상세정보 */
.line_banner {padding: 8px 0; color: #fff; font-size: 16px; font-weight: 500; line-height: 130%; text-align: center; background-color: #3B3B3B;}
.line_banner span {color: #FF5353; font-weight: 600;}
#scrolling-tab {transition: 0.2s all linear;}
#scrolling-tab.up {top: -6px; }
.detail_01 {display: flex; flex-wrap: wrap; position: relative; margin-top: 50px; margin-bottom: -6px; /*padding-bottom: 252px;*/}
.detail_01.no_slick {margin-bottom: -20px; padding-bottom: 0;}
.detail_01 >.rig {width: 530px;}
.detail_01 hr {display: none;}
.sns_pop {display: flex; width: 126px; height: 72px; right: auto; top: auto; margin-right: -104px; margin-top: -20px; padding: 16px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: #fff;}
.sns_pop img {width: 40px;}
.sns_pop a + a {margin-left: 14px;}
.slick_proImg {width: 600px; margin-right: 40px;}
.slider-for {overflow:hidden; height: 600px;}
.slider-for .slick-list {overflow: hidden;}
.slider-for .slick-slide {overflow: hidden; display: flex !important; align-items: center; justify-content: center; width: 600px; height: 600px; border-radius: 10px; border: 1px solid #E8E8E8; }
.slider-for img {width: auto; max-height: 600px;}
.slider-nav {display: flex; justify-content: center; overflow: hidden; height: 80px; margin: 20px auto 0;}
.slider-nav .slick-track {transform: none !important;}
.slider-nav .slick-list {margin: 0 -20px;}
.slider-nav .slick-list .slick-track {display: flex; justify-content: center;width: auto !important;}
.slider-nav .slick-slide {display: block; overflow: hidden; width: 80px !important; height: 80px; margin: 0 5px; cursor: pointer; border: 2px solid #F1F1F1; border-radius: 6px; background-color: #F1F1F1;}
.slider-nav .slick-slide.slick-current {border-color: #68A5FE;}
.slider-nav img {width: 76px; height: 76px;  object-fit: cover;}
.slider-nav .slick-slide.slick-cloned {display: none;}
.pro_comparison {z-index: 1; position: absolute; top: 764px; width: 600px;  padding: 21px 22px 14px 30px; border-radius: 10px; background-color: #eee;}
.pro_comparison p strong {font-size: 18px; font-weight: 600; line-height: 130%;}
.pro_comparison .tool_tip {z-index: 1; position: absolute; top: 60px; left: 18px; padding: 12px 10px 12px 12px; color: #fff; font-weight: 400; font-size: 14px; line-height: 130%; background: #4D4D4D; border-radius: 4px;
}
.pro_comparison .tool_tip::after {content: ""; position: absolute; top: -4px; left: 16px; width: 8px; height: 4px; background: url(https://img.lifet.co.kr/icon/icon_tool_tip.svg) no-repeat left top;}
img.q_mark {vertical-align: top;}
.pro_comparison p .btn_line {float: right; height: 34px; margin: -5px -8px 0 0; padding: 8px 16px; font-weight: 600; background-color: #fff;}
.pro_comparison p .btn_blue {display: none; float: right; height: 34px; margin: -4px -8px 0 0; padding: 8px 20px; font-weight: 600; border-radius: 60px; opacity: .5;}
.pro_comparison ul {display: none; justify-content: center; margin-bottom: 4px; margin-top: 20px; }
.pro_comparison ul li {position: relative; display: flex; align-items: center; justify-content: center; width: 114px; height: 114px; border: 1px solid #D2D2D2; border-radius: 8px; }
.pro_comparison ul li.no_img {background:#fff url(https://img.lifet.co.kr/icon/plus_gray.svg) no-repeat center;}
.pro_comparison ul li + li {margin-left: 50px;}
.pro_comparison ul li .del {display: inline-block; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_b.svg) no-repeat center; background-size: 24px;}
.pro_comparison ul li img {width: 112px; height: 112px; border-radius: 8px; object-fit: cover;}
.pro_comparison .pop {display: none; z-index: 1; position: absolute; top: 55px; left: 18px; width: 335px; padding: 24px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 12px; background-color: #fff;}
.pro_comparison .pop .tit {font-weight: 600; font-size: 16px; line-height: 140%;}
.pro_comparison .pop p {margin-top: 8px; margin-left: 20px; font-size: 15px; line-height: 140%; text-indent: -20px;}
.pro_comparison .pop .bullet::before {margin: 0 8px;}
.pro_detail .rig > span:first-child {padding-right: 18px; font-size: 16px; font-weight: 500; background: url(https://img.lifet.co.kr/icon/arrow_right.png) no-repeat right center; background-size: 16px;}
.pro_detail .rig .pro_name p {margin: 10px 34px 0 0; font-size: 24px;}
.detail_01 .star_socre {width: 200px; margin: 7px 0; cursor: pointer;}
.detail_01 .star_socre strong {margin-left: 0; margin-right: 14px;}
.detail_01 .price p {position: relative;}
.detail_01 .price p span.discount {color: #B3B3B3; font-weight: 500; font-size: 18px; line-height: 130%;}
.detail_01 .price p strong {margin: 0 10px 0 0; font-weight: 700; font-size: 28px; line-height: 130%;}
.detail_01 .price p .best {padding: 6px 10px; color: #fff; font-size: 14px; vertical-align: 5px; font-weight: 600; border-radius: 6px; line-height: 130%; background: #68A5FE;}
.detail_01 .price p .spacial {padding: 6px 10px; color: #fff; font-size: 14px; vertical-align: 5px; font-weight: 600; border-radius: 6px; line-height: 130%; background: #F9708B;}
.detail_01 .price p .free {padding: 6px 10px; color: #5B5B5B; font-size: 14px; vertical-align: 5px; font-weight: 600; border-radius: 6px; line-height: 130%; background: #EAEAEA;}
.detail_01 .price p span.cost {margin-top: 6px; margin-left: 6px; color: #B3B3B3; font-size: 18px; text-decoration: line-through;}
.coupon_price {position: relative; display: flex; align-items: center; margin-top: 4px;}
.coupon_price.nomember {margin-top: 12.5px; }
.coupon_price.nomember p {color: #FF6666; font-size: 16px; font-weight: 600; line-height: 130%;}
.coupon_price strong {margin-right: 8px; color: #FF6666; font-size: 28px; font-weight: 700; line-height: 130%;}
.coupon_price span {color: #FF6666; font-size: 18px; font-weight: 600; line-height: 130%;}
.coupon_price button, .detail_01 .price p button {position: absolute; right: 0; padding: 6px 18px 6px 10px; color: #333; font-weight: 600; font-size: 12px; line-height: 130%; border-radius: 6px; border: 1px solid #CDCDCD; background: url(https://img.lifet.co.kr/icon/mypage_arrow_m.svg) no-repeat right 8px center; background-size: 7px; }
.stock_quantity {margin-top: 8px; color: #FF6666; font-size: 14px; font-weight: 500; line-height: 130%;}
.vet_word {position: relative; margin-top: 20px; margin-bottom: 20px; padding: 20px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;}
.vet_word strong {font-weight: 600; font-size: 18px; line-height: 130%;}
.vet_word p {margin-top: 12px; margin-left: 10px; white-space: pre-line; font-size: 16px; line-height: 160%;}
.vet_word a {position: absolute; top: 20px; right: 0; padding-right: 20px; font-weight: 500; line-height: 160%; background: url(https://img.lifet.co.kr/icon/arrow_right.png) no-repeat right center; background-size: 16px;}
.money_area {position: relative; margin-top: 25px; padding: 14px 0;  line-height: 130%; border: 1px solid #E6E6E6; border-width: 1px 0;}
.money_area p span {position: relative; display: inline-block; width: 132px; padding-left: 14px; color: #808080;}
.money_area p span::before {content: ''; position: absolute; left: 6px; top: 4px; width: 1px; height: 5px; background-color: #808080;}
.money_area p span::after {content: ''; position: absolute; left: 6px; top: 9px; width: 5px; height: 1px; background-color: #808080;}
.money_area p, .delivery .rig {position: relative;}
.money_area button, .delivery button {overflow: hidden; display: inline-block; position: absolute; top: 0; right: 0;  width: 70px; height: 50px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 20px; opacity: 50%;}
.money_area, .delivery {cursor: pointer;}
.money_area p:nth-child(1) {height: 22px; margin: 0;}
.money_area p:nth-child(1) span {padding-left: 0; color: #343434; font-weight: 500;}
.money_area p:nth-child(1) span::before, .money_area p:nth-child(1) span::after {display: none;}
.money_area p:nth-child(1) a {display: inline-block; margin-left: 17px; padding: 2px 20px 2px 8px; color: #1A5CD4; font-weight: 500; line-height: 130%; border-radius: 4px;  background:#DDEBFF url(http://img.lifet.co.kr/icon/arrow_right_b2.png) no-repeat right 6px center; background-size: 14px;}
.money_area p {margin: 6px 0 6px 132px;}
.money_area p:nth-child(2), .money_area p:nth-child(3), .money_area p:nth-child(4), .delivery .rig span {display: none; }
.money_area.show p, .delivery.show .rig span {display: block !important;}
.delivery .rig span.free {display: inline !important;}
.delivery_time {display: flex; align-items: center; margin: 12px 0 20px; padding: 12px 18px; border-radius: 8px; background-color: #F5F5F5;}
.delivery_time .countdown {margin-left: 11px; font-size: 16px; font-weight: 500; line-height: 130%;}
.delivery_tobe {padding-left: 27px; font-size: 16px; font-weight: 600; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_truck.svg) no-repeat left center; background-size: 20px;}
.delivery_time .countdown span {display: inline-block; width: 20px; margin-left: 4px;}
.money_area.show button, .delivery.show button {transform: rotate(180deg); background-position: left center;}
.money_area p strong {color: #808080; font-weight: 400;}
.money_area p:nth-child(1) strong {font-size: 16px; font-weight: 600;}
.expiration {padding: 12px 0 13px; border-bottom: 1px solid #EDEDED;}
.expiration strong {font-weight: 500;}
.delivery {position: relative; display: flex; padding: 14px 0 14px;  line-height: 130%; border-bottom: 1px solid #E6E6E6;}
.delivery .rig {flex: 1; font-weight: 400;}
.delivery .rig p ~ p {display: none;}
.delivery > span, .expiration > span {display: inline-block; width: 132px; color: #343434; font-weight: 500; }
.delivery .rig span {display: none; width: auto; margin-top: 6px; color: #808080; line-height: 130%;}
.delivery strong {color: #343434; font-weight: 500; line-height: 130%;}
.delivery p {color: #808080; margin-top: 7px; line-height: 130%;}
.delivery .rig p {display: inline-block; margin-top: 0;}
.detail_01 .day_delivery {display: inline-block; margin-left: 7px; padding-left: 24px; font-size: 16px; font-weight: 700; background-size: 20px;}
.detail_01 .selectBox__ {z-index: 2; position: relative; margin-top: 20px;}
.detail_01 .selectBox__.type02 .select__ { height: 51px; font-size: 18px; font-weight: 500; line-height: 130%;  border-color: #D2D2D2; border-radius: 8px; background-position: right 20px center; background-image: url(http://img.lifet.co.kr/icon/arrow_gray.svg); background-size: 18px;}
.restrictions {margin-top: 16px; margin-bottom: -6px; color: #4E96FF; font-weight: 500; line-height: 130%; }
.detail_01 .option {position: relative; margin-top: 16px; padding: 20px 24px; border-radius: 8px; background-color: #F5F5F5;}
.detail_01 .option .pro_name {margin-bottom: 13px; font-weight: 500; font-size: 16px; line-height: 130%;}
.detail_01 .option .count {padding-left: 16px;}
.detail_01 .option .count button {z-index: 1; position: relative; display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background-position: left center; background-repeat: no-repeat;}
.detail_01 .option .count .minus {background-image: url(https://img.lifet.co.kr/icon/min.svg);}
.detail_01 .option .count .plus {background-image: url(https://img.lifet.co.kr/icon/plus_black.svg);}
.detail_01 .option .count input {width: 128px; height: 44px; margin: 0 -40px; padding: 10px 20px; font-weight: 600; font-size: 16px; text-align: center;}
.detail_01 .option strong {position: absolute; right: 19px; bottom: 24px; font-weight: 600; font-size: 22px;}
.detail_01 .option .del {position: absolute; right: 19px; top: 20px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat left top;}
.sum_price {margin-top: 40px; margin-bottom: 41px; font-weight: 600; font-size: 20px; line-height: 130%; text-align: right;}
.sum_price strong {margin-left: 16px; font-weight: 600; font-size: 24px; line-height: 130%; vertical-align: -2px;}
.btn_wish {display: inline-block; width: 48px; height: 48px; margin-right: 8px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/icon_wish.svg) no-repeat left top;}
.btn_wish.on {background-position: -48px top;}
.detail_01 .btn_area {margin-bottom: 0;}
.detail_01 .quick_buy .btn_area {display: flex; justify-content: flex-end; width: 100%;}
.detail_01 .quick_buy .selectBox__ {height: 51px;}
.quick_buy #options {overflow-y: auto; position: absolute; right: 0; top: 40px; height: 192px;}
.quick_buy #options::-webkit-scrollbar {display: none;}
.detail_01 .btn_area a, .quick_buy .btn_area a {width: 230px; height: 48px; padding: 12px 0; font-size: 16px; text-align: center; border-radius: 60px;}
.detail_01 .btn_area a + a, .quick_buy .btn_area a + a {margin-left: 6px;}
.detail_01 .pro_sns {position: absolute; right: -90px; top: 35px; }
.detail_01 .timeDeal_wrap ~ .pro_sns {top: 81px;}
.detail_01 .pro_sns .tool__share {display: inline-block; width: 24px; height: 24px; padding: 0 110px 58px 20px;  text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/share_icon.png) no-repeat right 100px top; background-size: 24px;}
.sold_out {width: 230px; height: 48px; font-weight: 600; color: #fff; font-size: 16px; line-height: 24px; border-radius: 60px; background-color: #C2C2C2;}
.one_button {width: 470px; height: 48px; font-weight: 600; color: #fff; font-size: 16px; line-height: 24px; border-radius: 60px; background-color: #68A5FE;}
.detail_01 .banner {overflow: hidden;position: relative;  width: 530px; height: 95px; margin-top: 50px;  padding: 32px 0 0 64px; color: #fff; border-radius: 14px; background-size: 100%;}
/*.detail_01 .banner::after {content:''; display: inline-block; position: absolute; right: 40px; bottom: -37px; width: 145px; height: 131px; background: url(https://img.lifet.co.kr/banner/coupon_banner2.png) no-repeat left top; background-size: 145px;}*/
.detail_01 .banner.member {height: 121px; padding-top: 26px; padding-left: 62px; background-color: #002142;}
.detail_01 .banner.member p {margin-bottom: 0; font-size: 22px; font-weight: 500; line-height: 120%; background: none;}
.detail_01 .banner.member p strong {display: block; font-size: 33px; font-weight: 600; line-height: 120%;}
.detail_01 .banner.member::after {bottom: 5px; right: 56px; width: 140px; height: 100px; background-image: url(https://img.lifet.co.kr/icon/jelly_bg.png); background-size: 140px; }
.detail_01 .banner p {display: inline-block; margin-bottom: 6px; padding-right: 20px; font-weight: 600; font-size: 24px; line-height: 130%; background: url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right 5px center; background-size: 8px;}
.detail_01 .banner p span {color: #1C1C1C; font-weight: 700;}
.detail_01 .banner > span {font-size: 16px; line-height: 130%;}
.commerce_tabmenu {border: 1px solid #ececec; border-width: 1px 0; background-color: #F8F8F8;}
.commerce_tabmenu.fixed {z-index: 10; position: fixed; left: 0; top: 70px; width: 100%; transition: 0.2s all linear;}
.commerce_tabmenu.up {top: 93px;}
.app_top + #container .commerce_tabmenu.up {top: 133px;}
.commerce_wrap hr, .payment hr, .payment_complete hr  {display: none;}
.commerce_tabmenu ul {display: flex; max-width: 1170px; margin: 0 auto;}
.commerce_tabmenu ul li a {display: block; position: relative; width: 162px; padding: 18px 0 20px; color: #4D4D4D; text-align: center; font-weight: 500; font-size: 18px; line-height: 130%;}
.commerce_tabmenu ul li.on a, .commerce_tabmenu ul li.on a span {color: #68A5FE; font-weight: 700;}
.commerce_tabmenu ul li.on a::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #68A5FE;}
.comparison_pop table {table-layout: fixed; width: 496px; border-bottom: 1px solid #E4E4E4;}
.comparison_pop table th, .comparison_pop table td {padding: 13px 5px; text-align: center; border: 1px solid #E4E4E4; border-width: 1px 1px 0;}
.comparison_pop table th {width: 98px; font-size: 13px; font-weight: 500; background-color: #F9F9F9;}
.comparison_pop table th span {display: block; margin-top: 4px; font-size: 11px;}
.comparison_pop table tr.first th, .comparison_pop table tr.first td {padding: 0 0 30px; vertical-align: top;}
.comparison_pop table tr.first th {background-color: #fff;}
.comparison_pop table tr.first * {border: 0;}
.comparison_pop table tr.first img {width: 100px; height: 100px; border: 1px solid #D2D2D2; border-radius: 8px; object-fit: cover;}
.comparison_pop table tr.first div span {display: block; margin: 12px 0 6px; color: #808080;}
.comparison_pop table tr.first div p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 170px; margin: 0 auto; font-size: 16px; font-weight: 500;}
ingredientPop2 .contentWrap {overflow-x: auto; height: 720px; padding-bottom: 50px;}
.comparison_pop .contentWrap {overflow-x: auto; height: 720px; padding-bottom: 50px; padding-right: 4px;}
.comparison_pop .contentWrap::-webkit-scrollbar, .ingredientPop2 .contentWrap::-webkit-scrollbar {width: 26px; background-color: transparent;}
.comparison_pop .contentWrap::-webkit-scrollbar-thumb, .ingredientPop2 .contentWrap::-webkit-scrollbar-thumb {background-color: #EBEBEB; border: 10px solid #fff; border-radius: 15px; cursor: pointer;}
.comparison_pop .contentWrap::-webkit-scrollbar-track, .ingredientPop2 .contentWrap::-webkit-scrollbar-track {ackground-color: transparent;}
.comparison_pop table tr td strong {display: block; margin-bottom: 2px; font-weight: 500; font-size: 16px; line-height: 130%;}
.comparison_pop .star {color: #68A5FE; font-weight: 600; font-size: 15px; line-height: 130%; }
.comparison_pop .star::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 2px; vertical-align: -2px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat left -16px; background-size: 80px;}
.comparison_pop .star + span {margin: 0 4px; color: #B3B3B3;}
.comparison_pop .star ~ strong {display: inline; font-size: 15px; font-weight: 500;}
.ingredient_bar {padding: 11px 19px; text-align: left;}
.comparison_pop .ingredient_bar strong {margin-bottom: 0; font-weight: 400; font-size: 14px;}
.comparison_pop2 .contentWrap {width: 348px; padding: 20px;}
.ingredient_bar span {color: #999; font-size: 12px;}
.ingredient_bar .bar {overflow: hidden; position: relative; width: 152px; height: 8px; margin-top: 8px; margin-bottom: 14px; border-radius: 24px; background: #E1E1E1;}
.ingredient_bar .inner:last-child .bar {margin-bottom: 0;}
.ingredient_bar .bar span {position: absolute; left: 0; height: 8px; border-radius: 24px; background-color: #68A5FE;}
.part_icon {padding: 11px 0;}
.part_icon .tit {margin-bottom: 8px; font-weight: 500; font-size: 16px; line-height: 130%;}
.part_icon ul {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 12px;}
.part_icon ul + .tit {margin-top: 12px;}
.part_icon ul li {margin-bottom: 8px; width: calc(100% / 3); text-align: center;}
.part_icon ul li:last-child {padding-right: 0;}
.part_icon ul li span {display: block; margin-top: 4px; font-weight: 500; font-size: 12px; line-height: 130%;}
.part_icon img {width: 30px;}
.ingredient {padding: 11px 0;}
.comparison_pop table tr td .ingredient strong {font-size: 14px;}
.comparison_pop table tr td .ingredient p + p {margin-top: 14px;}
.ingredient span {font-size: 12px; line-height: 130%;}
.commerce_tab {margin-bottom: 80px;}
.commerce_tab h2 {display: flex; align-items: center; margin-top: 60px; font-size: 28px; font-weight: 700;}
.commerce_tab h2 img {width: 32px; margin-left: 6px;}
.commerce_tab h2:first-child {margin-top: 80px;}
.commerce_tab h2 span {display: inline-block; width: 30px; height: 30px; margin-right: 12px; padding: 2px 0; text-align: center; color: #fff; font-weight: 600; font-size: 20px; line-height: 130%; vertical-align: 3px; background: #68A5FE; border-radius: 50%;}
.lifet_analyze_wrap {margin-top: 20px; padding: 32px 50px; border-radius: 16px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.lifet_analyze {overflow: hidden;}
.lifet_analyze:nth-child(2) {margin-top: 12px; padding-top: 12px; border-top: 1px solid #E4E4E4;}
.lifet_analyze h3 {margin-bottom: 12px; color: #68A5FE;font-weight: 600; font-size: 24px; line-height: 130%;}
.lifet_analyze h3.red {color: #F9708B;}
.lifet_analyze [class*="slick_analyze"] .slick-slide {display: flex; align-items: center; width: 250px;}
.lifet_analyze [class*="slick_analyze"] .slick-slide + .slick-slide {margin-left: 23px;}
.lifet_analyze [class*="slick_analyze"] .slick-slide span {display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin-right: 10px; border-radius: 50%; background-color: #F8F8F8;}
.lifet_analyze [class*="slick_analyze"] .slick-slide span img {width: 50px;}
.lifet_analyze [class*="slick_analyze"] .slick-slide p {font-weight: 500; font-size: 16px; line-height: 150%;}
.lifet_analyze [class*="slick_analyze"] .slick-slide strong {display:block; font-weight: 600;}
.main_ingredient h3 {width: 100%; margin-top: 30px; font-weight: 700; font-size: 24px; line-height: 130%;}
.main_ingredient h3:first-child {margin-top: 20px;} 
.main_ingredient h3 + .inner {margin-top: 16px;}
.main_ingredient h3 span {margin-right: 4px; color: #68A5FE;}
.main_ingredient h4 {margin: 20px 0 10px; font-weight: 500; font-size: 20px; line-height: 150%;}
.main_ingredient .inner + h4 {margin-top: 30px;}
.main_ingredient .inner_wraps {display: flex; flex-wrap: wrap;}
.main_ingredient .inner_wraps + .dim_ + .caution-area {margin-top: 20px;}
.main_ingredient h4::before {content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 12px; vertical-align: 4px; border-radius: 50%; background-color: #343434;}
.main_ingredient .inner_wraps .inner {width: 577px; margin-top: 16px; padding: 24px 40px 24px 24px; border-radius: 16px; border: 2px solid #E4E4E4;}
.main_ingredient > .inner.total {margin-right: 0; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08)); border: 0;}
.pro_detail .main_ingredient .inner_wraps .inner:nth-child(even) {margin-left: 16px;}
.main_ingredient .inner + .inner {margin-top: 16px;}
.main_ingredient .top {position: relative; margin-right: -16px; cursor: pointer;}
.main_ingredient .top::after {content: ''; position: absolute; top: 0; right: 0; width: 36px; height: 36px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; transform: rotate(-90deg);}
/*.main_ingredient .top.arrow::after {transform: rotate(180deg);}*/
.main_ingredient .top > strong {margin-right: 14px; font-weight: 600; font-size: 24px; line-height: 150%;}
.main_ingredient .top > span {padding: 0; color: #666666; font-size: 16px; line-height: 150%; font-weight: 400; vertical-align: 2px; border: 0;}
.main_ingredient .top > span + span::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px; background-color: #d2d2d2;}
.bar_graph {display: flex; align-items: center; flex-wrap: wrap; margin-top: 8px;}
.bar_graph .bar {overflow: hidden; display: inline-block; width: 100%; height: 8px; margin-right: 14px; margin-bottom: 5px; border-radius: 24px; background-color: #E1E1E1;}
.bar_graph .bar span {display: inline-block; height: 8px; border-radius: 24px; vertical-align: top; background-color: #68A5FE;}
.bar_graph > span { padding: 6px 10px; color: #68A5FE; vertical-align: 3px; font-weight: 600; font-size: 14px; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px;}
.bar_graph > span + span {margin-left: 4px;}

.bar_graph > span.none:last-child::before {display: none;}
.ingredient_cont { display: none; z-index: 1000003; position: fixed; top: 50%; left:50%; width: 1043px; transform: translate(-50%,-50%); flex-wrap: wrap; padding: 0 0 40px; border-radius: 12px; background-color: #fff;} 
.ingredient_cont.toggle {display: flex;}
.ingredient_cont .title {width: 100%;}
.ingredient_cont h5 {margin: 35px 0 8px; font-weight: 600; font-size: 18px; line-height: 130%;}
.ingredient_cont h5:first-child {margin-top: 0;}
.ingredient_cont > div {display: flex; flex-flow: column;}
.discription {width: 100%; margin-bottom: 20px;}
.discription dt {margin-bottom: 4px; font-size: 20px; font-weight: 600; line-height: 150%;}
.discription dd {font-size: 18px; line-height: 150%;}
.ingredient_cont .main_slider {width: 100%; height: 430px; padding: 0 1px;}
.ingredient_cont .inner_slider {display: flex !important; width: 1043px;}

.main_slider > .slick-list > .slick-slide {margin: 0 40px;}
.main_slider .tit {margin-bottom: -10px; font-weight: 600; font-size: 20px; line-height: 150%;}
.main_slider .tit span {margin-left: 8px; color: #666; font-weight: 500; font-size: 16px; line-height: 150%;}
.main_slider > .slick-dots {margin-top: 30px;}
.ingredient_cont .slick_counter2 {flex-flow: inherit; justify-content: center; width: 100%; margin: 20px 0 0;}
.slick_counter2 strong {margin-right: 12px; font-weight: 600; font-size: 20px; line-height: 150%;}
.slick_counter2 span {color: #B3B3B3; font-weight: 600; font-size: 20px; line-height: 150%;}
.slick_counter2 span em {margin-right: 2px; color: #343434;}
.ingredient_cont .cont {font-size: 18px; line-height: 140%;}
.ingredient_cont .rig {width: 510px; flex: inherit;}
.ingredient_cont .rig p {width: 524px; margin-top: 9px; color: #808080; font-size: 12px; line-height: 130%;}
.slick_graph, .slick_graph .slick-list {width: 510px;}
.slick_graph img {width: 100%;}
.slick_graph .slick-slide {overflow: hidden; border: 1px solid #D7D7D7; border-radius: 8px;}
.commerce_tab .slick_graph .slick-arrow {width: 40px; height: 40px; background-size: 40px;}
.commerce_tab .slick_graph .slick-prev {left: -20px;}
.commerce_tab .slick_graph .slick-next {right: -20px;}
.slick_graph .slick-dots {margin-top: 16px;}
.slick_graph + p {margin-top: 16px;}
.total_ingredient h4 {font-weight: 600; font-size: 18px; line-height: 130%;}
.total_ingredient h4::before {display: none;}
.total_tit {display: none;}
.total_ingredient .table {display: flex; position: relative; flex-wrap: wrap;}
.total_ingredient .table::after {content:''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #fff;}
.total_ingredient .table li {display: flex; width: calc(100% / 4); margin-left: -1px; margin-bottom: -1px; text-align: center; border: 1px solid #ccc; background-color: #fff;}
.total_ingredient .table li * {flex: 1; padding: 10px 0;}
.total_ingredient .table li strong { font-size: 16px; font-weight: 400; line-height: 130%; background-color: #F7F7F7;}
.total_ingredient .table li span {font-size: 16px; line-height: 130%;}
.total_ingredient .list {/*display: flex; flex-wrap: wrap;*/ margin: 14px 0 24px; font-size: 16px; line-height: 150%;}
.total_ingredient .list span {margin-left: -3px; }
.total_ingredient .list span.red:first-child, .total_ingredient .list span.purple:first-child {margin-left: 0;}
.total_ingredient .list li + span {margin-right: 4px;}
.total_ingredient .list .purple {color: #A755DA; font-weight: 500;}
.total_ingredient .list .red {color: #FF8181; font-weight: 500;}
.ingredient_goodBad { display: flex; border-top: 1px solid #E4E4E4;}
.ingredient_goodBad .tool_tip {position: absolute; top: 50px; left: 424px; width: 184px; padding: 12px 10px 12px 12px; color: #fff; font-weight: 400; font-size: 14px; line-height: 130%; background: #4D4D4D; border-radius: 4px;}
.ingredient_goodBad .tool_tip::after {content: ""; position: absolute; top: -4px; left: 16px; width: 8px; height: 4px; background: url(https://img.lifet.co.kr/icon/icon_tool_tip.svg) no-repeat left top;}
.ingredient_goodBad .inner {position: relative; display: flex; align-items: center; justify-content: space-between; flex: 1; margin: 24px 0 0; cursor: pointer;}
.ingredient_goodBad .inner strong {padding-left: 47px; font-weight: 600; font-size: 24px; line-height: 130%;}
.ingredient_goodBad .inner span {margin-right: 89px; font-weight: 600; font-size: 36px; line-height: 130%; text-decoration: underline;}
.ingredient_goodBad .inner:nth-child(1) {border-right: 1px solid #D2D2D2;}
.ingredient_goodBad .inner:nth-child(1) span {color: #A755DA;}
.ingredient_goodBad .inner:nth-child(2) span {color: #FF8181;}
.other_parts {display: flex; flex-wrap: wrap; margin: 16px 0 20px;}
.other_parts .inner {width: 580px; padding: 46px 70px; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 16px;}
.other_parts .inner + .inner {margin-left: 10px; margin-top: 0;}
.other_parts .inner + .inner ul {height: 67%;}
.other_parts .inner strong {font-weight: 600; font-size: 24px; line-height: 130%;}
.other_parts p {margin-top: 41px; font-size: 24px; line-height: 130%;}
.other_parts .inner ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  margin-top: 28px; margin-bottom: -15px;}
.other_parts .inner ul li + li {margin-left: 30px;}
.other_parts .inner ul.seven {width: 350px; height: 185px; margin: 28px auto 0;}
.other_parts .inner ul.six {width: 290px; height: 185px; margin: 28px auto 0;}
.other_parts .inner ul.eight {width: 370px; height: 185px; margin: 28px auto 0;}
.other_parts .inner ul.nine {width: 300px; height: 185px; margin: 28px auto 0;}
.other_parts .inner ul.six li:nth-child(3n+1), .other_parts .inner ul.seven li:nth-child(5), .other_parts .inner ul.eight li:nth-child(5), .other_parts .inner ul.nine li:nth-child(6), .other_parts .inner ul.ten li:nth-child(6) {margin-left: 0;}
.other_parts .inner ul li {margin-bottom: 15px; text-align: center;}
.other_parts .inner ul li span {display: block; margin-top: 4px; font-weight: 500; font-size: 16px; white-space: nowrap; line-height: 130%;}
.other_parts .inner ul li img {display: block; width: 60px;}
.other_parts .caution-area {margin-top: 20px;}
.slick_compatibility {margin: 20px 0;}
.slick_compatibility .slick-list {margin: -20px;}
.slick_compatibility .pet_card {display: flex !important; align-items: center; position: relative; height: 259px; margin: 20px; padding: 42px 0;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 16px;}
.slick_compatibility .pet_card .left {width: 315px; text-align: center; border-right: 1px solid #E3E3E3;}
.slick_compatibility .pet_card .left .name p {display: inline; margin: 0; color: #666; font-size: 16px; }
.slick_compatibility .pet_card .left .name span:last-child {display: none;}
.slick_compatibility .pet_card .rig {flex: 1; text-align: center;}
.slick_compatibility .pet_card .inner {padding: 0 98px 0 76px;}
.slick_compatibility .pet_card .inner .tit {text-align: left; font-weight: 600; font-size: 24px; line-height: 140%;}
.slick_compatibility .pet_card .inner p {margin: 14px 0 0; text-align: left; font-weight: 400; font-size: 16px; line-height: 140%;}
.slick_compatibility .pet_card .inner p strong {font-weight: 600;}
.commerce_tab .caution-area li {min-height: 24px; font-size: 16px; background-position: left top;}
.commerce_tab .shadow {overflow: hidden; display: flex;  justify-content: center; align-items: center; flex-flow: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.commerce_tab .shadow::after {content: ''; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(52,52,52,0.71); border-radius: 16px;}
.commerce_tab .shadow p {margin: 0 0 23px; color: #fff; font-size: 24px; text-align-last: center; font-weight: 700;}
.commerce_tab .slick-arrow {width: 60px; height: 60px; background-size: 60px;}
.commerce_tab .slick-prev {left: -32px;}
.commerce_tab .slick-next {right: -32px;}
.main_slider > .slick-arrow {top: auto; bottom: -92px; width: 56px; height: 56px; background-image: url(https://img.lifet.co.kr/icon/slick_button3.png); background-size: 56px;}
.main_slider .slick-prev {left: 367px;}
.main_slider .slick-next {right: 367px;}
.feed_ration {display: flex; flex-wrap: wrap; margin: 20px 0 20px;}
.feed_ration .inner {position: relative; width: 570px; height: 271px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 16px;}
.feed_ration .inner {padding: 50px 36px 0;}
.feed_ration > div .top {display: flex;}
.feed_ration > div .img {overflow: hidden; width: 160px; height: 160px;  margin-top: 9px; margin-right: 25px; border-radius: 50%; border: 1px solid #E4E4E4;}
.feed_ration > div img {width: 160px; height: 160px; border-radius: 50%; object-fit: cover;}
.feed_ration .name {width: 313px;}
.feed_ration .name > strong {display: block; margin-top: 6px; font-weight: 600; font-size: 24px; line-height: 130%;}
.feed_ration .name > span {color: #808080; font-size: 18px; line-height: 130%;}
.slick_feed {position: relative; width: 570px;  margin-left: 30px; }
.slick_feed .name span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 8px 0 4px; vertical-align: middle; border-radius: 50%; background-color: #9A9A9A;}
.slick_feed .name span:first-of-type:before {display: none;}
.slick_feed .slick-list {margin: -20px;}
.slick_feed .slick-slide {position: relative; height: 271px; margin: 20px; padding: 40px 70px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 16px;}
.slick_feed .slick-dots {margin-bottom: -30px;}
.feed_ration .slick_feed .top {margin-bottom: 0;}
.feed_ration .slick_feed .top .img {width: 70px; height: 70px; margin: 0 20px 0 0;}
.feed_ration .slick_feed .top .img img {width: 70px; height: 70px;}
.feed_ration .inner .bottom {position: absolute; top: 131px; left: 221px; margin-top: 0; }
.feed_ration .bottom {height: 135px; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #E3E3E3;}
.feed_ration .bottom strong {display: inline-block; width: 85px; vertical-align: top; font-weight: 500; font-size: 16px; line-height: 130%;}
.feed_ration .bottom span {display: inline-block; width: 228px; font-size: 16px; line-height: 130%;}
.feed_ration .bottom p {display: flex;}
.feed_ration .bottom p + p {margin-top: 12px;}
.slick_feed .bottom {display: flex; justify-content: space-around; text-align: center;}
.slick_feed .bottom > div {margin-top: -20px;}
.slick_feed .bottom > div *  {display: block; width: auto;}
.slick_feed .bottom > div strong {margin-bottom: 12px; font-weight: 400; font-size: 20px;}
.slick_feed .bottom > div span {color: #68A5FE; font-weight: 600; font-size: 24px; line-height: 130%;}
.slick_feed .btn_default {margin-top: -20px; padding: 10px 43px 10px 33px; font-size: 16px; background-position: right 27px center;}
.slick_feed p + .btn_default {margin-top: 0;}
.brand {display: flex; flex-wrap: wrap; margin-bottom: 100px; margin-top: 20px; padding: 50px 80px; box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.04); border-radius: 16px;}
.brand img {display: inline-block; width: 240px; height: 240px; border-radius: 8px;}
.brand .rig {width: 688px; margin-left: 81px;}
.brand .rig .tit {font-weight: 600; font-size: 24px; line-height: 130%;}
.brand .rig .tit + p {margin-top: 12px;}
.brand .rig p {margin-top: 10px; font-size: 18px; line-height: 130%;}
.brand .rig p strong {margin-left: 22px; font-weight: 500;} 
.brand .text {width: 688px; margin-left: 321px; margin-top: -92px; font-size: 18px; line-height: 130%;}
.banner_add {margin-top: 100px; padding: 40px 119.5px 42px; border-radius: 16px; color: #fff;  background-color: #5A8CF9;}
.banner_add ul {display: flex;}
.banner_add ul li {padding: 0 112px;}
.banner_add ul li:first-child {padding-left: 0;}
.banner_add ul li:last-child {padding-right: 0;}
.banner_add ul li + li {border-left: 1px solid #A7CBFF;}
.banner_add ul li span, .banner_add ul li p {display: block; width: 160px; text-align: center;}
.banner_add ul li p {margin-top: 12px; font-size: 28px; font-weight: 600; line-height: 130%;}
.earn_points {display: flex; justify-content: center; margin-top: 10px; padding: 24px 0; text-align: center; font-size: 18px; line-height: 130%; border-radius: 8px; background-color: #F7F8FA;}
.earn_points p + p {margin-left: 90px;}
.earn_points p:first-child {padding-left: 36px; background: url(https://img.lifet.co.kr/icon/mall_pencile.svg) no-repeat;}
.earn_points p:last-child {padding-left: 36px; background: url(https://img.lifet.co.kr/icon/mall_camera.svg) no-repeat;}
.earn_points p strong {margin-left: 12px; font-weight: 600;}
.pro_suggestion {position: relative; display: flex; align-items: center; height: 188px; padding-left: 466px; border-radius: 16px; background-color: #BED8FF;}
.pro_suggestion img {position: absolute; left: 192px; bottom: 0; width: 185px;}
.pro_suggestion div {font-size: 16px;}
.pro_suggestion div strong {display: block; margin-bottom: 8px; font-weight: 600; font-size: 24px; line-height: 130%;}
.pro_suggestion .btn_line {margin-top: 16px; padding: 10px 16px; color: #fff; border-color: #343434;  font-weight: 500; background-color: #343434;}
.detail_info .caution-area {display: flex; justify-content: center; margin-bottom: 60px; padding: 48px 0 47px; background-color: #F3F3F3;}
.detail_info .caution-area li {min-height: 36px; font-weight: 500; font-size: 24px; line-height: 150%; background-position-y: center; background-size: 28px;}
.detail_info .caution-area li br {display: none;}
.detail_area {overflow: hidden; width: 100%; height: 892px; text-align: center;}
.detail_area.auto {height: auto;}
.detail_area img {max-width: 100%; vertical-align: top;}
.detail_info .btn_more2 {position: relative; width: 100%; margin-top: 24px; padding: 24px 0; font-weight: 500; font-size: 22px; line-height: 130%; border: 2px solid #D2D2D2; border-radius: 12px;}
.detail_info .btn_more2::before {content:''; position: absolute; left: -1px; bottom: 85px; width: 101%; height: 440px; background: linear-gradient(0deg, #FFFFFF 5.57%, rgba(255, 255, 255, 0) 96.77%);}
.detail_info .btn_more2::after {content:''; display: inline-block; width: 24px; height: 24px; margin-left: 6px; vertical-align: -4px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat center; background-size: 24px;}
.detail_area.auto + .btn_more2::before {display: none;}
.detail_area.auto + .btn_more2::after {transform: rotate(180deg);}
.detail_info h2 {margin-top: 100px; font-weight: 600; font-size: 24px; line-height: 130%;}
.detail_info h2 + dl {display: flex; flex-wrap: wrap; margin-top: 20px;}
.detail_info h2 + dl dt {width: 298px; margin-bottom: -1px; padding: 12px 30px; font-size: 16px; line-height: 130%; border: 1px solid #ccc; border-width: 1px 0; background-color: #F7F7F7;}
.detail_info h2 + dl dd {width: 872px; margin-bottom: -1px; padding: 12px 30px; font-size: 16px; line-height: 130%; border: 1px solid #ccc; border-width: 1px 0; background-color: #fff;}
.commerce_review {overflow: hidden; position: relative; margin-top: 100px;}
.commerce_review h2 {font-weight: 600; font-size: 24px; line-height: 130%;}
.commerce_review h2 + p {margin-top: 8px; font-size: 16px; line-height: 130%;}
.commerce_review .btn_line, .commerce_inqeury .btn_line {position: absolute; right: 0; top: 0; height: 44px; padding: 10px 30px; font-weight: 600; font-size: 16px; line-height: 24px;}
.total_average {display: flex; margin-top: 20px; padding: 34px 158px 35px; border-radius: 16px; background-color: #F7F8FA;}
.total_average .left {width: 240px; margin-right: 231px; }
.total_average .left span {display: block; font-weight: 500; font-size: 24px; line-height: 130%; text-align: center;}
.total_average .left strong {display: block; margin-top: 12px; font-weight: 600; font-size: 40px; line-height: 130%; text-align: center;}
.total_average .star_socre {justify-content: center; margin: 9px 0 0;}
.total_average .star_socre .star {width: 240px; height: 48px; background-size: inherit;}
.total_average .star_socre .star span {height: 48px; text-align: left; background-position: left -48px; background-size: inherit;}
.total_average ul li {display: flex; align-items: center; margin-top: 13px;}
.total_average ul li:first-child {margin-top: 0;}
.total_average ul li:first-child span {color: #68A5FE;}
.total_average ul li strong {width: 38px; font-weight: 600; font-size: 16px; line-height: 130%;}
.total_average ul li > span {margin-left: 14px; font-weight: 500; font-size: 16px; line-height: 130%;}
.total_average ul li .bar {width: 285px; height: 12px; border-radius: 51px; background-color: #D9D9D9;}
.total_average ul li .bar span {display: inline-block; height: 12px; vertical-align: top; border-radius: 51px; background-color: #68A5FE;}
.commerce_review h3 {margin: 40px 0 18px; font-weight: 600; font-size: 18px;}
.photo_mov {display: flex; width: 1500px;}
.photo_mov li {overflow: hidden; position: relative; width: 136px; height: 136px; border-radius: 6px; cursor: pointer; background-color: #F1F1F1;}
.photo_mov li img {width: 136px; height: 136px; object-fit: cover;}
.photo_mov li + li {margin-left: 11.5px;}
.photo_mov li.more::before {content: ''; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background-color: rgba(52, 52, 52, 0.6);}
.photo_mov li.more::after {content: '더보기'; position: absolute; left: 50%; top: 50%; color: #fff; font-weight: 600; font-size: 20px; transform: translate(-50%,-50%); white-space: nowrap;}
.sort {float: right; margin-top: -36px; }
.sort button {font-weight: 500; font-size: 16px; line-height: 130%;}
.sort button + button {margin-left: 20px;}
.review_list2 {margin-bottom: 50px; border-bottom: 1px solid #ccc;}
.review_list2 > li {padding: 20px 0 0; border-top: 1px solid #ccc;}
.review_list2 li .top, .review_slide .top {display: flex; align-items: center; margin-bottom: 13px;}
.review_list2 li .top p, .review_slide .top p {margin-bottom: 4px;}
.review_list2 li .top p strong, .review_slide .top p strong {margin-right: 2px; font-weight: 600;}
.review_list2 li .top p span, .review_slide .top p span {color: #808080; font-size: 13px; line-height: 140%;}
.review_list2 li .top p span::before, .review_slide .top p span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 6px 0 2px; vertical-align: middle; border-radius: 50%; background-color: #9A9A9A;}
.review_list2 li .top p span:first-of-type::before, .review_slide .top p span:first-of-type::before {display: none;}
.review_list2 li .top img, .review_slide .top img {width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; object-fit: cover;}
.review_list2 li .top .star_socre, .review_slide .top .star_socre {display: inline-block; margin: 0; vertical-align: top;}
.review_list2 li .top .date, .review_slide .top .date {display: inline-block; margin-left: 6px; margin-top: 3px; vertical-align: top; color: #808080; font-size: 13px;}
.review_list2 .option, .review_slide .option {color: #666; line-height: 130%;}
.review_list2 .review_text, .review_slide .review_text {margin: 10px 0 0;}
.review_list2 .review_text p {white-space: pre-line;}
.review_list2 .review_text > p, .review_slide .review_text p {line-height: 140%; word-break: break-all; margin-bottom: 10px;}
.review_slide .review_text {overflow-y: auto; height: 210px;}
.review_slide .review_text p { overflow-y: auto; /*max-height: 175px;*/ margin-bottom: 10px;}
.review_slide .review_text p::-webkit-scrollbar {-webkit-appearance: none;}
.review_slide .review_text p::-webkit-scrollbar:vertical {width: 13px;}
.review_slide .review_text p::-webkit-scrollbar-thumb {border-radius: 8px; border: 4px solid white; background-color: #EBEBEB;}
.review_slide .state, .review_list2 .state {margin-top: 10px;  font-weight: 600; line-height: 130%;}
.review_slide .tip_tit, .review_list2 .tip_tit  {margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 130%;}
.review_text ul {display: flex; margin-top: 20px;}
.review_text ul li {margin-bottom: 20px;}
.review_text ul li img {width: 120px; height: 120px; border-radius: 6px; object-fit: cover; cursor: pointer; background-color: #F1F1F1;}
.review_text ul li + li {margin-left: 8px;}
.commerce_inqeury {position: relative; margin-top: 100px;}
.commerce_inqeury.padding, .commerce_review.padding {margin-top: 200px;}
.commerce_inqeury h2 + p {margin-top: 8px; line-height: 130%;}
.commerce_inqeury h2 + p u {font-weight: 500;}
.commerce_inqeury .direct_inquery .subject span:nth-child(1), .commerce_inqeury .direct_inquery ul li .inner:nth-child(1) {width: 750px;}
.commerce_inqeury .direct_inquery .subject span, .commerce_inqeury .direct_inquery ul li .inner:nth-child(4) {width: 140px;}
.commerce_inqeury .direct_inquery ul {margin-bottom: 50px;}
.commerce_inqeury .direct_inquery ul li .inner img {margin-left: 4px; vertical-align: -4px;}
.commerce_inqeury .direct_inquery .answer > div {font-weight: 500; font-size: 14px; line-height: 130%;}
.commerce_inqeury .direct_inquery .answer .q {margin-bottom: 10px; color: #4D4D4D;}
.commerce_inqeury .direct_inquery .answer .a {margin-left: 0;}
.commerce_inqeury .direct_inquery .answer .a span:first-child {vertical-align: top;}
.commerce_inqeury .direct_inquery .answer .a .answerText {display: inline-block;  text-indent: 0;}
.commerce_inqeury .direct_inquery .answer .a .date {margin: 30px 0 0 52px; color: #808080; font-weight: 400;}
.quick_buy {display: none; z-index: 2; position: fixed; left: 0; bottom: -486px; width: 100%; border-top: 3px solid #68A5FE; background-color: #fff; transition: 0.3s all ease-in-out;}
.quick_buy.show {display: block;/*bottom: -376px;*/ bottom: -290px;}
.quick_buy.wide {bottom: 0 !important;}
.quick_buy .inner {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; max-width: 1170px; height: 402px; margin: 0 auto; padding: 40px 0 50px;}
.quick_buy .inner::before {content: ''; position: absolute; left: 50%; top: 40px; width: 1px; height: 315px; background-color: #F5F5F5;}
.m_bottom .btn_buy {display: none;}
.m_bottom .inner {position: relative;}
.quick_buy .btn_buy {display: block;  position: absolute; right: 0; top: -64px; padding: 19px 72px 19px 58px; color:#fff; font-weight: 600; font-size: 20px; line-height: 24px; border-radius: 8px 8px 0px 0px; background-color: #68A5FE;}
.quick_buy .btn_buy::after {content: ''; position: absolute; right: 46px; top: 20px; width: 22px; height: 22px; transform: rotate(180deg); background: url(https://img.lifet.co.kr/icon/arrow_down_w.svg) no-repeat; background-size: 22px;}
.quick_buy.wide .btn_buy::after {transform: rotate(0deg);}
.quick_buy .sum_price {display: flex; width: 100%; justify-content: flex-end; align-items: center; margin: 163px 0  22px;}
.quick_buy .selectBox__.type02 .select__, .quick_buy .selectBox__.type02 .list__ {width: 535px; min-width: auto; left: 0;}
.quick_buy .total {width: 536px;}
.quick_buy .total span {display: block; margin-top: 40px; color: #666; font-weight: 500; font-size: 16px; text-align: right; line-height: 130%;}
.quick_buy .total p {display: flex; align-items: center; justify-content: flex-end; margin-top: 4px; font-weight: 600; font-size: 18px; line-height: 130%;}
.quick_buy .total p strong {margin-left: 11px; font-weight: 600; font-size: 24px; line-height: 130%;}
.quick_buy .total .btn_area {display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 40px 0 0;}
.quick_buy .total .btn_area a + a {margin-left: 10px;}
.quick_buy .option {position: relative; width: 536px; margin: 8px 0 0; padding: 13px 24px 10px; border-radius: 8px; background-color: #F5F5F5;}
.quick_buy .option .pro_name {margin-bottom: 13px; font-weight: 500; font-size: 16px; line-height: 130%;}
.quick_buy .option .count {padding-left: 16px;}
.quick_buy .option .count button {z-index: 1; position: relative; display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background-position: left center; background-repeat: no-repeat;}
.quick_buy .option .count .minus {background-image: url(https://img.lifet.co.kr/icon/min.svg);}
.quick_buy .option .count .plus {background-image: url(https://img.lifet.co.kr/icon/plus_black.svg);}
.quick_buy .option .count input {width: 128px; height: 44px; margin: 0 -40px; padding: 10px 20px; font-weight: 600; font-size: 16px; text-align: center;}
.quick_buy .option strong {position: absolute; right: 19px; bottom: 24px; font-weight: 600; font-size: 22px;}
.quick_buy .option .del {position: absolute; right: 19px; top: 10px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat left top; opacity: .7;}
.quick_buy .btn_wish {margin-right: 10px;}
.quick_buy .btn_second {display: none;}
.none_review {margin-top: 24px; padding: 80px 0; text-align: center; font-size: 16px; line-height: 130%;}
.none_review br:first-of-type {display: none;}
.none_review span {font-weight: 600;}
.commerce_review .none_review {padding-bottom: 60px;}
.slick_suggestion .slick-track {margin: 0;}
.slick_suggestion .slick-arrow {width: 60px; height: 60px; top: 130px; background-size: 60px;}
.slick_suggestion .slick-prev {left: -30px;}
.slick_suggestion .slick-next {right: -25px;}
.cart_pop {display: none; position: absolute; right: 241px; bottom: 57px; padding: 24px 20px 35px; text-align: center; border-radius: 8px; background: url(https://img.lifet.co.kr/visual/cart_box.png) no-repeat left top; background-size: 233px; transition: .8s all ease;}
.cart_pop > p {margin-bottom: 12px; font-weight: 500; line-height: 130%; letter-spacing: -0.14px; }
.cart_pop > button {width: 94px; height: 28px; padding: 6px 0 6px 10px; border-radius: 60px; font-size: 12px; font-weight: 600; line-height: 130%; text-align: left; background: url(https://img.lifet.co.kr/icon/arrow_blue.svg) no-repeat right 7px center; background-size: 10px;}
.cart_pop > button + button {margin-left: 2px; background-image: url(https://img.lifet.co.kr/icon/arrow_right_w.svg); background-color: #68A5FE; background-size: 11px;}
.cart_pop_wrap.show .cart_pop {display: block;}
.quick_buy .cart_pop {bottom: 130px; right: 237px;}
.cart_pop .m_cart, .cart_pop .together_list {display: none;}

/* 레이어 팝업 */
.slick_review  {width: 763px;}
.review_total .contentWrap {padding-right: 0;}
.review_photo2 .contentWrap {max-width: 50vw;}
.review_photo .head .count {display: inline-block; margin-left: 8px; color: #808080; font-weight: 400; font-size: 18px; line-height: 130%;}
.review_photo .head .count strong {color: #343434; font-weight: 600; }
.review_photo .total_btn {position: absolute; right: 68px; padding-left: 24px; font-weight: 500; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_total.svg) no-repeat left center;}
.review_slide > div {display: flex; width: 763px;}
.review_slide .img {display: flex; justify-content: center; align-items: center; width: 402px; height: 440px; margin-right: 30px; background-color: #F4F4F4;}
.review_slide .img img {width: 100%; max-height: 440px; object-fit: contain;}
.review_slide .rig {width: 335px;}
.review_slide .review_text ul {position: absolute; bottom: 80px;}
.review_slide .review_text ul li {overflow: hidden; width: 70px; height: 70px; border-radius: 6px; border: 2px solid #F4F4F4;}
.review_slide .review_text ul li.on {border-color: #68A5FE;}
.review_slide .review_text ul li img {width: 70px; height: 70px;}
.contentWrap .slick-arrow {display: none; top: 50%; width: 50px; height: 50px; background-image: url(https://img.lifet.co.kr/icon/pop_arrow.svg); background-size: 50px;}
.contentWrap .slick-arrow.show {display: block;}
.contentWrap .slick-prev {left: 0;}
.contentWrap .slick-next {right: 0;}
.review_total .scroll {overflow-y: auto; width: 793px; height: 440px;}
.review_total .scroll::-webkit-scrollbar {width: 26px; background-color: transparent;}
.review_total .scroll::-webkit-scrollbar-thumb {background-color: #EBEBEB; border: 10px solid #fff; border-radius: 15px; cursor: pointer;}
.review_total .scroll::-webkit-scrollbar-track {background-color: transparent;}
.total_photo {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.total_photo img {width: 124px; height: 124px; object-fit: cover;}
.total_photo li {margin-right: 4px; cursor: pointer;}
.total_photo li:nth-child(6n) {margin-right: 0;}
.slick_img .slider-content .slick-slide {display: flex !important; justify-content: center; align-items: center; width: 606px; height: 560px;}
.slick_img .slider-content .slick-slide img { max-width: 100%; max-height: 510px; object-fit: contain;}
.slick_img .slider-thumb {width: 292px; margin: 0 auto;}
.slick_img .slider-thumb .slick-arrow {display: none !important;}
.slick_img .slider-thumb .slick-track {transform: none !important;}
.slick_img .slider-thumb img {width: 70px; height: 70px; object-fit: contain; border-radius: 6px;}
.slick_img .slider-thumb .slick-slide img {border: 2px solid #F4F4F4; cursor:pointer; border-radius: 6px;}
.slick_img .slider-thumb .slick-current img {border-color: #68A5FE;}
.slider-content .slick-prev {left: -2px;}
.slider-content .slick-next {right: -2px;}
.slider-content .slick-arrow {top: 50%;}
.modal-dialog .ingredientPop .head {padding-left: 28px;}
.ingredientPop .contentWrap {width: 550px; padding: 26px 26px 40px 26px}
.ingredientPop .sub {margin-left: 12px; color: #808080; font-size: 13px; line-height: 130%; text-indent: -12px;}
.ingredientPop .sub + .sub {margin-top: 10px;}
.ingredientPop .sub::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 5px; vertical-align: 4px; border-radius: 50%; background-color: #808080;}
.ingredientPop .contentWrap .title {margin: 0 0 6px;}
.ingredientPop .contentWrap p {margin-bottom: 24px;}
.ingredientPop .contentWrap p + p {margin-top: -17px; margin-bottom: 30px; font-weight: 500; color: #494949;}
.ingredientPop .head .purple {color: #A755DA; font-weight: 600;}
.ingredientPop .head .red {color: #FF8181; font-weight: 600;}
.ingredientPop2 .contentWrap {overflow-y: auto; width: 550px; height: 780px; padding: 26px 10px 40px 28px;}
.ingredientPop2 p {margin-left: 24px; text-indent: -24px; font-size: 16px; line-height: 150%;} 
.ingredientPop2 p + p {margin-top: 18px;}
.comparison_pop2 p {margin-left: 24px; text-indent: -24px; font-size: 15px; line-height: 140%;} 
.comparison_pop2 p + p {margin-top: 18px;}
.feed_pop {z-index: 1; position:absolute; margin-top: 10px; width: 388px; padding: 24px 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 12px; background-color: #fff}
.feed_pop .title {font-weight: 600; font-size: 18px; line-height: 130%;}
.feed_pop .contentWrap {width: 388px; padding: 26px 40px 30px;}
.feed_pop ul li {display: flex; margin-top: 16px; font-weight: 500; font-size: 16px; line-height: 130%;}
.feed_pop ul li strong {margin-left: 16px; color: #68A5FE; font-weight: 600;}
.feed_pop ul + ul {margin-top: 21px; padding-top: 21px; border-top: 1px solid #E3E3E3;}
.feed_pop p {margin: 16px 0 0; line-height: 140%;}
.modal-dialog .feed_pop .content-area {padding-top: 48px;}
.modal-dialog .feed_pop .head {height: 48px; padding-left: 20px;}
.modal-dialog .feed_pop .closer {top: 14px; right: 20px; width: 24px; height: 24px;}
/*.best_review {display: block; position: absolute; left: 0; width: 100%; bottom: -24px;}
.best_review .title {margin-bottom: 12px; font-size: 24px; font-weight: 600; line-height: 130%;}
.best_review .title span {margin-left: 16px; font-size: 20px; font-weight: 500;}
.best_review .title #avgRating {margin-left: 12px;}
.best_review .title #avgRating::before {content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 4px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat -4px -26px; background-size: 124px;}
.review_slick {margin: 0 -5px;}
.review_slick .slick-track {margin: 0;}
.best_review .slick_wrap {display: flex !important; padding: 20px; margin: 0 5px; border-radius: 8px; border: 1px solid #EFEFEF;}
.best_review .slick_wrap .img {width: 100px; height: 100px; margin: 0;}
.best_review .rig {flex-flow: column; align-items: flex-start; flex: 1; width: auto; margin:0 0 0 16px;}
.best_review .rig .best_star {display: flex; flex-wrap: wrap; align-items: center;}
.best_review .rig .best_star > span {overflow: hidden; width: 100%; margin-bottom: 4px; text-overflow: ellipsis; display: inline-block; max-width: 100%; white-space: nowrap; margin-right: 4px; font-size: 18px; font-weight: 600; line-height: 130%;}
.best_review .rig .best_star .star span {height: 16px;}
.best_review .rig .best_star strong {margin-left: 4px; color: #68A5FE; font-size: 18px; font-weight: 600; line-height: 130%;}
.best_review .rig  p {overflow: hidden; height: 44px; margin-top: 6px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 140%; word-break: break-all;}
.best_review .slick-dots {margin-top: 30px; margin-bottom: -20px;}
.best_review > button {position: absolute; top: 0; right: 0; line-height: 140%; font-size: 16px; text-decoration-line: underline;}
.best_review .slick-arrow {top: 40%; width: 44px; height: 44px; background-size: 44px;}
.best_review .slick-dots li button:before {width: 12px; height: 12px;}
.best_review .slick-dots li button {margin: 0 8px; padding: 6px;}*/


.review_best {margin-top: 10px; margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 130%; cursor: pointer;}
.review_best span:last-child {margin-left: 4px; text-decoration: underline;}
.review_best #avgRating::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: -1px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat 0 -19px; background-size: 94px;}

@media (max-width: 767px) {
    .detail_01, .feed_ration {flex-flow: column;}
    .pro_comparison, .slick_feed, .feed_ration .inner, .ingredient_cont .cont, .other_parts .inner, .slider-for .slick-list {width: 100%;}
    .detail_01 {position: static; margin-top: 0; margin-bottom: 0; padding-bottom: 0;}
    .detail_01.no_slick {margin-bottom: 0;}
    .detail_01 > .rig {position: relative; width: auto; padding: 24px 20px 0;}
    .detail_01 .tool__share {top: 52px;}
    .detail_01 hr {display: none; width: 100%; height: 12px; margin: 24px 0 0; border: 0; background-color: #F4F4F4;}
    .sns_pop {position: absolute; right: 0 !important; top: 30px !important; width: 114px; height: auto; margin-top: 0; margin-right: 0; padding: 12px; border-radius: 8px;}
    .sns_pop a {display: block; width: 40px; height: 40px;}
    .sns_pop a + a {margin-left: 10px;}
    .detail_01 .pro_sns {top: 48px; right: 20px;}
    .detail_01 .timeDeal_wrap ~ .pro_sns {top: 94px;}
    .detail_01 .pro_sns .tool__share {padding: 0; background-position: center;}
    .slider-nav {display: none !important;}
    .slider-for { height: auto;}
    .slider-for .slick-slide {width: auto; height: auto; border-radius: 0;}
    .slider-for .slick-list {padding: 0; border-radius: 0;}
    .slider-for .slick-dots {position: absolute; bottom: 20px; width: 100%;}
    .slick_proImg {overflow: hidden; position: relative; width: 100%; height: 100vw; margin-right: 0;}
    .slider-for img {width: 100%; max-height: none;}
    .slider-for .slick-list .slick-slide {height: auto; border-radius: 0;}
    .pro_detail .rig .pro_name > span:first-child {padding-right: 16px; font-size: 14px; background-size: 14px;}
    .pro_detail .rig .pro_name p {margin: 8px 28px 0 0; font-size: 18px;}
    .detail_01 .star_socre {margin: 6px 0; }
    .detail_01 .price p span {font-size: 22px;}
    .detail_01 .price p strong {margin: 0 6px 0 0; font-size: 22px;}
    .detail_01 .price p .spacial, .detail_01 .price p .best, .detail_01 .price p .free {padding: 5px 6px; font-size: 12px; vertical-align: 2px; border-radius: 4px;}
    .detail_01 .price > span, .vet_word strong {font-size: 16px;}
    .detail_01 .banner {overflow: hidden; position: relative; bottom: auto; width: auto; height: 106px; margin: 0 -20px; padding: 0; border-radius: 0;  border-top: 12px solid #F4F4F4; border-bottom: 12px solid #F4F4F4;}
    .detail_01 .banner::after {width: 121px; height: 110px; bottom: -30px; right: 10px; background-size: 121px;}
    .detail_01 .banner.member {height: 110px; padding-top: 22px; padding-left: 30px;}
    .detail_01 .banner.member::after {right: 22px; bottom: 0; width: 125px; height: 90px; background-size: 125px;}
    .detail_01 .banner p { font-size: 20px;}
    .detail_01 .banner.member p {font-size: 18px; background: none;}
    .detail_01 .banner.member p strong {font-size: 28px;}
    .detail_01 .banner > span {font-size: 14px; opacity: .8;}
    .detail_01 .price p span.discount {color: #666;}
    .detail_01 .price p span.cost, .detail_01 .price p span.discount {font-size: 16px;}
    .detail_01 .price p span.cost {margin-left: 2px;}
    .coupon_price strong {margin-right: 10px; font-size: 22px;}
    .coupon_price span {font-size: 16px;}
    .coupon_price button {padding: 6px 18px 5px 10px; font-size: 12px; background-position: right 8px center; background-size: 5px;}
    .vet_word strong {display: block; text-align: left;}
    .vet_word p {margin-top: 6px; margin-left: 5px; padding-bottom: 10px; font-size: 14px; text-align: left;  border-bottom: 1px solid #D2D2D2}
    .vet_word {margin: 20px 0 18px; padding: 16px 17px 10px; text-align: center; border-radius: 8px; border: 1px solid #D2D2D2;}
    .vet_word a {position: static; display: inline-block; margin-top: 10px; padding-right: 18px;}
    .money_area button, .delivery button {right: -20px; width: 50px; background-size: 18px;}
    .money_area button {height: 50px; background-position: 12px 20px;}
    .delivery button {height: 35px; background-position: 12px 6px;}
    .money_area {margin-bottom: 0; margin-top: 30px; padding: 20px 0 6px; border-top: 1px solid #E6E6E6; border-bottom: 0;}
    .money_area.show button, .delivery.show button {background-position: 20px 10px;}
    .money_area p:nth-child(1) a {height: 21px; margin-left: 6px; font-size: 13px;}
    .expiration {padding: 10px 0; border-bottom: 0;}
    .delivery {margin-bottom: 0; padding: 6px 0 14px; border: 0;}
    .delivery .rig span {display: none;}
    .delivery_tobe {font-size: 14px;}
    .money_area p:first-child span::before, .money_area p:first-child span::after {display: none;}
    .delivery span, .expiration > span {width: 90px;}
    .delivery_time {margin-top: -4px; padding: 10px 18px 10px;}
    .delivery_time .countdown {margin-left: 3px; font-size: 14px;}
    .delivery_time .countdown span {width: 17px;}
    .detail_01 .day_delivery {font-size: 14px;}
    /*.best_review {overflow: hidden; display: block; position: relative; bottom: auto; margin-bottom: 40px; margin-top: 24px; }
    .best_review .title {margin-bottom: 8px; font-size: 16px;}
    .best_review .title span {margin-left: 8px; font-size: 14px;}
    .best_review .title #avgRating {margin-left: 8px;}
    .best_review .title #avgRating::before {width: 14px; height: 14px; background-size: 90px; background-position: -3px -19px; vertical-align: 0px;}
    .review_slick {margin: 0 -10px;}
    .best_review .slick_wrap {padding: 14px 12px; margin: 0 10px; border-color: #D2D2D2;}
    .best_review .slick_wrap .img {width: 82px; height: 82px; margin: 0;}
    .best_review .rig {flex-flow: column; align-items: flex-start; flex: 1; width: auto; margin:0 0 0 8px;}
    .best_review .rig .best_star {display: flex; align-items: center;}
    .best_review .rig .best_star > span {overflow: hidden; text-overflow: ellipsis; display: inline-block; width: auto; max-width: 57%; margin: 0 4px 0 0; white-space: nowrap; margin-right: 4px; font-size: 14px; font-weight: 600; line-height: 130%;}
    .best_review .rig .best_star strong {display: none;}
    .best_review .rig  p {overflow: hidden; height: 60px; margin-top: 4px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 140%; word-break: break-all; font-size: 14px;}
    .best_review > button {position: absolute; top: 0; right: 0; line-height: 140%; text-decoration-line: underline;}
    .best_review .rig .best_star {display: flex; flex-wrap: inherit; align-items: center;}
    .best_review .rig .best_star > span {overflow: hidden; width: auto; text-overflow: ellipsis; display: inline-block; max-width: 100%; white-space: nowrap; margin-right: 4px; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 130%;}
    .best_review .rig .best_star strong {display: none;}
    .best_review .rig  p {height: 60px; margin-top: 4px; font-size: 14px; -webkit-line-clamp: 3; }
    .best_review > button {font-size: 14px;}
    .best_review .slick-dots {margin-top: 10px; margin-bottom: 0;}
    .best_review .slick-dots li button {margin: 0 4px; padding: 3px;}
    .best_review .slick-dots li button:before {width: 6px; height: 6px;}*/
    .money_area p span {width: 100px;}
    .money_area p:first-child span {width: 90px;}
    .money_area p:nth-child(2), .money_area p:nth-child(3), .money_area p:nth-child(4) {display: none; margin-left: 86px;}
    .detail_01 .m_bottom {z-index: 1000001; position: fixed; width: 100%; left: 0; bottom: 0; padding: 10px 20px; background-color: #fff;}
    .m_bottom .restrictions {display: none; margin: 0;}
    .m_bottom.extend .restrictions {display: block; margin-bottom: 8px;}
    .pro_comparison {position: relative; top: auto;  width: auto; margin: 0 20px 20px; padding: 21px 16px 15px;}
    .pro_comparison p strong {font-size: 16px;}
    .pro_comparison p strong img {width: 20px;}
    .detail_01 .pro_comparison p button {height: 28px; margin: -4px 0 0; padding: 6px 10px; font-size: 12px; font-weight: 700;}
    .pro_comparison ul li, .pro_comparison ul li img {width: 84px; height: 84px; border-radius: 6px;}
    .pro_comparison ul li {background-size: 44px;}
    .pro_comparison .pop {left: 0; width: 100%;}
    .pro_comparison .tool_tip {top: 45px; left: 12px;}
    .commerce_tabmenu {padding: 0 20px; background-color: #fff;}
    .commerce_tabmenu ul {width: 100%;}
    .commerce_tabmenu ul li {width: calc(100% / 4);}
    .commerce_tabmenu ul li a {width: auto; padding: 17px 0 21px; font-size: 14px; text-align: center; line-height: 100%; white-space: nowrap;}
    .commerce_tabmenu ul li a span {display: block; margin-top: 2px; margin-bottom: -13px; color: #999; font-size: 11px; line-height: 100%;}
    .commerce_tabmenu ul li.on a::before {height: 3px;}
    .commerce_wrap {padding: 0 20px 0;}
    .commerce_tab h2 {margin-top: 32px !important; font-size: 20px;}
    .commerce_tab h2 span {width: 24px; height: 24px; margin-right: 10px; font-size: 15px;}
    .commerce_wrap hr {display: block; margin: 32px -20px; height: 12px; border: 0; background-color:  #F4F4F4;}
    .payment hr {display: block; margin: 30px 0; height: 12px; border: 0; background-color:  #F4F4F4;}
    .lifet_analyze_wrap {margin-bottom: 32px; padding: 20px 30px; border-radius: 12px; background-color: #fff;}
    .lifet_analyze [class*="slick_analyze"] .slick-slide + .slick-slide {margin-left: 0;}
    .lifet_analyze:nth-child(2) {margin-top: 16px; padding-top: 16px;}
    .lifet_analyze h3 {margin-bottom: 8px; font-size: 18px;}
    .commerce_tab h2 img {width: 26px; margin-left: 4px;}
    .main_ingredient h3 {margin-top: 0; font-size: 18px;}
    .main_ingredient h4 {margin: 12px 0; font-weight: 600; font-size: 16px;}
    .main_ingredient .inner_wraps {width: 100%; margin-top: 12px; padding: 20px 16px; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
    .main_ingredient .inner_wraps .inner {width: 100%; margin-top: 0; padding: 0; border-radius: 0; border: 0;}
    .main_ingredient .inner_wraps .inner + .inner {margin-top: 20px; padding-top: 20px; border-top: 1px solid #E4E4E4;}
    .main_ingredient .inner_wraps + .dim_ + .caution-area {margin-top: 16px;}
    .main_ingredient .inner + .inner {margin-top: 8px;}
    .pro_detail .main_ingredient .inner_wraps .inner:nth-child(even) {margin-left: 0;}
    .main_ingredient .inner .top {margin-right: 0; background: none;}
    .main_ingredient .top::after {width: 24px; height: 24px; transform: rotate(-90deg); background-size: 24px;}
    .main_ingredient .inner .top > strong {margin-right: 4px; font-size: 16px;}
    .main_ingredient .inner .top > span {display: inline-block; vertical-align: 1px; font-size: 14px;}
    .main_ingredient .top > span:last-of-type::before {height: 10px; margin: 0 6px 0 2px;}
    .ingredient_cont.toggle {z-index: 1000001; overflow-x: auto; display: block; position: fixed; left:0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0 20px; border: 0; transform: none; background-color: #fff;}
    .discription {margin-top: 30px; margin-bottom: 0;}
    .discription dt {margin-bottom: 8px; font-size: 16px; font-weight: 500;}
    .discription dd {font-size: 14px;}
    .ingredient_cont .left {width: auto; height: auto; margin-right: 0; padding: 24px 0; border: 0; background-color: transparent;}
    .ingredient_cont .rig {width: 100%; margin-bottom: 0; padding-left: 0;}
    .ingredient_cont .top {display: block; margin-right: 0; padding-top: 80px;}
    .ingredient_cont .rig p {width: auto;}
    .main_ingredient .ingredient_cont .top strong {font-size: 20px;}
    .bar_graph {flex-wrap: wrap;}
    .slick_graph, .slick_graph .slick-list {width: 100%;}
    .ingredient_cont .top .bar_graph {display: block;}
    .ingredient_cont .title {z-index: 1; display: flex; position: fixed; width: 100%; height: 60px; margin-left: -20px; padding-left: 20px; font-weight: 700; font-size: 16px; line-height: 150%; border-bottom: 1px solid #ccc; background-color: #fff;}
    .ingredient_cont .close {z-index: 10; display: block; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; cursor: pointer; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; background-position: center; background-size: 24px;}
    .ingredient_cont h5 {font-size: 16px; font-weight: 500;}
    .ingredient_cont .cont {font-size: 14px;}
    .ingredient_cont h5 {margin-top: 20px;}
    .bar_graph .bar {width: 100%; margin-right: 0; margin-bottom: 8px;}
    .bar_graph > span {padding: 4px 8px; font-size: 12px;}
    .total_ingredient {margin-right: 0;}
    .total_tit {display: flex; justify-content: space-between; margin-bottom: 14px; font-size: 16px; font-weight: 600; line-height: 130%;}
    .total_tit span {position: relative; padding-right: 22px; font-size: 14px; font-weight: 600; line-height: 140%;}
    .total_tit span::before {content: ''; position: absolute; right: 0; top: 0;  display: block; width: 20px; height: 20px; transform: rotate(90deg); background: url(https://img.lifet.co.kr/icon/arrow_right.svg) no-repeat center; background-size: 20px;}
    .total_tit.show span::before {transform: rotate(-90deg);}
    .total_ingredient .table {display: none;}
    .total_ingredient.show .table {display: flex;}
    .total_ingredient .table li {width: 50%;}
    .total_ingredient .table li * {padding: 12px 0;}
    .total_ingredient .table li strong, .total_ingredient .list {font-size: 14px;}
    .total_ingredient .table li span {font-size: 13px;}
    .ingredient_goodBad .inner {flex: 1; justify-content: center; margin-top: 17px !important;}
    .ingredient_goodBad .tool_tip {top: 32px; left: 25vw;}
    .ingredient_goodBad .inner strong {padding-left: 0; font-size: 16px;}
    .ingredient_goodBad .inner span {margin-right: 0; margin-left: 6px; font-size: 20px;}
    .main_ingredient h3 + .inner {margin-top: 12px;}
    .main_ingredient > .inner.total {padding: 20px 16px;}
    .main_ingredient .inner + h3 {margin-top: 30px;}
    .main_ingredient .inner + h4 {margin-top: 20px;}
    .other_parts {margin: 12px -20px 0; padding: 0 20px 32px; border-bottom: 12px solid #F4F4F4;}
    .other_parts .inner {height: auto; padding: 24px 0 24px; border-radius: 12px; background-color: #fff;}
    .other_parts .inner strong {font-size: 18px;}
    .other_parts p {margin-top: 29px; margin-bottom: 24px; font-size: 16px;}
    .other_parts .inner ul {height: auto; margin: 16px auto -16px;}
    .other_parts .inner + .inner ul {height: 68%;}
    .other_parts .inner ul.seven {width: 260px;}
    .other_parts .inner ul li {margin: 0 8px 16px;}
    .other_parts .inner ul li img {display: inline-block; width: 40px;}
    .other_parts .inner ul li + li {margin-left: 8px;}
    .other_parts .inner ul li span {font-size: 14px;}
    .other_parts .inner ul.six {width: 180px; height: auto;}
    .other_parts .inner ul.eight {width: 240px;}
    .other_parts .inner + .inner {margin: 8px 0 0;}
    .commerce_tab .caution-area li {font-size: 13px; min-height: auto; background-position: left 2px;}
    .slick_compatibility .pet_card {flex-flow: column; height: auto; padding: 30px 20px;}
    .commerce_tab .dim p {margin-bottom: 0; font-size: 18px;}
    .commerce_tab .dim p + a {margin-top: 20px;}
    .slick_compatibility .pet_card .left {display: flex; width: 100%; padding-bottom: 20px; text-align: left; border-right: 0; border-bottom: 1px solid #E3E3E3;}
    .slick_compatibility .pet_card .left span {display: inline-block;}
    .slick_compatibility .pet_card .left .img {width: 70px; height: 70px; margin: 0 20px 0 10px;}
    .slick_compatibility .pet_card .left .img img {width: 70px; height: 70px;}
    .slick_compatibility .pet_card .left p {margin: 0; color: #666666; font-size: 14px;}
    .slick_compatibility .pet_card .left .name span {font-size: 14px;}
    .slick_compatibility .pet_card .left strong {margin: 4px 0 1px; font-size: 16px; font-weight: 700;}
    .slick_compatibility .pet_card .left span:last-child::before {width: 2px; height: 2px; color: currentColor;}
    .slick_compatibility .pet_card .inner {padding: 0;}
    .slick_compatibility .pet_card .left .name p {display: block;}
    .slick_compatibility .pet_card .left .name span:last-child {display: inline-block;}
    .slick_compatibility .pet_card .inner .tit {display: block; margin-top: 20px; font-size: 20px; text-align: left;}
    .slick_compatibility .pet_card .rig > p {margin: 62px 0 20px;}
    .slick_compatibility .pet_card .rig > p + a {margin-bottom: 40px;}
    .feed_ration .inner {height: auto; padding: 20px; border-radius: 12px; background-color: #fff;}
    .feed_ration .name > strong {margin: 0; font-size: 20px; }
    .feed_ration .name > span {display: block; margin-bottom: 2px; font-size: 14px;}
    .feed_ration .bottom {height: auto;}
    .feed_ration .inner .bottom {position: static; margin-top: 16px;}
    .commerce_tab .shadow::after {border-radius: 12px;}
    .commerce_tab .shadow p {font-size: 18px;}
    .slick_feed {margin: 10px 0 0;}
    .slick_feed .name > span {display: inline-block; margin: 0; color: #666; line-height: 140%;}
    .slick_feed .name > span:first-of-type {display: block; margin: 1px 0 0;}
    .slick_feed .name span:nth-of-type(2):before {display: none;}
    .slick_feed .slick-slide {height: auto; padding: 20px; border-radius: 12px; background-color: #fff;}
    .slick_feed .slick-dots {margin-bottom: 0;}
    .feed_ration .name {width: auto; flex: 1; margin-left: 12px;}
    .slick_feed .bottom > div {display: flex; flex-flow: column; align-items: center; margin-top: 0;}
    .feed_ration > div .top {flex-wrap: wrap; align-items: center;}
    .feed_ration .slick_feed .top {flex-flow: inherit;}
    .feed_ration .slick_feed .top .img {width: 60px; height: 60px; margin: 0 20px;}
    .feed_ration .slick_feed .top .img img {width: 60px; height: 60px;}
    .feed_ration .slick_feed .name {flex: 1; text-align: left;}
    .feed_ration .slick_feed .name strong {font-size: 16px; font-weight: 700;}
    .slick_feed .btn_default {margin: 0; padding: 10px 30px 10px 18px; font-size: 14px; background-size: 14px; background-position: right 16px center;}
    .slick_feed .bottom > div strong {width: auto; margin-bottom: 8px; font-size: 16px;}
    .feed_ration + .caution-area {display: none;}
    .slick_feed .bottom > div span {width: auto; font-size: 18px;}
    .feed_ration .bottom strong {width: 80px; font-size: 14px; text-align: left;}
    .feed_ration .bottom span {width: calc(100% - 80px); font-size: 14px; text-align: left;}
    .commerce_tab .slick-arrow {display: none !important;}
    .feed_ration > div .img {width: 79px; height: 79px; margin-top:0; margin-right: 0;}
    .feed_ration > div img {width: 79px; height: 79px;}
    .brand {margin-top: 16px; margin-bottom: 32px; padding: 26px 16px 24px; border-radius: 12px;}
    .brand img {width: 105px; height: 105px; margin-left: 6px;}
    .brand .rig {width: calc(100% - 124px); margin-left: 13px;}
    .brand .rig p {margin-top: 6px; font-size: 14px;}
    .brand .rig .tit {font-size: 18px;}
    .brand .rig .tit + p {margin-top: 8px;}
    .brand .rig p strong {margin-left: 20px;}
    .brand .text {width: auto; margin-top: 20px; margin-left: 0; font-size: 14px; line-height: 140%;}
    .quick_buy .selectBox__.type02 .select__, .quick_buy .selectBox__.type02 .list__ {width: auto;}
    .pro_suggestion {height: 102px; margin-bottom: 32px; padding-left: 118px; border-radius: 12px;}
    .pro_suggestion .btn_line {height: auto; margin-top: 14px; padding: 6px 10px; font-size: 12px;}
    .commerce_tabmenu.fixed {z-index: 1000; top: 47px;}
    .commerce_tabmenu.up {top: 47px;}
    .pro_suggestion img {left: 16px; width: 91px;}
    .pro_suggestion div strong {margin-bottom: 0; font-size: 15px; font-weight: 500;}
    .commerce_tab {margin-bottom: 0;}
    .banner_add {margin-bottom: 24px; margin-top: 32px; padding: 15px 20px 14px 21px; border-radius: 8px;}
    .banner_add ul li {padding: 0 12px; flex: 1;}
    .banner_add ul li span img {width: 30px;}
    .banner_add ul li p {margin-top: 4px; font-size: 13px;}
    .banner_add ul li span, .banner_add ul li p {width: auto;}
    .earn_points {flex-flow: column; align-items: center; margin-top: 8px; padding: 16px 0; font-size: 14px; text-align: left;}
    .earn_points p + p {margin-left: 0; margin-top: 11px;}
    .earn_points p:first-child, .earn_points p:last-child {padding-left: 32px;}
    .earn_points p {padding: 1px 0; background-size: 20px !important;}
    .detail_info .caution-area {padding: 20px 0; margin-bottom: 20px;}
    .detail_info .caution-area li {padding: 24px 0 0; font-size: 14px; text-align: center; line-height: 130%; background-size: 16px; background-position: center top;}
    .detail_info .caution-area li br {display: block;}
    .detail_area {width: auto; height: 370px; margin: 0 -20px 0;}
    .detail_info .btn_more2::before {left: -21px; width: 100vw; height: 136px; bottom: 51px;}
    .detail_info .btn_more2 {height: 44px; margin-top: 16px; padding: 11px 0; font-size: 14px; border-width: 1px; border-radius: 8px;}
    .detail_info .btn_more2::after {width: 20px; height: 20px; margin-left: 2px; background-size: 20px;}
    .detail_info h2 {margin-top: 50px; font-size: 20px;}
    .detail_info h2 + dl {margin-top: 12px;}
    .detail_info h2 + dl dt {width: 42%; padding: 10px 6px; font-size: 12px;}
    .detail_info h2 + dl dd {width: 58%; padding: 10px 6px; font-size: 12px;}
    .pro_name .discount .overline {display:block;}
    .commerce_review {overflow: visible; margin-top: 32px;}
    .commerce_review h2 {font-size: 20px;}
    .commerce_review h2 + p {display: none;}
    .commerce_review .btn_line, .commerce_inqeury .btn_line {height: 28px; padding: 6px 12px; font-size: 12px; line-height: 130%;}
    .commerce_review h3 {margin: 30px 0 14px; font-size: 14px; font-weight: 500;}
    .commerce_review .scroll {overflow-x: auto;}
    .commerce_review .scroll + h3, .commerce_review .scroll_none + h3 {padding-bottom: 14px; border-bottom: 1px solid #ccc;}
    .total_average {justify-content: center; margin-top: 13px; padding: 20px 0; border-radius: 10px;}
    .total_average .left {width: 47.8%; margin-right: 0;}
    .total_average .left span {font-size: 15px;}
    .total_average .left strong {margin-top: 5px; font-size: 24px;}
    .total_average .star_socre {margin-top: 4px;}
    .total_average .star_socre .star {width: 120px; height: 24px; background-size: 120px;}
    .total_average .star_socre .star span {height: 24px; background-position: left -24px;}
    .total_average .rig {width: 52.2%;}
    .total_average ul li strong {width: 19px; font-size: 10px;}
    .total_average ul li {margin-top: 6px;}
    .total_average ul li .bar {width: 110px; height: 6px;}
    .total_average ul li .bar span {height: 6px;}
    .total_average ul li > span {font-size: 10px; margin-left: 8px;}
    .sort {margin-top: -46px;}
    .scroll_none.scroll {overflow-x: auto;}
    .photo_mov {width: 700px;}
    .photo_mov li.more::after {font-size: 15px;}
    .photo_mov li, .photo_mov li img {width: 80px; height: 80px;}
    .photo_mov li + li {margin-left: 5px;}
    .sort button {font-size: 14px;}
    .sort button + button {margin-left: 9px;}
    .review_list2 {margin-bottom: 25px; border-bottom: 0;}
    .review_list2 > li {padding: 5px 0; border-top: 0;}
    .review_text ul {overflow-x: auto; margin-right: -20px; padding-right: 20px;}
    .review_text ul li img {width: 100px; height: 100px;}
    .review_text ul li + li {margin-left: 5px;}
    .review_list2 li .top .star_socre, .review_list2 li .top .date {vertical-align: middle;}
    .commerce_inqeury {margin-top: 0; }
    .commerce_inqeury h2 {padding: 1px 0; font-weight: 600; font-size: 20px; line-height: 130%;}
    .commerce_inqeury .direct_inquery {border-color: #ccc;}
    .commerce_inqeury .direct_inquery ul {margin-bottom: 40px;}
    .commerce_inqeury h2 + p {margin-top: 13px; padding: 10px 14px; border-radius: 6px; background-color: #F4F4F4;}
    .commerce_inqeury .direct_inquery ul li .inner {width: auto;}
    .commerce_inqeury .direct_inquery ul li .inner img {width: 18px;}
    .commerce_inqeury .direct_inquery ul li .inner:nth-child(1) {width: 100% !important;}
    .commerce_inqeury .direct_inquery ul li .inner:nth-child(2) {order: 1; position: static; margin: 0 8px;}
    .commerce_inqeury .direct_inquery ul li .inner:nth-child(3) {order: 2;}
    .commerce_inqeury .direct_inquery ul li .inner:nth-child(4) {order: 0; width: auto; font-size: 12px;}
    .commerce_inqeury .direct_inquery .answer .a .date {margin-top: 20px; margin-left: 27px;}
    .comparison_pop .contentWrap {height: auto; padding: 20px 15px 38px;}
    .comparison_pop table {width: 100%; table-layout: fixed;}
    .comparison_pop table tr.first th, .comparison_pop table tr.first td {padding-bottom: 14px;}
    .comparison_pop table tr.first img {width: 80px; height: 80px;}
    .comparison_pop table tr.first div span {margin: 10px 0 4px; font-size: 10px; }
    .comparison_pop table tr.first div p {width: 130px; font-size: 12px;}
    .comparison_pop table th {width: 20.5%;}
    .ingredient_bar {padding: 9px 11px;}
    .ingredient_bar .bar {width: 100%;}
    .part_icon .tit {font-size: 14px;}
    .part_icon ul {margin: 0;}
    .part_icon ul + .tit {margin-top: 24px;}
    .part_icon img {width: 24px;}
    .comparison_pop .contentWrap::-webkit-scrollbar, .ingredientPop2 .contentWrap::-webkit-scrollbar {width: 0;}
    .comparison_pop2 .contentWrap {width: 335px;}
    .feed_pop {width: 308px; margin-top: 8px; padding: 24px;}
    .feed_pop .contentWrap {width: 304px; padding: 14px 30px 20px; }
    .feed_pop ul {width: 100%; }
    .feed_pop p {font-size: 12px;}
    .comparison_pop2 .head, .feed_pop .head, .feed_pop .head {height: 44px; padding-top: 3px;}
    .modal-dialog .comparison_pop2 .closer {top: 5px; right: 5px; background-size: 20px;}
    .ingredientPop .contentWrap, .ingredientPop2 .contentWrap {width: 100%; height: auto; padding: 40px 20px 40px;}
    .ingredientPop .sub_tit {display: block; margin-bottom: 10px; padding-top: 40px; font-weight: 600; font-size: 15px; line-height: 130%; border-top: 1px solid #D2D2D2;}
    .ingredientPop .sub {font-size: 14px;}
    .ingredientPop .contentWrap .title {margin-bottom: 4px;}
    .review_slide > div {flex-flow: column; width: 100%;}
    .review_slide .review_text ul {position: static; margin-top: 0;}
    .review_slide .review_text > p {overflow-y: hidden; order: 2; max-height: none; margin-bottom: 0; margin-top: 24px;}
    .review_slide .img {display: none;}
    .slick_review, .review_slide .rig {width: auto;}
    .review_slide .review_text {overflow: visible; display: flex; flex-flow: column; height: auto; margin-top: 16px;}
    .review_slide .review_text ul {flex-flow: column; order: 0;}
    .review_slide .review_text ul li {display: flex; justify-content: center; width: 100%; height: auto; text-align: center; border: 0;}
    .review_slide .review_text ul li + li {margin: 12px 0 0;}
    .review_slide .review_text ul li img {max-width: 100%; width: auto; height: auto;}
    .review_photo .slick-arrow {z-index: 1; position: fixed; top: 50%;}
    .review_photo .slick-prev {left: 0;}
    .review_photo .slick-next {right: 0;}
    .review_list2 li .top .date, .review_slide .top .date {margin-top: 0;}
    .review_slide .tip_tit, .review_list2 .tip_tit {margin-top: 12px;}
    .review_slide .state {order: 1;}
    .review_slide .tip {order: 3;}
    .modal-dialog .review_photo .head {justify-content: center; padding-left: 0;}
    .review_photo2 .contentWrap {max-width: 100vw;}
    .modal-dialog .review_photo2 .head {justify-content: flex-start; padding-left: 20px;}
    .slider-content {display: flex; justify-content: center;}

    .review_photo .head .count {font-size: 16px;}
    .review_photo .total_btn {left: 20px; right: auto; text-indent: -9999px; background-size: 24px;}
    .review_total .scroll {width: auto; height: auto;}
    .total_photo li {width: calc(100% / 3 - 3px); margin-bottom: 4px;}
    .total_photo li a {display: block; position: relative; padding-top: 100%;}
    .total_photo li:nth-child(3n) {margin-right: 0;}
    .total_photo li img {position: absolute; top: 0; width: 100%; height: 100%; margin: auto; object-fit: cover;}
    .review_total .scroll::-webkit-scrollbar {width: 0;}
    .review_total .contentWrap {padding-right: 20px;}
    /*.slick_img, .slick_img .slider-content div {width: 100% !important;}
    
    */
    .slick_img .slider-content div img {max-width: 100%;}
    .slick_img .slider-content .slick-slide {width: 100%; height: 66vh;} 
    .slick_img .slider-content .slick-slide img {max-height: none; min-width: 360px;}
    .slick_img .slider-thumb {margin-top: 40px;}
    .detail_01 .m_bottom {z-index: 1000001; display: block; bottom: 0 !important; border-top: 1px solid #d2d2d2;}
    .detail_01 .m_bottom .shadow {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
    .quick_buy .btn_buy {display: none;}
    .quick_buy, .quick_buy.show {bottom: 0 !important; transition: none;}
    .quick_buy .inner {flex-flow: column; height: auto; padding: 0; background-color: #fff;}
    .quick_buy .inner::before {display: none;}
    .quick_buy.extend .inner {border-radius: 20px 20px 0px 0px;}
    .quick_buy.extend .shadow {display: block;}
    .quick_buy .option {display: none; width: 100%; margin-top: 10px; padding: 12px 14px;}
    .quick_buy .option .pro_name {margin-bottom: 13px; padding-right: 30px; color: #666; font-weight: 400; font-size: 15px;}
    .quick_buy .total {width: 100%;}
    .quick_buy .selectBox__ {display: none;}
    .quick_buy .selectBox__.type02 .list__ { border-radius: 8px;}
    .quick_buy .option .del {top: 12px; right: 10px; width: 19px; height: 19px; background-size: 19px; opacity: .6;}
    .quick_buy .option .count input {width: 86px; height: 32px; margin: 0 -30px; border-radius: 4px;}
    .quick_buy .option .count button {width: 21px; height: 21px; background-size: 21px;}
    .quick_buy .option .count {padding-left: 7px;}
    .quick_buy .option strong {bottom: 18px; right: 12px; font-size: 16px;}
    .quick_buy .total span {display: none;}
    .quick_buy .total p {display: none; margin-top: 16px; justify-content: space-between; font-size: 16px;}
    .quick_buy .total p strong  {font-size: 20px;}
    .quick_buy .total .btn_area {justify-content: flex-start; margin-top: 0;}
    .quick_buy .btn_wish {width: 44px; height: 44px; margin-right: 4px; background-size: 88px;}
    .quick_buy.extend .btn_area .btn_wish {display: none;}
    .quick_buy.extend .selectBox__ {display: block; height: auto;}
    .quick_buy.extend .total p {display: flex; margin-bottom: 16px;}
    .quick_buy .btn_area a {width: calc(100% / 2 - 28px); height: 44px;}
    .quick_buy.extend .btn_area a {width: calc(100% / 2 - 6px);}
    .quick_buy .total .btn_area a + a {margin-left: 7px;}
    .quick_buy .btn_second {display: none;}
    .quick_buy.extend .btn_second {display: block;}
    .cart_pop {transform: translateY(0);}
    .cart_pop, .quick_buy .cart_pop {z-index: 1; display: block; position: fixed; bottom: -497px; width: 100%; height: 497px; right: auto; margin: 0 -20px; padding: 0 20px 46px; text-align: left; border-radius: 20px 20px 0px 0px; background-color: #fff; background-image: none;}
    .cart_pop_wrap.show .cart_pop {bottom: 0; }

    .cart_pop .m_cart, .cart_pop .together_list {display: block;}
    .cart_pop > p, .cart_pop > button {display: none;}
    .cart_pop .m_cart {position: relative; display: flex; align-items: center; margin: 14px 0 10px;}
    .cart_pop .m_cart p {margin-left: 14px; font-weight: 500; line-height: 130%;}
    .cart_pop .m_cart a {position: absolute; right: 0; color: #68A5FE; font-weight: 600; line-height: 130%;}
    .cart_pop .m_cart span {overflow: hidden; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #F4F4F4;}
    .cart_pop .m_cart span img {width: 100%;}
    .together_list {margin: 0 -20px; padding-left: 20px; border-top: 1px solid #D2D2D2;}
    .together_list > .tit {margin:20px 0 12px; font-size: 16px; font-weight: 600; line-height: 130%;}
    .together_list .product_list {overflow-x: auto; }
    .together_list .scroll {overflow-x: auto;}
    .pro_detail .rig .together_list .pro_name > span:first-child {font-size: 10px; background-image: none;}
    .together_list .product_list li {width: 130px !important; margin-right: 10px !important}
    .pro_detail .rig .product_list .pro_name p {margin: 2px 0 0; font-size: 13px;}
    .detail_01 .product_list .day_delivery {margin-left: 0;}
    .product_list .pro_name .discount strong {margin-top: 4px;}
    .together_list button {width: calc(100% - 20px); height: 44px; font-size: 16px; border-radius: 60px; }
    .detail_01 .rig .cart_pop_wrap.show .shadow {display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
    .sold_out, .one_button {width: calc(100% - 48px); height: 44px;}
    .btn_wish {width: 44px; height: 44px; margin-right: 4px; background-size: 88px;}
    .m_bottom .btn_area {display: flex; padding: 0;}
    .m_bottom .btn_area a {display: flex; align-items: center; justify-content: center; width: calc(100% / 2 - 27px); height: 44px; padding: 0;}
    .m_bottom .btn_area a#storeCart {display: none;}
    .m_bottom.extend .btn_area a#storeCart {display: flex;}
    .m_bottom .btn_area a + a {width: calc(100% - 48px); margin-left: 0;}
    .m_bottom.extend .btn_area .btn_wish {display: none;}
    .m_bottom.extend .btn_area a {width: calc(100% / 2 - 3px) !important;}
    .m_bottom.extend .btn_area a + a {margin-left: 6px;}
    .btn_wish.on {background-position: -44px top;  }
    .detail_01 .selectBox__, .sum_price, .detail_01 .option {display: none;}
    .detail_01 .m_bottom.extend {bottom: 0 !important; padding: 20px 20px 10px; border-radius: 20px 20px 0px 0px; background-color: #fff;}
    .detail_01 .m_bottom #options {overflow-y: auto; max-height: 378px; position: static; height: auto;}
    .detail_01 .rig .shadow {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
    .detail_01 .rig .m_bottom.extend + .shadow, .detail_01 .extend .option {display: block; }
    .detail_01 .extend .selectBox__ {display: block; margin-top: 0;}
    .m_bottom.extend .sum_price {display: flex;}
    .detail_01 .option {margin-top: 8px; padding: 12px 14px;}
    .detail_01 .option:first-child {margin-top: 0;}
    .detail_01 .option .pro_name {color: #666; font-weight: 400; font-size: 15px;}
    .detail_01 .selectBox__.type02 .select__ {height: 45px; margin-bottom: 12px; padding: 0 16px; font-size: 16px; background-position: right 14px center; background-size: 16px;}
    .m_bottom .selectBox__.type02 .list__ {position: absolute; bottom: 56px; top: auto; width: 100%; padding: 0; border-radius: 8px;}
    .m_bottom .selectBox__.type02 .list__.down {bottom: auto;}
    .m_bottom .option .del {top: 12px; right: 10px; width: 19px; height: 19px; background-size: 19px; opacity: .6;}
    .m_bottom .option .count input {width: 86px; height: 32px; margin: 0 -30px; font-weight: 500; border-radius: 4px;}
    .m_bottom .option .count button {width: 21px; height: 21px; background-size: 21px;}
    .m_bottom .option .count {padding-left: 7px;}
    .m_bottom .option strong {bottom: 18px; right: 12px; font-size: 16px;}
    .m_bottom .sum_price {display: none; justify-content: space-between; align-items: center; margin: 16px 0; font-size: 16px;}
    .m_bottom .sum_price strong {font-size: 20px;}
    /*.m_bottom.position {position: absolute; bottom: 0;} */
    .btn_second a {width: calc(100% / 2 - 6px); height: 44px; padding: 10px 0; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center;  border-radius: 60px;}
    .btn_second a + a {margin-left: 7px;}
    .slick_wrap .img img, .product_list li .img img, .slick_suggestion .img img {max-width: calc(100% + 10px) !important; width: 100% !important; max-height: none !important;}

    .ingredient_cont .main_slider {height: auto; padding-left: 0; padding-bottom: 48px;}
    .main_slider > .slick-list {margin:0;}
    .main_slider .tit {font-weight: 500;}
    .main_slider .tit span {margin-left: 4px;}
    .ingredient_cont .inner_slider {flex-flow: column; float: none; margin-top: 40px; padding-top: 16px; border-top: 1px solid #E3E3E3;}
    .ingredient_cont .slick_counter2 {display: none;}
    .review_best {font-size: 15px;}
    
}

.payment_wrap {display: flex;}
.payment_wrap .left.round_box {width: 829px; margin-right: 19px; padding: 50px;}
.payment_wrap h2  {z-index: 10; position: relative; margin-top: 60px; margin-bottom: 20px; padding-bottom: 16px; font-weight: 700; font-size: 20px; line-height: 130%; border-bottom: 1.5px solid #E3E3E3;}
.payment_wrap h2:last-of-type {margin-bottom: -10px;}
.payment_wrap .left h2:first-child {margin-top: 0;}
.payment_wrap .user_info {font-size: 16px; line-height: 130%;}
.payment_wrap .user_info p {margin-bottom: 17px;}
.payment_wrap .user_info strong {margin-right: 20px; font-weight: 500; font-size: 18px; line-height: 130%;}
.shipping_address .input_area, .shipping_address .address_info {position: relative;}
.shipping_address button {z-index: 12;}
.shipping_address > div > button {position: absolute; right: 0; top: -60px; color: #68A5FE; font-weight: 500; font-size: 16px; line-height: 130%;}
.shipping_address  #addressBtn {position: absolute; right: 0; top: -60px; color: #68A5FE; font-weight: 500; font-size: 16px; line-height: 130%;}
.shipping_address .input_area > div {display: flex; align-items: center; }
.shipping_address .input_area > div:last-child {align-items: flex-start;}
.shipping_address .input_area > div + div {margin-top: 10px;}
.shipping_address .input_area > div > label {display: inline-block; width: 81px; color: #666; font-size: 16px; line-height: 130%;}
.shipping_address .input_area input[type="text"] {width: 270px; height: 40px; border-color: #E3E3E3;}
.shipping_address .input_area input[type="text"]::placeholder {color: #999; font-size: 15px;}
.shipping_address .input_area .address p + p {margin-top: 10px;}
.shipping_address .input_area .address p:nth-child(2) input, .shipping_address .input_area .address p:nth-child(3) input {width: 446px;}
.shipping_address .input_area .address button {height: 40px; margin-left: 10px; padding: 8px 18px; font-size: 16px; border-radius: 6px; background-image: none;}
.payment_wrap input[type="checkbox"] {width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px; background-size: 14px;}
.shipping_address .input_area .address p:last-child {margin-top: 14px;}
.shipping_address .input_area .address p:last-child label, .payment_method label {font-weight: 500;}
.shipping_address .address_info .name strong {margin-right: 10px; font-weight: 600; font-size: 18px; line-height: 130%;}
.shipping_address .address_info .name span {display: inline-block; padding: 4px 10px; color: #68A5FE; font-weight: 600; font-size: 12px; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px;}
.shipping_address .address_info .name + p {margin: 14px 0 10px; font-size: 16px; line-height: 130%;}
.shipping_address .address_info p + p {font-size: 16px; line-height: 130%;}
.shipping_address .selectBox__ {width: 529px; margin-top: 20px;}
.order_list .price_quantity {display: none;}
.payment_wrap .order_list .thumbnail {width: 100px; height: 100px;}
.payment_wrap .order_list .thumbnail img {max-height: 100px;}
.coupon .selectBox__ {width: 402px; margin-top: 20px;}
.payment_wrap .left > div .selectBox__ .box__ {z-index: 12;}
.coupon .selectBox__ .list__ {width: 402px;}
.coupon .selectBox__ .list__  li {white-space: normal;}
.selectBox__.type02 .select__ {z-index: 2; position: relative; padding: 0 20px; border: 1px solid #E3E3E3; border-radius: 6px; background-image: url(https://img.lifet.co.kr/icon/arrow_gray.svg); background-size: 18px; background-color: #fff; background-position: right 16px center;}
.direct_pop .selectBox__.type02 .select__ {height: 48px; padding: 0 16px; font-size: 16px; font-weight: 500;}
.payment_wrap .selectBox__.type02 .select__ {z-index: 2; position: relative; height: 40px; color: #666; font-size: 15px; font-weight: 400;}
.payment_wrap .selectBox__.type02 .list__ {z-index: 1; border-radius: 6px; border-color: #E3E3E3;}
.payment_wrap .selectBox__.type02 .list__ li {padding: 10px 20px; font-size: 15px; font-weight: 400;}
.payment_wrap .selectBox__.type02 .list__ li.disabled .text {opacity: .5;}
.shipping_address .text_area {width: 529px; background-color: #fff;}
.shipping_address .text_area textarea {height: 76px; font-size: 15px; background-color: #fff;}
.shipping_address .text_area .byte {font-size: 12px;}
.procut_count {margin-top: -4px; margin-bottom: 8px; font-weight: 500; line-height: 130%;}
.procut_count + .order_list.cancle li .inner:first-child > a {width: 535px;}
.procut_count + .order_list li .inner:nth-child(2) strong {margin-bottom: 8px; font-size: 16px;}
.coupon .none_coupon {margin-top: 14px; color: #808080; line-height: 130%;}
.reserves input[type="text"] {width: 240px; height: 40px; margin-right: 8px; border-color: #E3E3E3;}
.reserves button {height: 40px; padding: 11px 13.5px; color: #333333; font-weight: 500; line-height: 130%; vertical-align: top; border: 1px solid #E3E3E3; border-radius: 6px;}
.reserves p {margin-top: 14px; font-size: 14px; line-height: 130%;}
.reserves p span {margin-left: 6px; font-weight: 600;}
.payment_method ul {display: flex; margin-bottom: 20px;}
.payment_method ul li {width: 130px; height: 130px; padding: 15px 0 0; text-align: center; border: 1px solid #E3E3E3; border-radius: 8px;}
.payment_method ul li.on {padding-top: 13px; border: 3px solid #68A5FE;}
.payment_method ul li + li {margin-left: 10px;}
.payment_method ul li img {width: 85px;}
.payment_method ul li span {display: block; font-weight: 600; font-size: 16px; line-height: 130%;}
.payment_wrap .rig {width: 322px; height: 593px; }
.payment_wrap .rig h2 {margin: 0; padding-bottom: 20px; border: 0;}
.payment_wrap .payment_price {width: 322px; height: auto; padding: 30px 28px;}
.payment_wrap .payment_price.fixed {z-index: 10; position: fixed; top: 70px; margin-top: 30px;}
.payment_wrap .rig.position {position: relative; height: auto;}
.payment_wrap .rig.position .payment_price {position: absolute; top: auto; bottom: 0;}
.payment_wrap .payment_price ul {padding-bottom: 6px;}
.payment_wrap .payment_price ul li {margin-bottom: 14px;}
.payment_wrap .payment_price .total {margin-top: 20px;}
.payment_wrap .payment_price ul li strong {color: #666; font-weight: 400;}
.payment_wrap .payment_price ul li:first-child strong {color: #343434; font-weight: 600;}
.payment_wrap .payment_price .total > span {font-weight: 600;}
.payment_wrap .payment_price .total > strong {font-size: 24px;}
.payment_wrap .payment_price .total > p {margin: 13px 0 20px; padding-bottom: 15px; color: #666; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E3E3E3;}
.payment_wrap .terms {margin-bottom: 26px;}
.payment_wrap .terms > div {display: inline-block; cursor: pointer;}
.payment_wrap .terms strong {display: block; margin-right: -4px; margin-bottom: 16px; font-weight: 500;  font-size: 14px; line-height: 140%;}
.payment_wrap .terms p {margin-top: 10px; color: #999; font-size: 13px; font-weight: 500;}
.payment_wrap .terms p button {color: #999; font-size: 13px; font-weight: 500; text-decoration: underline;}
.address_select {height: 700px; padding: 30px 30px 50px; text-align: center;}
.scroll_y::-webkit-scrollbar {width: 18px; background-color: transparent;}
.scroll_y::-webkit-scrollbar-thumb {background-color: #EBEBEB; border: 6px solid #fff; border-radius: 15px; cursor: pointer;}
.scroll_y::-webkit-scrollbar-track {ackground-color: transparent;}
.address_select > ul {overflow-y: auto; width: 490px;  max-height: 480px;}
.address_select > ul > li {position: relative; padding: 30px 20px 30px 26px; text-align: left; border: 1px solid #D2D2D2; border-radius: 8px;}
.address_select > ul > li+ li {margin-top: 10px;}
.address_select > ul > li input[type="radio"] {position: absolute; opacity: 0; width: 16px; height: 16px;}
.address_select > ul > li label { font-weight: 600; font-size: 18px; line-height: 130%;}
.address_select > ul > li label::before {content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 16px; vertical-align: -2px; border-radius: 50%; border: 4px solid #ccc;}
.address_select > ul > li input[type="radio"]:checked  + label::before {border-color: #68A5FE;}
.address_select > ul > li .default_address {display: inline-block; height: 24px; margin-left: 10px; padding: 4px 10px; color: #68A5FE; font-weight: 600; font-size: 12px;  vertical-align: 1px; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px;}
.address_select > ul > li p:first-of-type {margin-top: 14px; margin-left: 34px; font-size: 16px; line-height: 130%}
.address_select > ul > li p + p {margin-top: 10px; margin-left: 34px; font-size: 16px; line-height: 130%;}
.address_select > ul > li button {position: absolute; top: 18px; right: 14px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/dot.svg) no-repeat center center; background-size: 24px;}
.add_address {margin-top: 18px; padding: 10px 20px 10px 42px; font-weight: 500; font-size: 16px; line-height: 24px; border: 1px solid #E3E3E3; border-radius: 60px; background: url(https://img.lifet.co.kr/icon/plus_black.svg) no-repeat 18px center; background-size: 24px;}
.address_select .btn_blue {position: absolute; bottom: 50px; left: 30px; width: 489px;}
.address_select .layer_modify {right: 40px; width: 95px;}
.address_select .layer_modify li a {padding: 10px 12px 8px 14px; background-position: right 12px center;}
.address_add {width: 550px; padding: 40px 30px 50px;}
.address_add .input_area > div {display: flex; align-items: center; }
.address_add .input_area > div:last-child {align-items: flex-start;}
.address_add .input_area > div + div {margin-top: 10px;}
.address_add .input_area > div > label {display: inline-block; width: 81px; color: #666; font-size: 16px; line-height: 130%;}
.address_add .input_area input[type="text"] {width: 270px; height: 40px; border-color: #E3E3E3;}
.address_add .input_area input[type="text"]::placeholder {color: #999; font-size: 15px; font-weight: 400;}
.address_add .input_area .address p + p {margin-top: 10px;}
.address_add .input_area .address p:nth-child(2) input, .address_add .input_area .address p:nth-child(3) input {width: 372px;}
.address_add .input_area .address button {height: 40px; margin-left: 10px; padding: 8px 18px; font-size: 16px; border-radius: 6px; background-image: none;}
.address_add input[type="checkbox"] {width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px; background-size: 14px;}
.address_add .input_area .address p:last-child {margin-top: 20px;}
.address_add .input_area .address p:last-child label, .payment_method label {font-weight: 500;}
.address_add .btn_blue {margin-top: 80px;}
.payment_complete {width: 570px; margin: 53px auto -56px; padding: 50px 91px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 14px; background-color: #fff;}
.payment_complete .ment {text-align: center;}
.payment_complete .ment p {margin-top: 18px; font-weight: 500; font-size: 28px; line-height: 130%;}
.payment_complete .ment p span {display: block; margin-top: 4px; font-weight: 600;}
.payment_complete .inner {width: 375px; margin: 0 auto; padding: 20px;}
.payment_complete .inner span {color: #999; font-size: 16px; line-height: 130%;}
.payment_complete .ment + .inner {margin-top: 20px; padding-bottom: 0;}
.payment_complete .ment + .inner div {padding: 14px 0; border: 1px solid #D2D2D2; border-width: 1px 0;}
.payment_complete .ment + .inner span {color: #343434; font-size: 16px; line-height: 130%;}
.payment_complete .inner p, .payment_complete .inner .top {display: flex; justify-content: space-between; align-items: center;}
.payment_complete .inner p + p {margin: 12px 0 0;}
.payment_complete .inner strong {font-size: 14px; font-weight: 400; line-height: 130%;}
.payment_complete .inner strong img {width: 18px; margin-left: 4px;}
.payment_complete .ment + .inner strong {font-size: 15px;}
.payment_complete .inner .top {margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #D2D2D2;}
.payment_complete .inner .top strong {font-weight: 600; font-size: 15px;}
.payment_complete .inner .top span {color: #68A5FE; font-weight: 600; font-size: 18px;}
.payment_complete ul {width: 360px; margin: 0 auto 20px; padding: 0 20px;}
.payment_complete ul li {display: flex; padding-top: 20px;}
.payment_complete ul li img {width: 80px; height: 80px; margin-right: 10px; border-radius: 6px; object-fit: cover;}
.payment_complete ul li .info span {color: #808080; line-height: 130%;}
.payment_complete ul li .info strong {display: block; margin: 6px 0; font-weight: 500; font-size: 16px; line-height: 130%;}
.payment_complete ul li .info p {color: #808080;}
.payment_complete .btn_area {margin-bottom: 0; margin-top: 30px;}
.payment_complete .btn_area a {width: 188px; padding: 0;}
.payment_complete .btn_area a + a {margin-left: 8px;}
.btn_area .btn-cancle {color: #5B5B5B; border-color: #EAEAEA; background-color: #EAEAEA;}
.payment_complete.false .ment img {width: 70px;}
.payment_complete.false {position: relative; height: 715px; margin-bottom: 0; padding: 144px 91px 88px;}
.payment_complete.false .ment p {margin-top: 34px;}
.payment_complete.false .error {margin-top: 22px; font-size: 18px; line-height: 150%; text-align: center;}
.payment_complete.false .btn_area {margin-top: 176px;}
.home_banner {display: flex; margin: 60px 0;}
.home_banner ~ .home_banner {margin: 0;}
.home_banner a {display: block; width: 579px; height: 180px; padding: 35px 0 0 40px; border-radius: 10px;}
.home_banner a span {font-size: 20px; font-weight: 500; line-height: 130%;}
.home_banner a p {margin-top: 6px; font-size: 30px; font-weight: 700; line-height: 130%;}
.home_banner a.banner01 p::after {content: ''; display: inline-block; width: 24px; height: 17px; margin-left: 5px; vertical-align: 2px; background: url(https://img.lifet.co.kr/icon/banner_check.png) no-repeat; background-size: 24px;} 
.home_banner a + a {margin-left: 12px;}
.home_banner ~ .home_banner .banner02 {display: none;}
.home_banner a.banner01 {color: #fff; background:#84ADFA url(https://img.lifet.co.kr/visual/store_banner01.png) no-repeat right center; background-size: 261px;}
.home_banner a.banner02 {background:#E2EEFF url(https://img.lifet.co.kr/visual/store_banner02.png) no-repeat right 29px center; background-size: 206px;}
.genuine {display: flex; align-items: center; margin: 8px 0 12px; padding-left: 26px; color: #6098FF; font-size: 18px; font-weight: 700; line-height: 130%; background:url(https://img.lifet.co.kr/icon/genuine_mark.png) no-repeat; background-size: 24px;}
.genuine button {display: inline-block; width: 24px; height: 24px; margin-left: 2px;}
.genuine img {width: 24px;}
.slick_proImg .option_badge {z-index: 1; position: absolute; top: 24px; left: 24px; padding: 6px 8px; color: #fff; font-size: 16px; font-weight: 600; line-height: 130%; border-radius: 4px; background-color: #68A5FE;}
.payment_method {position: relative; margin: 0 -30px;}

/*쿠폰 유도팝업*/
.current_amount {text-align: center;}
.current_amount span {display: inline-block; padding: 7px 10px; font-weight: 500; line-height: 130%;  border-radius: 20px; background-color: #F5F5F5;}
.current_amount + p {margin: 15px 0 14px; font-size: 16px; font-weight: 500; line-height: 130%; text-align: center;}
.current_amount + p strong {color: #FF5F7F; font-weight: 600;}
.bar_ani {overflow: hidden; position: relative; width: 300px; height: 8px; margin: 0 auto 26px; border-radius: 20px; background-color: #E8E8E8;}
.bar_ani span {position: absolute; left: 0; height: 8px;  border-radius: 20px; background-color: #FF6D8A;}
.coupon_pop .btn-area {display: flex; margin-top: 30px;}
.coupon_pop .btn-area button {width: calc(100% / 2 - 7px); height: 43px; font-size: 16px; font-weight: 600;}
.coupon_pop .btn-area button + button {margin-left: 14px;}
.coupon_pop .contentWrap ul li input[type="radio"], .select_none input[type="radio"] {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
.coupon_pop .contentWrap ul li.disable input[type="radio"] {cursor: default;}
.coupon_pop .contentWrap ul li input[type="radio"] + label::before {content: ''; position: absolute; right: 20px; top: 51px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc;}
.coupon_pop .contentWrap ul li input[type="radio"]:checked + label::before, .select_none input[type="radio"]:checked + label::before  {border: 0; background: url(https://img.lifet.co.kr/icon/circle_checked.svg) no-repeat; background-size: 20px;}
.select_none {position: relative; margin-bottom: -6px; padding: 16px 20px; font-size: 16px; font-weight: 500; line-height: 130%; border: 1px solid #E5E5E5; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.select_none input[type="radio"] + label::before  {content: ''; position: absolute; right: 20px; top: 16px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc;}

.payment_wrap .coupon > button {position: relative; width: 324px; height: 40px; padding: 10.5px 16px; color: #666; font-size: 15px; text-align: left; line-height: 130%;  border-radius: 6px; border: 1px solid #E3E3E3;}
.payment_wrap .coupon > button::after {content: ''; position: absolute; top: 11px; right: 16px; width: 18px; height: 18px; opacity: .7; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat center; background-size: 7px;}

.review_list2 .reply_top {display: flex; align-items: center; margin-bottom: 9px;}
.review_list2 .reply_top > span {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; background-color: #68A5FE;}
.review_list2 .reply_top > span img {width: 26px;}
.review_list2 .reply_top .name strong {font-weight: 600;}
.review_list2 .reply_top .name .date {color: #808080; font-size: 13px; line-height: 140%;}
.review_list2 .reply_top + p {margin-bottom: 18px; padding: 12px 16px 12px; line-height: 140%; white-space: pre-line; border-radius: 6px; background-color: #FAFAFA;}

.brand_ranking {position: relative;}
.brand_ranking h2 + a {position: absolute; right: 0; top: 2px; font-weight: 500; font-size: 18px;}
.brand_ranking .title {display: flex; align-items: center; margin-bottom: 20px;}
.brand_ranking .title span {display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; color: #fff; font-size: 20px; font-weight: 600; line-height: 130%; background-color: #212121;}
.brand_ranking .title img {margin: 0 16px 0 20px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #EBEBEB;}
.brand_ranking .title h3 {font-size: 24px; font-weight: 600; line-height: 130%;}
.brand_ranking .inner + .inner {margin-top: 30px;}
.brand_ranking .product_list {flex-wrap: nowrap; margin-bottom: 0; padding-bottom: 60px;}
.brand_ranking .product_list li {width: 226px; height: 375px; margin-right: 18px; margin-bottom: 0;}
.brand_ranking .product_list li.soldout .img::before {padding-top: 60px;}
.brand_ranking .product_list li.soldout .img::after {bottom: 60px;}
.brand_ranking .product_list li .img, .brand_ranking .product_list li .img img {width: 220px; height: 220px; object-fit: contain;}
.main_home .brand_ranking .product_list li:nth-child(4n) {margin-right: 18px;}
.main_home .brand_ranking .product_list {padding-bottom: 0;}
.main_home .brand_name {margin-top: 0;}
.main_home .best_product {height: 484px;}
.brand_name {display: flex; margin-top: -12px; margin-bottom: 20px;}
.brand_name li + li {margin-left: 8px;}
.brand_name li button {display: flex; align-items: center; padding: 8px 16px; font-size: 16px; font-weight: 600; line-height: 130%;  border-radius: 40px; border: 1px solid #D2D2D2;}
.brand_name li button img {width: 24px; border-radius: 50%; margin-right: 8px; border: 1px solid #EBEBEB;}
.brand_name li.on button {color :#fff; border-color: #68A5FE; background-color: #68A5FE;}
.brand_name li.on button img {border-color: #68A5FE;}
.other_product {display: none;}
.restock_alarm {width: 230px; height: 48px; margin-left: 6px; color: #FF6A8E; font-size: 16px; font-weight: 600; line-height: 24px; border: 1px solid #FF6A8E; border-radius: 60px;}
.btn_restock {display: none; position: absolute; right: 20px; padding: 2px 0; background-color: #fff;}
.btn_restock button {display: inline-block; padding: 6px 12px; color: #999; font-weight: 600; line-height: 130%; border-radius: 60px; border: 1px solid #B3B3B3;}
.selectBox__.type02 .list__ li.soldout .btn_restock {display: block;}
.commerce_review .review_banner {margin-top: 12px; background-position-x: 751px;}
.commerce_review .review_banner::before {left: 306px;}
.lifet_only .h2_wrap {display: flex; align-items: center;}
.timeDeal_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 10px 18px 10px 53px; font-size: 16px; font-weight: 700; line-height: 130%;  border-radius: 8px; background:#F5F5F5 url(https://img.lifet.co.kr/icon/time_deal.png) no-repeat left 20px center; background-size: 24px;}
.time_deal {display: flex; align-items: center;}
.time_deal strong {margin-left: 7px; color: #FF6987; font-size: 18px;}
.timeDeal_wrap button {display: flex; color: #666; font-weight: 500; line-height: 130%; }
.timeDeal_wrap button::after {content: ''; display: inline-block; width: 18px; height: 18px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 18px; transform: rotate(-90deg);}
.h2_wrap .time_deal {margin-bottom: 20px;}
.h2_wrap .time_deal strong {font-size: 20px;}
.coupon_product {margin-top: 40px;}

.genuine_pop {display: none;}
.genuine_wrap { z-index: 1; position: absolute; width: 258px; height: 286px; padding: 16px; border: 1px solid #EFEFEF; border-radius: 8px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.genuine_pop .title {margin-bottom: 12px; color: #000; font-weight: 500; line-height: 18px; letter-spacing: -0.14px;}
.genuine_pop ul li {display: flex; align-items: flex-start;}
.genuine_pop ul li + li {margin-top: 16px;}
.genuine_pop ul li dl {flex: 1;}
.genuine_pop ul li dl dt {margin-bottom: 4px; color: #000; font-size: 13px; font-weight: 600; }
.genuine_pop ul li dl dd {color: #808080; font-weight: 400; font-size: 13px; line-height: normal;}
.genuine_pop ul li img {display: none; width: 36px; margin-right: 14px;}
.genuine_pop .btn_blue {display: none; height: 50px; margin-top: 20px;}
.genuine_pop .close {position: absolute; right: 12px; top: 12px; width: 18px; height: 18px; text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat center; background-size: 18px;}
.brand_link {display: none;}

.time_end {margin-top: -80px; margin-bottom: 80px; padding: 60px 0 70px;  text-align: center; }
.time_end p {margin-bottom: 30px; font-size: 36px; font-weight: 600; line-height: 130%;}
.time_end strong {display: flex; align-items: center; justify-content: center; font-size: 44px; font-weight: 600; line-height: 130%;}
.time_end strong em {display: inline-flex; width: 80px; height: 97px; justify-content: center; align-items:center; color: #000; font-size: 56px; font-weight: 700; line-height: 130%; border-radius: 10px; background: #fff;}
.time_end strong em + em {margin-left:  10px;}
.time_end .hours {margin-right: 18px;}
.time_end .minutes {margin: 0 18px;}
.time_end .seconds {margin-left: 18px;}


@media (max-width: 767px) {
    .payment_wrap {flex-flow: column; padding-top: 30px; background-color: #fff;}
    .payment_wrap .left.round_box {width: 100%; margin-right: 0; padding: 0;}
    .payment_wrap .left > div {padding: 0 20px; padding-bottom: 30px; border-bottom: 12px solid #F4F4F4;}
    .payment_wrap .left > div .selectBox__.type02 .list__ li .text {min-height: auto;}
    .payment_wrap .rig {width: 100%; height: auto; padding: 30px 20px;}
    .payment h1 {display: none;}
    .payment_wrap h2 {padding-bottom: 0; margin-top: 30px; margin-left: 20px; font-size: 18px; border: 0;}
    .payment_wrap .user_info p {margin-bottom: 16px;}
    .shipping_address > div > button {top: -44px; font-size: 14px;}
    .shipping_address #addressBtn {top: -44px;}
    .shipping_address .input_area > div > label {width: 72px;}
    .shipping_address .input_area input[type="text"], .shipping_address .input_area .address {width: calc(100% - 72px);}
    .shipping_address .input_area .address p:nth-child(2) input, .shipping_address .input_area .address p:nth-child(3) input {width: 100%;}
    .shipping_address .input_area .address p:first-child input {width: calc(100% - 98px);}
    .shipping_address .input_area .address button {margin-left: 6px;}
    .shipping_address .input_area .address p:last-child {margin-top: 10px;}
    .shipping_address .selectBox__, .shipping_address .text_area, .coupon .selectBox__ {width: 100%;}
    .payment_wrap .selectBox__.type02 .select__ {border-radius: 6px;}
    .coupon .selectBox__ .list__ {width: 100%;}
    .shipping_address .text_area {height: 106px; margin-bottom: 0; margin-top: 24px; border-radius: 6px;}
    .procut_count {margin-bottom: 10px; padding: 0 20px;}
    .order_list .price_quantity {display: block; margin-top: 10px; font-weight: 500; line-height: 130%;}
    .price_quantity span::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px; vertical-align: -1px; background-color: #666;} 
    .payment_wrap .order_list .thumbnail {width: 80px; height: 80px;}
    .procut_count + .order_list.cancle li .inner:first-child > a {width: 100%;}
    .procut_count + .order_list.cancle li .inner .info {flex: 1;}
    .payment_wrap .order_list {margin: 0 20px;}
    .payment_wrap .order_list li {padding: 20px 0 17px; border-bottom: 1px solid #E6E6E6;}
    .reserves input[type="text"] {width: calc(100% - 94px);}
    .reserves button {width: 86px; padding: 11px 0;}
    .payment .total hr {margin: 30px -20px;}
    .payment_wrap .terms {margin-top: 5px;}
    .address_select {height: 90.5vh; padding: 30px 20px 0;}
    .address_select > ul {width: 100%; max-height: 54vh;}
    .address_select > ul > li {padding: 18px 16px; border-radius: 10px;}
    .address_select > ul > li label::before {width: 8px; height: 8px;}
    .address_select > ul > li label {font-size: 16px;}
    .address_select > ul > li .default_address {height: 20px; padding: 2px 8px;}
    .address_select > ul > li button {top: 14px; right: 10px; width: 20px; height: 20px; background-size: 20px;}
    .address_select > ul > li p:first-of-type {margin-top: 8px; font-size: 14px;}
    .address_select > ul > li p + p {margin-top: 4px; font-size: 14px;}
    .add_address {height: 38px; padding: 7px 18px 7px 34px; font-size: 14px; background-size: 18px; background-position: 16px center;}
    .address_select .btn_blue {width: calc(100% - 40px); left: 20px; height: 48px;}
    .address_select .layer_modify {right: 20px;}
    .address_add {width: 100%; padding: 30px 20px 0;}
    .address_add .input_area > div > label {width: 72px;}
    .address_add .input_area input[type="text"] {width: calc(100% - 72px);}
    .address_add .input_area .address {flex: 1;}
    .address_add .input_area .address input[type="text"] {width: calc(100% - 100px);}
    .address_add .input_area .address button {margin-left: 8px;}
    .address_add .input_area .address p:nth-child(2) input, .address_add .input_area .address p:nth-child(3) input {width: 100%;}
    .address_add .btn_blue {height: 48px;}
    .direct_pop .selectBox__.type02 .select__ {height: 43px; padding: 0 20px;}
    .payment_method ul {flex-wrap: wrap;}
    .payment_method ul li {display: flex; justify-content: center; align-items: center; width: calc(100% / 2 - 4px); height: 52px; margin-bottom: 6px; padding: 0;}
    .payment_method ul li a {display: flex; align-items: center; }
    .payment_method ul li img {width: 40px;}
    .payment_method ul li span {margin-left: 6px; font-size: 14px; font-weight: 500;}
    .payment_method ul li.on {padding: 0; border-width: 2px;}
    .payment_method ul li + li {margin: 0;}
    .payment_method ul li:nth-child(even) {margin-left: 7px;}
    .payment_wrap .payment_price {width: auto; padding: 0; border-top: 0;}
    .payment_wrap .payment_price.fixed,  .payment_wrap .rig.position .payment_price {position: static; margin-top: 0;}
    .payment_wrap .rig.position {width: auto;}
    .payment_price ul li span {color: #343434;}
    .payment_wrap .payment_price .total span {font-size: 14px;}
    .payment_wrap .payment_price .total > p {margin-bottom: 0; padding-bottom: 0;border-bottom: 0;}
    .payment_wrap .total_floating {z-index: 10; display: block; }
    .payment_wrap .total_floating a {width: auto;}
    .payment_wrap .total_floating.fixed {z-index: 100; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 0; background-color: #fff; }
    .payment_wrap .total_floating.fixed a {width: auto; margin: 0 20px;}
    .payment_complete {width: 100%; margin: 0; padding: 40px 0 0; border-radius: 0; box-shadow: none;}
    .payment_complete .ment img {width: 108px;}
    .payment_complete .ment p {margin-top: 12px; font-size: 24px;}
    .payment_complete .ment p span {margin-top: 2px;}
    .payment_complete .inner {width: auto; padding: 24px 20px;}
    .payment_complete hr {display: block; height: 12px; margin: 0; border: 0; background-color: #F4F4F4;}
    .payment_complete .btn_area {margin: 20px 0 30px; padding: 0 20px;}
    /*.payment_complete .btn_area.fixed {position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; padding: 34px 20px 48px; background: linear-gradient(0deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);}*/
    .payment_complete .btn_area a {width: calc(100% / 2 - 4px);}
    .payment_complete .btn_area a + a {margin-left: 3px;}
    .payment_complete.false {display: flex; justify-content: center; align-items: center; height: 93vh; padding: 0; }
    .payment_complete.false .vertical {margin-top: -50%;}
    .payment_complete.false .ment img {width: 64px;}
    .payment_complete.false .ment p {margin-top: 24px;}
    .payment_complete.false .error {margin-top: 17px; font-size: 15px;}
    .payment_complete.false .btn_area {position: absolute; bottom: 45px; width: 100%; margin: 0;}
    .search_area .main_home {padding: 0;}
    .search_area .main_home .consult__tab2 {margin-bottom: 0; padding: 0;}
    .none_review {padding: 50px 0 !important;}
    .none_review br:first-of-type {display: block;}
    #modal-terms .content-area {width: 100%;}
    .bestReview_slider {margin: -5px -20px 0; padding: 0;}
    .bestReview_swiper {overflow: hidden;  padding: 5px 20px 48px;}
    .bestReview_swiper .swiper-pagination {margin-top: 20px;}
    .home_banner {margin: 20px 0 40px;}
    .home_banner a.banner01 {background-size: 150px;}
    .home_banner .banner02 {display: none;}
    .home_banner a {height: 100px; padding: 17px 0 0 22px; border-radius: 6px;}
    .home_banner a span {font-size: 12px;}
    .home_banner a p {margin-top: 3px; font-size: 18px;}
    .home_banner a.banner01 p::after {width: 14.5px; height: 10px; background-size: 14.5px;}
    .home_banner ~ .home_banner {margin: 40px 0;}
    .home_banner ~ .home_banner .banner02 {display: block; background-position: right 10px center; background-size: 130px;}
    .genuine {margin-bottom: 10px; padding-left: 22px; font-size: 16px; background-size: 20px;}
    .slick_proImg .option_badge {top: 14px; left: 14px; padding: 4px 6px; font-size: 14px;}
    .payment_method {margin: 0; padding: 0 !important}
    #container ~ .modal-dialog .coupon_pop .contentWrap {max-height: 515px;}
    #container ~ .modal-dialog .coupon_pop ul {max-height: 320px; margin-top: 0;}
    .review_list2 .reply_top + p {padding: 12px 14px;}
    .brand_ranking {padding: 20px 0 40px 20px;}
    .brand_ranking.lifet_only {padding: 0;}
    .brand_ranking .title span {width: 24px; height: 24px; font-size: 12.6px;}
    .brand_ranking .title img {width: 40px; height: 40px; margin-right: 12px;}
    .lifet_only h2, .lifet_only.brand_ranking h2 {margin-bottom: 10px; font-size: 18px;}
    .lifet_reply {margin-top: 20px;}
    .brand_ranking .title h3 {font-size: 20px;}
    .brand_ranking .scroll {overflow-x: auto; }
    .main_home .brand_ranking .scroll {margin-right: -20px;}
    .main_home .best_product {height: 481px;}
    .brand_ranking h2 + a {font-size: 15px;}
    .brand_ranking .scroll::-webkit-scrollbar {display: none; opacity: 0; padding: 0; background-color: transparent;}
    .brand_ranking .scroll::-webkit-scrollbar-thumb {display: none; opacity: 0; padding: 0; background-color: transparent;}
    .brand_ranking .scroll::-webkit-scrollbar-track {display: none; opacity: 0; padding: 0; background-color: transparent;}
    .brand_ranking .product_list {width: auto; padding-bottom: 40px;}
    .brand_ranking .product_list li, .main_home .brand_ranking .product_list li:nth-child(even) {width: 156px; margin-right: -8px !important; padding-right: 20px;}
    .brand_ranking .product_list li {height: auto;}
    .main_home .brand_ranking .product_list {padding-bottom: 0;}
    .main_home .brand_ranking .product_list li {height: 273px;}
    .brand_ranking .product_list li a {margin-bottom: 0;}
    .brand_ranking .product_list li .img {width: 136px !important; height: 136px !important;}
    .brand_ranking .pro_name .discount .overline {display: none;}
    .brand_ranking .product_list li .heart {top: 8px; right: 28px;}
    .brand_name { margin: 0; padding-bottom: 10px; }
    .brand_name li {padding-right: 20px; margin-right: -12px;}
    .brand_name li + li {margin-left: 0;}
    .brand_name li button {padding: 6px 10px; white-space: nowrap; font-size: 14px; font-weight: 500;}
    .brand_name li button img {width: 20px; margin-right: 4px;}
    .select_none {margin-bottom: 10px;}
    .other_product {display: block; position: absolute; right: 0; top: 2px; padding-right: 16px; color: #68A5FE; font-size: 14px; font-weight: 600; line-height: 130%; background: url(https://img.lifet.co.kr/icon/icon_reload.svg) no-repeat right center;}
    .restock_alarm {display: none;}
    .m_restock {display: flex; justify-content: space-between; align-items: flex-start;  z-index: -1; position: absolute; left: -20px; bottom: 0; width: 100vw; height: 123px; padding: 20px; border-top: 1px solid #D2D2D2; border-radius: 20px 20px 0 0;  background-color: #fff;}
    .m_restock p {margin-top: 6.5px; font-size: 15px; font-weight: 600; line-height: 130%; }
    .m_restock button {display: inline-block; width: auto; height: auto; padding: 8px 10px;  font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 6px;}
    .btn_restock {right: 10px; padding-left: 10px;}
    .btn_restock button {padding: 6px 9px; font-size: 12px;}
    .commerce_review .review_banner {margin-top: 8px;}
    .timeDeal_wrap {padding: 8px 14px 9px 45px; font-size: 14px; background-size: 20px; background-position-x: 16px;}
    .timeDeal_wrap strong {font-size: 16px;}
    .lifet_only .h2_wrap {padding-right: 41px;}
    .lifet_only .h2_wrap h2 {padding-right: 0;}
    .h2_wrap .time_deal {margin-bottom: 10px;}
    .h2_wrap .time_deal strong {font-size: 18px;}
    .coupon_product {margin-top: 20px;}

    .genuine_pop {z-index: 1000002; position: relative;}
    .genuine_wrap { position: fixed; bottom: 0; left: 0; width: 100%; height: 370px; padding: 20px 20px 0; border-radius: 20px 20px 0 0;}
    .genuine_pop .dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
    .genuine_pop .title {margin-bottom: 16px; font-size: 20px;}
    .genuine_pop ul li + li {margin-top: 20px;}
    .genuine_pop ul li dl dt {margin-bottom: 6px; font-size: 15px;}
    .genuine_pop ul li dl dd { font-size: 14px;}
    .genuine_pop ul li img {display: block; width: 36px; margin-right: 14px;}
    .genuine_pop .btn_blue {display: block; position: static; width: 100%; font-size: 16px; border-radius: 60px; background-image: none;}
    .genuine_pop .close {top: 20px; right: 20px; width: 24px; height: 24px; background-size: 24px;}

    .brand_link {display: block; padding: 12px 0; border-top: 1px solid #EFEFEF;}
    .brand_link a {position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 600; line-height: 130%; }
    .brand_link img {overflow: hidden; width: 35px; height: 35px; margin-right: 16px; border-radius: 50%; object-fit: cover; border: 1px solid #EBEBEB;}
    .brand_link a::after {content: ''; position: absolute; right: 0; display: inline-block; width: 24px; height: 24px; transform: rotate(-90deg); background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat center; background-size: 24px;}

    .time_end {margin: -50px 0 50px; padding: 20px 0 28px;}
    .time_end p {margin-bottom: 16px; font-size: 20px;}
    .time_end strong {font-size: 20px;}
    .time_end strong em {width: 38px; height: 47px; font-size: 30px; border-radius: 4px;}
    .time_end strong em + em {margin-left:  4px;}
    .time_end .hours {margin-right: 8px;}
    .time_end .minutes {margin: 0 8px;}
    .time_end .seconds {margin-left: 8px;}
}
