* {
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    line-height: 1.5;
    color: #4c4c4c;
    font-weight: 400;
    letter-spacing: -0.025em;
    background: #eaeef1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: constant(safe-area-inset-rigth);
    padding-left: constant(safe-area-inset-left);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-top: constant(safe-area-inset-top);
    padding-right: env(safe-area-inset-rigth);
    padding-left: env(safe-area-inset-rigth);
    padding-bottom: env(safe-area-inset-bottom);
    padding-top: env(safe-area-inset-top);
}

body.pop_open {
    overflow: hidden;
}

.hidden {
    visibility: hidden !important;
}


#wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#container {
    position: relative;
    flex-grow: 1;
    margin-top: 8rem;
}


/* Header & 카테고리 */
#header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
}

/* 2020-07-30 수정 */
#header nav {
    display: table;
    vertical-align: middle;
    width: 100%;
    padding: 0 1rem;
    position: relative;
    text-align: center;
}

/* 2020-07-30 수정 END */
#header nav > h1.tit {
    display: table-cell;
    width: 100%;
    height: 4.4rem;
    line-height: 4.4rem;
    font-weight: 500;
    font-size: 1.6rem
}

#header nav > button {
    display: table-cell;
    width: 4rem;
    height: 4rem;
    text-indent: -9999px;
}

#header nav > button.btn_prev {
    background-image: url("../images/btn_prev.png");
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
}

/*2020-03-03 수정 */
#header nav > button.btn_close {
    font-size: 1.2rem;
    text-indent: 0;
}

/*2020-03-03 수정 END */

/* 2020-07-30 수정 */
#header ul.gnb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 1.8rem;
    width: 100%;
    height: 3.8rem;
    text-align: center;
    border-top: 1px solid #e3e4e6;
    border-bottom: 1px solid #e3e4e6; /*background: #f5f5f5;*/
}

/* 2020-07-30 수정 END */
#header ul.gnb > li {
    display: inline-table;
    height: 100%;
}

#header ul.gnb > li > a {
    display: table-cell;
    font-weight: 500;
    font-size: 1.4rem;
}

#header ul.gnb > li > a.on {
    color: #337474;
    border-bottom: 2px solid #337474;
}

/*2021-06-23 추가*/
.btn_search {
    background-image: url(../images/icon_search_black.png);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
}

/*2021-06-23 추가 END*/

/* footer */
#footer {
    min-height: 7rem;
}

/* 2020-07-30 수정 */
#footer ul.f_tab {
    display: table;
    width: 100%;
    padding: 1rem 0.5rem;
    text-align: center;
    background-color: #f4f5f7;
}

/* 2020-07-30 수정 END */
#footer ul.f_tab > li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 1rem;
    color: #777777;
    padding: 0 0.5rem;
}

#footer ul.f_tab > li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 1.4rem;
    background: #cad3d5;
}

#footer ul.f_tab > li:last-child:before {
    width: 0px;
    background: none;
}

#footer ul.f_tab > li.f_privacy {
    font-weight: bold;
}

#footer ul.f_tab > li > a {
    font-size: inherit;
    color: inherit;
}

#footer ul.f_tab .f_cs, #footer ul.f_tab .f_info {
    padding: 0 2rem 0 0.5rem;
}

#footer ul.f_tab .f_cs.on, #footer ul.f_tab .f_info.on {
    font-weight: 500;
    color: #272727;
}

#footer ul.f_tab_cont {
    display: block;
    width: 100%;
}

#footer ul.f_tab_cont > li {
    display: none;
    background: #fff;
    padding: 1rem 2rem;
}

#footer p.copy {
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    background: #bdc3c7;
    color: #fff;
    font-weight: 300;
}

#footer p {
    font-size: 1.2rem;
    color: #777777;
    font-weight: 200;
}

#footer p > span {
    font-size: 1.2rem;
    color: inherit;
    display: inline-block;
}

#footer p > span.l_line {
    position: relative;
    padding-right: 10px;
    margin-right: 5px;
}

#footer p > span.l_line:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 1.4rem;
    background: #b4b4b4;
}

#footer .btn-out {
    display: inline-block;
    margin-top: 0.8rem;
    border-radius: 0.6rem;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.2rem;
    font-size: 1.2rem;
    color: #303030;
    background: #eee;
}

/* 20240508 퍼블리싱 추가 */

/* TOP 버튼 */
.scroll_top {
    display: none;
    position: fixed;
    right: 2.727rem;
    bottom: 7.5rem;
    opacity: 0;
    width: 4rem;
    height: 4rem;
    text-indent: -9999px;
    background-image: url("../images/btn_top.png");
    background-size: 4rem;
    transition: opacity 3s ease-in-out;
}

/*2021-12-14 수정*/
.scroll_top.on {
    display: block;
    opacity: 1;
    z-index: 1;
}

/*2021-12-14 수정 END*/


/* 입력 폼 */
input[type="text"], input[type="number"] {
    border-radius: 5px;
    border: 1px solid #bdc3c7;
    position: relative;
}

input[type="text"]::placeholder {
    color: #bdc3c7;
    font-size: 1.2rem
}

input[type="radio"] {
    position: relative;
    margin-right: 0.5rem;
    border: 1px solid #efefef;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    opacity: 1;
}

input[type="radio"]:checked {
    border: none;
}

input[type="radio"]:checked:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/icon_radio_on.png') 0 0 no-repeat;
    background-size: 1.48rem;
    background-position: center;
}

input[type="checkbox"] + label {
    padding-left: 2.4rem;
    background: url('../images/icon_check_off.png') 0 0 no-repeat;
    background-size: 1.8rem;
}

.checkbox input[type='checkbox']:checked + label {
    background: url('../images/icon_check_on.png') 0 0 no-repeat;
    background-size: 1.8rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="text"] + label {
    position: absolute;
    display: none;
    top: 1.2rem;
    right: 7rem;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("../images/icon_clear.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    cursor: pointer;
    text-indent: -9999px;
    text-align: center;
}

input[type="number"] + label {
    position: absolute;
    display: none;
    top: 1.2rem;
    right: 7rem;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("../images/icon_clear.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    cursor: pointer;
    text-indent: -9999px;
    text-align: center;
}

/* 공통 */
h3.tit {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
}

/* 2020-07-29 추가 */
.mb0 {
    margin-bottom: 0 !important;
}

/* 2020-07-29 추가 END */
.ml0 {
    margin-left: 0 !important;
}

.mt90 {
    margin-top: 9rem;
}

.mt50 {
    margin-top: 5rem !important;
}

.mt40 {
    margin-top: 4rem !important;
}

.tc_red {
    color: #e06273;
    vertical-align: baseline;
    font-weight: 500;
}

.tc_green {
    color: #337474 !important;
}

.tc_mint {
    color: #16a086 !important;
}

.tc_gray {
    color: #bec3c7 !important;
}

.tc_purple {
    color: #9b58b5 !important;
}

.tc_navi {
    color: #130a5d !important;
}

.tc_teal {
    color: #009591 !important;
    vertical-align: baseline;
}

/* 2020-08-03 추가 */
.tc_darkteal {
    color: #337474 !important;
}

/* 2020-08-03 추가 END */
.tar {
    text-align: right;
}

.fwr {
    font-weight: 400 !important;
}

.btn_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}

.btn_wrap > .btn {
    flex: 1;
    padding: 1.5rem 0;
    color: #fff;
    font-weight: 500;
    background: #4da2a2;
}

.btn_wrap > .btn:disabled {
    background: #ebebeb;
    color: #bdc3c7;
}

.btn_wrap > .btn_green {
    background: #337474;
}

.btn_wrap > .btn_red {
    background: #bec3c7;
}

.btn_wrap > .btn_gray {
    background: #ebebeb;
    color: #222;
}

.btn_wrap > .btn_gray2 {
    background: #bec3c7;
}

.btn_wrap > .btn_pink {
    background: #fadf32;
}

.btn_wrap > .btn_pink > span {
    padding-left: 2.5rem;
    display: inline-block;
    background: url(../images/kakaotalk.svg) left center no-repeat;
    background-size: 18px;
    background-size: 20px;
    color: #fff;
}

.btn_wrap > .btn_green2 {
    background: #53a1a1;
}

.tab_cont > li {
    display: none;
}

.tab_cont > li.on {
    display: block;
}


/* 검색 바 */
/* 2020-07-30 수정 */
.search_box {
    display: table;
    width: 100%;
    padding: 1.5rem 1rem;
    background: #f9f9f9;
}

/* 2020-07-30 수정 END */
.search_box > .select_box {
    display: table-cell;
    width: 7.3rem;
}

.search_box > .select_box .nice-select {
    height: 3rem;
    border-radius: 0;
    border: 1px solid #bdc3c7;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.search_box > .select_box .nice-select span {
    line-height: 3rem;
}

.search_box > .input_box {
    position: relative;
    display: table-cell;
    width: calc(100% - 7.3rem);
}

.search_box > .input_box > input[type="text"] {
    height: 3rem;
    line-height: 3rem;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search_box > .input_box > input[type="text"]::placeholder {
    color: #bdc3c7;
}

.search_box > .input_box > input[type="text"] + label {
    right: 3.5rem;
    top: 0.7rem;
}

.search_box > .input_box .select_btn {
    position: absolute;
    top: 0.45rem;
    right: 0.8rem;
    width: 1.7rem;
    text-indent: -9999px;
    background: url("../images/icon_search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
}


/* 쿠폰함 탭 메뉴   */
/* 2020-07-30 수정 */
.coupon_tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 1rem;
    background: #f9f9f9;
}

/* 2020-07-30 수정 */
.coupon_tab > li {
    display: inline-table;
    width: 33.3%;
    padding: 1.3rem 0rem;
}

.coupon_tab > li > a {
    display: table-cell;
    padding: 0.9rem 0rem;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #dde0e2;
    border-right: none;
}

.coupon_tab > li:first-child > a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.coupon_tab > li:last-child > a {
    border-right: 1px solid #dde0e2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.coupon_tab > li > a.on {
    background: #337474;
    color: #fff;
}


/* 메인 슬라이드 */
/* 2020-07-29 추가 */
.main_banner .item_list:first-child {
    display: block;
}

.main_banner .item_list {
    display: none;
}

.main_banner.slick-initialized .slick-slide {
    display: block;
}

/* 2020-07-29 추가 END */

/* 메인 퀵 메뉴 */
.main_quick_wrap {
    position: relative;
    height: 8.4rem;
    overflow: hidden;
}

.main_quick_wrap .brand_theme_menu {
    display: block;
    width: 100%;
    padding: 1.1rem 1.5rem 1rem;
    background: #272727;
    text-align: center;
}

.main_quick_wrap .brand_theme_menu a {
    display: block;
}

.main_quick_wrap .brand_theme_menu span {
    font-size: 1rem;
    color: #fff;
}

/* 2020-08-04 수정 */
.main_quick_wrap .brand_theme_menu .item_list {
    display: inline-block;
    min-width: calc((100vw - 2rem) / 5);
    padding: 0 0.5rem;
}

/* 2020-08-04 수정 END  */
.main_quick_wrap .brand_theme_menu .item_list img {
    display: block;
    width: 4rem;
    height: 4rem;
    margin: auto;
}

.main_quick_wrap .brand_theme_menu .item_list span {
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
}

.main_quick_wrap .brand_theme_menu .item_list span strong {
    font-weight: 500;
}

/*2021-06-23 추가*/
.spc_banner_wrap {
    border-bottom: 1px solid #e3e4e6;
}

.spc_quick_wrap {
    padding-top: 2rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #e3e4e6;
}

.spc_quick_wrap .brand_list {
    display: block;
    width: 100%;
    padding: 1rem;
    background: #fff;
    font-size: 0;
}

.spc_quick_wrap .brand_list a {
    display: block;
}

.spc_quick_wrap .brand_list span {
    font-size: 1rem;
}

.spc_quick_wrap .brand_list .item_list {
    display: inline-block;
    width: 25%;
    padding: 0.5rem;
}

.spc_quick_wrap .brand_list .item_list img {
    display: block;
    width: 6rem;
    height: 6rem;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 50%;
}

.spc_quick_wrap .brand_list .item_list span {
    font-size: 1.1rem;
    text-align: center;
    white-space: nowrap;
    display: block;
    padding-top: 0.6rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
}

.spc_quick_wrap .brand_list .item_list span.on {
    background-color: #009688;
    color: white;
}

.spc_quick_wrap .brand_list .item_list span strong {
    font-weight: 500;
}

.spc_quick_wrap .brand_list .item_list a.on img {
    border: 2px solid #68b2ac;
}

.spc_quick_wrap .brand_list .item_list a.on span {
    color: #68b2ac;
}

/*2021-06-23 추가 END*/


.spc_quick_wrap_top {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #e3e4e6;
}

.spc_quick_wrap_top .brand_list {
    display: block;
    width: 100%;
    padding: 1rem;
    background: #fff;
    font-size: 0;
}

.spc_quick_wrap_top .brand_list a {
    display: block;
}

.spc_quick_wrap_top .brand_list span {
    font-size: 1rem;
}

.spc_quick_wrap_top .brand_list .item_list {
    display: inline-block;
    padding: 0.5rem;
}

.spc_quick_wrap_top .brand_list .item_list img {
    display: block;
    width: 6rem;
    height: 6rem;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 50%;
}

.spc_quick_wrap_top .brand_list .item_list span {
    font-size: 1.1rem;
    text-align: center;
    white-space: nowrap;
    display: block;
    border: 1px solid #dddddd;
    border-radius: 1rem;
    line-height: 1rem;
    padding: 1rem;
}

.spc_quick_wrap_top .brand_list .item_list span.on {
    background-color: #009688;
    color: white;
}

.spc_quick_wrap_top .brand_list .item_list span strong {
    font-weight: 500;
}

.spc_quick_wrap_top .brand_list .item_list a.on img {
    border: 2px solid #68b2ac;
}

.spc_quick_wrap_top .brand_list .item_list a.on span {
    color: #68b2ac;
}

/* 메인 배너 슬라이드 번호 */
.custom_paging {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.custom_paging > li {
    display: none;
}

.custom_paging > li.slick-active {
    display: block;
}

.custom_paging > li span {
    font-family: 'NotoSansKR', sans-serif;
    position: relative;
    padding: 0 5px;
    color: #fff;
}

.custom_paging > li span.page_num {
    margin-right: 5px;
}

.custom_paging > li span.page_num:after {
    content: "/";
    position: absolute;
    right: -5px;
}


/* 테마 퀵 메뉴 & 브랜드 퀵 메뉴 */
.quick_wrap {
    position: relative;
    padding-top: 9rem;
}

.quick_wrap .quick_menu, .quick_wrap .brand_theme_menu {
    position: fixed;
    top: 8.2rem;
    left: 0;
    display: block;
    padding: 0 1rem;
    width: 100%;
    height: 9rem;
    border-bottom: 2px solid #e9ebec;
    background: #fff;
    text-align: center;
    z-index: 99;
    overflow: hidden;
}

/* 2020-08-04 수정 */
.quick_wrap .quick_menu .item_list, .quick_wrap .brand_theme_menu .item_list {
    display: inline-block;
    float: left;
    min-width: calc((100vw - 2rem) / 5);
}

/* 2020-08-04 수정 END */
.quick_wrap .quick_menu .item_list .img_box, .quick_wrap .brand_theme_menu .item_list .img_box {
    position: relative;
}

.quick_wrap .quick_menu .item_list .img_box:before {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 1px;
    height: 1rem;
    background: #ccc;
}

.quick_wrap .quick_menu .item_list:last-child .img_box:before {
    background: none;
}

.quick_wrap .quick_menu .item_list img {
    margin: 1.5rem auto 0.8rem;
    max-width: 3rem;
    height: auto;
}

.quick_wrap .brand_theme_menu .item_list img {
    margin: 1rem auto 0.5rem;
    max-width: 4rem;
    height: auto;
}

.quick_wrap .quick_menu .item_list span, .quick_wrap .brand_theme_menu .item_list span {
    font-size: 1.2rem;
    color: #939393;
    white-space: nowrap;
}

.quick_wrap .quick_menu .item_list.on span, .quick_wrap .brand_theme_menu .item_list.on span {
    color: #337474;
    font-weight: 500;
}

/* 상품 필터 */
/*2020-07-30 수정*/
.filter_box {
    display: table;
    padding: 0 1.3rem;
    width: 100%;
    height: 4.5rem;
    background: #fff;
}

/*2020-07-30 수정*/
.filter_box > div {
    display: table-cell;
    width: 50%;
    font-size: 1.2rem;
}

.filter_box .total_box {
    padding-left: 1rem;
}

.filter_box .total_box span {
    font-weight: 500;
}

.filter_box span {
    font-size: 1.2rem;
    vertical-align: baseline;
}


/* 상품 목록 */
/* 2020-07-30 수정 */
.prod_wrap {
    display: table;
    padding: 1.2rem 0.9rem 0.7rem;
    width: 100%;
    min-height: calc(100vh - 30rem);
    text-align: center;
}

/* 2020-07-30 수정 END */
.prod_wrap > ul {
    display: inline-table;
    min-height: calc(100vh - 30rem);
    width: 100%;
    text-align: left;
}

.prod_wrap ul > li {
    text-align: center;
}

/* 2020-07-30 수정 */
.prod_wrap .item_box {
    display: inline-block;
    position: relative;
    width: calc(50% - 0.35rem);
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
    padding: 1rem;
    border: 1px solid #bdc3c7;
    border-radius: 1rem;
    background: #fff;
    text-align: center;
}

/* 2020-07-30 수정 END */
.prod_wrap .item_box:nth-child(2n) {
    margin-right: 0;
}

.prod_wrap .item_box a {
    display: block;
}

.prod_wrap .item_box .img_box {
    margin-top: 2.5rem;
}

.prod_wrap .item_box .txt_box {
    text-align: left;
}

.prod_wrap .item_box .txt_box .brand_tit {
    min-height: 1.8rem;
    font-size: 1.2rem;
    color: #7d7d7d;
}

.prod_wrap .item_box .txt_box .prod_tit {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 0.8rem;
    width: 100%;
    height: 4.2rem;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.prod_wrap .item_box .txt_box .suggested_price {
    min-height: 1.5rem;
    font-size: 1rem;
    color: #777777;
    text-decoration: line-through;
    display: none;
}

.prod_wrap .item_box .txt_box .regular_rewords {
    min-height: 1.5rem;
    font-size: 1rem;
    color: #eb7a82;
    font-weight: 700;
}

.prod_wrap .item_box .txt_box .price_area > span {
    font-size: 1.3rem;
    font-weight: bold;
}

.prod_wrap .item_box .txt_box .price_area .discount_rate {
    display: inline-block;
    margin-right: 0.8rem;
    color: #e06273
}

.prod_wrap .item_box .txt_box .price_area .selling_price {
    color: #337474;
}

.prod_wrap .item_box .txt_box .price_area small {
    font-size: 0.9rem;
    color: inherit;
}

/*2021-11-30 추가*/
.prod_wrap .img_box.product_soldout {
    position: relative;
}

.prod_wrap .img_box.product_soldout:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(127, 127, 127, 0.7);
    position: absolute;
    top: 0;
}

.prod_wrap .img_box .soldout_txt {
    position: absolute;
    top: calc(50% - 50px);
    z-index: 1;
    font-size: 18px;
    color: #fff;
    left: calc(50% - 50px);
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgba(25, 147, 129, 0.8);
    padding-top: 35px;
}

/*2021-11-30 추가 END*/


#container .n_item_box {
    display: table-cell;
    background: none;
    vertical-align: middle;
}

#container .n_item_box .img_box {
    width: 5.5rem;
    height: 6.5rem;
    margin: auto;
    margin-bottom: 1.3rem;
}

#container .n_item_box p {
    color: #8d8d8d;
}

#container .n_item_box .txt_box p {
    font-family: 'NotoSansKR', sans-serif;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

#container .n_item_box .txt_box p span {
    font-size: inherit;
    font-weight: 500;
}

#container .n_item_box .txt_box h3.sub_tit {
    font-size: 1.6rem;
    color: #181818;
    margin-bottom: 1.3rem;
}
/* 20241125 퍼블리싱 추가 */
.prod_wrap .purchase_info_box {
    display: flex;
    align-items: center;
    padding: 0 2rem;
}

.prod_wrap .purchase_info {
    margin-top: 0;
}

.prod_wrap .purchase_info_box::before {
    content: '';
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    background: url(../images/warning.svg) center no-repeat;
    margin-right: 0.4rem;
}
/* 20241125 퍼블리싱 추가 */

.prod_wrap .prod_icon {
    position: absolute;
    top: 0;
    left: 0.8rem;
    width: auto;
    text-align: left;
}

.prod_icon li {
    display: inline-block;
    margin-top: 0.8rem;
    margin-right: 0.2rem;
    padding: 0rem 0.5rem;
    border-radius: 25px;
    font-size: 1rem;
    text-transform: uppercase;
}

.prod_icon .best {
    background: #4da2a2;
    border: 1px solid #4da2a2;
    color: #fff;
}

.prod_icon .new {
    border: 1px solid #337474;
    color: #337474;
}

/*2022-02-15 추가*/
.prod_icon .event {
    background: red;
    border: 1px solid red;
    color: #fff;
}

/*2022-02-15 추가 END*/

/* 브랜드 목록 */
/* 2020-07-30 수정 */
.brand_list_wrap h3.brand_tit {
    padding: 0 1.8rem;
    width: 100%;
    line-height: 4.4rem;
    font-size: 1.4rem;
    font-weight: 500;
}

/* 2020-07-30 수정 END */
.brand_tit {
    position: relative;
}

/* 2020-07-30 수정 */
.brand_list_wrap h3.brand_thema_tit {
    position: relative;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    background: #f7f7f7;
    border-bottom: 1px solid #eff1f2;
}

/* 2020-07-30 수정 END */
.brand_list_wrap h3.brand_thema_tit .arrow {
    right: 2.727rem;
}

.brand_list_wrap ul.brand_list {
    display: none;
    width: 100%;
    padding: 1rem 1.5rem;
    background: #fff;
}

.brand_list_wrap ul.brand_list > li {
    display: inline-block;
    width: calc(25% - 0.4rem);
    text-align: center;
}

.brand_list_wrap ul.brand_list > li a {
    display: block;
}

.brand_list_wrap ul.brand_list > li img {
    display: block;
    margin: auto;
    width: 5.5rem;
    margin-bottom: 0.5rem;
}

.brand_list_wrap ul.brand_list > li:nth-child(4n) {
    padding-right: 0;
}

.brand_list_wrap ul.brand_list > li:nth-child(4n+1) {
    padding-left: 0;
}

.brand_list_wrap ul.brand_list > li p {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    text-align: center;
}

/* 상품 상세*/
/* 2020-07-30 수정 */
.prod_detail_wrap {
    padding: 0.5rem;
    background: #fff;
}

/* 2020-07-30 수정 END */
.prod_detail_wrap .prod_item_box {
    position: relative;
}

.prod_detail_wrap .prod_item_box .prod_icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem 1rem 0 1rem;
}

.prod_detail_wrap .prod_img_box {
    padding: 1rem;
    border-bottom: 1px solid #6c6c6c;
}

.prod_detail_wrap .prod_info_box {
    padding: 2rem 0.5rem 1rem;
    text-align: left;
}

.prod_detail_wrap .prod_info_box .brand_tit {
    font-size: 1.2rem;
    color: #7d7d7d;
    margin-bottom: 0.5rem;
}

.prod_detail_wrap .prod_info_box .prod_tit {
    padding-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
}

.prod_detail_wrap .prod_info_box .prod_price_box {
    display: table;
    width: 100%;
    margin-bottom: 0.5rem;
}

.prod_detail_wrap .prod_info_box .prod_price_box dt,
.prod_detail_wrap .prod_info_box .prod_price_box dd {
    display: table-cell;
    vertical-align: middle;
}

.prod_detail_wrap .prod_info_box .prod_price_box dt {
    font-size: 1.2rem;
    color: #7d7d7d;
}

/* 2020-08-03 추가 */
.prod_detail_wrap .prod_info_box .prod_price_box dt span {
    margin-left: 5px;
    font-size: inherit;
    font-weight: bold;
    vertical-align: baseline;
}

/* 2020-08-03 추가 END */
.prod_detail_wrap .prod_info_box .prod_price_box dd {
    text-align: right;
}

.prod_detail_wrap .prod_info_box .prod_price_box dd.suggested_price {
    font-size: 1.3rem;
    color: #777777;
    text-decoration: line-through;
}

.prod_detail_wrap .prod_info_box .prod_price_box dd.price_area > span {
    font-size: 1.6rem;
    font-weight: 600;
}

.prod_detail_wrap .prod_info_box .prod_price_box dd.price_area > span.discount_rate {
    display: inline-block;
    padding-right: 1.5rem;
    color: #e06273;
}

.prod_detail_wrap .prod_info_box .prod_price_box dd.price_area > span.discount_rate > small {
    font-size: 1.2rem;
    color: inherit;
}

/* 2020-07-27 수정*/
.prod_detail_wrap .prod_info_box .prod_price_box dd.price_area > span.selling_price {
    color: #222;
}

.prod_detail_wrap .prod_info_box .prod_price_box .reward_price {
    color: #337474;
    font-weight: bold;
}

/* 2020-07-27 수정 END */

/* 상품 상세 정보 */
.prod_notify_wrap {
    margin: 0.5rem 0 0.3rem;
    background: #fff;
}

/* 2020-07-30 수정 */
.prod_notify_wrap h3.sub_tit {
    font-size: 1.4rem;
    font-weight: 500;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1rem;
    border-bottom: 2px solid #eaeaea;
    position: relative;
}

/* 2020-07-30 수정 END */
.prod_notify_wrap h3.sub_tit i.arrow {
    right: 2.8rem;
}

.prod_notify_wrap .prod_notify_box {
    display: none;
    padding: 1.4rem 1rem;
}

.prod_notify_wrap .prod_notify_box dl {
    margin-bottom: 1.5rem;
}

.prod_notify_wrap .prod_notify_box dl dt {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.prod_notify_wrap .prod_notify_box dl dd {
    font-size: 1.1rem;
    color: #7d7d7d;
}

.prod_notify_wrap .prod_notify_box dl dd .point_t {
    font-size: inherit;
    color: inherit;
}

/* 상품 결제 정보 */
.prod_payment_wrap {
    margin-bottom: 1rem;
    background: #fff;
}

/* 2020-07-30 수정 */
.prod_payment_wrap h3.sub_tit {
    font-size: 1.4rem;
    padding: 0 1rem;
    font-weight: 500;
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #eaeaea
}

.prod_payment_wrap dl {
    display: inline-block;
    width: 100%;
    padding: 1rem 1.5rem;
}

/* 2020-07-30 수정 END */
.prod_payment_wrap dl:nth-child(4) {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

/*2021-06-28 수정*/
.prod_payment_wrap dl:nth-last-child(3) {
    border-bottom: 1px solid #eaeaea;
}

/*2021-06-28 수정 END*/
.prod_payment_wrap dl:first-child {
    border-bottom: none;
}

.prod_payment_wrap dl dt, .prod_payment_wrap dl dd {
    display: inline-block;
    float: left;
    font-size: 1.2rem;
    vertical-align: middle;
}

.prod_payment_wrap dl dt {
    width: 30%; /*vertical-align:baseline;*/
    position: relative;
}

.prod_payment_wrap dl dd {
    width: 70%;
    text-align: right;
}

.prod_payment_wrap dl dd.caption {
    display: block;
    width: 100%;
    color: #7d7d7d;
    height: 3rem;
    line-height: 3rem;
}

.prod_payment_wrap .amount_tel_box {
    width: 100%;
    padding: 0.5rem 0;
}

.prod_payment_wrap .amount_tel {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    width: 100%;
    font-size: 0;
}

/* 2020-03-03 수정 */
.prod_payment_wrap .amount_tel span {
    display: inline-block;
    width: 4.5rem;
    height: 3.5rem;
    text-align: left;
    line-height: 4rem;
    color: #222;
}

.prod_payment_wrap .amount_tel .name {
    display: inline-block;
    width: 8rem;
    padding-left: 0.3rem;
    position: relative;
}

.prod_payment_wrap .amount_tel .name > input {
    width: 100%;
    padding: 5px 20px 5px 10px;
    font-size: 1.2rem;
    position: relative;
    height: 3.5rem;
}

.prod_payment_wrap .amount_tel .name > input + label {
    right: 0.3rem;
    top: 0.75rem
}

.prod_payment_wrap .amount_tel .phone {
    display: inline-block;
    width: calc(100% - 17.0rem);
    padding: 0 0.3rem;
    position: relative;
}

.prod_payment_wrap .amount_tel .phone > input {
    width: 100%;
    padding: 5px 20px 5px 10px;
    font-size: 1.2rem;
    height: 3.5rem;
    position: relative;
}

.prod_payment_wrap .amount_tel .phone > input + label {
    right: 0.6rem;
    top: 0.75rem
}

/* 2020-03-03 수정 END */


/* IE10 이상을 위한 css */
/* 2020-07-24 수정 */
.prod_payment_wrap .amount_tel input::placeholder {
    font-size: 1.1rem;
    letter-spacing: -0.05em;
    color: #595959;
    opacity: 0.8;
}

.prod_payment_wrap .amount_tel input::-webkit-input-placeholder {
    font-size: 1.1rem;
    letter-spacing: -0.05em;
    color: #595959;
    opacity: 0.8;
}

/* IE */
.prod_payment_wrap .amount_tel input:-ms-input-placeholder {
    font-size: 1.1rem;
    letter-spacing: -0.05em;
    color: #595959;
    opacity: 0.8;
}

/* Firefox */
.prod_payment_wrap .amount_tel input:-mos-input-placeholder {
    font-size: 1.1rem;
    letter-spacing: -0.05em;
    color: #595959;
    opacity: 0.8;
}

.prod_payment_wrap .amount_tel .btn {
    width: 4.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    margin: 0;
    padding: 0;
    float: right;
    background: #f8f8f8;
    border: 1px solid #bdc3c7;
    font-size: 1.2rem;
    color: #222;
    vertical-align: middle;
}

/* 2020-07-24 수정 END */

.prod_payment_wrap .msg_box dt {
    width: 100%;
}

.prod_payment_wrap .msg_box .memo_write {
    display: block;
    width: 100%;
    margin: 1rem 0;
}

.prod_payment_wrap .msg_box .memo_write textarea {
    width: 100%;
    min-height: 6.8rem;
    padding: 0.5rem;
    border: none;
    border-radius: 5px;
    background: #f8f8f8;
}

.prod_payment_wrap dl dd span, .prod_payment_wrap label {
    color: #7d7d7d;
    font-size: 1.2rem;
}

.prod_payment_wrap .spinner_box input[type=number] {
    margin: 0 1rem;
    padding: 1rem;
    border: none;
    border-radius: 5px;
    background: #f8f8f8;
    text-align: center;
}

.prod_payment_wrap .spinner_box .spinner_down,
.prod_payment_wrap .spinner_box .spinner_up {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #efefef;
    border-radius: 50%;
    text-indent: -9999px;
}

.prod_payment_wrap .spinner_box .spinner_down {
    background-image: url(../images/icon_remove.png);
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-position: center;
}

.prod_payment_wrap .spinner_box .spinner_up {
    background-image: url(../images/icon_add.png);
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-position: center;
}

.prod_payment_wrap .prod_payment_total {
    background: #f8f8f8;
}

.prod_payment_wrap .prod_payment_total dt {
    font-size: 1.4rem;
    font-weight: 500;
}

.prod_payment_wrap .prod_payment_total dd {
    color: #337474;
    font-size: 1.5rem;
}

.prod_payment_wrap .prod_payment_total dd .total_price {
    font-size: 1.6rem;
    font-weight: 600;
    color: inherit;
    vertical-align: baseline;
}

/* 2020-07-30 수정 */
.prod_payment_wrap p {
    font-size: 1.2rem;
    color: #7d7d7d;
    padding: 1rem 1rem;
}

.prod_payment_wrap p.small {
    font-size: 1.1rem;
    padding: 0rem 1rem 0.8rem;
}

/*2020-07-30 수정 END */

/*2021-11-30 추가*/
.prod_payment_wrap p.red_notice {
    font-size: 1.2rem;
    color: #e06273;
    padding: 1rem 0;

}

/*2021-11-30 추가 EMD*/

/* 2020-03-04 추가 */
.prod_payment_wrap .checkbox.agree label {
    color: #595959;
    font-weight: 500;
}

/* 2020-03-04 추가  END */

/* 2020-07-30 추가 */
.prod_payment_wrap .btn {
    margin: 1rem 0;
    border-radius: 5px;
    background: #337474;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
}

.prod_payment_wrap .btn_gray {
    flex: 1;
    padding: 1.5rem 0;
    margin: 1rem 0;
    border-radius: 5px;
    background: #ebebeb;
    font-size: 1.5rem;
    font-weight: bolder;
    color: #000;
}

/*2020-07-30 추가 END */
/* 2020-07-29 상품 구매 동의 */
.agree_wrap {
    padding: 1rem 1.5rem;
}

/* 2020-07-30 수정  */
.agree_wrap .checkbox {
    margin-bottom: 1rem;
}

/* 2020-07-30 수정 END */
/* 2020-07-30 추가 */
.agree_wrap .agree_box {
    margin-bottom: 2rem;
}

.agree_wrap .agree_box .checkbox {
    margin-bottom: 0.4rem;
}

.agree_wrap .agree_box .accordian_wrap {
    width: 100%;
}

.agree_wrap .agree_box .accordian_box {
    margin: 1rem 0;
}

/* 2020-07-30 추가 */
.agree_wrap .checkbox input[type=checkbox].chk_all + label {
    background-position: left center;
    background-size: 1.8rem;
    font-size: 1.4rem;
    color: #222;
}

.agree_wrap .checkbox input[type=checkbox] + label {
    font-size: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background-size: 1.5rem;
    background-position: 0.2rem 0.2rem;
    color: #222;
}

.agree_wrap .accordian_wrap .bg_gray {
    padding: 1rem;
    background: #f8f8f8;
}

.agree_wrap .accordian_wrap .sub_tit {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    float: right;
}

.agree_wrap .accordian_wrap .sub_tit i {
    top: 50%;
}

.agree_wrap .accordian_wrap .bg_gray p {
    margin-bottom: 1rem;
    padding: 0 1rem;
    text-align: left;
    font-size: 1.1rem;
}

.agree_wrap .accordian_wrap .bg_gray strong {
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.agree_wrap table {
    border: 1px solid #e0e3e5;
    margin: auto;
}

.agree_wrap table th, .agree_wrap table td {
    padding: 0.5rem;
    border-left: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
    border-collapse: collapse;
    font-size: 1rem;
    text-align: center;
}

.agree_wrap table th {
    background-color: #f8f8f8;
}

.agree_wrap table td {
    background-color: #fff;
}

/* 2020-07-29 상품 구매 동의 END */


/* 쿠폰함 목록 */
.coupon_info_box {
    display: table;
    width: 100%;
}

.coupon_info_box > .img_box {
    display: table-cell;
    width: 10rem;
    height: 100%;
}

.coupon_info_box > .txt_box {
    display: table-cell;
    width: auto;
}

.coupon_status_box {
    padding: 0 2rem;
}

.coupon_status_box > dl {
    display: table;
    width: 100%;
    padding: 1rem 2rem;
}

.coupon_status_box > dl dt, .coupon_status_box > dl dd {
    display: table-cell;
}

.coupon_status_box > dl dt {
    width: 30%;
}

.coupon_status_box > dl dd {
    width: 70%;
    text-align: right;
}

.coupon_status_box .coupon_txt_box {
    display: inline-block;
    width: calc(100% - 6rem - 4px);
}

.coupon_status_box .coupon_txt_box > dl {
    display: table;
    width: 100%;
}

.coupon_status_box .coupon_txt_box > dl dt, .coupon_status_box .coupon_txt_box > dl dd {
    display: table-cell;
}

.coupon_status_box .coupon_txt_box > dl dt {
    width: 40%;
}

.coupon_status_box .coupon_txt_box > dl dd {
    width: 60%;
    text-align: left;
}

.coupon_status_box .btn_wrap {
    display: inline-block;
    width: 6rem;
    text-align: center;
}

.order_box {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 1rem;
}

.order_box > p {
    flex: 1;
    font-size: 1.2rem;
}

.order_box > p.order_status {
    text-align: right;
}

/* 쿠폰 리스트 */
.coupon_cont > li {
    display: none;
}

.coupon_cont > li.on {
    display: block;
}

/*2020-03-17 추가 */
.coupon_list .noti_info_box {
    padding: 1rem 1rem 0 1rem;
}

.coupon_list .noti_info_box p {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: #595959;
}

.coupon_list .noti_info_box p:last-child {
    margin-bottom: none;
}

.coupon_list > .noti_info_box + ul {
    min-height: calc(100vh - 35rem);
}

.coupon_list > .noti_info_box + ul li.n_item_box {
    padding-bottom: 2rem;
}

/*2020-03-17 추가 END */
/* 2020-07-30 수정 */
.coupon_list > ul {
    display: table;
    padding: 1rem 0.9rem 0.7rem;
    width: 100%;
    min-height: calc(100vh - 30rem);
    text-align: center;
}

/* 2020-07-30 수정 */
.coupon_list > ul > li {
    border-bottom: 2px solid #edf0f3;
    background: #fff;
    margin-bottom: 1rem;
}

.coupon_list > ul > li:last-child {
    border-bottom: 0px;
}

/*.coupon_list > ul li:first-child .purchase_number{border-top:2px solid #edf0f3; }*/

/*2020-07-14 수정 display:table -> display:block */
.coupon_list .purchase_number {
    display: block;
    padding: 0.8rem;
    width: 100%;
    font-size: 1rem;
    border-bottom: 2px solid #edf0f3;
    text-align: left;
}

/*2020-07-14 수정 display:table-cell -> display:block */
.coupon_list .purchase_number dt {
    display: block;
    font-size: 1.1rem;
    color: #777777;
}

.coupon_list .purchase_number dt > span {
    font-size: inherit;
    color: inherit;
    vertical-align: initial;
}

/*2020-07-14 수정 display:table-cell -> display:block */
.coupon_list .purchase_number dd.purchase_info {
    display: block;
    font-size: 1.1rem;
    color: #337474;
    text-align: right;
}

/* 20241125 퍼블리싱 추가 */
.purchase_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 700;
    color: #337474;
    margin-top: 0.6rem;
}

.purchase_info button {
    text-decoration: underline;
    font-size: 1.2rem;
}
/* 20241125 퍼블리싱 추가 */

.coupon_list .item_wrap {
    display: inline-block;
    width: 100%;
    padding: 1.5rem 1.4rem;
}

.coupon_list .item_wrap .img_box {
    display: inline-block;
    float: left;
    width: 8.5rem;
    margin-right: 0.8rem;
    text-align: center;
    vertical-align: top;
}

.img_box span {
    display: inline-block;
    padding: 0.5rem 0.7rem;
    width: 6rem;
    border-radius: 25px;
    font-size: 1.1rem;
    color: #fff;
}

.img_box span.mint {
    background: #4da2a2;
}

.img_box span.green {
    background: #337474;
}

.img_box span.gray {
    background: #bec3c7;
}

.img_box span.purple {
    background: #9b58b5;
}

.coupon_list .item_wrap .txt_box {
    display: inline-block;
    float: right;
    width: calc(100% - 9.6rem);
    text-align: left;
}

.coupon_list .item_wrap .txt_box dl {
    display: table;
    width: 100%;
    margin-bottom: 0.4rem;
}

.coupon_list .item_wrap .txt_box dl:last-child {
    margin-bottom: 0;
}

.coupon_list .item_wrap .txt_box dt {
    display: table-cell;
    width: 6rem;
    font-size: 1.1rem;
    color: #7d7d7d;
}

.coupon_list .item_wrap .txt_box dl:nth-child(2) > dt {
    vertical-align: top;
}

.coupon_list .item_wrap .txt_box dd {
    display: table-cell;
    width: calc(100% - 6rem);
    font-size: 1.2rem;
}

.coupon_list .item_wrap .txt_box dd p {
    display: -webkit-box;
    overflow: hidden;
    max-height: 3.8rem;
    font-size: inherit;
    color: inherit;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

/* 보낸 쿠폰함 2020-01-09 clear: both; 추가 */
.coupon_status_list {
    padding-top: 2.5rem;
    clear: both;
}

.coupon_status_list > li {
    margin-bottom: 0.7rem;
    padding: 1rem 1rem;
    background: #f5f7fa;
}

.coupon_status_list > li dl {
    display: table;
    width: 100%;
    font-size: 1.1rem;
    margin: 0.5rem 0;
}

.coupon_status_list > li dt {
    display: table-cell;
    width: 7.5rem;
    padding-left: 1.5rem;
    font-size: inherit;
    color: #7d7d7d;
    text-align: left;
}

.coupon_status_list > li dd {
    display: table-cell;
    position: relative;
    font-size: inherit;
    color: #7d7d7d;
    text-align: left;
}

.coupon_status_list > li.unused dd,
.coupon_status_list > li.unused dd span {
    color: #222222;
}

.coupon_status_list > li dd span {
    font-size: inherit;
    color: #7d7d7d;
}

.coupon_status_list > li dd .btn_mint {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.4rem;
    line-height: 2.4rem;
    width: 6.8rem;
    border-radius: 5px;
    background: #4da2a2;
    color: #fff;
    font-size: 1.2rem;
}

.coupon_status_list > li .btn_arn {
    width: 100%;
    padding: 1.0rem 1rem 0.5rem;
    font-size: 0;

    margin-top: 0 !important;
}

.coupon_status_list > li .btn_arn > button {
    width: calc(50% - 0.5rem);
    border-radius: 4px;
    font-size: 1.2rem;
    color: #fff;
    background: #fadf32;
    height: 2.6rem;
    margin-left: 1rem;
}

.coupon_status_list > li .btn_arn > button.pop_btn {
    margin-left: 0rem;
    border: 1px solid #53a1a1;
    color: #53a1a1;
    background: #fff;
}

.coupon_status_list > li .btn_arn > p {
    font-size: 1rem;
    text-align: left;
    letter-spacing: -0.08rem;
    margin-top: 1rem;
    color: #eb7a82;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}


.item_wrap .btn_ar {
    margin-top: 0.8rem;
    width: 100%;
    padding: 1.0rem 1rem 0.5rem;
    font-size: 0;
    display: block;
    float: left;
}

.item_wrap .btn_ar > button {
    width: calc(50% - 0.5rem);
    border-radius: 4px;
    font-size: 1.2rem;
    color: #fff;
    background: #fadf32;
    height: 2.6rem;
    margin-left: 1rem;
}

.item_wrap .btn_ar > button.pop_btn {
    margin-left: 0rem;
    border: 1px solid #e0e3e5;
    color: #7d7d7d;
    background: #ebebeb;
}

.item_wrap .btn_ar > p {
    font-size: 1rem;
    text-align: left;
    letter-spacing: -0.08rem;
    margin-top: 1rem;
    color: #eb7a82;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}


/* 구매 내역 */
.coupon_list .btn_wrap {
    display: inline-block;
    margin-top: 1rem;
    padding: 0 1.5rem;
}

.coupon_list .btn_wrap .btn {
    width: 7rem;
    padding: 0.4rem;
    border-radius: 5px;
    border: 1px solid #e0e3e5;
    color: #7d7d7d;
    font-size: 1.2rem;
}

/* 쿠폰 상세 페이지 */
.coupon_detail_wrap {
    padding: 0.5rem;
    background: #fff;
}

/* 2020-07-30 수정 */
.coupon_detail_wrap .coupon_item_box {
    padding: 1rem;
}

/* 2020-07-30 수정 END */
.coupon_detail_wrap .coupon_info_box {
    text-align: center;
}

.coupon_detail_wrap .coupon_info_box .brand_tit {
    font-size: 1.2rem;
    color: #7d7d7d;
}

.coupon_detail_wrap .coupon_info_box .prod_tit {
    font-size: 1.6rem;
    font-weight: 500;
}

.coupon_detail_wrap .coupon_info_box .img_box {
    display: inline-block;
    margin-top: 1.5rem;
    width: 70%;
    min-width: 160px;
    max-width: 370px;
}

.coupon_detail_wrap .coupon_info_box .img_box img {
    margin-bottom: 1.5rem;
}

.coupon_detail_wrap .coupon_info_box .txt_box {
    display: block;
    margin-top: 3rem;
}

.coupon_detail_wrap .coupon_info_box .btn_wrap {
    margin-top: 2rem;
}

.coupon_detail_wrap .coupon_info_box .btn {
    border-radius: 10px;
}

.coupon_detail_wrap .coupon_info_box dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e3e4e6;
}

.coupon_detail_wrap .coupon_info_box dl:first-child {
    border-top: 1px solid #e3e4e6;
}

.coupon_detail_wrap .coupon_info_box dt,
.coupon_detail_wrap .coupon_info_box dd {
    display: table-cell;
    padding: 1rem 3px;
    font-size: 1.2rem;
}

.coupon_detail_wrap .coupon_info_box dt {
    width: 8rem;
    color: #7d7d7d;
    text-align: left;
}

.coupon_detail_wrap .coupon_info_box dd {
    text-align: right;
}

.coupon_notify_wrap .prod_notify_box {
    display: block;
}


/* 결과 페이지 */
.result_wrap {
    display: inline-flex;
    width: 100%;
    min-height: calc(100vh - 8.2rem - 7rem);
    align-items: center;
    justify-content: center;
    background: #fff;
}

.result_wrap > .result_box > .img_box {
    padding-bottom: 2rem;
    text-align: center;
}

.result_wrap > .result_box > .img_box img {
    width: 6.5rem;
    height: auto;
}

.result_wrap > .result_box > .txt_box {
    text-align: center;
}

.result_wrap > .result_box > .txt_box > h3.sub_tit {
    padding-bottom: 2rem;
    font-size: 1.6rem;
}

.result_wrap > .result_box > .txt_box > p {
    font-size: 1.2rem;
    color: #7d7d7d;
    margin-bottom: 1.3rem;
}

.result_wrap .btn_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.result_wrap .btn_wrap .btn {
}

.loading_wrap {
    display: inline-flex;
    width: 100%;
    min-height: calc(100vh - 10.5rem - 10rem);
    align-items: center;
}


.result_wrap .tbl {
    display: table;
    width: calc(100% - 2rem);
    margin: 3rem auto auto;
    border-top: 1px solid #333333;
}

.result_wrap .tbl_row {
    display: table-row;
}

.result_wrap .tbl_th, .result_wrap .tbl_td {
    display: table-cell;
    font-size: 1.2rem;
    border-bottom: 1px solid #e7e7e7;
    color: #666666;
}

.result_wrap .tbl_th {
    background: #f5f5f5;
    min-width: 7.8rem;
    text-align: center;
}

.result_wrap .tbl_td {
    padding: 1rem 2rem;
    text-align: left;
}

.result_wrap .tbl_td p {
    font-family: 'NotoSansKR', sans-serif;
    font-size: inherit;
    color: inherit;
    margin-bottom: 1rem;
    white-space: nowrap;
}

.result_wrap .tbl_td p:last-child {
    margin-bottom: 0;
}


/* 개인정보처리방침 */
.privacy_tab {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.privacy_tab > li {
    flex: 1;
    text-align: center;
}

/* 개인정보 동의 */
.privacy_terms_tab {
    display: table;
    width: 100%;
    border-top: 1px solid #bdc3c7;
    border-bottom: 1px solid #bdc3c7;
    background: #f5f5f5;
}

.privacy_terms_tab > li {
    display: table-cell;
    width: 50%;
    text-align: center;
}

.privacy_terms_tab > li > a.on {
    display: block;
    padding: 1rem 0;
    border-bottom: 2px solid #337474;
}

.privacy_terms_cont > li {
    display: none;
}

.privacy_terms_cont > li.on {
    display: block;
}

/* 2020-07-30 수정 */
.privacy_terms_cont .privacy_terms_view {
    height: calc(100vh - 27rem);
    padding: 0 1rem;
}

/* 2020-07-30 수정 END  */
.privacy_terms_cont .privacy_terms_view .txt_box {
    margin-top: 1rem;
    height: calc(100vh - 28rem); /*height: 100%;*/
    border: 1px solid #e0e3e5;
    background: #fff;
    overflow-y: auto;
}

/* 이용 약관 */
.privacy_terms_view .txt_box {
    padding: 1.4rem;
}

.privacy_terms_view dl {
    margin-bottom: 0.5rem;
}

.privacy_terms_view dl:last-child > dd:first-child {
    margin-top: 1.5rem;
}

.privacy_terms_view dl dt {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.privacy_terms_view dl dd {
    margin-left: 1rem;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.privacy_terms_view ul {
    margin-top: 0.5rem;
}

.privacy_terms_view ul li {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    font-size: 1.2rem;
}

.privacy_terms_view ul li > span.num {
    display: inline-block;
    margin-left: -1.5rem;
    padding-right: 0.5rem;
    font-size: 1.2rem;
}

.privacy_terms_view .txt_box p, .privacy_terms_view .txt_box a {
    font-size: 1.2rem;
    vertical-align: baseline;
}

.privacy_terms_view .txt_box p.tit {font-size: 1.3rem; font-weight: 700; padding-bottom: 0.3rem;}

.privacy_terms_view .txt_box table {
    margin: 1rem 0;
    border: 1px solid #e0e3e5;
    width: 90%;
    text-align: center;
    border-collapse: collapse;
}

.privacy_terms_view .txt_box table th {
    border-right: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
    font-size: 1.2rem;
}

.privacy_terms_view .txt_box table td {
    border-bottom: 1px solid #e0e3e5;
    font-size: 1.2rem;
}

.privacy_terms_view .privacy_step_wrap table {
    width: 100%;
}

.privacy_terms_view .privacy_step_wrap table th,
.privacy_terms_view .privacy_step_wrap table td {
    width: 50%;
    padding: 0.5rem;
}

.privacy_step_wrap .privacy_img_box {
    border: 1px solid #e0e3e5;
    padding: 1rem
}

/* 서비스 이용동의 */
.service_terms_wrap {
    height: calc(100vh - 10rem);
}

/* 2020-07-30 수정 */
.service_terms_wrap > .terms_1,
.service_terms_wrap > .terms_2 {
    background-color: #fff;
    margin: 1.4rem 1rem;
    padding: 1.4rem 1.5rem;
    height: 46%;
    overflow: hidden;
}

/* 2020-07-30 수정 END */
.service_terms_wrap > div h3 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: left;
}

.service_terms_wrap > div p {
    font-size: 1.2rem;
    text-align: left;
}

.service_terms_wrap > div .terms_1_view,
.service_terms_wrap > div .terms_2_view {
    margin: 0.5rem 0rem 1rem;
    padding: 0.5rem;
    border: 1px solid #e0e3e5;
    overflow-y: auto;
    height: 70%;
}

.service_terms_wrap table {
    width: 100%;
    margin: 1rem 0;
    border: 1px solid #e0e3e5;
    text-align: center;
}

.service_terms_wrap > div .terms_1_view th {
    width: 33.3%;
}

.service_terms_wrap > div .terms_2_view th {
    width: 25%;
}

.service_terms_wrap table th {
    font-size: 1.2rem;
    padding: 0.5rem;
    border-left: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
    border-collapse: collapse;
}

.service_terms_wrap table td {
    font-size: 1.2rem;
    border-left: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
}

.service_terms_wrap table th:first-child,
.service_terms_wrap table td:first-child {
    border-left: none;
}

.service_terms_wrap table tr:last-child > td {
    border-bottom: none;
}

.service_terms_wrap .terms_1, .service_terms_wrap .terms_2 {
    text-align: right;
}


/* 주소록 */
/* 2020-07-23 수정 */
.address_sch .search_box {
    background-color: #019d90;
    padding: 1.5rem;
}

.address_sch .input_box input[type=text] {
    border-radius: 25px !important;
    text-align: center;
}

/* 2020-07-23 수정 END */
/* 2020-07-23 추가 */
/*2021-06-23 수정*/
.address_sch .input_box .select_btn {
    left: 0.8rem;
    right: auto;
    width: 1.7rem;
    background-image: url(../images/icon_search_black.png);
}

/*2021-06-23 수정 END*/
/* 2020-07-23 추가 END */
.address_wrap {
    display: block;
    width: 100%;
    height: calc(100vh - 15rem);

    overflow: hidden;
}

/* 2020-07-23 수정 */
.address_wrap > ul.address_list {
    display: block;
    width: 100%;
    height: calc(100vh - 15.5rem);
    text-align: left;
    overflow-y: auto;
}

.address_list li {
    position: relative;
    padding: 5px 10px;
    background-color: #fff;
}

.address_list li label {
    display: inline-block;
    width: calc(100% - 7.2rem);
}

.address_list li label .name {
    display: block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.address_list li label .tel {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    color: #7d7d7d;
    text-align: left;
}

/* 2020-07-23 수정 */

/* 2020-07-30 추가 */
.address_box {
    display: inline-block;
    width: 3.5rem;
    margin-right: 0.7rem;
    padding: 0.25rem;
}

/* 2020-07-30 추가 END */
/* 주소록 END */


/* 팝업 */
.popup {
    background: #fff;
}

.popup.min_pop {
    width: 28rem;
}

.popup.max_pop {
    width: 100vw;
}

.popup.address_pop {
    width: 100vw;
    top: 0 !important;
    left: 0 !important;
}

/* 2020-06-23 수정 */
/* 2020-07-30 수정 */
.popup > .pop_header {
    position: relative;
    padding: 1rem 1rem;
    border-bottom: 1px solid #eaeef1;
}

.popup > .pop_non_header {
    position: relative;
    border-bottom: 1px solid #eaeef1;
}

.popup > .pop_header h3.tit {
    margin: 0;
}

.popup > .pop_header .pop_close {
    position: absolute;
    top: 1.3rem;
    right: 1rem;
    text-indent: -9999px;
    background-image: url("../images/pop_close.png");
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
}

.popup > .pop_non_header .pop_close {
    position: absolute;
    top: 1.3rem;
    right: 1rem;
    text-indent: -9999px;
    background-image: url("../images/pop_close.png");
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
}

/* 2020-07-30 수정 */
.popup > .pop_content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
    min-height: 10rem;
}

.popup.address_pop > .pop_content {
    padding: 0;
    background-color: #eaeef1;
}

.popup > .pop_content p {
    font-size: 1.4rem;
}

.popup.min_pop > .pop_content .content_box {
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    height: 50vh;
    border: 1px solid #eaeef1;
    overflow-y: scroll;
    text-align: left;
}

.popup > .pop_content input[type="checkbox"] + label {
    padding-left: 2.8rem;
    background: url(../images/icon_rect_check_off.png) 0 0.1rem no-repeat;
    background-size: 1.8rem;
}

.popup > .pop_content input[type="checkbox"]:checked + label {
    background: url(../images/icon_rect_check_on.png) 0 0.1rem no-repeat;
    background-size: 1.8rem;
}

/* 2020-03-17 추가 */
.popup .tbl {
    display: table;
    width: 100%;
}

.popup .tbl .tbl_row {
    display: table-row;
}

.popup .tbl .tbl_th, .popup .tbl .tbl_td {
    display: table-cell;
}

.popup .notice_box > .txt_box > h3.sub_tit {
    padding-bottom: 2rem;
    font-size: 1.6rem;
}

.popup .notice_box > .txt_box > h3.sub_tit > span {
    font-size: 1.6rem;
}

.popup .notice_box > .txt_box > p {
    font-size: 1.2rem;
    color: #7d7d7d;
    margin-bottom: 1.3rem;
}

.popup .notice_box .tbl {
    margin: 3rem auto auto;
    border-top: 1px solid #333333;
}

.popup .notice_box .tbl_th,
.popup .notice_box .tbl_td {
    font-size: 1.2rem;
    border-bottom: 1px solid #e7e7e7;
    color: #666666;
}

.popup .notice_box .tbl_th {
    background: #f5f5f5;
    min-width: 7.8rem;
    text-align: center;
}

.popup .notice_box .tbl_td {
    padding: 1rem;
    text-align: left;
}

.popup .notice_box .tbl_td p {
    font-family: 'NotoSansKR', sans-serif;
    font-size: inherit;
    color: inherit;
    margin-bottom: 1rem;
    white-space: nowrap;
}

.popup .notice_box .tbl_td p:last-child {
    margin-bottom: 0;
}

/* 2020-03-17 추가 END*/


/* 2020-08-03 스플래시 */
.splash_wrap {
    position: relative;
    min-height: 100vh;
    background-color: #fff;
}

.splash_wrap .logo_box {
    display: table;
    width: 100%;
    height: 50vh;
}

.splash_wrap .tbl_td {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.splash_wrap .tbl_td .img_box {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 72px;
}

.splash_wrap .tbl_td p {
    font-size: 66px;
}

.splash_wrap .tbl_td p strong {
    font-size: inherit;
    font-weight: 500;
    vertical-align: baseline;
}

/* 2020-08-07 수정 */
.splash_wrap .txt_info {
    position: absolute;
    left: 0rem;
    bottom: 0px;
    display: inline-block;
    width: calc(100% - 144px);
    border-top: 2px solid #E2E2E3;
    padding: 60px 0 180px 0;
    margin: 0 72px;

}

/* 2020-08-07 수정 END */
.splash_wrap .txt_info .img_box {
    padding-top: 1.818rem;
    border-top: 1px solid #E2E2E3;
}

/* 2020-08-07 수정 */
.splash_wrap .txt_info p {
    margin-bottom: 2rem;
    font-family: 'NotoSansKR', sans-serif;
    font-size: 44px;
    line-height: 1.7;
    text-align: justify;
    word-break: keep-all;
    letter-spacing: -0.055em;
}

/* 2020-08-07 수정 END */
.splash_wrap .txt_info p:last-child {
    margin-bottom: 0;
}

.splash_wrap .txt_info p strong {
    font-size: inherit;
    font-weight: 500;
    vertical-align: baseline;
}

/*2021-11-25 추가*/

/*이벤트 리스트*/
.event_info {
    background-color: #fff;
    padding: 1rem 1.8rem;
}

.event_info ul li {
    font-size: 1.6rem;
}

.event_info ul li:last-child {
    text-align: right;
    color: #6e6e6e;
    font-size: 1.3rem;
}

.prod_wrap .prod_list_none {
    font-size: 1.6rem;
    background: url(../images/icon_prod_n_item.png) 50% 0 no-repeat;
    background-size: 4.2rem 4.2rem;
    display: table-cell;
    vertical-align: middle;
    background-position-y: calc(50% - 42px);
}

/*2021-11-25 추가 END*/

.rewards {
    width: 100%;
    padding-top: 0.3rem
}

.rewards .reward_A {
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.3rem 1.0rem 0.2rem;
    border-radius: 0.9rem;
    background: #f0f0f0;
    color: #337474;
}

.rewards .reward_A > b {
    font-size: 1.1rem;
    color: #337474;
    font-weight: bold;
    vertical-align: baseline;
}

.rewards .reward_B {
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.3rem 0rem 0.2rem;
    color: #337474;
}


/* 2020-08-11 추가 */
@media screen and (min-width: 1127px) {
    .splash_wrap {
        max-width: 1126px;
        margin: auto;
        width: 100%;
        height: 2036px;
    }
}

/* 2020-08-11 추가 END */
/* 2020-08-03 스플래시 END */

@media screen and (min-width: 321px) {
    html {
        font-size: 11px;
    }

}

@media screen and (min-width: 480px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 20px;
    }
}

/**/
@media screen and (max-width: 321px) {
    #footer ul.f_tab {
        padding: 1rem 2.182rem;
    }
}

/*2021-09-02 추가*/
@media screen and (min-height: 400px) {
    .splash_wrap .logo_box {
        height: 40vh;
    }
}

/*2021-09-02 추가 END*/

/*2021-11-30 추가*/
@media screen and (max-width: 280px) {
    #footer ul.f_tab {
        padding: 1rem 1rem;
    }
}

/*2021-11-30 추가 END*/

/*2023-06-27 추가 START*/
.main_quick_wrap .brand_theme_menu .item_list > a .img_box {
    width: 4rem;
    height: 4rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.main_quick_wrap .brand_theme_menu .item_list > a .img_box > img {
    width: auto !important;
    height: 4rem;
    position: absolute;
    top: 0;
    left: 0;
}

.main_quick_wrap .brand_theme_menu .item_list.on > a .img_box > img {
    width: auto !important;
    height: 4rem;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

.main_quick_wrap .brand_theme_menu .item_list.on > a > span {
    color: #0fd5c9;
}

/*2023-06-27 추가 END*/

/* 20230711 이벤트 추가 */

.new_event {
    width: 100%;
}

.new_event .event_info {
    width: 100%;
    padding: 20px;
}

.new_event .event_info > ul > li {
    text-align: left;
    font-size: 1.2rem;
    color: #666;
    margin-top: 0.5rem;
}

.new_event .event_info > ul > li:first-child {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 0;
}

.new_event .prod_wrap {
    display: table;
    padding: 1.2rem 0.9rem 0.7rem;
    width: 100%;
    min-height: calc(100vh - 30rem);
    text-align: center;
}

.new_event .prod_wrap > ul {
    display: inline-table;
    min-height: calc(100vh - 30rem);
    width: 100%;
    text-align: left;
}

.new_event .prod_wrap ul > li {
    text-align: center;
}

.new_event .prod_wrap .item_box {
    display: inline-block;
    position: relative;
    width: calc(50% - 0.35rem);
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
    padding: 1rem;
    border: 1px solid #bdc3c7;
    border-radius: 1rem;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.new_event .prod_wrap .item_box:nth-child(2n) {
    margin-right: 0;
}

.new_event .prod_wrap .item_box a {
    display: block;
}

.new_event .prod_wrap .item_box .img_box {
    margin-top: 2.5rem;
    position: relative;
}

.new_event .prod_wrap .item_box .txt_box {
    text-align: left;
}

.new_event .prod_wrap .item_box .txt_box .brand_tit {
    min-height: 1.8rem;
    font-size: 1.2rem;
    color: #7d7d7d;
}

.new_event .prod_wrap .item_box .txt_box .prod_tit {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 0.8rem;
    width: 100%;
    height: 4.2rem;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_event .prod_wrap .item_box .txt_box .suggested_price {
    min-height: 1.5rem;
    font-size: 1rem;
    color: #777777;
    text-decoration: line-through;
    display: none;
}

.new_event .prod_wrap .item_box .txt_box .regular_rewords {
    font-size: 1rem;
    color: #eb7a82;
    font-weight: 500;
}

.new_event .prod_wrap .item_box .txt_box .rewords_p {
    font-size: 1rem;
    color: #009591;
    padding: 0.2rem 0.7rem 0.3rem;
    border-radius: 1rem;
    background: #f0f0f0;
}

.new_event .prod_wrap .item_box .txt_box .price_area > span {
    font-size: 1.3rem;
    font-weight: bold;
}

.new_event .prod_wrap .item_box .txt_box .price_area .discount_rate {
    display: inline-block;
    margin-right: 0.8rem;
    color: #e06273
}

.new_event .prod_wrap .item_box .txt_box .price_area .selling_price {
    color: #337474;
}

.new_event .prod_wrap .item_box .txt_box .price_area small {
    font-size: 0.9rem;
    color: inherit;
}

.new_event .prod_wrap .item_box.soldout {
    position: relative;
}

.new_event .prod_wrap .item_box .sold_out_bg {
    position: relative;
    display: none;
}

.new_event .prod_wrap .item_box .sold_out_bg {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.new_event .prod_wrap .item_box .sold_out_bg {
    display: block;
}

.new_event .prod_wrap .img_box .soldout_txt {
    position: absolute;
    top: calc(50% - 50px);
    z-index: 1;
    font-size: 18px;
    color: #337474;
    left: calc(50% - 50px);
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 0;
    background: none !important;
    padding-top: 35px;
    display: none;
    font-weight: 700;
}

.new_event .prod_wrap .item_box .img_box .soldout_txt {
    display: block;
    z-index: 12;
}

.alert {width: 100%; height: 100vh; position: fixed; left: 0; right: 0; z-index: 100; display: none;}

.alert.active {display: table;}

.alert .alert_bg {width: 100%; height: 100vh; display: table-cell; background: rgba(0, 0, 0, 0.5); padding: 0 2rem;}

.alert .alert_bg .in_al { width: 100%; background: #fff; border-radius: 0.8rem; position: relative; overflow: hidden;}

.alert .alert_bg .in_al > button.pop_close {width: 2rem; height: 2rem; background: url(../images/btn_close.png) center center no-repeat; background-size: 1.6rem; position: absolute; right: 2rem; top: 2rem;}

.alert .alert_bg .in_al .in_text {width: 100%; padding: 5rem 2rem 3.5rem; text-align: center;}

.alert .alert_bg .in_al .in_text > p {font-size: 1.4rem;}

.alert .alert_bg .in_al .btn_box {width: 100%;}

.alert .alert_bg .in_al .btn_box {display: flex;}

.alert .alert_bg .in_al .btn_box > button {width: 100%; height: 5.4rem; font-size: 1.7rem; color: #fff; background: #337474;}

.alert .alert_bg .in_al .btn_box > button.btn_gray {background: #bdc4c8;}

.fullpop {width: 100%; height: 100vh; position: fixed; left: 0; right: 0; z-index: 100; display: none; background: #eaeef1; }

.fullpop.active {display: block;}

.fullpop .pop_header {position: relative; border-bottom: 1px solid #eaeef1; background: #fff; height: 5rem;}

.fullpop .pop_header h3.tit {margin: 0; line-height: 5rem;}

.fullpop .pop_header .pop_close {
    position: absolute;
    top: 1.3rem;
    right: 1.2rem;
    text-indent: -9999px;
    background-image: url("../images/pop_close.png");
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
}

.service_terms_pop {
    height: calc(100vh - 10.4rem);
}

.service_terms_pop .terms_box {
    padding: 1.4rem 1.5rem;
    overflow: hidden;
}

.flex-col {
    display: flex !important;
    flex-direction: column;
}/* 20241025 퍼블리싱 추가 */

.service_terms_pop .terms_view {
    padding: 1.4rem 1.5rem;
    overflow-y: auto;
    background: #fff;
    height: calc(100vh - 22rem);
    /* 20241025 퍼블리싱 수정 */
}

.service_terms_pop .terms_view > p {font-size: 1.2rem; line-height: 1.5;}

.service_terms_pop .trems_check {height: 3.4rem; text-align: right; padding-top: 1rem;}

.memberOut #container {margin-top: 4.4rem;}

.memberOut .result_wrap {position: relative; min-height: calc(100vh - 4.5rem); align-items: normal; justify-content: space-between; flex-direction: column; background-color: #eaeef1;}

.memberOut .result_wrap .txt_box {padding: 0 2rem;}

.memberOut .result_wrap .agree {position: absolute; left: 2rem; bottom: 6rem;}

.memberOut .txt_box .sub_tit {font-weight: 700; font-size: 1.6rem; text-align: center; margin: 2.4rem 0;}

.memberOut .txt_box .inner {text-align: left !important; border: 1px solid #bcc4c8; background-color: #fff; border-radius: 1.4rem; padding: 2.8rem 2rem; font-size: 2rem;}

.memberOut .txt_box .inner li {margin-top: 1.4rem; display: flex;}

.memberOut .txt_box .inner li::before {content: '·'; display: block; margin-right: 4px;}

.memberOut .txt_box .inner li:first-child {margin-top: 0;}

.memberOut .txt_box .inner li span {color: #fc0008; font-weight: 700; vertical-align: initial;}

.memberOut .result_wrap .btn_wrap {position: inherit; margin-top: 80px;}

/* 20240528 회원탈퇴 퍼블리싱 추가 */

.popup .notice_box.sc {height: 30rem; padding-right: 0.5rem; overflow-y: auto; margin-bottom: 1.5rem;}

.popup .notice_box.sc > .txt_box {margin-bottom: 1.3rem;}

.popup .notice_box.sc > .txt_box:last-child {margin-bottom: 0;}

.popup .notice_box.sc > .txt_box > p {text-align: left;}

.popup .notice_box.sc .title {text-align: left; margin-bottom: 0.8rem;}

.popup .notice_box.sc .tbl {margin-top: 0;}

.popup .notice_box.sc .tbl th, .popup .notice_box.sc .tbl td {font-size: 1.2rem; border-bottom: 1px solid #e7e7e7; text-align: left; color: #666666}

.popup .notice_box.sc .tbl th {background: #f5f5f5; min-width: 3rem; text-align: center;}

.popup .notice_box.sc .tbl td {padding: 1rem;}

.popup .notice_box.sc .tbl td h6 {font-size: 1.2rem; font-weight: 700;}

.popup .notice_box.sc .tbl td p {font-size: 1.2rem; color: #666; margin-top: 0.2rem}

/* 20240513 서비스 이용약관 변경안내 퍼블리싱 추가 */

.btm_pop {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 200;
}

.btm_pop.on {
    display: block;
}

.btm_pop.on .dim {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

.btm_pop.on .btm_text {
    width: 100%;
    background: #fff;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    overflow: hidden;
    padding: 2.2rem 2rem;
    position: absolute;
    z-index: 201;
    bottom: 0;
    animation: fadeInUp 0.5s;
}

.btm_pop.on .btm_text .top_h {
    width: 100%;
    position: relative;
    height: 2rem;
}

.btm_pop.on .btm_text .top_h > h5 {
    line-height: 2rem;
    font-size: 1.5rem;
    letter-spacing: -0.06rem;
    font-weight: 500;
}

.btm_pop.on .btm_text .top_h > button {
    width: 2rem;
    height: 2rem;
    background: url(../images/icon_close.svg) no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 0;
    top: 0;
}

.btm_pop.on .btm_text .btm_content {
    width: 100%;
    padding-top: 3.4rem;
}

.btm_pop.on .btm_text .btm_content > p {
    font-size: 1.5rem;
    line-height: 2.4rem;
    letter-spacing: -0.06rem;
    color: #4c5459;
}

.btm_pop.on .btm_text .btm_content > button {
    width: 45%;
    margin-top: 4rem;
    margin-left: 1rem;
    background: #1490ef;
    border-radius: 0.6rem;
    height: 5.6rem;
    font-size: 1.5rem;
    letter-spacing: -0.06rem;
    color: #fff;
    border: 0;
}

.btm_pop.on .btm_text .btm_content > button.left {
    background: white;
    color: #1490ef;
    border: 2px solid #1490ef;
}

.dim_pop {
    width: 100%;
    position: fixed;
    display: table;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    animation: fadein 1s;
    top: 0;
    z-index: 10000;
}

.dim_pop.on {
    display: table;
}

.dim_pop .pop_outer {
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
}

.dim_pop .pop_outer .pop_inner {
    width: 100%;
    background: #fff;
    border-radius: 1.2rem;
    max-height: 80vh;
    overflow-y: auto;
}

.dim_pop .pop_outer .pop_inner .top_h {
    padding: 2rem;
    background: #f2f5f9;
}

.dim_pop .pop_outer .pop_inner .top_h > h5 {
    font-size: 1.8rem;
    padding-bottom: 0.8rem;
    letter-spacing: -0.06rem;
    color: #222020;
    font-weight: 500;
}

.dim_pop .pop_outer .pop_inner .top_h > p {
    font-size: 1.5rem;
    letter-spacing: -0.07rem;
    color: #848a92;
    font-weight: 400;
    line-height: 2.4rem;
    padding-bottom: 1.6rem;
}

.dim_pop .pop_outer .pop_inner .top_h > p > b {
    color: #4c5459;
    font-weight: 700;
    vertical-align: baseline;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box {
    width: 100%;
    padding: 2rem;
    font-size: 0;
    background: #fff;
    border-radius: 0.4rem;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box > span {
    display: inline-block;
    width: 64%;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box > span:first-child {
    width: 36%;
    padding-right: 1rem;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box > span > input {
    border: 0;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.06rem;
    color: #333a40;
    border-bottom: 0.2rem solid #d5dae3;
    height: 4rem;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box > span > input.error {
    border-bottom: 0.2rem solid #e5483d;
}

.dim_pop .pop_outer .pop_inner .top_h .input_box.error > p {
    font-size: 1.3rem;
    padding-top: 1.2rem;
    letter-spacing: -0.05rem;
    color: #e5483d;
}

.dim_pop .pop_outer .pop_inner .mid_t {
    padding: 2rem;
}

.dim_pop .pop_outer .pop_inner .mid_t > h5 {
    padding-bottom: 0.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    letter-spacing: -0.07rem;
    color: #333a40;
}

.dim_pop .pop_outer .pop_inner .mid_t > p {
    font-size: 1.5rem;
    letter-spacing: -0.07rem;
    color: #848a92;
    font-weight: 400;
    line-height: 2.4rem;
}

.dim_pop .pop_outer .pop_inner .mid_t > p.t_rad {
    color: #e5483d;
}

.dim_pop .pop_outer .pop_inner .pop_content {
    width: 100%;
    padding: 2rem 2rem 0.8rem;
}

.dim_pop .pop_outer .pop_inner .pop_content > h2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #151c22;
    letter-spacing: -0.06rem;
    font-weight: 500;
}

.dim_pop .pop_outer .pop_inner .pop_content > span {
    display: block;
    margin: 0.8rem 0 0.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
}

.dim_pop .pop_outer .pop_inner .pop_content > span > em {
    display: inline;
    vertical-align: middle;
    color: #e5483d;
}

.dim_pop .pop_outer .pop_inner .pop_content > span > em:first-child {
    color: #1490ef;
}

.dim_pop .pop_outer .pop_inner .pop_content > p {
    margin-top: 0.8rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    letter-spacing: -0.07rem;
    color: #848a92;
}

.button_box > span > button.btn_error {
    background-color: #E5483D;
    border: none;
    color: white;
}

.button_box {
    border-top: 0.6rem solid #f2f5f9;
    width: 100%;
    padding: 1.6rem;
    display: table;
}

.button_box.fixed {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 10;
    bottom: 0;
}

.button_box > span {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 0.4rem;
}

.button_box > span:first-child {
    padding: 0 0.4rem 0 0;
}

.button_box > span > button {
    width: 100%;
    height: 5.6rem;
    border-radius: 0.6rem;
    border: 0.1rem solid #1490ef;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.06rem;
}

.button_box > span > button.btn_buy {
    background: #fff;
    color: #1490ef;
}

.button_box > span > button.btn_present {
    background: #1490ef;
    color: #fff;
}

.button_box > span > button.btn_cancle {
    background: #e4eaf2;
    color: #333a40;
    border: 0;
}

.button_box > span > button.btn_error {
    background-color: #E5483D;
    border: none;
    color: white;
}

.button_box > span.full {
    width: 100%;
}

.button_box > span.btn_sm {
    width: 32%;
}

.button_box > span.btn_lg {
    width: 68%;
}

/* 20240513 서비스 이용약관 변경안내 퍼블리싱 추가 */
.w320 {
    width: 32rem !important;
}

.min_pop.w320 .pop_header {
    display: flex;
}

.min_pop.w320 .pop_content {
    padding-top: 1.6rem;
    text-align: left;
}

.min_pop.w320 .pop_content .notice_box > .txt_box p {
    font-size: 1rem;
    color: #7D7D7D;
    line-height: 1.448rem;
    letter-spacing: -2%;
}

.min_pop.w320 .pop_content .notice_box > .title {
    padding: 1.2rem 0 1.6rem;
}

.min_pop.w320 .pop_content .notice_box > .tbl {
    margin-top: 0;
}

.min_pop.w320 .pop_content .notice_box > .tbl .tbl_th {
    height: 3.6rem;
    font-size: 1rem;
    color: #262626;
    text-align: left;
    padding: 0.6rem 1.2rem;
    border-bottom: 1px solid #FAFAFA;
    background-color: #FAFAFA;
}

.min_pop.w320 .pop_content .notice_box > .tbl .tbl_td {
    height: 3.6rem;
    font-size: 1rem;
    color: #262626;
    text-align: left;
    padding: 0.6rem 1.2rem;
    line-height: 1.2rem;
    border-bottom: 1px solid #FAFAFA;
}

.min_pop.w320 .pop_content .notice_box > .tbl .tbl_td span {
    font-size: 1rem;
    line-height: 1.2rem;
}
/* 20240513 서비스 이용약관 변경안내 퍼블리싱 추가 */