@charset "utf-8";

/* 리스트 공통 */
.lists-row {
    margin-right: -10px;
    margin-left: -10px;
}
.lists-row .col-row-0,
.lists-row .col-row-1,
.lists-row .col-row-2,
.lists-row .col-row-3,
.lists-row .col-row-4,
.lists-row .col-row-5,
.lists-row .col-row-6,
.lists-row .col-row-7,
.lists-row .col-row-8,
.lists-row .col-row-9,
.lists-row .col-row-10 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    *padding-left: 0;
    padding-right: 10px;
    *padding-right: 0;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
}
.lists-row .col-row-0,
.lists-row .col-row-1 {
    width: 100%;
}
.lists-row .col-row-2 {
    width: 50%;
}
.lists-row .col-row-3 {
    width: 33.33333333%;
}
.lists-row .col-row-4 {
    width: 25%;
}
.lists-row .col-row-5 {
    width: 20%;
}
.lists-row .col-row-6 {
    width: 16.66666667%;
}
.lists-row .col-row-7 {
    width: 14.28571428%;
}
.lists-row .col-row-8 {
    width: 12.5%;
}
.lists-row .col-row-9 {
    width: 11.11111111%;
}
.lists-row .col-row-10 {
    width: 10%;
}
.row-clear {
    clear: both !important;
}

.sct_img img {
    object-fit: cover;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.3s;
}
.sct_img > a:hover img {
    transform: scale(1.15);
}

/* aside:gnb */
#gnb {
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
}
#gnb h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.gnb_1dli {
    position: relative;
    word-wrap: break-word;
}
.gnb_1dli_on {
    color: #fff;
    text-decoration: none;
}
.gnb_1da {
    display: block;
    padding: 0 20px;
    line-height: 48px;
    color: #010101;
    text-decoration: none;
    font-size: 1.167em;
}
.gnb_1da i {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    color: #c4c4c4;
    padding: 15px;
    font-size: 1.45em;
}

.gnb_1dam {
    background: url('img/gnb_bg.png') center right no-repeat;
}
.gnb_1dli_on .gnb_1da {
    background-color: #f5f5f5;
    color: #3a8afd;
    font-weight: bold;
    text-decoration: none;
}
.gnb_1dli_on .gnb_1da:after {
    position: absolute;
    left: -1px;
    top: 0;
    content: '';
    background: #3a8afd;
    width: 3px;
    height: 100%;
}

.gnb_1dli_on .gnb_1dam {
    text-decoration: none;
}
.gnb_2dul {
    display: none;
    z-index: 1000;
    position: absolute;
    border: 1px solid #e8e8e8;
    padding: 10px;
}
.gnb_1dli_over .gnb_2dul,
.gnb_1dli_over2 .gnb_2dul {
    display: inline-block;
    top: 0;
    left: 263px;
    width: 200px;
    background: #fff;
}
.gnb_1dli_over .gnb_2dul:after,
.gnb_1dli_over2 .gnb_2dul:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
}
.gnb_1dli_over .gnb_2dul:before,
.gnb_1dli_over2 .gnb_2dul:before {
    content: '';
    position: absolute;
    top: 9px;
    left: -7px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #e8e8e8;
}

.gnb_2da {
}
.gnb_1dli_over .gnb_2da {
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 1.083em;
}
.gnb_2da:focus,
.gnb_2da:hover {
    text-decoration: none;
    color: #3a8afd;
}

/* 오늘 본 상품 */
#stv {
    position: relative;
    height: 100%;
}
#stv .li_empty {
    text-align: center;
    line-height: 100px;
}
#stv_pg {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 229px;
    text-align: center;
    margin: 10px 0 0;
    padding: 15px;
    line-height: 20px;
    background: #fff;
}
.stv_item {
    display: none;
    padding: 15px;
    word-break: break-all;
    border-bottom: 1px solid #f6f6f6;
}
.stv_item:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.stv_item .prd_img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.stv_item .prd_cnt {
    display: inline-block;
    float: left;
}
.stv_item .prd_cnt span {
    display: block;
    max-width: 105px;
}
.stv_item .prd_cnt .prd_name {
    font-weight: bold;
    margin-bottom: 3px;
}

#stv_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 50px;
}
#up {
    position: absolute;
    top: 0;
    left: 0;
    background: url('img/btn_sb_prev.png') no-repeat 50% 50%;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}
#down {
    position: absolute;
    top: 0;
    right: 0;
    background: url('img/btn_sb_next.png') no-repeat 50% 50%;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}

/* 이벤트 링크 */
#sev {
    margin: 20px 0;
    text-align: center;
}
#sev header {
    margin: 0 0 20px;
}
#sev header:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sev h2 {
    float: left;
    font-size: 1.5em;
    margin: 0 0 10px 0;
    display: inline-block;
    line-height: 1em;
}
#sev h2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sev ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sev > ul {
    margin: 0 -10px;
}
#sev .ev_li {
    float: left;
    padding: 0 10px;
    width: 33.333%;
}
#sev .ev_li:first-child {
    margin-left: 0;
}
#sev .ev_li .sev_img img {
    width: 100%;
    height: auto;
}
#sev .ev_prd {
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
}
#sev .ev_prd li {
    position: relative;
    display: block;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #f6f6f6;
}
#sev .ev_prd li:last-child {
    border-bottom: 0;
}
#sev .ev_prd li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sev .ev_prd .ev_prd_tit {
    display: block;
    color: #000;
    font-size: 1.1em;
    margin-bottom: 5px;
}
#sev .ev_prd .ev_prd_img {
    float: left;
    display: inline-block;
}
#sev .ev_prd .ev_txt_wr {
    float: left;
    max-width: 139px;
    margin-left: 10px;
}
#sev .ev_prd .ev_prd_price {
    font-weight: bold;
    display: block;
    margin: 5px 0 10px;
    font-size: 1.25em;
    font-weight: bold;
}
#sev .ev_prd .sev_more {
    color: #3a8afd;
    background: #fff;
    display: block;
    text-align: center;
}

/* 커뮤니티 링크 */
#scomm {
    padding: 20px;
}
#scomm h2 {
    margin: 0 0 5px;
}
#scomm li {
    display: block;
    margin: 3px;
}
#scomm li a {
    line-height: 25px;
    color: #555;
}
#scomm li a:hover {
    color: #be334a;
}

/* 메인배너 */
#main_bn {
    border: 1px solid #e3e5e8;
    position: relative;
    margin: 19px 0 30px;
}
#main_bn:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#main_bn .slide-wrap {
    padding: 0;
    margin: 0;
}
#main_bn .slide-wrap img {
    max-width: 100%;
    height: auto;
}
#main_bn .main_image_area {
    position: relative;
}
#main_bn .owl_pager {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e3e5e8;
}
#main_bn .owl_pager ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#main_bn .owl_pager li {
    float: left;
    position: relative;
    width: 20%;
    border-left: 1px solid #e3e5e8;
    text-align: center;
    line-height: 45px;
    height: 45px;
    font-size: 1.2em;
}
#main_bn .owl_pager li:first-child,
#main_bn .owl_pager li:nth-child(5n + 1) {
    border-left: 0;
}
#main_bn .owl_pager li a {
    display: block;
}
#main_bn .owl_pager li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e3e5e8;
}
#main_bn .owl_pager li.active a {
    color: #3a8afd;
}
#main_bn .owl_pager li.active a:after {
    background: #3a8afd;
    top: -1px;
}

.btn_wr {
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 65px;
    border-radius: 30px;
    padding: 3px 5px;
}
#main_bn .btn_wr {
    z-index: 2;
}
.btn_wr .pager-prev {
    margin-left: 5px;
    font-weight: bold;
}
.btn_wr .pager-next {
    margin-right: 5px;
    font-weight: bold;
}
.btn_wr .pager-prev,
.btn_wr .pager-next,
#slide-counter {
    float: left;
    display: inline-block;
    padding: 5px;
    color: #fff;
}
#slide-counter {
    margin: 0 5px;
}

/*서브배너*/
#sbn_side {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.sb_bn {
}
.sb_bn img {
    width: 100%;
    height: auto;
}
#sbn_side h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sbn_side .bx-controls {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
#sbn_side .bx-pager-item {
    display: inline-block;
}
#sbn_side .bx-pager-item a {
    float: left;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fff;
    text-indent: -9999px;
    opacity: 0.5;
}
#sbn_side .bx-pager-item a.active {
    opacity: 1;
}
#sbn_side .bx-controls-direction {
    display: none;
}

/*장바구니*/
#sbsk {
    position: relative;
}
#sbsk li {
    position: relative;
    border-bottom: 1px solid #f6f6f6;
    padding: 15px;
}
#sbsk li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sbsk .go_cart {
    position: absolute;
    top: 11px;
    right: 15px;
    display: inline-block;
    height: 28px;
    line-height: 22px;
    border: 1px solid #d5d9dd;
    color: #3a8afd;
    border-radius: 2px;
    background: #fff;
    padding: 2px 5px;
}
#sbsk .btn_buy {
    padding: 15px;
    font-weight: bold;
    text-align: center;
}
#sbsk .btn_buy .btn_submit {
    width: 100%;
    height: 40px;
}
#sbsk .li_empty {
    text-align: center;
    line-height: 100px;
}
#sbsk .prd_img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#sbsk .prd_cnt {
    display: inline-block;
    float: left;
}
#sbsk .prd_cnt a,
#sbsk .prd_cnt span {
    display: block;
    max-width: 105px;
}
#sbsk .prd_cnt .prd_name {
    font-weight: bold;
    margin-bottom: 3px;
}
#sbsk .cart_del {
    border: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #c5c8ca;
    background: #fff;
    font-size: 1.25em;
}

/*위시리스트*/
#wish {
}
#wish li {
    position: relative;
    border-bottom: 1px solid #f6f6f6;
    padding: 15px;
}
#wish li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#wish .li_empty {
    text-align: center;
    line-height: 100px;
}
#wish .prd_img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#wish .prd_cnt {
    display: inline-block;
    float: left;
}
#wish .prd_cnt a {
    display: block;
    max-width: 105px;
}
#wish .prd_cnt .prd_name {
    font-weight: bold;
    margin-bottom: 3px;
}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */

/* 공통 */
.sct_wrap {
    position: relative;
    margin: 0 0 20px;
}
.sct_wrap .sctrl {
    position: absolute;
    top: 0;
    right: 0;
} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_wrap header {
    padding: 10px 0 20px;
}
.sct_wrap header:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_wrap h2 {
    float: left;
    font-size: 1.5em;
    margin: 0 0 10px 0;
    display: inline-block;
    line-height: 1em;
}
.sct_wrap h2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_wrap h2 a {
    text-decoration: none;
}

#sct {
    clear: both;
}

.sct {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sct:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_li {
    position: relative;
}
.custom-no-items {
    margin-bottom: 60px;
    padding: 100px 0;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    line-height: 1.75;
}
.custom-no-items > h2 {
    font-size: var(--main-text01);
    color: #111;
}
.custom-no-items > p {
    color: #666;
}
.sct img {
    position: relative;
} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */

/* 재생/정지/이전/다음 버튼 */
.sctrl {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sctrl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sctrl li {
    position: relative;
    float: left;
}
.sctrl button {
    position: relative;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 0;
    cursor: pointer;
    overflow: hidden;
}
.sctrl button span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 0;
    background: url('img/is_button.gif') no-repeat;
}
.sctrl button.sctrl_play span {
    background-position: -60px 0;
}
.sctrl button.sctrl_play span.sctrl_on {
    background-position: -60px -30px;
}
.sctrl button.sctrl_stop span {
    background-position: -90px 0;
}
.sctrl button.sctrl_stop span.sctrl_on {
    background-position: -90px -30px;
}
.sctrl button.sctrl_prev span {
    background-position: -120px 0;
}
.sctrl button.sctrl_prev span.sctrl_on {
    background-position: -120px -30px;
}
.sctrl button.sctrl_next span {
    background-position: -150px 0;
}
.sctrl button.sctrl_next span.sctrl_on {
    background-position: -150px -30px;
}

/* 메인리스트 별점 공통 */
.sct_li .sct_star img,
.sct_li img.sit_star {
    width: 72px !important;
    height: auto;
}

.sct_id {
    margin-bottom: 10px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

/* 찜하기, 장바구니 버튼 */
.sct_btn {
    opacity: 0;
    visibility: hidden;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 64px;
    text-align: center;
    line-height: 1;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(3px);
    transition: all 0.3s;
}
.sct_btn > button {
    flex: 1;
    height: 100%;
}
.sct_wish {
    position: relative;
}
.sct_wish:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    background: #c8c8c8;
}
.sct_img:hover .sct_btn {
    opacity: 1;
    visibility: visible;
}

/* 아이콘  */
.sit_icon_li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sit_icon_li > span {
    display: flex;
    width: 100%;
}
.shop_icon {
    margin-left: -7px;
    display: block;
    color: #fff;
    line-height: 20px;
    padding: 5px;
    padding-left: 11px;
    width: 70px;
    border-radius: 10px 0 10px 0;
    text-align: center;
}
.shop_icon_1 {
    background: #00bfd9;
    z-index: 10;
}
.shop_icon_2 {
    background: #ffce00;
    z-index: 9;
}
.shop_icon_3 {
    background: #00ce7d;
    z-index: 8;
}
.shop_icon_4 {
    background: #7400f5;
    z-index: 7;
}
.shop_icon_5 {
    background: #ff0095;
    z-index: 6;
}

/* 폼 */
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
    border: 1px solid #eaeaea;
    background: #f7f7f7;
    color: #111;
    vertical-align: middle;
    border-radius: 10px;
    padding: 12px 17px;
}

/*장바구니 옵션*/
.sct_li.overlay {
    background: transparent;
}
.sct_cartop_wr {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: left;
    background: #0008;
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    place-content: center;
}
.sct_cartop_wr > form {
    width: 100%;
}
.sct_cartop_wr > form > label {
    margin-bottom: 10px;
    display: block;
    color: #fff;
}
.sct_li select {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 0 10px;
    width: calc(100% - 20px);
    height: 55px;
    transition: 0.3s;
    line-height: 55px;
    cursor: pointer;
}
.sct_li select:focus {
    border: 1px solid #000;
    transition: all 0.3s ease;
}
.sct_li select:active {
    border: 1px solid #000;
}
.sct_li select.focus:after {
    color: #000;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center;
}
.sct_cartop_wr .gw-btn02 {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff !important;
}

/* 더보기  */
#btn_more_item.off > span {
    display: none;
}
#item_load_msg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.li_more_btn {
    position: relative;
    display: flex;
    place-content: center;
    align-items: center;
    min-width: 100px;
}
#item_load_msg .dots-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
#item_load_msg .dot {
    height: 10px;
    width: 10px;
    margin-right: 10px;
    border-radius: 100%;
    background: #fff;
    animation: pulse 1.5s infinite ease-in-out;
}
#item_load_msg .dot:last-child {
    margin-right: 0;
}
#item_load_msg .dot:nth-child(1) {
    animation-delay: -0.3s;
}
#item_load_msg .dot:nth-child(2) {
    animation-delay: -0.1s;
}
#item_load_msg .dot:nth-child(3) {
    animation-delay: 0.1s;
}
@keyframes pulse {
    0% {
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    50% {
        transform: scale(1.2);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
}

/* 상품이 없는 경우 */
.sct_noitem {
    padding: 30px 0;
    margin: 35px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #ddd;
    color: #333;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
}
#sct .sct_noitem {
    margin: 35px auto;
    width: calc(100% - 40px);
}
#sps_empty {
    padding: 30px 0;
    margin: 35px 0;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #ddd;
    color: #333;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
}
#sqa_empty {
    padding: 30px 0;
    margin: 35px 0;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #ddd;
    color: #333;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
}
#gw-shop01-main-brand .sct_noitem {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    height: 100%;
}
#gw-shop01-main-keyword .sct_noitem {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    width: 100%;
    height: 100%;
    min-height: 50vh;
}

/* 상품 목록 스킨 10 */
.sct_10 {
}
.sct_10.lists-row {
    margin-right: -10px;
    margin-left: -10px;
    display: flex;
    flex-wrap: wrap;
}
.sct_10 .sct_li {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    text-align: left;
}
.sct_10 .sct_last {
    margin-right: 0;
}
.sct_10 .sct_clear {
    clear: both;
}
.sct_10 .sct_a {
    text-decoration: none;
}
.sct_10 .sct_a:focus,
.sct_10 .sct_a:hover {
    text-decoration: none;
}
.sct_10 .sct_img {
    position: relative;
    text-align: center;
    max-width: 335px;
    max-height: 335px;
    border-radius: 15px;
    border: 2px solid #eaeaea;
    overflow: hidden;
    background: #f6f6f6;
    transition: all ease-in-out 0.3s;
}
.sct_10 .sct_img:hover {
    border: 2px solid var(--main-color);
}
.sct_10 .sct_img a {
    display: block;
}
.sct_10 .sct_disc {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: red;
    color: #fff;
    padding: 0 8px;
    line-height: 24px;
    font-weight: bold;
    font-size: 1.2em;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
}

.sct_10 .sct_ct_wrap {
    padding-top: 30px;
    position: relative;
}
.sct_10 .sct_ct_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_10 .sct_star {
}
.sct_10 .sct_star > i {
    color: #ffd508;
}
.sct_10 .sct_txt {
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: var(--main-title04);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sct_10 .sct_basic {
    margin-bottom: 10px;
    color: #666;
}
.sct_10 .sct_bottom {
    position: relative;
    min-height: 20px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sct_10 .sct_cost {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--main-title03);
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 600;
}
.sct_10 .sct_dict {
    display: inline-block;
    color: #c8c8c8;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
}
.sct_10 .sct_dict_rate {
    padding: 0;
    color: var(--main-color);
    font-size: var(--main-title4);
}

.shop_icon_soldout {
    display: flex;
    align-items: center;
    place-content: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: #0008;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.shop_icon_soldout.h160 {
    line-height: 160px;
}
.soldout_txt .gw-text {
    display: block !important;
    font-size: var(--main-title03);
}
.shop_icon_coupon {
    z-index: 5;
    background: #000;
}

.sct_sns_wrap {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
}
.sct_sns {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    text-align: center;
    width: 498px;
    max-height: 300px;
    overflow-y: hidden;
    background: #fff;
    transform: translate(-50%, -50%);
    padding: 25px 30px 80px 30px;
    border-radius: 40px;
}
.sct_sns h3 {
    margin-bottom: 30px;
    font-size: var(--main-title02);
    text-align: left;
}
.sct_sns a {
    position: relative;
    margin: 0 15px;
    display: inline-block;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.sct_sns a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -59px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.sct_sns .share-kakaotalk {
    background: #f7e111;
}
.sct_sns .share-kakaotalk:after {
    content: '카카오톡';
}
.sct_sns .share-facebook {
    background: #415b92;
}
.sct_sns .share-facebook:after {
    content: '페이스북';
}
.sct_sns .share-twitter {
    background: #35b3dc;
}
.sct_sns .share-twitter:after {
    content: '트위터';
}
.sct_sns img {
    display: inline-block;
    width: 24px;
}
.sct_sns_bg {
    width: 100%;
    height: 100%;
}
.sct_sns_cls {
    position: absolute;
    right: 30px;
    top: 25px;
}

.gw-mob-sct-btn {
    display: none;
}
.sct_10 .sct_op_btn > button {
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #eaeaea;
    color: #111 !important;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.sct_10 .sct_op_btn .btn_wish:hover {
    background: #ff005a;
    color: #fff !important;
    border-color: #ff005a;
    transition-duration: 0.3s;
    transform: scale(1.2);
}
.sct_10 .sct_op_btn .btn_wish:active {
    transform: scale(0.9);
}
.sct_10 .sct_op_btn .btn_wish i {
    transition: transform 0.3s ease;
}
.sct_10 .sct_op_btn .btn_wish:hover i {
    font-size: 16px;
    animation: slide-in-top 0.3s both;
}
.sct_10 .sct_op_btn .btn_share:hover {
    background: #424242;
    color: #fff !important;
    border-color: #424242;
    transition-duration: 0.3s;
    transform: scale(1.2);
}
.sct_10 .sct_op_btn .btn_share:active {
    transform: scale(0.9);
}
.sct_10 .sct_op_btn .btn_share i {
    transition: transform 0.3s ease;
}
.sct_10 .sct_op_btn .btn_share:hover i {
    font-size: 16px;
    animation: slide-in-top 0.3s both;
}
@keyframes slide-in-top {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 25px 15px 0;
}
.sct_20 .sct_last {
    margin: 0 0 15px !important;
}
.sct_20 .sct_clear {
    clear: both;
}
.sct_20 .sct_a {
    display: block;
    position: relative;
    text-decoration: none;
}
.sct_20 .sct_a:focus,
.sct_20 .sct_a:hover {
    text-decoration: none;
}
.sct_20 .sct_img {
}
.sct_20 .sct_icon {
    position: absolute;
    top: 10px;
    left: -5px;
    margin: 0 !important;
}
.sct_20 .sct_icon img {
    display: block;
    margin: 0 0 3px;
}
.sct_20 .sct_id {
    display: block;
    padding: 5px 10px 0;
    background: #f2f5f9;
}
.sct_20 .sct_txt {
    padding: 10px;
    background: #f2f5f9;
}
.sct_20 .sct_basic {
    padding: 0 10px 5px;
    background: #f2f5f9;
    line-height: 1.5em;
}
.sct_20 .sct_cost {
    display: block;
    padding: 0 10px 10px;
    background: #f2f5f9;
    font-weight: bold;
}
.sct_20 .sct_dict {
    text-decoration: line-through;
    display: block;
    margin: 0 0 5px;
    color: #999;
    font-weight: normal;
}
.sct_20 .sct_sns {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 16px 15px 0;
    border: 1px solid #e9e9e9;
    background: #f5f6fa;
}
.sct_30 .sct_last {
    margin: 0 0 15px !important;
}
.sct_30 .sct_clear {
    clear: both;
}
.sct_30 .sct_arw_toleft {
    display: block;
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 221px;
    width: 10px;
    height: 19px;
    background: url('img/icon_arw_toleft.gif') no-repeat;
}
.sct_30 .sct_a {
    text-decoration: none;
}
.sct_30 .sct_img {
    position: absolute;
    top: 0;
    left: 0;
}
.sct_30 .sct_icon {
    position: absolute;
    bottom: 25px;
    left: -5px;
    margin: 0 !important;
}
.sct_30 .sct_icon img {
    display: block;
    margin: 0 0 3px;
}
.sct_30 .sct_txt {
    display: inline-block;
    margin: 0 0 20px;
}
.sct_30 .sct_basic {
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.5em;
}
.sct_30 .sct_cost {
    display: block;
    margin: 0 0 10px;
    font-weight: bold;
}
.sct_30 .sct_dict {
    text-decoration: line-through;
    display: block;
    margin: 0 0 5px;
    color: #999;
    font-weight: normal;
}
.sct_30 .sct_sns {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

/* 상품 목록 스킨 40 */
.sct_40 {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sct_40 .sct_clear {
    border-top: 1px solid #dadada;
}
.sct_40 .sct_li {
    padding: 30px;
    display: flex;
    position: relative;
    width: calc(50% - 10px);
    align-items: center;
    gap: 25px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
.sct_40 .sct_li > div {
    flex: 1;
}
.sct_40 .sct_a {
    text-decoration: none;
}
.sct_40 .sct_a:focus,
.sct_40 .sct_a:hover {
    text-decoration: none;
}
.sct_40 .sct_img {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #eaeaea;
}
.sct_40 .sct_img a {
    display: block;
    position: relative;
}
.sct_40 .sct_img a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sct_40 .sct_dict {
    display: inline-block;
    color: #c8c8c8;
    padding: 0 12px 0 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}
.sct_40 .sct_dict_rate {
    padding: 0;
    color: var(--main-color);
    font-size: var(--main-title4);
}

.sct_40 .sct_ct_wrap {
    padding-right: 20px;
    position: relative;
}
.sct_40 .sct_star > i {
    color: #ffd508;
}
.sct_40 .sct_txt a {
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: var(--main-title04);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sct_40 .sct_basic {
    margin-bottom: 10px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sct_40 .sct_cost {
    font-size: var(--main-title03);
}
.sct_40 .sct_dict {
}
.sct_40 .sct_bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 20px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
}

.sct_40 .sct_op_btn > button {
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #eaeaea;
    color: #111 !important;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.sct_40 .sct_op_btn .btn_share:hover {
    background: #424242;
    color: #fff !important;
    border-color: #424242;
    transition-duration: 0.3s;
    transform: scale(1.2);
}
.sct_40 .sct_op_btn .btn_share:active {
    transform: scale(0.9);
}
.sct_40 .sct_op_btn .btn_share i {
    transition: transform 0.3s ease;
}
.sct_40 .sct_op_btn .btn_share:hover i {
    font-size: 16px;
    animation: slide-in-top 0.3s both;
}

/* 개인결제 목록 */
.sct_pv .sct_li {
    position: relative;
    float: left;
    margin: 0 18px 15px 0;
}
.sct_pv .sct_last {
    margin: 0 0 15px !important;
}
.sct_pv .sct_clear {
    clear: both;
}
.sct_pv .sct_a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 1.1em;
}
.sct_pv .sct_a:focus,
.sct_pv .sct_a:hover {
    text-decoration: none;
}
.sct_pv .sct_img {
    margin: 0 0 10px;
}
.sct_pv .sct_txt {
    margin: 0 0 5px;
}
.sct_pv .sct_icon {
    margin: 0 0 10px;
}
.sct_pv .sct_id {
    display: block;
    margin: 0 0 5px;
}
.sct_pv .sct_basic {
    margin: 0 0 10px;
}
.sct_pv .sct_cost {
    display: block;
    margin: 5px 0 10px;
    font-size: 1.25em;
    font-weight: bold;
}
.sct_pv .sct_dict {
    text-decoration: line-through;
    display: block;
    margin: 0 0 5px;
    color: #999;
    font-weight: normal;
}
.sct_pv .sct_sns {
}

/* 메인 상품 목록 스킨 10 */
.smt_10 {
    margin: 0 -5px;
}
.smt_10 .sct_li {
    position: relative;
    float: left;
    width: 215px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.smt_10 .sct_last {
    margin-right: 0;
}
.smt_10 .sct_clear {
    clear: both;
}
.smt_10 .sct_a {
    text-decoration: none;
}
.smt_10 .sct_a:focus,
.smt_10 .sct_a:hover {
    text-decoration: none;
}
.smt_10 .sct_ct_wrap {
    position: relative;
}
.smt_10 .sct_ct_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.smt_10 .sct_img {
    position: relative;
    text-align: center;
}
.smt_10 .sct_img a {
    display: block;
}
.smt_10 .sct_cart {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 0;
    width: 100%;
    padding: 15px 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}
.smt_10 .sct_img:hover .sct_cart {
    display: block;
}
.smt_10 .sct_li.overlay .sct_cart {
    display: none !important;
}
.smt_10 .sct_cart i {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.2em;
}
.smt_10 .sct_disc {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: red;
    color: #fff;
    padding: 0 8px;
    line-height: 24px;
    font-weight: bold;
    font-size: 1.2em;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
}

.smt_10 .sct_star {
    margin: 10px 0 5px;
}
.smt_10 .sct_txt {
    border-bottom: 1px solid #d9dde2;
    font-size: 1.1em;
    margin: 10px 0;
    padding-bottom: 10px;
}
.smt_10 .sct_basic {
    margin-bottom: 5px;
    color: #6e7f88;
}
.smt_10 .sct_cost {
    margin: 5px 0 10px;
    font-size: 1.25em;
    font-weight: bold;
}
.smt_10 .sct_dict {
    text-decoration: line-through;
    font-weight: normal;
    display: block;
    font-size: 0.85em;
    color: #858a8d;
}

.smt_10 .sct_sns_wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.smt_10 .sct_sns {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    text-align: center;
    width: 245px;
    max-height: 300px;
    margin-left: -125px;
    margin-top: -180px;
    overflow-y: auto;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
    border: 1px solid #dde7e9;
    background: #fff;
    border-radius: 3px;
}
.smt_10 .sct_sns h3 {
    padding: 15px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}
.smt_10 .sct_sns a {
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    padding: 10px 0;
    margin: 20px 5px;
}
.smt_10 .sct_sns .share-facebook {
    background: #415b92;
}
.smt_10 .sct_sns .share-twitter {
    background: #35b3dc;
}
.smt_10 .sct_sns img {
    width: 24px;
}
.smt_10 .sct_sns_bg {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
}
.smt_10 .sct_sns_cls {
    position: absolute;
    right: 0;
    top: 0;
    color: #b5b8bb;
    border: 0;
    padding: 12px 15px;
    font-size: 16px;
    background: #fff;
}

.smt_10 .sct_op_btn {
    position: absolute;
    right: 5px;
    bottom: 0;
}
.smt_10 .sct_op_btn > button {
    border: 0;
    width: 25px;
    height: 20px;
    font-size: 1.25em;
    text-align: center;
    color: #949494;
    background: transparent;
}

/* 메인 상품 목록 스킨 20 */
.smt_20 {
    position: relative;
    overflow-y: hidden;
    margin: 0 -5px;
}
.smt_20 .sct_ul {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.smt_20 .sct_ul_first {
    display: block;
    top: 0;
}
.smt_20 .sct_li {
    position: relative;
    float: left;
    width: 215px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.smt_20 .sct_last {
    margin: 0 0 15px !important;
}
.smt_20 .sct_clear {
    clear: both;
}
.smt_20 .sct_a {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
.smt_20 .sct_a:focus,
.smt_20 .sct_a:hover {
    text-decoration: none;
}
.smt_20 .sct_img {
    position: relative;
    text-align: center;
}
.smt_20 .sct_img a {
    display: block;
}
.smt_20 .sct_cart {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 0;
    width: 100%;
    padding: 15px 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}
.smt_20 .sct_img:hover .sct_cart {
    display: block;
}
.smt_20 .sct_txt {
    border-bottom: 1px solid #d9dde2;
    font-size: 1.1em;
    margin: 10px 0;
    padding-bottom: 10px;
}
.smt_20 .sct_basic {
    margin-bottom: 5px;
    color: #6e7f88;
}
.smt_20 .sct_cost {
    margin: 5px 0 10px;
    font-size: 1.25em;
    font-weight: bold;
}
.smt_20 .sct_dict {
    text-decoration: line-through;
    display: block;
    font-size: 0.85em;
    color: #858a8d;
}

.smt_20 .sct_sns {
    margin-bottom: 10px;
}
.smt_20 .sct_sns a {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-right: 5px;
    text-align: center;
}
.smt_20 .sct_sns .share-facebook {
    background: #415b92;
}
.smt_20 .sct_sns .share-twitter {
    background: #35b3dc;
}
.smt_20 .sct_sns img {
    width: 20px;
}

.smt_20 .sct_icon {
    margin: 0 0 10px;
}
.smt_20 .sct_id {
    display: block;
    margin: 0 0 5px;
}

/* 메인 상품 목록 스킨 30 */
.smt_30 {
    position: relative;
}
.smt_30 li {
    position: relative;
    min-height: 50px;
    padding: 10px 15px;
    background: #fff;
}
.smt_30 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.smt_30 .sct_clear {
    clear: both;
}
.smt_30 .sct_img {
    float: left;
    width: 80px;
    margin-right: 10px;
}
.smt_30 .sct_img img {
    width: 100%;
    height: auto;
}
.smt_30 .sct_cnt {
    display: inline-block;
    float: left;
    max-width: 143px;
    line-height: 20px;
}
.smt_30 .sct_txt a {
    display: block;
    font-size: 1em;
    color: #000;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}
.smt_30 .sct_cost {
    font-weight: bold;
    font-size: 1.2em;
}

/* 메인 상품 목록 스킨 40 */
.smt_40 {
}
.smt_40 .sct_li {
    position: relative;
    float: left;
    width: 20%;
    margin: 0 8px;
}
.smt_40 .sct_last {
}
.smt_40 .sct_clear {
    clear: both;
}
.smt_40 .sct_img {
    position: relative;
    text-align: center;
}
.smt_40 .sct_star {
    margin: 10px 0 5px;
}
.smt_40 .sct_txt {
    display: block;
    margin: 5px 0;
    font-size: 1.1em;
}
.smt_40 .sct_cost {
    margin: 5px 0;
    font-size: 1.25em;
    font-weight: bold;
}

/*그누위즈 커스텀 시작-----------------------------------------------------------------------------------------------------------------*/

/*그누위즈 메인 상품 목록 스킨 10-----------------------------------------------------------------------------------------------------------------*/
#gw-main-10-skin .sct_10 {
    flex-wrap: wrap;
}
#gw-main-10-skin .sct_li {
    margin: 0 10px;
    margin-bottom: 50px;
    width: calc(25% - 20px);
}

/*그누위즈 메인 상품 목록 스킨 20-----------------------------------------------------------------------------------------------------------------*/
#gw-main-20-skin .sct_10 {
    margin-bottom: 50px;
    position: relative;
    flex-wrap: wrap;
    gap: 40px;
}
#gw-main-20-skin .sct_10:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #eaeaea;
}
#gw-main-20-skin .sct_li {
    margin-bottom: 0;
    width: calc(50% - 80px);
    padding: 40px;
    place-content: center;
    border-radius: 30px;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.06);
}
#gw-main-20-skin .sct_img {
    max-width: 530px;
    max-height: 530px;
}
#gw-main-20-skin .sct_li:nth-of-type(2n) .sct_img {
    margin-top: 30px;
    order: 1;
}
#gw-main-20-skin .sct_li:nth-of-type(2n) .sct_ct_wrap {
    padding-top: 0;
}

/*그누위즈 메인 상품 목록 스킨 30-----------------------------------------------------------------------------------------------------------------*/
#gw-main-30-skin .gw-main-30-skin-banner {
    margin: 0 10px;
    border-radius: 20px;
    overflow: hidden;
}
#gw-main-30-skin .gw-main-30-skin-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#gw-main-30-skin .sct_10 {
    margin-bottom: 50px;
    flex-wrap: wrap;
}
#gw-main-30-skin .sct_li {
    align-items: center;
    gap: 20px;
    margin: 10px;
    padding: 20px;
    width: calc(33.3% - 20px);
    flex-direction: row;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
#gw-main-30-skin .sct_10 .sct_img {
    max-width: 140px;
    max-height: 140px;
}
#gw-main-30-skin .sct_10 .sct_ct_wrap {
    padding-top: 10px;
    width: calc(100% - 140px);
}
#gw-main-30-skin .sct_10 .sct_cost {
    font-size: var(--main-text01);
}
#gw-main-30-skin .sct_10 .sct_bottom {
    padding-top: 10px;
    margin-top: 10px;
}
#gw-main-30-skin .sct_10 .sct_op_btn > button {
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    width: 30px;
    height: 30px;
}
#gw-main-30-skin .sit_icon_li {
    position: relative;
    left: 6px;
}
#gw-main-30-skin .shop_icon {
    width: 50px;
    font-size: 14px;
    padding: 2px;
}
#gw-main-30-skin .soldout_txt .gw-text {
    font-size: var(--main-text01);
}

/*그누위즈 메인 상품 목록 스킨 40-----------------------------------------------------------------------------------------------------------------*/
#gw-main-40-skin .gw-sct-container {
    padding: 50px 0;
    background: #f8f8f8;
}
#gw-main-40-skin .sct_10 .sct_li {
    margin-bottom: 0;
    margin: 0 10px;
    margin-bottom: 50px;
    width: calc(25% - 20px);
}
#gw-main-40-skin .gw-main-40-skin-prev,
#gw-main-40-skin .gw-main-40-skin-next {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
#gw-main-40-skin .gw-main-40-skin-prev:hover,
#gw-main-40-skin .gw-main-40-skin-next:hover {
    background: var(--main-color);
    color: #fff;
}
#gw-main-40-skin .gw-main-40-skin-prev {
    left: -30px;
}
#gw-main-40-skin .gw-main-40-skin-next {
    right: -30px;
}
#gw-main-40-skin .gw-main-40-skin-prev :hover,
#gw-main-40-skin .gw-main-40-skin-next:hover {
    background: var(--main-color);
    box-shadow: 1px 1px 200px var(--main-color);
}
#gw-main-40-skin .gw-main-40-skin-prev > i {
    transition: all 0.3s ease;
}
#gw-main-40-skin .gw-main-40-skin-prev:hover > i {
    margin-right: 10px;
    color: #fff;
}
#gw-main-40-skin .gw-main-40-skin-next > i {
    transition: all 0.3s ease;
}
#gw-main-40-skin .gw-main-40-skin-next:hover > i {
    margin-left: 10px;
    color: #fff;
}

/*그누위즈 메인 상품 목록 스킨 50-----------------------------------------------------------------------------------------------------------------*/
#gw-main-50-skin .sct_10 {
    margin-bottom: 50px;
    flex-wrap: wrap;
}
#gw-main-50-skin .sct_10 .sct_cnt {
    padding-top: 10px;
    width: calc(100% - 140px);
}
#gw-main-50-skin .sct_10 .sct_img {
    max-width: 140px;
    max-height: 140px;
}
#gw-main-50-skin .sct_li {
    align-items: center;
    gap: 20px;
    margin: 10px;
    padding: 30px;
    width: calc(50% - 20px);
    flex-direction: row;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
#gw-main-50-skin .sct-dict-rate-circle {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 67px;
    height: 67px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 67px;
    color: #fff;
    font-size: var(--main-title04);
}
#gw-main-50-skin .sit_icon_li {
    position: relative;
    left: 6px;
}
#gw-main-50-skin .shop_icon {
    width: 50px;
    font-size: 14px;
    padding: 2px;
}
#gw-main-50-skin .sct_10 .sct_op_btn > button {
    width: 30px;
    height: 30px;
}
#gw-main-50-skin .soldout_txt .gw-text {
    font-size: var(--main-text01);
}
#gw-main-50-skin .sct_10 .sct_op_btn {
    bottom: 0;
}

/*관련상품 목록 스킨 10 -----------------------------------------------------------------------------------------------------------------*/
#sit_rel {
    position: relative;
    border: 1px solid #e8e8e8;
    padding: 35px;
    margin-top: 20px;
    background: #fff;
}
#sit_rel:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sit_rel h2 {
    font-size: 1.6em;
    margin: 0 0 30px;
    text-align: center;
}
#sit_rel .bx-wrapper {
    margin: 0 auto;
}
#sit_rel .bx-controls-direction {
    position: absolute;
    top: 25px;
    right: 35px;
}
#sit_rel .bx-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #dee3eb;
    border-right: 0;
    text-indent: -999px;
    overflow: hidden;
    background: url('img/select_arrow_left.png') no-repeat 50% 50%;
}
#sit_rel .bx-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #dee3eb;
    text-indent: -999px;
    overflow: hidden;
    background: url('img/select_arrow_right.png') no-repeat 50% 50%;
}
.scr_10 li img {
    width: 100%;
    height: auto;
}
.scr_10 .sct_txt {
    display: block;
    margin: 5px 0;
    font-size: 1.1em;
}
.scr_10 .sct_cost {
    margin: 5px 0;
    font-size: 1.25em;
    font-weight: bold;
}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {
    margin: 0;
}
.sct_admin {
    position: absolute;
    top: 40px;
    right: 0;
    text-align: right;
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    width: 100px;
    color: #666 !important;
    background: #f3f3f3;
}
.sct_admin:before {
    content: '관리자';
    display: inline-block;
    vertical-align: middle;
}
.sct_admin a {
}

/* 상품 목록 현재 위치 */
#sct_location {
    display: inline-block;
    padding: 12px 0;
    position: absolute;
    left: 0;
    top: 12px;
}
#sct_location .go_home {
    display: inline-block;
    color: #888;
    line-height: 18px;
    text-decoration: none;
    vertical-align: top;
}
#sct_location i.dividing-line {
    vertical-align: top;
    font-size: 14px;
    color: #777;
    display: inline-block;
    margin: 0 5px;
    line-height: 17px;
}
#sct_location select {
    float: left;
    border: 1px solid #d3d3d3;
    height: 26px;
    padding: 0 5px;
    margin: 0 12px;
}
#sct_location.is_right select {
    float: right;
}
#sct_location.view_location {
    display: block;
    float: none !important;
    position: relative;
    top: 0;
    left: 0;
}
#sct_location.view_location:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.view_location .go_home {
    float: left;
}
.view_location i.dividing-line {
    float: left;
}
.view_location .shop_select_to_html.shop_hover_selectbox {
    float: left;
}
.shop_select_to_html {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.shop_select_to_html .menulist {
    position: absolute;
    top: 20px;
    display: none;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view_location .shop_select_to_html .menulist {
    left: 0;
}
.is_right .shop_select_to_html .menulist {
    right: 0;
}
.shop_select_to_html:hover .category_title,
.shop_select_to_html:hover .category_title i {
    color: #69aa6f;
}
.shop_select_to_html:hover .menulist {
    display: block;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.shop_select_to_html .menulist {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    overflow: hidden;
    padding: 6px 0;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    white-space: nowrap;
    width: auto;
}
.shop_select_to_html .menulist ul.wide {
    display: inline-block !important;
    width: 146px;
    vertical-align: top;
    min-height: 360px;
}
.shop_select_to_html .menulist ul.left-border {
    border-left: 1px dashed #e6e9ed;
}
.shop_select_to_html .option {
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.shop_select_to_html .option:hover,
.shop_select_to_html .option.focus,
.shop_select_to_html .option.selected.focus {
    background-color: #f6f7f9;
}
.shop_select_to_html .option.selected,
.shop_select_to_html .option.selected a {
    font-weight: 700;
    color: #69aa6f;
}
.shop_select_to_html .option.disabled {
    background-color: transparent;
    color: #90a1b5;
    cursor: default;
}
.shop_select_to_html .option a {
    display: block;
    padding-left: 28px;
    padding-right: 49px;
}
.shop_select_to_html .category_title {
    color: #777;
}
.shop_select_to_html .category_title i {
    margin-left: 5px;
    color: #777;
}

.sct_here {
    font-weight: bold;
}
.sct_bg {
    padding-right: 15px !important;
    background: url('img/sct_bg_toright.gif') right 50% no-repeat;
}

/* 상품 목록 카테고리 목록 */
.sct_ct {
    clear: both;
    margin: 10px 0 20px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-top: 2px solid #000;
    padding: 10px;
}
.sct_ct h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.sct_ct ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sct_ct a {
    text-decoration: none;
}
.sct_ct_parent {
    font-weight: bold;
}
.sct_ct_here {
    color: #ff3600 !important;
}

#sct_ct_1 li {
    float: left;
    width: 20%;
    border-right: 1px solid #f6f6f6;
}
#sct_ct_1 li:nth-child(5n) {
    border-right: 0;
}
#sct_ct_1 li a {
    display: block;
    padding: 0 10px;
    line-height: 40px;
    font-weight: bold;
}
#sct_ct_1 li a:hover {
    color: #3a8afd;
}

#sct_ct_2 li {
    margin: 0 0 10px;
}
#sct_ct_2 a {
    display: inline-block;
    width: 120px;
}

#sct_ct_3 li {
    float: left;
    margin: 0 10px 10px 0;
    width: 120px;
}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {
    display: flex;
    justify-content: space-between;
}

/* 상품 정렬 */
#sct_sort {
    float: left;
    width: 80%;
}
#sct_sort:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sct_sort h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sct_sort ul {
    margin: 0;
    padding: 0 0 0 1px;
    list-style: none;
}
#sct_sort ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sct_sort li {
    float: left;
    position: relative;
    margin-left: -1px;
    height: 45px;
    padding: 15px 0;
    line-height: 15px;
}
#sct_sort li a {
    border-left: 1px solid #ddd;
    display: block;
    padding: 0 10px;
}
#sct_sort li a:hover {
    color: #be334a;
}
#sct_sort li:first-child a {
    border: 0;
}

/* 상품 리스트 스타일 선택 */
#sct_lst {
    float: right;
    margin: 0 0;
    padding: 0;
    list-style: none;
}
#sct_lst:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sct_lst li {
    position: relative;
    float: left;
}
#sct_lst button {
    position: relative;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    border: 0;
    cursor: pointer;
    background: #fff;
    color: #adadad;
    font-size: 15px;
}
#sct_lst button:hover {
    color: #000;
}
#sct_lst button.sct_lst_list {
}
#sct_lst button .icon {
    display: block;
}

/* 상품 상세보기 */
.sit_admin {
    position: absolute;
    top: 40px;
    right: 0;
    text-align: right;
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    width: 100px;
    color: #666 !important;
    background: #f3f3f3;
}
.sit_admin:before {
    content: '관리자';
    display: inline-block;
    vertical-align: middle;
}
.sit_admin a {
    line-height: 35px;
    padding: 0 10px;
}
.sit_empty {
    padding: 60px 0;
    text-align: center;
    color: #666;
    font-size: var(--main-text01);
    margin-top: 20px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.is_search #wrapper_title,
.is_item #wrapper_title {
    display: none;
}

/* 상품 상세보기 - 장바구니 모달 */
#gw-cart-modal .modal-content {
    padding: 0;
    background: #fff;
    text-align: center;
    font-size: var(--main-title04);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: auto;
}
#gw-cart-modal .gw-ico {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 3px solid #ddd;
    display: flex;
    align-items: center;
    place-content: center;
}
#gw-cart-modal .gw-btn-container > li > a {
    display: block;
    min-width: 200px;
}

/* 상품 상세보기 - 개요 */
#sit_ov_from {
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    clear: both;
}
#sit_ov_wrap {
    width: 1400px;
    margin: 0 auto;
    align-items: flex-start;
}
#sit_ov_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {
    position: relative;
    width: 50%;
}
#sit_pvi_big {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #eaeaea;
}
#sit_pvi_big a {
    display: none;
}
#sit_pvi_big a.visible {
    display: block;
}
#sit_pvi_thumb {
    display: flex;
    margin: 30px 20px;
    padding: 0;
    list-style: none;
    text-align: center;
    place-content: center;
}
#sit_pvi_thumb li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 3px;
    font-size: 0;
    line-height: 0;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
}
#sit_pvi_thumb li > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#sit_pvi_nwbig {
    padding: 10px 0;
    text-align: center;
}
#sit_pvi_nwbig span {
    display: none;
}
#sit_pvi_nwbig span.visible {
    display: inline;
}
#sit_pvi_nw ul {
    margin: 0 0 20px;
    text-align: center;
    padding: 0 10px;
    list-style: none;
}
#sit_pvi_nw ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sit_pvi_nw li {
    display: inline-block;
    margin: 0 0 1px 1px;
}
#sit_pvi_nw li img {
    width: 60px;
    height: 60px;
}

#gw-sit-pvi {
    margin-right: 40px;
    position: relative;
    width: 50%;
}
#gw-sit-pvi #popup_item_image {
    display: inline-block;
    position: absolute;
    bottom: 28px;
    right: 28px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #666;
    border-radius: 10px;
    display: flex;
    align-items: center;
    place-content: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#gw-sit-pvi img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
#gw-sit-pvi #popup_item_image > img {
    width: 70%;
}
#gw-sit-pvi .slider-for,
#gw-sit-pvi .slider-nav {
    width: 100%;
}
#gw-sit-pvi .slider-nav {
    padding: 0 50px;
}
#gw-sit-pvi .slider-nav .slick-track {
    margin: 0 auto;
}
#gw-sit-pvi .slider-for .slide,
#gw-sit-pvi .slider-nav .slide {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    aspect-ratio: 1;
    border-radius: 20px;
    background: #fafafa;
    border: 1px solid #eaeaea;
}
#gw-sit-pvi .slider-nav .slide {
    min-width: 80px;
    min-height: 80px;
    cursor: pointer;
    margin: 0 5px;
}
#gw-sit-pvi .slider-nav > button {
    top: 50%;
    transform: translateY(-50%);
}
#gw-sit-pvi .slider-nav .slick-prev {
    position: absolute;
    left: 0;
    z-index: 1;
    font-size: 0;
    background: url('../../../img/gw-arrow-prev.svg') no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
}
#gw-sit-pvi .slider-nav .slick-next {
    position: absolute;
    right: 0;
    z-index: 1;
    font-size: 0;
    background: url('../../../img/gw-arrow-next.svg') no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
}
#gw-sit-pvi .slider-nav .slick-prev:before,
#gw-sit-pvi .slider-nav .slick-next:before {
    content: none;
}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {
    position: relative;
    width: 50%;
    padding: 40px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
#sit_ov h3 {
    margin: 0 0 10px;
}
#sit_ov .gw-sit-status01 {
    padding: 7px 15px;
    display: inline-block;
    border-radius: 6px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    color: #f21c35;
    border: 1px solid #f21c35;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(242, 28, 53, 0.1);
}
#sit_ov .gw-sit-ov-top > div {
    background: none;
    line-height: 28px;
    padding: 0 8px;
    font-size: 13px;
    color: #444;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: inline-block;
}

.sit_option {
    margin-top: 25px;
    padding: 15px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
.sit_option span {
    margin-top: 10px;
    position: relative;
    display: block;
}
.sit_option span:after {
    font-family: xeicon;
    content: '\e941';
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    display: block;
    z-index: 0;
    color: #666;
}
.sit_option label {
    display: block;
    margin: 0 0 5px;
    color: #666;
}
.sit_option label.label-title {
    display: none;
}
.sit_option select {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 12px 17px;
    width: 100%;
    height: 55px;
    font-family: 'Pretendard';
    font-weight: 400;
    transition: 0.3s;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer;
}
.sit_option select:focus {
    border: 1px solid #000;
    transition: all 0.3s ease;
}
.sit_option select:active {
    border: 1px solid #000;
}
.sit_option select:after {
    color: #000;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center;
}
.sit_option h3 {
    font-size: 1.083em;
}

#sit_title {
    font-size: var(--main-title01);
}
#sit_desc {
    padding: 0;
    color: #888;
}
#sit_opt_info {
    position: absolute;
    font-size: 0;
    text-indent: -9999em;
    line-height: 0;
    overflow: hidden;
}

#sit_ov .sct_cost {
    font-size: var(--main-title03);
}
#sit_ov .sct_dict {
    display: inline-block;
    color: #c8c8c8;
    padding: 0 12px 0 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}
#sit_ov .sct_dict_rate {
    padding: 0;
    color: var(--main-color);
    font-size: var(--main-title03);
}
#sit_ov #sit_tot_price {
    text-align: right;
    padding-top: 10px;
    margin-bottom: 20px;
}
#sit_ov #sit_tot_price > strong {
    color: var(--main-color);
}

#sit_ov .gw-sit-review-container {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
}
#sit_star_sns {
    position: relative;
}
#sit_star_sns span {
    display: inline-block;
    margin: 0 5px 0 0;
    color: #666;
    letter-spacing: 0;
}
#sit_star_sns .sit_star {
    position: relative;
    top: -2px;
    margin: 0 5px 0 0;
}

#sit_star_sns a {
    display: inline-block;
    vertical-align: middle;
}
#sit_star_sns .btn_sns_share {
    float: left;
    background: transparent;
    width: 35px;
    height: 25px;
    border: 0;
    color: #4b5259;
    font-size: 1.6em;
    font-weight: bold;
}
#sit_star_sns .btn_sns_share:hover {
    color: #3a8afd;
}
#sit_btn_opt .sns_area {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    max-width: 250px;
    text-align: center;
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 10px;
    z-index: 10;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
#sit_btn_opt .sns_area:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #e2e2e2 transparent;
}
#sit_btn_opt .sns_area:after {
    content: '';
    position: absolute;
    top: -7px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}
#sit_btn_opt .sns_area a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    background: #eee;
    text-align: center;
    border-radius: 50%;
}
#sit_btn_opt .sns_area a img {
    width: 24px;
    height: auto;
}
#sit_btn_opt .sns_area #sit_btn_rec {
    font-size: 15px;
}
#sit_btn_opt .sns_area .share-facebook {
    background: #415b92;
}
#sit_btn_opt .sns_area .share-twitter {
    background: #35b3dc;
}

#sit-coupon {
    margin-right: 22px;
}
#sit-coupon .gw-coupon-btn {
    display: inline-block;
    font-size: 13px;
    color: #666;
    border-radius: 5px;
    vertical-align: middle;
}
#sit-coupon .gw-coupon-ico {
    padding: 0 10px;
    line-height: 32px;
    font-size: 13px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 4px;
    position: relative;
}
#sit-coupon .gw-coupon-ico:after {
    font-family: xeicon;
    content: '\eb7c';
    display: block;
    width: 22px;
    height: 34px;
    position: absolute;
    right: -22px;
    top: -1px;
    background: var(--main-color);
    color: #fff;
    border-radius: 4px;
    text-align: center;
}

#sit_btn_opt {
    position: absolute;
    right: 40px;
    top: 40px;
}
#sit_btn_opt > button {
    display: block;
    width: 44px;
    height: 44px;
    color: #000;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
#sit_btn_opt .btn_sns_share.on {
    background: #424242;
    color: #fff;
    border-color: #424242;
    transition-duration: 0.3s;
    transform: scale(1.2);
}
#sit_btn_opt .btn_sns_share i {
    color: #111;
    transition: transform 0.3s ease;
}
#sit_btn_opt .btn_sns_share.on i {
    font-size: 16px;
    animation: slide-in-top 0.3s both;
}

#btn_wish {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    background: #f8f8f8;
}
#btn_wish .btn_wish_num {
}

.sit_info {
    padding-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
}
.sit_info .tr_price {
    border-bottom: 1px solid #eaeaea;
}
.sit_info .tr_price th,
.sit_info .tr_price td {
    padding-bottom: 15px;
}

#sit_ov_btn {
    margin-top: 20px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}

.sit_ov_tbl {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    color: #666;
}
.sit_ov_tbl th {
    font-weight: normal;
    text-align: left;
    color: #888;
}
.sit_ov_tbl td {
    padding: 10px 0;
    color: #333;
}
.sit_ov_tbl td strong {
    color: #000;
    line-height: 5px;
    vertical-align: top;
    font-size: 1.25em;
}
.sit_ov_ro {
    padding: 2px 2px 3px;
    border: 0;
    background: transparent;
    text-align: right;
    vertical-align: middle;
}
.sit_ov_opt {
    padding: 2px 2px 3px;
    border: 0;
    background: transparent;
    vertical-align: middle;
}
.sit_ov_input {
    margin: 0 1px 0 0;
    padding: 2px 2px 3px;
    border: 1px solid #b8c9c2;
    background: transparent;
    vertical-align: middle;
}
#sit_ov_tbl button {
    margin: 0 1px 0 0;
}

.sit_side_option {
    margin-top: 25px;
    padding: 15px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
.sit_side_option span {
    margin-top: 10px;
    position: relative;
    display: block;
}
.sit_side_option span:after {
    font-family: xeicon;
    content: '\e941';
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    display: block;
    z-index: 0;
    color: #666;
}
.sit_side_option label {
    display: block;
    margin: 0 0 5px;
    color: #666;
}
.sit_side_option label.label-title {
    display: none;
}
.sit_side_option select {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 12px 17px;
    width: 100%;
    height: 55px;
    font-family: 'Pretendard';
    font-weight: 400;
    transition: 0.3s;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer;
}
.sit_side_option select:focus {
    border: 1px solid #000;
    transition: all 0.3s ease;
}
.sit_side_option select:active {
    border: 1px solid #000;
}
.sit_side_option select:after {
    color: #000;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center;
}

.sit_side_option h3 {
    font-size: 1.083em;
}
.sit_sel_btn {
    position: relative;
} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {
    position: absolute;
    top: -51px;
    right: 0 !important;
    right: 15px;
}

#sit_sel_option h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sit_sel_option #sit_opt_added {
    margin-top: 20px;
    background: #f8f8f8;
    border-radius: 20px;
    overflow: hidden;
    color: #111;
}
#sit_sel_option #sit_opt_added li {
    border-radius: 0;
}
#sit_sel_option #sit_opt_added li:not(:first-child) {
    border-top: 1px solid #eaeaea;
}
#sit_opt_added .opt_name {
    margin-bottom: 20px;
}
#sit_ov_btn > * {
    flex: 1;
}
#sit_ov_btn > *:not(:last-child) {
    margin-right: 10px;
}
#sit_ov_btn > a {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #111;
    border: 1px solid #eaeaea;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
#sit_ov_btn > a > i {
    color: #f21c35;
    font-weight: bold;
}
#sit_ov_soldout {
    padding: 20px 0;
    margin: 25px 0;
    color: #f21c35;
    background: #fff6f6;
    text-align: center;
    border-radius: 8px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
#sit_ov_btn:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sit_btn_alm {
}
.sit_btn_buy {
    border-radius: 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    background: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
.sit_btn_buy:hover {
}
.sit_btn_cart {
    border-radius: 10px;
    min-width: 100px;
    text-align: center;
    background: #fff;
    color: #111;
    border: 1px solid #eaeaea;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
.sit_btn_cart:hover {
}
.sit_btn_wish {
    flex: 1;
}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {
    margin-top: 60px;
    clear: both;
    width: 100%;
    border-top: 1px solid #eaeaea;
    background: #fff;
    text-align: center;
    position: relative;
}
#sit_siblings:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sit_siblings h2 {
    position: absolute;
    font-size: 0;
    text-indent: -9999em;
    line-height: 0;
    overflow: hidden;
}
#sit_siblings a {
    display: block;
    position: relative;
    padding: 0;
    margin: 15px;
    line-height: 35px;
    color: #999;
    transition: all 0.3s;
}
#sit_siblings a:hover {
    color: #111;
}
#sit_siblings a#siblings_prev {
    float: left;
    padding-left: 40px;
}
#sit_siblings a#siblings_prev:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.1);
}
#sit_siblings a#siblings_prev:after {
    content: '';
    background: url('img/sit_siblings.jpg') no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 10px;
    height: 15px;
    display: inline-block;
    transition: all 0.3s;
}
#sit_siblings a#siblings_prev:hover:after {
    background-position-x: calc(50% + 5px);
}
#sit_siblings a#siblings_next {
    float: right;
    padding-right: 40px;
}
#sit_siblings a#siblings_next:hover:after {
    background-position-x: calc(50% - 5px);
}
#sit_siblings a#siblings_next:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.1);
}
#sit_siblings a#siblings_next:after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: url('img/sit_siblings.jpg') -14px 0px no-repeat;
    width: 10px;
    height: 15px;
    transition: all 0.3s;
}
#sit_siblings a span {
    position: absolute;
    font-size: 0;
    text-indent: -9999em;
    line-height: 0;
    overflow: hidden;
}

#sit_info {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
#sit_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#sit_tab {
    padding-top: 60px;
}
#sit_tab .tab_tit {
    position: relative;
    top: 60px;
    z-index: 1;
    width: 100%;
    max-width: 1400px;
    background: #fff;
    transition: all 0.3s;
}
#sit_tab .tab_tit.fixed {
    position: fixed;
    z-index: 100;
}
#sit_tab .tab_tit.fixed:before {
    content: '';
    display: block;
    height: 100%;
    background: #fff;
    width: 300%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    z-index: 1;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
}
#sit_tab .tab_tit.fixed:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -100%;
    right: -100%;
    height: 1px;
    background: #eaeaea;
    z-index: 1;
}
#sit_tab .tab_tit.off {
    position: relative;
}
#sit_tab .tab_tit li {
    flex: 1;
}
#sit_tab .tab_tit li button {
    padding: 18px 0;
    display: block;
    width: 100%;
    position: relative;
    border: 0;
    color: #999;
    text-align: center;
    z-index: 1;
    font-size: var(--main-text01);
    border-bottom: 1px solid #ddd;
    min-height: 60px;
    font-family: 'Pretendard', dotum, sans-serif;
    font-weight: 700;
}
#sit_tab .tab_tit li button.selected {
    z-index: 2;
    color: #111;
}
#sit_tab .tab_tit li button.selected:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: var(--main-color);
    display: inline-block;
}
#sit_tab .tab_con {
    margin-top: 50px;
}
#sit_tab .item_use_count,
#sit_tab .item_qa_count {
    font-size: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    padding: 1px 7px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}
#sit_tab .tab_tit li button.selected .item_use_count,
#sit_tab .tab_tit li button.selected .item_qa_count {
    border-color: var(--main-color);
    color: var(--main-color);
}
#sit_tab .tab_con > li {
    margin: 60px 0;
}

#sit_buy {
    display: table-cell;
    width: 270px;
    border-left: 1px solid #e8e8e8;
    vertical-align: top;
}
.sit_buy_inner {
    position: relative;
    top: 0 !important;
    vertical-align: top;
}
.sit_side_option {
    padding: 15px 15px 10px;
    border-bottom: 1px solid #ebeff3;
}
.sit_side_option h3 {
    margin-bottom: 10px;
}
.sit_side_option label {
    display: block;
    margin: 0 0 5px;
    color: #666;
}
.sit_side_option label.label-title {
    display: none;
}
.sit_side_option select {
    width: 100%;
    margin: 0 0 10px;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #cdcdcd;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background: url('img/select_arrow.png') no-repeat 96% 50%; /* 화살표 아이콘 추가 */
}
.sit_side_option select::-ms-expand {
    display: none; /* 화살표 없애기 for IE10, 11*/
}
.sit_sel_option {
    position: relative;
    overflow-y: auto;
    padding: 20px 0;
}
.sit_opt_added {
    padding-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
}
.sit_sel_option h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.sit_sel_option:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sit_sel_option li {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    padding: 20px;
    background: #f8f8f8;
}
.sit_sel_option li:not(:first-child) {
    border-top: 1px solid #eaeaea;
}
.sit_sel_option .sit_opt_del {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 15px;
    border: 0;
    border-left: 1px solid #e6e9ed;
    border-bottom: 1px solid #e6e9ed;
    background: #fff;
    color: #c6c8ca;
}
.sit_sel_option .opt_name {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sit_sel_option button {
    float: left;
    width: 30px;
    height: 32px;
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
}
.sit_sel_option .sit_qty_plus {
    color: var(--main-color);
}
.sit_sel_option .sit_qty_minus {
    color: #ddd;
}
.sit_sel_option .num_input {
    float: left;
    border: 0;
    height: 32px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    text-align: center;
    border-radius: 0;
    width: 4rem;
}
.sit_sel_option .sit_opt_del {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    background: transparent;
    color: #999;
}
.sit_sel_option .sit_opt_prc {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    float: right;
    width: 100px;
    text-align: right;
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: var(--main-text01);
}

.sum_section {
}
.sum_section:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sit_tot_price {
    margin-bottom: 10px;
    text-align: right;
}
.sit_tot_price strong {
    font-size: var(--main-title03);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}
.sit_tot_price span {
    float: left;
    font-size: var(--main-text01);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sit_order_btn button {
    display: block;
    width: 100%;
    padding: 15px 0;
}
.sit_order_btn .sit_btn_cart {
    margin-bottom: 5px;
}

/* 고정 상품 옵션 */
#gw-fixed-option {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1400px;
    margin: 0 auto;
    box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.3);
    z-index: 999;
    background: #fff;
    outline: none;
    border-radius: 5px 5px 0 0;
}
#gw-fixed-option.on:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
}
#gw-fixed-option .gw-left {
    width: 50%;
}
#gw-fixed-option .gw-right {
    width: 50%;
}
#gw-fixed-option .gw-fixed-option-container {
    position: relative;
    padding: 0 32px;
    background: #fff;
}
#gw-fixed-option .gw-fixed-option-toggle {
    width: 100px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: -34px;
    margin-left: -50px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px -6px 14px -6px rgba(0, 0, 0, 0.3);
    text-align: center;
}
#gw-fixed-option .gw-btn-toggle {
    display: block;
    color: var(--main-color);
    width: 100%;
}
#gw-fixed-option .gw-btn-toggle.on > i {
    transform: rotate(180deg);
}
#gw-fixed-option .gw-fixed-option-item {
    display: none;
    border-bottom: 1px solid #eaeaea;
    gap: 30px;
}
#gw-fixed-option .gw-fixed-option-item > div {
    flex: 1;
}
#gw-fixed-option .gw-fixed-option-box {
    padding: 20px 0;
    height: 100px;
}
#gw-fixed-option .gw-fixed-option-box > div {
    gap: 30px;
}
#gw-fixed-option .gw-fixed-option-box > div > div {
    flex: 1;
}
#gw-fixed-option .gw-fixed-option-left .gw-product-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
#gw-fixed-option .gw-fixed-option-left .gw-product-name {
    font-size: var(--main-text01);
    max-width: calc(100% - 100px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#gw-fixed-option .gw-fixed-option-left .gw-tot-price {
    font-size: var(--main-title03);
}
#gw-fixed-option .gw-fixed-option-left .gw-tot-price > strong {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}
#gw-fixed-option .gw-fixed-option-left .gw-dict {
    display: inline-block;
    color: #c8c8c8;
    padding: 0 12px 0 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
}
#gw-fixed-option .gw-fixed-option-left .gw-dict-rate {
    padding: 0;
    color: var(--main-color);
    font-size: var(--main-title03);
}
#gw-fixed-option .gw-fixed-option-item-right {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#gw-fixed-option .gw-fixed-option-right > * {
    flex: 1;
}
#gw-fixed-option .gw-fixed-option-right > *:not(:last-child) {
    margin-right: 10px;
}
#gw-fixed-option .sit_btn_wish {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #111;
    border: 1px solid #eaeaea;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
#gw-fixed-option .sit_btn_wish > i {
    color: #f21c35;
    font-weight: bold;
}
#gw-fixed-option .sit_btn_wish {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #111;
    border: 1px solid #eaeaea;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
#sit_btn_alm {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #111;
    border: 1px solid #eaeaea;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: var(--main-text01);
}
#sit_btn_alm > i {
    color: #f21c35;
    font-weight: bold;
}
#gw-fixed-option .gw-sit-status01 {
    color: #f21c35;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    font-size: var(--main-title04);
}
#gw-fixed-option .sit_sel_option::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background: #f5f5f5;
}
#gw-fixed-option .sit_sel_option::-webkit-scrollbar {
    width: 10px;
    background: #f8f8f8;
}
#gw-fixed-option .sit_sel_option::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #888;
}

.sit_side_option {
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
.sit_side_option span {
    margin-top: 10px;
    position: relative;
    display: block;
}
.sit_side_option span:after {
    font-family: xeicon;
    content: '\e941';
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    display: block;
    z-index: 0;
    color: #666;
}
.sit_side_option label {
    display: block;
    margin: 0 0 5px;
    color: #666;
}
.sit_side_option label.label-title {
    display: none;
}
.sit_side_option select {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 12px 17px;
    width: 100%;
    height: 55px;
    font-family: 'Pretendard';
    font-weight: 400;
    transition: 0.3s;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer;
}
.sit_side_option select:focus {
    border: 1px solid #000;
    transition: all 0.3s ease;
}
.sit_side_option select:active {
    border: 1px solid #000;
}
.sit_side_option select:after {
    color: #000;
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center;
}
.sit_side_option h3 {
    font-size: 1.083em;
}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new {
}
#sit_sms_new .form_01 {
    padding: 20px;
}
#sit_sms_new #sms_agree {
    padding: 5px 0 20px;
}
#sit_sms_new li strong {
    display: inline-block;
    margin: 10px 0;
}
#sit_sms_new textarea {
    line-height: 1.5em;
    color: #555;
}
#sit_sms_new .prd_name {
    background: #f3f3f3;
    padding: 15px 20px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 100%;
    height: 55px;
    font-family: 'Pretendard';
    font-weight: 500;
    transition: 0.3s;
    box-sizing: border-box;
    background: #f7f7f7;
    color: #111;
    font-size: var(--main-text01);
}
#sit_sms_new .chk_box input[type='checkbox']:checked + label span {
    background: url('img/chk.png') no-repeat 50% 50% #3a8afd;
}

/* 상품 상세보기 - 상품정보 */
#sit_inf {
}
#sit_inf h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
#sit_inf h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}

#sit_inf_basic {
    margin: 0 0 20px;
    line-height: 1.7em;
}
#sit_inf_explan {
    position: relative;
    margin: 0 0 10px;
    padding-bottom: 60px;
    width: auto !important;
    overflow: hidden;
    max-height: 480px;
    text-align: center;
}
#sit_inf_explan:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgb(255, 255, 255) 100%
    );
}
/* #sit_inf_explan > div {
    margin-bottom: 80px;
} */
#sit_inf_explan img {
    max-width: 100%;
    height: auto;
}
#sit_inf_explan .gw-more-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 500px;
    height: 60px;
    border-radius: 50px;
    color: #111 !important;
    background: #fff;
    border: 1px solid #ddd;
    font-size: var(--main-text01);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
#sit_inf_explan .gw-more-btn.on .arrow {
    display: inline-block;
    transform: rotate(360deg);
    transform-origin: center;
}

#sit_inf_open {
    width: 100%;
    border: 0;
    border-top: 2px solid #111;
    border-collapse: collapse;
}
#sit_inf_open th {
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    width: 40%;
    line-height: 1.5;
    word-break: auto-phrase;
    background: #fafafa;
}
#sit_inf_open td {
    padding: 15px 10px 15px;
    height: 70px;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
}

/* 상품 상세보기 - 사용후기 */
#sit_use {
}
#sit_use h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
#sit_use h3 {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

.sit_use_top {
    position: relative;
    background: #fff;
    border: 2px solid #efeff1;
    margin: 0 0 15px;
    padding: 15px;
    min-height: 90px;
    vertical-align: middle;
}
.sit_use_top h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
}
.sit_use_top h4 span {
    color: #aaa;
    font-size: 0.85em;
    font-weight: normal;
}
.sit_use_top .sit_star {
    height: 20px;
}
.sit_use_top .st_bg {
    background: #666;
}

#sit_use_wbtn {
    position: absolute;
    top: 20px;
    right: 30px;
}
#sit_use_wbtn a {
    padding: 0 20px;
    line-height: 45px;
    font-weight: bold;
    font-size: 1.167em;
}

#sit_use_ol {
    margin: 0 0 5px;
    padding: 0;
    border-top: 1px solid #e0e0e0;
    list-style: none;
}
.sit_use_li {
    position: relative;
    padding: 15px 0;
    min-height: 120px;
    border-bottom: 1px solid #eaeaea;
}
.sit_use_li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sit_use_li_title {
    position: absolute;
    right: 0;
    top: 35px;
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.sit_thum {
}
.sit_use_dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sit_use_dl dt {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
.sit_use_dl dd {
    color: #7f7f7f;
    line-height: 1.5em;
}
.sit_use_dl .sit_use_star {
    margin: 0 0 5px;
}
.sit_use_dl .sit_use_tit {
    font-weight: bold;
    font-size: 1.167em;
    color: #000 !important;
}

.sit_use_con {
    display: none;
}
.sit_use_p {
    margin-top: 15px;
    padding: 18px 25px 20px;
    border-top: 1px solid #eee;
}
.sit_use_cmd {
}

.sit_use_reply {
    padding: 20px;
    position: relative;
    background: #f1f1f1;
    border-radius: 5px;
}
.sit_use_reply:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f1f1f1;
}
.use_reply_icon {
    position: absolute;
    top: 10px;
    left: 5px;
    background: url('./img/use_reply.png') no-repeat 0 0;
    width: 28px;
    height: 17px;
    text-indent: -999px;
    overflow: hidden;
}
.use_reply_tit {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.use_reply_name {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    color: #666;
}
.use_reply_p {
}

#sit_use_write_star:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sit_use_write_star li {
    float: left;
    width: 33.333%;
}
#sit_use_write_star li img {
    width: 100px;
}

/* 상품 상세보기 - 상품문의 */
#sit_qa {
    margin: 20px 0;
}
#sit_qa h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
#sit_qa h3 {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

#sit_qa_ol {
    margin: 0 0 5px;
    padding: 0;
    border-top: 1px solid #f0f0f0;
    list-style: none;
}
.sit_qa_li {
    position: relative;
    border-bottom: 1px solid #eaeaea;
}
.sit_qa_li_title {
}

.sit_qa_dl {
}
.sit_qa_dl dt {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
.sit_qa_dl dd {
    display: inline-block;
    margin-left: 10px;
}

.sit_qa_pw {
    display: none;
    position: absolute;
    top: 30px;
    left: 175px;
    padding: 10px;
    width: 348px;
    border: 1px solid #000;
    background: #fff;
    text-align: center;
}
.sit_qa_pw span {
    display: block;
    margin: 0 0 5px;
}

#sit_qa_wbtn {
    text-align: right;
    margin: 0 0 20px;
}
#sit_qa_wbtn a {
    padding: 0 20px;
    line-height: 45px;
    font-weight: bold;
    font-size: 1.167em;
}

#sit_qa_write {
}
#sit_qa_write #iq_subject {
    width: 100%;
}
#sit_qa_write .chk_box input[type='checkbox']:checked + label span {
    background: url('img/chk.png') no-repeat 50% 50% #3a8afd;
}

/* 상품 상세보기 - 배송정보 */
#sit_dex h2 {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 22px;
    border-bottom: 2px solid #111;
}

#sit_dvr {
    margin: 20px 0;
    line-height: 1.5;
}
#sit_dvr h2 {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 22px;
}
#sit_dvr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 상품 상세보기 - 교환정보 */
#sit_ex {
    margin: 20px 0;
    line-height: 1.5;
}
#sit_ex h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    content: '';
}
#sit_ex img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 사용후기 모음 */
#sps_sch {
    margin: 0 0 10px;
}
#sps_sch a {
    display: inline-block;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    border-radius: 3px;
    background: #434a54;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#sps_sch .sch_wr {
    width: 300px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
}
#sps_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sps_sch select {
    float: left;
    border: 0;
    width: 175px;
    height: 40px;
    margin-right: 5px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
}
#sps_sch .sch_input {
    width: 258px;
    height: 38px;
    border: 0;
    padding: 0;
    background-color: transparent;
    float: left;
}
#sps_sch .sch_btn {
    height: 38px;
    float: left;
    background: none;
    border: 0;
    width: 40px;
    font-size: 15px;
}

.sps_img {
    position: absolute;
    top: 15px;
    left: 15px;
}
.sps_img_inner {
    float: left;
    position: relative;
}
.sps_img a span {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.sps_img .prd_detail {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    color: #fff;
    background: #078601;
    width: 34px;
    height: 34px;
    text-align: center;
    opacity: 0.8;
}
.sps_img .prd_detail:hover {
    opacity: 1;
}

.review_detail_cnt {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.1);
}
.review_detail_in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 590px;
    max-height: 450px;
    background: #fff;
    text-align: left;
    margin-left: -300px;
    margin-top: -180px;
    overflow-y: auto;
    border-radius: 3px;
    border: 1px solid #dde7e9;
    background: #fff;
    border-radius: 3px;
}
.review_detail_in h3 {
    padding: 15px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.4em;
}
.review_cnt {
    padding: 25px;
}
.rd_cls {
    position: absolute;
    top: 0;
    right: 0;
    color: #b5b8bb;
    border: 0;
    padding: 12px 15px;
    font-size: 16px;
    background: #fff;
}

.review_tp_cnt {
    position: relative;
    padding: 0 0 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}
.review_tp_cnt > span {
    font-size: 1.2em;
    display: block;
}
.review_tp_cnt:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.review_tp_cnt .sps_opt_btn_more {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 5px 5px 5px 10px;
    background: #fff;
    color: #c4c8cb;
    font-size: 1.4em;
}
.review_tp_cnt .sps_opt_li {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    border: 1px solid #b8bfc4;
}
.review_tp_cnt .sps_opt_li:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #b8bfc4 transparent;
}
.review_tp_cnt .sps_opt_li:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}
.review_tp_cnt .sps_opt_li li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px !important;
    color: #6b757c;
}

.review_summ {
    background: #fcfcfc;
    border: 2px solid #efeff1;
    padding: 10px;
}
.review_bt_cnt {
    margin: 15px 0;
}

.sps_reply {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #bbb;
}
.sps_reply .sps_img {
    text-align: right;
    width: 70px;
}
.sps_reply .sps_section h2 {
    background: url('./img/use_reply.png') no-repeat 0 0;
    text-indent: 30px;
    line-height: 1.5em;
}

#sps dl {
    margin: 5px 0;
}
#sps dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sps dt {
    float: left;
}
#sps dd {
    float: left;
    margin: 0 10px 0 0;
    color: #999;
}
#sps dd img {
    position: relative;
    top: -2px;
}

.sps_section {
    float: left;
    width: 100%;
    padding-left: 115px;
}
.sps_section .sps_pd_name {
    display: block;
    color: #3a8afd;
    padding: 10px 0 5px;
}
.sps_section .sps_rv_tit {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
.sps_section .sps_rv_thum {
    position: absolute;
    top: 15px;
    right: 15px;
}
.sps_section p {
    padding: 0;
    width: 100%;
}
.sps_con_full {
    padding: 0;
    height: auto !important;
}
.sps_con_btn .sps_dl {
    float: left;
}
.sps_con_btn button.review_detail {
    float: right;
    border-radius: 3px;
    border: 1px solid #d4d6db;
    color: #666;
    font-size: 0.92em;
    padding: 5px 7px;
    background: #fff;
}
.sps_con_btn button.review_detail:hover {
    background: #6b99ee;
    border-color: #6b99ee;
    color: #fff;
}

/* 상품문의 모음 */
#sqa_sch {
    margin: 0 0 10px;
}
#sqa_sch a {
    display: inline-block;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    border-radius: 3px;
    background: #434a54;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#sqa_sch .sch_wr {
    width: 300px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
}
#sqa_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sqa_sch select {
    float: left;
    border: 0;
    width: 175px;
    height: 40px;
    margin-right: 5px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
}
#sqa_sch .sch_input {
    width: 258px;
    height: 38px;
    border: 0;
    padding: 0;
    background-color: transparent;
    float: left;
}
#sqa_sch .sch_btn {
    height: 38px;
    float: left;
    background: none;
    border: 0;
    width: 40px;
    font-size: 15px;
}

#sqa {
    margin-bottom: 20px;
}
#sqa ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sqa li {
    position: relative;
    padding: 15px 20px 15px 15px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}
#sqa li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sqa li .sit_qaa_yet {
    position: absolute;
    right: 20px;
    top: 20px;
    margin-right: 0;
}
#sqa li .sit_qaa_done {
    position: absolute;
    right: 20px;
    top: 20px;
    margin-right: 0;
}

.sqa_img {
    float: left;
    margin: 0 10px 0 0;
}
.sqa_img span {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#sqa dl {
    margin: 5px 0;
}
#sqa dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sqa dt {
    float: left;
}
#sqa dd {
    float: left;
    margin: 0 10px 0 0;
    color: #999;
}

#sqa dd img {
    position: relative;
    top: -2px;
}

.sqa_section {
    float: left;
    width: 1100px;
}
.sqa_section h2 {
    padding-right: 70px;
    font-size: 1.2em;
    font-weight: bold;
}
.sqa_section .sqa_con {
    line-height: 1.7em;
}
.sqa_section p {
    padding: 0;
    width: 100%;
}
.sqa_con_full {
    padding: 0;
    height: auto !important;
}

/* 상품검색 */
#ssch-filter {
    display: none;
}
#ssch {
}
#ssch h2 {
    font-size: 1.8em;
    line-height: 30px;
    margin: 10px 0;
}
#ssch h2 .ssch_result_total {
    float: right;
    color: #6f6f6f;
    font-size: 0.55em;
    font-weight: normal;
}
#ssch h2 strong {
    color: #ff005a;
}
#ssch_frm {
    background: #fff;
    border: 1px solid #e3e5e8;
}
#ssch_frm .ssch_scharea {
    padding: 15px;
    border-bottom: 1px solid #e3e5e8;
}
#ssch_frm .ssch_scharea:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#ssch_frm .ssch_scharea label {
    display: inline-block;
    margin: 0 8px 0 0;
}
#ssch_frm .ssch_scharea .ssch_input {
    height: 45px;
    padding: 0 10px;
    margin-right: 5px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#ssch_frm .ssch_scharea .btn_submit {
    width: 90px;
    height: 45px;
    margin-right: 5px;
    padding: 0 5px;
    font-weight: bold;
    border: 1px solid #2e3745;
    background: #434a54;
}

#ssch_frm .ssch_left {
}
#ssch_frm .ssch_option {
    padding: 15px;
    border-bottom: 1px solid #e3e5e8;
}
#ssch_frm .ssch_option .ssch_input {
    height: 32px;
    padding: 0 10px;
    margin-right: 5px;
    border: 1px solid #d0d3db;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#ssch_frm p {
    padding: 15px;
    color: #737373;
    border-bottom: 1px solid #e3e5e8;
}

#ssch_sort {
    float: left;
    width: 80%;
}
#ssch_sort:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#ssch_sort h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#ssch_sort ul {
    margin: 0;
    padding: 0 0 0 1px;
    list-style: none;
}
#ssch_sort ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#ssch_sort li {
    float: left;
    position: relative;
    margin-left: -1px;
    height: 45px;
    padding: 15px 0;
    line-height: 15px;
}
#ssch_sort li a {
    border-left: 1px solid #ddd;
    display: block;
    padding: 0 10px;
}
#ssch_sort li:hover:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #3a8afd;
}
#ssch_sort li:hover a {
    color: #3a8afd;
}
#ssch_sort li:first-child a {
    border: 0;
}

/*쿠폰존 리스트*/
.gw-couponzone-banner > img {
    width: 100%;
    object-fit: cover;
}
.couponzone_list {
    padding: 40px;
    position: relative;
    border: 10px solid #f8f8f8;
    border-radius: 20px;
}
.couponzone_list > ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.couponzone_list > ul > li {
    width: calc(25% - 20px);
}
.couponzone_list > ul > li:nth-child(5n):before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #eee;
    transform: translate(-50%, -50%);
}
.couponzone_list > ul > li:nth-child(n + 5) {
    padding-top: 40px;
}
.couponzone_list > ul > li img {
    width: 100%;
    height: auto;
}
.couponzone_list > ul > li .coupon_img {
    position: relative;
}
.coupon-text-container {
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.couponzone_list > ul > li .coupon_tit {
    display: flex;
    flex-direction: column;
}
.couponzone_list > ul > li .coupon-title {
    color: var(--main-color);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.couponzone_list > ul > li .coupon_tit .cp_evt b {
    font-size: var(--main-title02);
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
}
.couponzone_list > ul > li .cp_cnt {
    line-height: 21px;
    letter-spacing: -0.38px;
    font-size: 14px;
    color: #111;
}
.cp-guide {
    font-size: 14px;
    line-height: 22px;
    color: #555;
}

.couponzone_list ul li .coupon_info {
    display: none;
    position: absolute;
    min-width: 235px;
    background: #fff;
    border: 1px solid #000;
    padding: 15px;
}
.couponzone_list ul li .coupon_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.couponzone_list ul li .coupon_info h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
}
.couponzone_list ul li .coupon_info ul {
    padding: 0;
    margin: 0;
    position: relative;
    border: 0;
}
.couponzone_list ul li .coupon_info li {
    width: auto;
    margin: 0;
    float: inherit;
    color: #5e5e5e;
    line-height: 18px;
}
.couponzone_list ul li .coupon_info li a {
    text-decoration: underline;
    color: #5e5e5e;
}
.couponzone_list ul li .coupon_info .coupon_info_cls {
    position: absolute;
    right: 0;
    top: 0;
    color: #c7c9cc;
    border: 0;
    background: #fff;
    padding: 10px;
    font-size: 1.2em;
}

.couponzone_list ul li .coupon_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}
.couponzone_list ul li .coupon_btn .btn02 {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    color: #fff;
    background: var(--main-color);
    border-radius: 0 10px 10px 0;
    transition: all 0.3s;
}
.couponzone_list ul li .coupon_btn .btn02:hover {
    background: #ccc;
}
.couponzone_list ul li .coupon_btn .disabled {
    background: #ccc;
}
.couponzone_list ul li .coupon_btn .disabled:hover {
    background: #ccc;
}
.couponzone_list .no_coupon {
    position: relative;
    color: #ccc;
}

.gw-cp-btn {
    border-top: 1px solid #eee;
}
.gw-cp-btn > button {
    width: 20%;
    display: block;
    margin: 0 auto;
    font-size: var(--main-text01);
}
.gw-cp-btn > button.disabled {
    background: #ccc;
    border: 1px solid #ccc;
}

/* top banner */
.top-banner-wrap.off {
    display: none;
}
.top-banner-wrap .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}
.top-banner-wrap .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-banner-btn-container {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    z-index: 1;
    color: #fff;
    font-size: 12px;
    min-width: 85px;
    height: 100%;
}
.top-banner-btn-container .close-btn {
    position: absolute;
    top: 1rem;
    right: 0;
    cursor: pointer;
}
.top-banner-btn-container .top-close-today {
    position: absolute;
    bottom: 1rem;
    right: 0;
    text-decoration: underline;
    cursor: pointer;
}

/* bottom banner */
.bottom-banner-slider .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}
.bottom-banner-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bottom-banner-wrap .slick-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.bottom-banner-wrap .slick-arrow::before {
    font-family: xeicon;
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.bottom-banner-wrap .slick-prev {
    margin-left: -710px;
}
.bottom-banner-wrap .slick-prev::before {
    content: '\e93b';
}
.bottom-banner-wrap .slick-next {
    margin-left: 640px;
}
.bottom-banner-wrap .slick-next::before {
    content: '\e93e';
}
.bottom-banner-wrap .slick-arrow:not(.slick-disabled):hover {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
}
.bottom-banner-wrap .slick-arrow:not(.slick-disabled):hover::before {
    color: #fff;
}
.bottom-banner-wrap .slick-arrow:not(.slick-disabled):focus {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
}
.bottom-banner-wrap .slick-arrow:not(.slick-disabled):focus::before {
    color: #fff;
}
.bottom-banner-btn-container {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    color: #fff;
    gap: 10px;
    color: #fff;
}
.bottom-banner-btn-container
    .close-today
    input[type='checkbox']
    + .check-label {
    color: #fff;
}
.bottom-banner-btn-container .close-btn {
    cursor: pointer;
}

/* quick menu */
#gw-quick {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
}
#gw-quick.none {
    z-index: 1;
}
#gw-quick .gw-quick-list01 {
    position: absolute;
    top: 0;
    right: 0;
}
#gw-quick .gw-quick-list01.on {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#gw-quick .gw-quick-item {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    place-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.1));
    transition: all 0.3s;
}
#gw-quick .gw-quick-list01.on .gw-quick-item {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}
#gw-quick .gw-quick-list01.on .gw-quick-item:nth-child(1) {
    transform: translateY(calc(-100% - 10px));
    z-index: 3;
}
#gw-quick .gw-quick-list01.on .gw-quick-item:nth-child(2) {
    transform: translateY(calc(-200% - 20px));
    z-index: 2;
}
#gw-quick .gw-quick-list01.on .gw-quick-item:nth-child(3) {
    transform: translateY(calc(-300% - 30px));
    z-index: 1;
}
#gw-quick .gw-quick-tooltip {
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--main-color);
    border-radius: 50px;
    color: #fff;
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
#gw-quick .gw-quick-tooltip::before {
    content: '';
    height: 0.6em;
    width: 0.6em;
    position: absolute;
    bottom: -0.2em;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    background: var(--main-color);
}
#gw-quick .gw-cart:hover .gw-quick-tooltip {
    top: -50%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
#gw-quick .gw-wish:hover .gw-quick-tooltip {
    top: -50%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
#gw-quick .gw-recently:hover .gw-quick-tooltip {
    top: -50%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
#gw-quick .gw-quick-item .gw-text01 {
    position: relative;
}
#gw-quick .gw-quick-item:hover .gw-text01 > i {
    animation: jello-vertical 0.7s both;
}
#gw-quick .gw-quick-item .gw-text02 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 18px;
    height: 18px;
    background: #000;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 1.75;
}
#gw-quick .gw-quick-btn-box {
    z-index: 3;
}
#gw-quick .gw-quick-btn {
    display: flex;
    align-items: center;
    place-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    background: var(--main-color);
    color: #fff;
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.1));
    transition: transform 0.5s;
}
#gw-quick .gw-quick-btn.on {
    transform: rotate(45deg);
}
#gw-quick .gw-quick-list02 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#gw-quick .gw-quick-list02 > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    background: #fff;
    filter: drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.1));
}
#gw-quick .gw-quick-list02 .gw-text01 {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px;
    font-size: 14px;
}
#gw-quick .gw-quick-list02 .gw-kakao {
    background: #ffeb00;
}
#gw-top-btn {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
}
#gw-top-btn:hover > i {
    animation: slide-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(0.75, 1.25, 1);
    }
    40% {
        transform: scale3d(1.25, 0.75, 1);
    }
    50% {
        transform: scale3d(0.85, 1.15, 1);
    }
    65% {
        transform: scale3d(1.05, 0.95, 1);
    }
    75% {
        transform: scale3d(0.95, 1.05, 1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
@keyframes slide-in-bottom {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.gw-quick-list-wrap {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: -560px;
    bottom: 0;
    width: 500px;
    background: #fff;
    transition: all 0.3s;
}
.gw-quick-list-wrap.on {
    opacity: 1;
    visibility: visible;
    right: 0;
    z-index: 99999;
}
.gw-quick-list {
    height: 100%;
    overflow: hidden;
}
.gw-quick-list .gw-title-container {
    position: relative;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #ededed;
}
.gw-quick-list .gw-title-container .gw-text01 {
    font-size: var(--main-title04);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.gw-quick-list .count {
    display: inline-block;
    vertical-align: bottom;
    width: 22px;
    height: 22px;
    background: var(--main-color);
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 2;
}
.gw-quick-list .cart_count {
    display: inline-block;
    vertical-align: bottom;
    width: 22px;
    height: 22px;
    background: var(--main-color);
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 2;
}
.gw-quick-list .gw-more {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}
.gw-quick-list .gw-more > a {
    padding: 10px;
    display: block;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05);
}
.gw-quick-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 10px 150px 20px;
    height: calc(100% - 61px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: #f7f7f7;
}
.gw-quick-product {
    padding: 10px 15px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background: #fff;
}
.gw-quick-product .shop_icon_soldout {
    border-radius: 10px;
}
.gw-quick-product .chk_box {
    position: absolute;
    top: 15px;
    left: 20px;
}
.gw-quick-product > .gw-flex {
    gap: 15px;
}
.gw-quick-product .gw-thumb {
    width: 110px;
    height: 110px;
    background: #fafafa;
    border-radius: 10px;
    overflow: hidden;
}
.gw-quick-product .gw-thumb > a {
    display: block;
    width: 100%;
    height: 100%;
}
.gw-quick-product .gw-thumb > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gw-quick-product .gw-text02 {
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}
.gw-quick-product .gw-delete {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    place-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 100%;
}
.gw-quick-list .gw-btn01 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 50px);
}
.gw-quick-list .gw-btn01 > a {
    color: #fff;
}
.gw-quick-no {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #777;
}
.gw-quick-no > i {
    color: #eaeaea;
}
.gw-quick-list-bg {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}
.gw-quick-list-bg.on {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
.gw-close-btn {
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 99999;
    display: flex;
    align-items: center;
    place-content: center;
    width: 60px;
    height: 60px;
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.gw-quick-list-wrap .btn_buy {
    position: relative;
}
.gw-quick-list-wrap .btn_buy::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 110%;
    height: 10rem;
    background: linear-gradient(
        360deg,
        #ffffff 70.35%,
        rgba(247, 247, 247, 0) 100%
    );
}
#gw-wish-container .btn_buy {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% - 50px);
    gap: 15px;
}
#gw-wish-container .btn_buy > button {
    position: relative;
    bottom: auto;
    left: 0;
    transform: translateX(0);
    width: 50%;
}
.gw-quick-scroll {
    opacity: 0;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    backdrop-filter: blur(20px);
    border-radius: 30px;
    animation: moveUp 0.3s forwards;
}
@keyframes moveUp {
    from {
        bottom: 0;
        transform: translateX(-50%) scale(0);
    }
    to {
        opacity: 1;
        bottom: 130px;
        transform: translateX(-50%) scale(1);
        z-index: 20;
    }
}
.gw-quick-scroll-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gw-quick-scroll-arrow > li {
    margin-top: -2px;
    position: relative;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}
.gw-quick-scroll-arrow > li:nth-child(odd) {
    animation: gw-scroll 500ms ease infinite alternate;
}
.gw-quick-scroll-arrow > li:nth-child(even) {
    animation: gw-scroll 500ms ease infinite alternate 250ms;
}
@keyframes gw-scroll {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.5;
    }
}

/*상품목록 네비게이션-----------------------------------------------------------------------------------------------------------------*/
#gw-sct-location {
    padding: 40px 0;
    font-size: 14px;
}
#gw-sct-location > .gw-flex > div {
    position: relative;
}
#gw-sct-location > .gw-flex > div:not(:first-child):before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #ddd;
}
#gw-sct-location .gw-home {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-color);
    border-radius: 50px;
    width: 30px;
    height: 30px;
}
#gw-sct-location .gw-home > a {
    display: flex;
    place-content: center;
    justify-content: center;
}
[class*='gw-side-menu-depth'] {
    padding: 0 10px;
    position: relative;
}
[class*='gw-side-menu-depth'] > button {
    position: relative;
    z-index: 1;
    text-align: left;
    color: #777;
    padding: 3px 18px 3px 5px;
}
[class*='gw-side-menu-depth'] > button:after {
    font-family: xeicon;
    content: '\e942';
    font-weight: 600;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.gw-side-menu-depth01 > button {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.gw-side-menu-depth01 > button:after {
    color: #aaa;
}
.gw-side-menu-depth01.on > button {
}
[class*='gw-side-menu-depth'] > ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 20;
    padding: 8px 12px;
    width: 100%;
    background: #fff;
    border: 1px solid rgb(226, 226, 226);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}
[class*='gw-side-menu-depth'] > ul > li {
    padding: 8px 0px;
}
[class*='gw-side-menu-depth'] > ul > li > a {
    color: #666;
    font-size: 14px;
    transition: all 0.3s;
}
[class*='gw-side-menu-depth'] > ul > li > a:hover {
    color: var(--main-color);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
[class*='gw-side-menu-depth'] > ul > li.active > a {
    color: var(--main-color);
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}

/*상품목록 카테고리-----------------------------------------------------------------------------------------------------------------*/
#gw-sct-type01 {
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
#gw-sct-type01 > ul {
    display: flex;
    gap: 10px;
    place-content: center;
    flex-wrap: wrap;
}
#gw-sct-type01 > ul > li {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
#gw-sct-type01 > ul > li > a {
    width: 100%;
    color: #8a8a8a;
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 22px;
    background: #fff;
    height: 42px;
    line-height: 42px;
    padding: 0 40px;
}

/*상품목록 정렬-----------------------------------------------------------------------------------------------------------------*/
#gw-ssch-sort.sel-wrap > select {
    min-width: 180px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

/*상품목록 형태-----------------------------------------------------------------------------------------------------------------*/
#gw-sct-lst > li:first-child {
    margin-right: 10px;
}
#gw-sct-lst > li > button {
    font-size: var(--main-title03);
    color: #d6d6d6;
}
#gw-sct-lst > li.active > button {
    color: #777;
}

/*상품목록 총 갯수-----------------------------------------------------------------------------------------------------------------*/
.gw-sct-total {
    padding: 30px 0;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
}
.gw-sct-total > span {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: var(--main-color);
}

/*상품상세사용후기-----------------------------------------------------------------------------------------------------------------*/
#gw-sit-use-list .gw-sit-use-list-top {
    border-bottom: 2px solid #111;
}
#gw-sit-use-ol .sit_thum {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
#gw-sit-use-ol .gw-sit-use-tit {
    font-size: var(--main-text01);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    line-height: 1;
}
#gw-sit-use-ol .gw-use-reply-content {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
}
#gw-sit-use-list .gw-sit-use-top > div {
    position: relative;
    flex: 0 0 calc(30% - 20px);
    padding: 40px;
    text-align: center;
    border-radius: 20px;
    background: #fafafa;
    min-height: 243px;
    display: flex;
    flex-direction: column;
    place-content: center;
}
#gw-sit-use-list .gw-sit-use-top h4 {
    font-size: var(--main-text01);
}
#gw-sit-use-list .gw-sit-use-top .gw-num {
    font-size: var(--main-title02);
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}
#gw-sit-use-list .gw-sit-use-top .gw-total {
    color: var(--main-color);
}
#gw-sit-use-list .gw-sit-use-top .gw-sum {
    color: #ddd;
}
#gw-sit-use-list .gw-sit-use-top .gw-sit-review .gw-num {
    color: var(--main-color);
}
#gw-sit-use-list .gw-sit-review-rate {
    flex: 0 0 40% !important;
}
#gw-rating-bars .rating-bar {
    display: flex;
    align-items: center;
}
#gw-rating-bars .rating-bar span {
    width: 40px;
}
#gw-rating-bars .bar-container {
    overflow: hidden;
    position: relative;
    width: calc(100% - 80px);
    height: 10px;
    border-radius: 10px;
    background: #ebebeb;
}
#gw-rating-bars .bar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: var(--main-color);
    height: 100%;
}
#gw-rating-bars .percent {
    text-align: right;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

/*상품상세상품문의-----------------------------------------------------------------------------------------------------------------*/
#gw-sit-qa-list .gw-sit-qa-list-top {
    border-bottom: 2px solid #111;
}
#gw-sit-qa-ol .sit_qaa_yet {
    padding: 8px 12px;
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    background: #f3f3f3;
    text-align: center;
    color: #888;
}
#gw-sit-qa-ol .sit_qaa_done {
    padding: 8px 12px;
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    background: var(--main-color);
    color: #fff;
    text-align: center;
}
#gw-sit-qa-ol .sit_qa_con {
    display: none;
    padding-bottom: 15px;
}
#gw-sit-qa-list .gw-sit-qa-title-container {
    padding: 20px 0;
    cursor: pointer;
}
#gw-sit-qa-ol .gw-sit-title {
    font-size: var(--main-text01);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    color: #000;
}
#gw-sit-qa-ol .sit_qa_qaq {
    position: relative;
    padding: 18px 25px 20px;
    border-top: 1px solid #eaeaea;
}
#gw-sit-qa-ol .sit_qa_qaq > span {
    color: var(--main-color);
}
#gw-sit-qa-ol .sit_qa_qaa {
    padding: 25px 20px 25px 46px;
    background: #fafafa;
    margin-bottom: 15px;
}
#gw-sit-qa-ol .sit_qa_qaa > span {
    color: #888;
}

/*포인트내역-----------------------------------------------------------------------------------------------------------------*/
#gw-point .point_all {
    padding: 30px 0;
    background: #fafafa;
    border-radius: 20px;
    text-align: center;
    font-size: var(--main-text01);
}
#gw-point .point_all .full_li span {
    font-size: var(--main-title03);
    color: var(--main-color);
}
#gw-point .point_list {
    border-top: 2px solid #111;
}
#gw-point .point_list th {
    padding: 30px 0;
    width: 25%;
    border-bottom: 1px solid #eaeaea;
    background: #fafafa;
}
#gw-point .point_list td {
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

/*쿠폰내역-----------------------------------------------------------------------------------------------------------------*/
#gw-coupon .point_all {
    padding: 30px 0;
    background: #fafafa;
    border-radius: 20px;
    text-align: center;
    font-size: var(--main-text01);
}
#gw-coupon .point_all .full_li span {
    font-size: var(--main-title03);
    color: var(--main-color);
}
#gw-coupon .coupon_list {
    border-top: 2px solid #111;
}
#gw-coupon .coupon_list th {
    padding: 30px 0;
    width: 20%;
    border-bottom: 1px solid #eaeaea;
    background: #fafafa;
}
#gw-coupon .coupon_list td {
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

/*개인결제 list-----------------------------------------------------------------------------------------------------------------*/
#gw-sct-pv {
    flex-wrap: wrap;
    gap: 20px;
}
#gw-sct-pv .sct_li {
    width: auto !important;
    position: relative;
    flex: 0 0 calc(25% - 20px);
}
#gw-sct-pv .sct_li > a {
    position: relative;
    display: flex;
    gap: 30px;
    padding: 30px;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    place-content: center;
}
#gw-sct-pv .sct_li > a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    border: 0px solid var(--main-color);
    z-index: 1;
    transition: all 0.1s;
}
#gw-sct-pv .sct_li > a:hover:before {
    border-width: 3px;
}
#gw-sct-pv .sct_img {
    overflow: hidden;
    display: flex;
    align-items: center;
    place-content: center;
    color: #ddd;
    width: 80px;
    height: 80px;
    background: #f2f2f2;
    border-radius: 100%;
}
#gw-sct-pv .sct_cost {
    font-size: var(--main-title03);
}

/*개인결제 view-----------------------------------------------------------------------------------------------------------------*/
.pesonal {
    margin-bottom: 30px;
    border-radius: 15px;
}
.pesonal h2 {
    border-bottom: 2px solid #333;
    font-size: 22px;
    padding-bottom: 15px;
}
.pesonal .tbl_frm01 {
    margin: 0;
}
.pesonal .tbl_frm01 tr:not(:first-child) {
    margin-top: 10px;
}
.pesonal th {
    padding: 20px 0 5px;
    text-align: left;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.pesonal td {
    padding: 0 0 20px;
    border-bottom: 1px solid #eaeaea;
}
.pesonal td input {
    width: 100%;
}
.pesonal .half_tr {
    width: 50%;
}
.pesonal tr:nth-of-type(2) td {
    border: 1px solid #eaeaea;
    background: #f8f8f8;
    padding: 20px;
}
.pesonal tr:nth-of-type(4) td {
    padding: 20px;
    background: #f8f8f8;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    border-bottom: 0;
    border: 1px solid #eaeaea;
}
.pesonal .tbl_frm01 tr:nth-of-type(6) td input {
    width: calc(100% - 10px);
}
#personal_pay {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    overflow: hidden;
}
#personal_pay h2 {
    font-size: 22px;
    padding: 20px;
}
#personal_pay input[type='radio'] {
    opacity: 0;
    position: absolute;
}
#personal_pay .lb_icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center; /* padding: 0.5em; */ /* margin-bottom: 0.5em; */
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    transition: background-color 0.2s, border-color 0.2s;
    color: #999;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
}
#personal_pay input[type='radio']:checked + .lb_icon {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
#personal_pay legend {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#personal_pay .KPAY {
    width: 58px;
    background: url('../../../img/kpay.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}
#personal_pay .PAYNOW {
    width: 75px;
    background: url('../../../img/paynow.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 30px;
}
#personal_pay .PAYCO {
    width: 75px;
    background: url('../../../img/payco.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 30px;
}
#personal_pay .kakaopay_icon {
    width: 60px;
    background: url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 30px;
}
#personal_pay .pay_way {
    border-bottom: 1px solid #e2e4e7;
}
#personal_pay #display_pay_button {
    border: 0;
}
#display_pay_button {
    background: #fff;
    padding: 20px;
    border: 1px solid #e3e5e8;
    border-top: 0;
}
#display_pay_button .btn_submit {
    margin-bottom: 10px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    border: 0;
    background-color: var(--main-color);
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    border-radius: 10px;
}
#display_pay_button .btn01 {
    padding: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
    border: 1px solid #eaeaea;
    margin: 0;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    border-radius: 10px;
    color: #111;
}
#sod_frm_paysel ul.pay_way {
    margin: 0;
    padding: 15px;
}
#sod_frm_paysel ul.pay_way input[type='radio'] + label span {
    top: 7px;
}
#sod_frm_paysel li {
    position: relative;
    text-align: left;
    list-style: none;
}
#sod_frm_paysel li:not(:last-child) {
    margin-bottom: 10px;
}
#sod_frm_paysel input[type='radio'] + label:before {
    display: none;
}
#sod_fin_pay {
    margin: 0 0 20px;
    background: #fff;
}
#sod_fin_pay h3 {
}
#sod_fin_pay ul {
    margin: 0;
}
#sod_fin_tot li {
    padding: 0 20px;
    background: #fafafa;
    border-bottom: 1px solid #eaeaea;
    zoom: 1;
    height: 70px;
    font-size: var(--main-text01);
    line-height: 70px;
    font-family: 'Pretendard', dotum, sans-serif;
    font-weight: 700;
}
#sod_fin_pay li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sod_fin_pay li > span,
#sod_fin_pay li > strong {
    display: inline-block;
    float: left;
}
#sod_fin_pay li > strong {
    margin-right: 10px;
    width: 50px;
}
#sod_fin_pay li > span {
    width: 238px;
}
#sod_fin_pay li .letter-2px {
    letter-spacing: -2px;
}
a.btn_frmline.is-long-text {
    height: auto;
    width: 160px;
}
#sod_fin_view {
}
#sod_fin_view h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sod_fin_view h3 {
    margin-bottom: 15px;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 22px;
}
#sod_fin_view .basic_tbl th {
    padding: 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f2f5f9;
    text-align: left;
}
#sod_fin_no {
    margin-bottom: 50px;
    padding: 30px 0;
    background: #fafafa;
    border-radius: 20px;
    text-align: center;
    font-size: var(--main-text01);
}
#sod_fin .tbl_head01 {
    border-top: 2px solid #111;
}
#sod_fin_view tr {
    border-bottom: 1px solid #eaeaea;
}
#sod_fin_view th {
    padding: 15px 0 15px 20px;
    border-top: none;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    width: 20%;
}
#sod_fin_view td {
    padding: 15px 10px 15px;
    height: 70px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
}
#sod_fin_pay .tbl_head01 a {
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard';
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    text-align: center;
}
#sod_fin_tot {
    margin: 10px 0;
}
#sod_fin_tot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sod_fin_tot ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sod_fin_tot li {
    /* padding:10px; */
    background: #fafafa;
    border-bottom: 1px solid #eaeaea;
    zoom: 1;
}
#sod_fin_tot li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#sod_fin_tot #alrdy {
    border-bottom: 0 !important;
}
#sod_fin_tot #alrdy .right {
    margin-top: 10px;
    text-align: right;
    color: #f3f3f3;
    font-size: 0.9em;
}
#sod_fin_tot #alrdy .right p {
    position: relative;
}
#sod_fin_tot #alrdy .right .title {
    position: absolute;
    left: 0;
    padding-left: 8px;
}
#sod_fin_tot strong {
    float: right;
    color: #f21c35;
    font-size: var(--main-text01);
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}

/*사용후기 list-----------------------------------------------------------------------------------------------------------------*/
.gw-search-container {
    padding: 30px;
    border-radius: 25px;
    background: #fafafa;
}
.gw-search-container .sel-wrap > select {
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
.gw-search-container .gw-sch-wr {
    position: relative;
}
.gw-search-container .gw-sch-wr input[type='text'] {
    background: #fff;
    border: 1px solid #eaeaea;
}
.gw-search-container .gw-sch-wr button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.gw-search-container [class^='gw-shop-btn'][class*='submit'] {
    height: 55px;
    line-height: 55px;
}
#gw-sps .gw-sps-container {
    display: flex;
    flex-wrap: wrap;
}
#gw-sps .gw-sps-container > li {
    position: relative;
    width: calc(25% - 15px);
    margin-right: 15px;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eaeaea;
}
#gw-sps .gw-sps-img-inner {
    position: relative;
}
#gw-sps .gw-sps-img-inner > a {
    display: block;
    width: 100%;
    height: 100%;
}
#gw-sps .gw-sps-img-inner > a > img {
    width: 100%;
    height: auto;
}
#gw-sps .gw-sps-section > a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px 20px;
    width: 100%;
}
#gw-sps .sps_pd_name {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    line-height: 1.6;
    color: #444;
    letter-spacing: -0.05em;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 50px;
}
#gw-sps .prd_detail {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: block;
    min-width: 20px;
    padding: 4px 6px 3px;
    background: rgba(29, 29, 27, 0.5);
    color: #fff;
}
#gw-sps .gw-sps-container .sps_dl {
    padding-top: 5px;
    color: #888;
    font-size: 14px;
}
#gw-sps .gw-sps-container .sps_dl .gw-writer {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 132px;
}
#gw-sps .gw-sps-container .sps_dl .gw-date {
    color: #aaa;
}
#gw-sps .sps_rv_tit {
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 40px;
}
#gw-sps .gw-sps-bottom > li {
    display: inline-block;
    line-height: 23px;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

/*사용후기 view-----------------------------------------------------------------------------------------------------------------*/
#gw-review-view .gw-total-review-container {
    display: flex;
    place-content: center;
    align-items: center;
    padding: 40px;
    border-radius: 25px;
    background: #fafafa;
}
#gw-review-view .gw-total-review-container > div {
    flex: 1;
    gap: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#gw-review-view .gw-review-product-content {
    gap: 30px;
    padding: 30px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
#gw-review-view .gw-review-product-content .gw-img {
    width: 140px;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
}
#gw-review-view .gw-review-product-content .gw-text {
    display: block !important;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: var(--main-text01);
    text-align: left;
}
#gw-review-view .gw-review-product-container > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#gw-review-view .gw-review-product .gw-ico {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    place-content: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #ededed;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#gw-review-view .gw-total-right .gw-star-num {
    font-size: var(--main-title01);
}
#gw-review-view .gw-total-right .gw-star-ico {
    color: #ffd508;
}
#gw-review-view .gw-total-review {
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    background: #fff;
    color: #999;
}
#gw-review-view .gw-review-title-container {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
#gw-review-view .gw-review-title {
    font-size: var(--main-title03);
}
#gw-review-view .gw-review-info {
    color: #333;
}
#gw-review-view .gw-review-content {
    padding: 20px;
    min-height: 250px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background: #fff;
}
#gw-review-view .gw-review-reply-content {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
}
#gw-review-view .gw-review-reply {
    position: relative;
    background: #f1f1f1;
    border-radius: 5px;
}
#gw-review-view .gw-review-reply:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f1f1f1;
}
#gw-review-view .gw-reply-name {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    color: #666;
}
#gw-view-nb {
    padding-top: 60px;
    margin-bottom: 60px;
    align-items: center;
    border-top: 1px solid #ddd;
    text-align: center;
}
#gw-view-nb > li > a {
    display: block;
    width: 100%;
    transition: all 0.3s;
    text-transform: uppercase;
    font-size: var(--main-title04);
}
#gw-view-nb > li > .list-btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #000;
    color: #fff;
    position: relative;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}
#gw-view-nb > li > .list-btn:hover {
    background: var(--main-color);
}
.gw-btn-container {
    display: flex;
    place-content: center;
}

/*상품문의-----------------------------------------------------------------------------------------------------------------*/
#gw-sqa > ul {
    border-top: 2px solid #111;
}
#gw-sqa > ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}
#gw-sqa .sit_qaa_done {
    padding: 10px 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    background: var(--main-color);
    color: #fff;
    text-align: center;
}
#gw-sqa .sit_qaa_yet {
    padding: 10px 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    background: #f3f3f3;
    text-align: center;
    color: #888;
}
#gw-sqa .gw-sqa-title {
    font-size: var(--main-text01);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}
#gw-sqa .sqa_con_btn button {
    position: absolute;
    right: 0;
    top: 35px;
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    color: #111;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
#gw-sqa .gw-sqa-product-container .gw-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
#gw-sqa .gw-sqa-product-container .gw-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
#gw-sqa .gw-sqa-product-container:hover .gw-img > img {
    transform: scale(1.15);
}
#gw-sqa .gw-sqa-product-container .gw-text {
    display: block !important;
    font-family: 'Pretendard', dotum, sans-serif;
    font-weight: 700;
}
#gw-sqa .gw-sqa-product-container {
    padding: 15px;
    border: 2px solid #eaeaea;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
}
#gw-sqa .gw-sqa-product-container:hover {
    border: 2px solid var(--main-color);
}
#gw-sqa .gw-sqa-product-container .gw-ico {
    display: flex;
    align-items: center;
    place-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #ededed;
    box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
#gw-sqa .gw-sqa-product-container:hover .gw-ico {
    background: var(--main-color);
    box-shadow: 1px 1px 200px var(--main-color);
}
#gw-sqa .gw-sqa-product-container .gw-ico > i {
    transition: all 0.3s ease;
}
#gw-sqa .gw-sqa-product-container:hover .gw-ico > i {
    margin-left: 10px;
    color: #fff;
}
#gw-sqa .sit_qa_qaq {
    margin-top: 15px;
    padding: 18px 25px 20px;
    border-top: 1px solid #eee;
}
#gw-sqa .sit_qa_qaq .qa_alp {
    color: var(--main-color);
}
#gw-sqa .sit_qa_qaa {
    margin-bottom: 15px;
    padding: 25px 20px 25px 46px;
    background: #fafafa;
    line-height: 1.7;
}
#gw-sqa .sit_qa_qaa .qa_alp {
    color: #888;
}

/*배송지관리-----------------------------------------------------------------------------------------------------------------*/
#gw-sod-addr .gw-sod-addr-list th {
    padding: 30px 0;
    width: 10%;
    border-bottom: 1px solid #eaeaea;
    background: #fafafa;
}
#gw-sod-addr .gw-sod-addr-list td {
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
}
#gw-sod-addr .gw-sod-addr-list .gw-td-mng > div {
    align-items: center;
    gap: 5px;
    text-align: center;
}
#gw-sod-addr .gw-sod-addr-list .gw-td-mng .mng_btn {
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    max-width: 100px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
}
#gw-sod-addr input[type='radio'] {
    position: absolute;
    left: 0;
    z-index: -1;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999px;
}
#gw-sod-addr .default_lb {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color);
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    height: 26px;
    line-height: 24px;
    border-radius: 3px;
}
#gw-sod-addr input[type='radio']:checked + .default_lb {
    background: var(--main-color);
    color: #fff;
}
#gw-sod-addr input[type='radio'] + label:before {
    display: none;
    opacity: 0;
}
#gw-sod-addr td {
    height: 40px;
    vertical-align: top;
}
#gw-sod-addr .gw-btn-container > a {
    margin: 0;
}

/*배송지등록-----------------------------------------------------------------------------------------------------------------*/
#gw-add-address .gw-add-address-table {
    border-top: 2px solid #111;
}
#gw-add-address .gw-add-address-table th {
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    width: 20%;
}
#gw-add-address .gw-add-address-table td {
    padding: 15px 10px 15px;
    height: 70px;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
}
#gw-add-address .gw-btn-container {
    place-content: center;
    gap: 10px;
}
#gw-add-address .gw-btn-zipcode {
    border: 1px solid #eaeaea;
    color: #666 !important;
}
#gw-add-address input[type='checkbox'] + .check-label {
    cursor: pointer;
}

/*검색결과-----------------------------------------------------------------------------------------------------------------*/
#gw-ssch {
    align-items: flex-start;
}
.gw-ssch-close {
    display: none;
}
#gw-ssch .gw-ssch-left {
    margin-top: 70px;
    width: 220px;
}
#gw-ssch .gw-ssch-left .gw-ssch-title {
    margin-bottom: 25px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: var(--main-text01);
}
#gw-ssch .gw-ssch-left .gw-ssch-option-list > li:not(:first-child) {
    margin-top: 20px;
}
#gw-ssch
    .gw-ssch-left
    .gw-ssch-option-list
    input[type='checkbox']
    + .check-label {
    color: #111;
}
#gw-ssch .gw-ssch-left .gw-ssch-price input[type='text'] {
    width: 170px;
    height: 45px;
}
#gw-ssch .gw-ssch-left .gw-ssch-price input[type='text']:last-child {
    margin-top: 10px;
}
#gw-ssch .gw-ssch-left .gw-ssch-cate > li:not(:first-child) {
    margin-top: 20px;
}
#gw-ssch .gw-ssch-right {
    margin-top: 70px;
    padding-left: 60px;
    width: calc(100% - 220px);
    border-left: 1px solid #eaeaea;
}
#gw-ssch .gw-ssch-right .gw-sub-title > strong {
    color: var(--main-color);
}
#gw-ssch .gw-ssch-right input[type='text'] {
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background: #fff;
    color: #666;
}
#gw-ssch-frm {
    position: relative;
    padding: 40px 80px;
    border-radius: 25px;
    background: #fafafa;
}
#gw-ssch .gw-ssch-top {
    padding: 15px 0;
    border-top: 2px solid #111;
    border-bottom: 1px solid #eaeaea;
}
#ssch_sort_all.sel-wrap > select {
    min-width: 180px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
#gw-ssch .sct_noitem {
    padding: 100px 0;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    line-height: 1.75;
    color: #111;
    font-size: var(--main-text01);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}

/* 팁 */
.tooltip_icon {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: var(--main-title04);
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s;
}
.tooltip_icon:hover {
    color: #111;
}
.tooltip {
    position: absolute;
    right: 120px;
    bottom: 0;
    width: auto;
    color: #fff;
    background: #000;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    display: none;
    z-index: 9;
    font-weight: normal;
    margin-left: 15px;
    margin-top: 20px;
}
.tooltip:before {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 0;
    border-left: 10px solid #000;
}

.tooltip_txt {
    position: relative;
    text-align: left;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 1.1em;
    background: #f2838f;
    margin: 0 0 10px;
    padding: 0 20px;
    border-radius: 5px;
    font-weight: bold;
}
.tooltip_txt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    background: #da4453;
}
.tooltip_txt i {
    font-size: 1.2em;
    vertical-align: middle;
}

/*주문서 작성-----------------------------------------------------------------------------------------------------------------*/
.cp_btn {
    padding: 0 15px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.od_coupon h3 {
    border-bottom: 1px solid #eaeaea;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    margin: 0 0 15px;
    font-size: var(--main-title04);
    text-align: center;
}
.od_coupon .btn_close {
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 100%;
    font-size: 1.25em;
}
.od_coupon .btn_close:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 100%;
}
.od_coupon .btn_close:after {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s 0.1s;
    transform-origin: center center;
    transform: scale(0);
    border-radius: 100%;
}
.od_coupon .btn_close:hover:after {
    transform: scale(1);
}
.od_coupon .btn_close > i {
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    transition: all 0.3s;
}
.od_coupon .btn_close:hover > i {
    color: #fff;
}
.od_coupon .tbl_head02 {
    margin: 20px;
}
.od_coupon .cp_apply {
    line-height: 21px;
    margin: 0;
    margin-left: 5px;
    background: var(--main-color);
    float: right;
    display: inline-block;
    border: 1px solid var(--main-color);
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    min-width: auto;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.od_coupon td,
#sod_frm_pay .od_coupon td {
    text-align: center;
    border-left: 0;
    padding: 15px 10px 15px;
}
.od_coupon .td_numbig,
#sod_frm_pay .od_coupon .td_numbig {
    text-align: center;
    font-family: 'Poppins_B', sans-serif;
}
.od_coupon .td_mngsmall {
    width: 60px;
}

.sod_left {
    display: inline-block;
    float: left;
    width: 1000px;
    margin-right: 30px;
    vertical-align: top;
}
.sod_right {
    display: inline-block;
    float: left;
    width: 370px;
    height: 100%;
    vertical-align: top;
}
#forderform .sod_right #sod_bsk_tot {
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
}
#sod_frm .tbl_frm01 th {
    padding: 0;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    width: 20%;
    line-height: 70px;
    padding-left: 20px;
}
#sod_frm p {
    margin: 0 0 10px;
}
#sod_frm .od_prd_list {
    margin-bottom: 50px;
}
#sod_list {
    position: relative;
}
#sod_list #cp_frm {
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 540px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    margin-left: -270px;
    margin-top: -150px;
    border: 1px solid #dde7e9;
    border-radius: 3px;
    background: #fff;
    overflow-y: auto;
    overflow-x: inherit;
}
#sod_frm .tbl_head03 thead th {
    padding: 15px 0;
    border-top: 2px solid #111;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    height: 70px;
    background: #fafafa;
    font-size: 16px;
    color: #111;
    letter-spacing: 0;
}
#sod_frm .tbl_head03 td {
    padding: 20px 10px;
    border-left: 0;
    border-top: none;
    border-bottom: 1px solid #eaeaea;
    line-height: initial;
    text-align: center !important;
}
#sod_frm .tbl_head03 tr:last-child td {
    border-bottom: none;
}
#sod_frm .sod_img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
#sod_frm .od_prd_list .td_prd .sod_name {
    min-height: auto;
}
#sod_frm .od_prd_list .td_prd {
    display: flex;
    align-items: center;
    border-top: 0;
    line-height: initial;
    text-align: left !important;
}
#sod_frm .td_num {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    color: #111;
}
#sod_frm .tbl_head03 td:nth-of-type(4) {
    font-family: 'Poppins_B', sans-serif;
}
#sod_list {
    border-bottom: 1px solid #eaeaea;
}
#sod_list .sod_opt {
    margin-top: 5px;
}
#sod_list .sod_opt > ul > li {
    padding: 2px 0;
    color: #666;
    font-size: 14px;
}
#sod_frm .tbl_frm01 {
}
#sod_frm .tbl_frm01 th,
#sod_frm .tbl_frm01 td {
    text-align: left;
    vertical-align: middle;
}
#sod_frm .tbl_frm01 th {
}
#sod_frm .tbl_frm01 td input {
    width: 100%;
    height: 50px;
}
#sod_frm .tbl_frm01 td .addr input {
    width: 20%;
}
#sod_frm .tbl_frm01 td .addr button {
    background: #434a54;
    color: #fff;
    width: 128px;
    height: 45px;
    border: 0;
    border-radius: 3px;
}
#sod_frm_orderer,
#sod_frm_taker {
    background: #fff;
}
#sod_frm section h2 {
    border-bottom: 1px solid #eee;
    font-size: var(--main-text01);
    padding: 20px;
}
#sod_frm #od_name,
#sod_frm #od_tel,
#sod_frm #od_hp,
#sod_frm #od_pwd,
#sod_frm #od_b_name,
#sod_frm #od_b_tel,
#sod_frm #od_b_hp,
#sod_frm #ad_subject,
#sod_frm #od_hope_date {
    width: 100%;
}
#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {
    display: inline-block;
    margin: 5px 0 0;
}
#sod_frm .tbl_frm01 th,
#sod_frm .tbl_frm01 td {
    position: relative;
    padding: 15px 0 15px;
    height: 70px;
    border-bottom: 1px solid #e4e4e4;
}
#sod_frm .tbl_frm01 th {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
#sod_frm .tbl_frm01 td .btn_address {
    color: #666;
    height: 45px;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    max-width: 120px;
    min-width: 120px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eaeaea;
}
#sod_frm_taker .order_choice_place {
    line-height: 70px;
}
#sod_frm_taker .tbl_frm01 .btn_frmline {
    float: none;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
#sod_frm #od_zip,
#sod_frm #od_b_zip {
    width: calc(100% - 130px);
}
#sod_frm_taker .tbl_frm01 textarea {
    padding: 12px 17px;
    border: 1px solid #eaeaea;
    background: #fff;
    color: #888;
    border-radius: 10px;
    box-shadow: none;
}
#sod_frm_taker .tbl_frm01 .btn_frmline {
    width: 80px;
    background: #fff;
    color: #606060;
    float: right;
    display: inline-block;
    line-height: 23px;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    min-width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
#sod_frm_taker input[type='checkbox'] + label:before {
    content: '';
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
#sod_frm_taker label[for='ad_subject']:before,
#sod_frm_taker label[for='od_b_name']:before,
#sod_frm_taker label[for='od_b_tel']:before,
#sod_frm_taker label[for='od_b_hp']:before,
#sod_frm_taker label[for='od_memo']:before {
    display: none;
}

#sod_frm .tbl_frm01 th > label {
    color: #111;
}
#sod_frm_taker th label:before {
    display: none;
}
#sod_frm_taker label.sound_only:before {
    display: none;
}
#sod_frm_taker td input[type='radio'],
#sod_frm_taker td input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: auto !important;
}
#sod_frm_taker td input[type='checkbox']:checked + label:before {
    content: '\e928';
    font-family: 'xeicon';
    border-color: var(--main-color);
    background: var(--main-color);
    font-weight: 600;
    line-height: 23.5px;
    color: #fff;
}
#sod_frm_taker td input[type='radio']:checked + label:before {
    box-shadow: inset 0 0 0 4px #fff;
    border: 8px solid var(--main-color);
}
#sod_frm_taker td input[type='radio'] + label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 2px solid #ddd;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
#sod_frm_taker td input[type='radio']:focus + label:before,
#sod_frm_taker td input[type='checkbox']:focus + label:before {
    outline: none;
}
#sod_frm_taker td input[type='radio'] + label:empty:before,
#sod_frm_taker td input[type='checkbox'] + label:empty:before {
    margin-right: 0;
}
#sod_frm_taker label {
    margin-right: 10px;
    display: inline-block;
    color: #666;
    cursor: pointer;
}
#ad_subject {
    margin-bottom: 5px;
}
#sod_frm #sod_bsk_tot .sod_bsk_sell,
#sod_frm #sod_bsk_tot .sod_bsk_coupon {
    border-right: 1px solid #eaeaea;
}
#sod_bsk_tot strong {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {
    color: #f21c35;
    font-size: var(--main-title04);
}
#sod_frm #sod_bsk_tot .sod_bsk_point,
#sod_frm #sod_bsk_tot .sod_bsk_cnt {
    width: 100%;
    clear: both;
    height: 55px;
    padding: 0 15px;
    line-height: 55px;
    text-align: right;
}
#sod_frm_pay .pay_tbl th {
    text-align: left;
    padding: 10px;
    width: 30%;
    border-bottom: 1px solid #e7ebf1;
    background: #fff;
    font-weight: normal;
    color: #777;
}
#sod_frm_pay .pay_tbl td {
    text-align: right;
    padding: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e7ebf1;
    background: #fff;
}
#sod_frm_pay .pay_tbl td .btn_frmline {
    line-height: 21px;
    margin: 0;
    margin-left: 5px;
    background: var(--main-color);
    float: right;
    display: inline-block;
    border: 1px solid var(--main-color);
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    min-width: auto;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
#sod_frm_pay .pay_tbl td .cp_cancel {
    background: #fff;
    display: inline-block;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    height: 100%;
}
#od_tot_price {
    margin: 10px 0;
    background: #fafafa;
    padding: 15px;
    text-align: right;
}
#od_tot_price span {
    float: left;
}
#od_tot_price strong {
    font-size: var(--main-title04);
    color: #f21c35;
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: right;
}
.sod_right #od_tot_price {
    border: 1px solid #eaeaea;
}
#forderform .od_pay_buttons_el {
    margin-top: 20px;
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 0 15px 20px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}
#forderform .od_pay_buttons_el h3 {
    font-size: 22px;
    padding: 20px 0;
    margin: 0;
}
#sod_frm #display_pay_button {
    border-radius: 0 0 15px 15px;
}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {
    display: block;
    content: '-';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #fff;
    color: #ff006c;
    border-radius: 50%;
    border: 1px solid #e7ebf1;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
    display: block;
    content: '+';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #fff;
    color: #ff006c;
    border-radius: 50%;
    border: 1px solid #e7ebf1;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}
#sod_frm_pay .od_coupon th {
    width: auto;
    background: #fafafa;
    border-top: 2px solid #111;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}
#sod_frm_pay .od_coupon td,
#sod_frm_pay .od_coupon td {
    text-align: center;
}
#sod_list .cp_cancel {
    background: #fff;
    display: inline-block;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
    height: 40px;
    min-width: 100px;
    margin-left: 10px;
}

/* 주문서 작성 - 결제수단 */
#sod_frm_pay {
    position: relative;
}
#sod_frm_pay h2 {
    font-size: 1.167em;
    padding: 15px;
    border-bottom: 1px solid #e3e5e8;
}
#sod_frm_pay .tooltip_txt {
    height: auto;
    line-height: 18px;
    font-weight: normal;
    font-size: 1em;
    padding: 10px 20px;
    margin: 10px;
}
#sod_frm_pay .tooltip_txt i {
    float: left;
    line-height: 36px;
    font-size: 2em;
    margin-right: 15px;
}
#sod_frm_pay .tooltip_txt:before {
    height: 100%;
}
#sod_frm_pay input[type='radio'] {
}
#sod_frm_pay .lb_icon {
    display: inline-block;
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#sod_frm_pay input[type='radio'] + label span {
    top: 7px;
}
#sod_frm_paysel {
}
#sod_frm_paysel legend {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#sod_frm_paysel .KPAY {
    background: url('../../../../../img/kpay.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .PAYNOW {
    background: url('../../../../../img/paynow.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .PAYCO,
#sod_frm_paysel .paycopay_icon {
    background: url('../../../../../img/payco.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
    background-size: 30%;
}
#sod_frm_paysel .inicis_lpay,
#sod_frm_paysel .lpay_icon {
    background: url('../../../../../img/lpay_logo.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .inicis_kakaopay {
    position: relative;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .inicis_kakaopay em {
    position: absolute;
    top: 15px;
    left: 45px;
    width: 70px;
    height: 30px;
    background: url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 30px;
}
#sod_frm_paysel .kakaopay_icon {
    background: url('../../../../../img/kakao.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
    background-size: 40%;
}
#sod_frm_paysel .naverpay_icon {
    background: url('../../../../../img/ico-default-naverpay.png') no-repeat 50%
        50% #fff;
    overflow: hidden;
    text-indent: -999px;
    background-size: 30%;
}
#sod_frm_paysel .samsungpay_icon {
    background: url('../../../../../img/samsungpay.png') no-repeat 50% 50% #fff;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 50%;
}
#sod_frm_paysel .ssgpay_icon {
    background: url('../../../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .skpay_icon {
    background: url('../../../../../img/skpay11_icon.png') no-repeat 50% 50%
        #fff;
    background-size: 70px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
}
#sod_frm_paysel .bank_icon {
    background: url('../../../../../img/pay_icon1.png') no-repeat 15px 50% #fff;
}
#sod_frm_paysel .vbank_icon {
    background: url('../../../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
}
#sod_frm_paysel .iche_icon {
    background: url('../../../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
}
#sod_frm_paysel .hp_icon {
    background: url('../../../../../img/pay_icon3.png') no-repeat 24px 50% #fff;
}
#sod_frm_paysel .card_icon {
    background: url('../../../../../img/pay_icon4.png') no-repeat 17px 50% #fff;
}
#settle_bank {
    border: 1px solid #e3e5e8;
    border-top: 0 none;
    background: #fff;
    padding: 10px;
    clear: both;
    line-height: 32px;
}
#settle_bank:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#settle_bank label {
    float: left;
    width: 30%;
    line-height: 45px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
#settle_bank select,
#settle_bank input {
    border: 1px solid #e3e5e8;
    text-align: left;
}
#settle_bank option {
    padding: 3px 0;
}
#settle_bank #od_deposit_name {
    margin-bottom: 0;
    height: 45px;
    padding: 0 12px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
#od_bank_account {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 7px 17px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 100%;
    height: 45px;
    font-family: 'Pretendard';
    font-weight: 400;
    transition: 0.3s;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer;
}
#settle_bank br {
    display: none;
}
.display_setup_message {
    margin: 0 0 10px;
    padding: 15px;
    border: 1px solid #fccdff;
    background: #ffeef9;
}
.display_setup_message strong {
    display: block;
    margin: 0 0 10px;
}
#sod_frm_same {
    margin: 0 0 10px;
}
#sod_frm #display_pay_process {
    text-align: center;
}
#sod_frm #display_pay_process span {
    display: block;
    margin: 5px 0 0;
}
#sod_frm_pay_info {
    margin: 0 0 10px;
}
#sod_frm_pay #sc_coupon_frm,
#sod_frm_pay #od_coupon_frm {
    z-index: 10000;
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #000;
    background: #fff;
    overflow-y: auto;
}
#sod_frm_deli {
    position: relative;
    line-height: 2em;
}
#sod_frm_escrow {
    margin: 30px 0 0;
}
#sod_frm #sod_frm_escrow h2 {
    margin: 0;
    border: 0;
}
#sod_frm #sod_frm_escrow p {
    margin: 5px 0;
}
#display_pay_process {
    padding: 20px;
    text-align: center;
}
#sod_frm_pay input[type='radio']:checked + .lb_icon {
    z-index: 3;
}
#sod_frm_pay input[type='radio'] + label:before {
    display: none;
}
#od_pay_sl input[type='radio']:checked + .lb_icon {
    border: 1px solid var(--main-color);
    z-index: 3;
}
#od_pay_sl input[type='radio'] + label:before {
    display: none;
}
#od_pay_sl .lb_icon {
    display: inline-block;
    float: left;
    width: 50%;
    border: 1px solid #eaeaea;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    height: 50px;
    position: relative;
    padding-left: 80px;
    padding-top: 15px;
    z-index: 1;
}
#od_pay_sl .od-bank-info {
    display: block;
    line-height: 1.5;
    word-break: keep-all;
}
#sod_frm_pay .sod_frm_point {
    margin-top: 0;
    border-top: none;
}
#sod_frm_pay .sod_frm_point #od_temp_point {
    padding: 12px 17px;
    height: 40px;
    text-align: right;
    border: 1px solid #eaeaea;
    font-family: 'Pretendard';
    font-weight: 400;
    background: #f7f7f7;
    color: #888;
}
#sod_frm_pay .sod_frm_point div span {
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
#sod_frm_pay .sod_frm_point div span:first-child {
    margin-bottom: 10px;
}

/* 모바일일때 피시버전 주문폼 */
.sod_frm_mobile .sod_list .li_op_wr {
    display: flex;
    position: relative;
    padding: 10px 20px;
    min-height: 75px;
}
.sod_frm_mobile .sod_list .li_op_wr .chk_box {
    position: absolute;
    top: 10px;
    left: 10px;
}
.sod_frm_mobile .sod_list .total_img {
}
.sod_frm_mobile .sod_list .mod_options {
    padding: 0 7px;
    border: 1px solid #d4d6db;
    border-radius: 3px;
    color: #606060;
    background: #fff;
    line-height: 24px;
    margin: 5px 0 0;
    font-size: 0.923em;
}
.sod_frm_mobile .sod_list .li_prqty {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: calc(100% - 40px);
}
.sod_frm_mobile .sod_list .li_prqty > span:not(:nth-of-type(2n-1)) {
    border-left: 1px dashed #ddd;
}
.sod_frm_mobile .sod_list .li_prqty_sp {
    width: 50%;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    padding: 0 10px;
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .sod_list .li_prqty_sp span {
    color: #666;
}
.sod_frm_mobile .sod_list .total_price {
    background: #f5f5f5;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: right;
    padding: 20px;
    line-height: 20px;
    border-radius: 10px;
    width: calc(100% - 40px);
}
.sod_frm_mobile .sod_list .total_price span {
    float: left;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .sod_list .total_price strong {
    font-size: var(--main-text01);
    color: var(--main-color);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .sod_opt li {
    color: #777;
    margin: 3px 0;
    line-height: 1.3em;
}
.sod_frm_mobile .sod_opt .opt_name:before {
    content: '옵션';
    display: inline-block;
    margin: 1px 5px 2px 0;
    font-size: 11px;
    padding: 0 5px;
    border-radius: 3px;
    background: #e2eaf6;
    line-height: 20px;
    color: #3a8afd;
}
.sod_frm_mobile #sod_frm_orderer,
.sod_frm_mobile #sod_frm_taker {
    background: #fff;
}
.sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,
.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon {
    display: inline-block;
    margin: 5px 0 0;
}
.sod_frm_mobile #m_sod_bsk_tot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sod_frm_mobile #m_sod_bsk_tot dt {
    float: left;
    width: 40%;
    padding: 10px 20px;
    line-height: 20px;
    clear: both;
}
.sod_frm_mobile #m_sod_bsk_tot dd {
    float: left;
    width: 60%;
    padding: 10px 20px;
    text-align: right;
    line-height: 20px;
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt {
    background: #f5f5f5;
    padding: 20px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong {
    font-size: var(--main-text01);
    color: var(--main-color);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .sod_list .total_img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}
.sod_frm_mobile .sod_opt {
    padding: 10px 0;
    color: #666;
    font-size: 14px;
}
.sod_frm_mobile #m_sod_frm_paysel h3 {
    background: #fff;
    padding: 15px 10px;
    border: 1px solid #e3e5e8;
    border-bottom: 0;
}
.sod_frm_mobile #m_sod_frm_paysel ul {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    background: #fff;
    padding: 20px;
}
.sod_frm_mobile #m_sod_frm_paysel li {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 5px);
    cursor: pointer;
    z-index: 1;
    border: 1px solid #eaeaea;
    color: #999;
    text-align: center;
    transition: background-color 0.2s, border-color 0.2s;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
}
.sod_frm_mobile #m_sod_frm_paysel .KPAY {
    background: url(../../../../../img/kpay.png) no-repeat;
    width: 37px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    background-size: 100%;
}
.sod_frm_mobile #m_sod_frm_paysel .PAYNOW {
    background: url(../../../../../img/paynow.png) no-repeat;
    width: 46px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    background-size: 100%;
}
.sod_frm_mobile #m_sod_frm_paysel .PAYCO {
    background: url(../../../../../img/payco.png) no-repeat center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    background-size: 15%;
}
.sod_frm_mobile #m_sod_frm_paysel .inicis_lpay {
    background: url(../../../../../img/lpay_logo.png) no-repeat;
    width: 35px;
    height: 12px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    background-size: 100%;
}
.sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay {
    background: url(../../../../../img/kakao.png) no-repeat 50% 50% #f4dc34;
    height: 22px;
    width: 74px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 35px auto;
}
.sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon {
    background: url(../../../../../img/kakao.png) no-repeat center;
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 70px auto;
}
.sod_frm_mobile #m_sod_frm_paysel .applepay_icon {
    background: url(../../../../../img/ico-mobile-applepay.png) no-repeat 50%
        50% #fff;
    height: 23px;
    width: 50px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 35px auto;
}
.sod_frm_mobile #m_sod_frm_paysel .naverpay_icon {
    background: url(../../../../../img/ico-default-naverpay.png) no-repeat 50%
        50% #fff;
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 50px auto;
}
.sod_frm_mobile #m_sod_frm_paysel .samsung_pay {
    background: url(../../../../../img/samsungpay.png) no-repeat center;
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    background-size: 100px;
}
.sod_frm_mobile #sod_frm_pay {
    border-top: 9px solid #f5f5f5;
    border-bottom: 1px solid #eee;
}
.sod_frm_mobile #sod_frm_pay h2 {
    font-size: 1.25em;
}
.sod_frm_mobile #sod_frm_pay .cp_btn1,
.sod_frm_mobile #sod_frm_pay .cp_cancel1 {
    margin-top: 0;
}
.sod_frm_mobile .odf_tbl {
    position: relative;
}
.sod_frm_mobile .odf_tbl table {
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}
.sod_frm_mobile .odf_tbl table th {
    border-top: 1px solid #eaeaea;
    padding: 20px;
    text-align: left;
    width: 150px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .odf_tbl table td {
    border-top: 1px solid #eaeaea;
    padding: 10px 20px;
    text-align: right;
    font-family: 'Outfit', 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile#sod_frm #sod_frm_pt_alert {
    background: #f5f5f5;
    display: block;
    margin: 20px auto;
    padding: 20px;
    line-height: 20px;
    border-radius: 10px;
    width: calc(100% - 40px);
    color: var(--main-color);
    text-align: center;
}
.sod_frm_mobile#sod_frm .sod_frm_point {
    padding: 10px 0;
    clear: both;
    border: 0 none;
}
.sod_frm_mobile .sod_frm_point div {
    background: #fff;
    border: 1px solid #e3e5e8;
    padding: 10px;
    text-align: right;
}
.sod_frm_mobile .sod_frm_point div:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sod_frm_mobile .sod_frm_point div label {
    float: left;
    line-height: 30px;
}
.sod_frm_mobile .sod_frm_point div span {
    display: block;
    margin: 5px 0;
}
.sod_frm_mobile .sod_frm_point div span:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sod_frm_mobile .sod_frm_point .max_point_box em {
    font-style: normal !important;
}
.sod_frm_mobile .sod_frm_point div strong {
    float: left;
    color: #666;
    font-weight: 400;
}
.sod_frm_mobile .sod_frm_point #od_temp_point {
    height: 30px;
    border: 1px solid #d0d3db;
    text-align: right;
    background: #fff;
    box-shadow: none;
}
.sod_frm_mobile #settle_bank {
    background: #fff;
    border: 1px solid #e3e5e8;
    padding: 10px;
    clear: both;
    line-height: 30px;
}
.sod_frm_mobile #settle_bank:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.sod_frm_mobile #settle_bank select {
    padding: 12px 17px;
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 100%;
    height: 40px;
    line-height: 15px;
    cursor: pointer;
    transition: all 0.3s;
}
.sod_frm_mobile #settle_bank #od_deposit_name {
    padding: 10px 17px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
.sod_frm_mobile #settle_bank label {
    float: left;
    line-height: 30px;
}
.sod_frm_mobile #sod_frm_pt_info {
    border-top: 0;
}
.sod_frm_mobile .od_coupon {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 99;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.sod_frm_mobile .od_coupon h3 {
    border-bottom: 1px solid #eaeaea;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    font-size: var(--main-title04);
    text-align: center;
}
.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline {
    margin: 0;
    margin-left: 5px;
    background: var(--main-color);
    float: right;
    display: inline-block;
    border: 1px solid var(--main-color);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    min-width: auto;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    text-align: center;
}
.sod_frm_mobile .od_coupon .tbl_head02 td {
    text-align: left;
}
.sod_frm_mobile .od_coupon .tbl_head02 th {
    width: auto !important;
}
.sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall {
    width: 60px;
    text-align: center;
}
.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig {
    width: 80px;
    text-align: right;
}
.sod_frm_mobile .od_coupon .btn_confirm {
    margin: 20px;
}
.sod_frm_mobile .od_coupon .btn_confirm .btn_submit {
    height: 40px;
    font-size: 1.167em;
    font-weight: 700;
    width: 100%;
}
.sod_frm_mobile .od_coupon .btn_confirm .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border: 0;
    background: none;
    color: #fff;
    font-size: 1.25em;
}
.sod_frm_mobile .cp_btn,
.sod_frm_mobile .cp_btn1 {
    padding: 0 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    border: 1px solid #eaeaea;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 10px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    background: #fff;
    color: #666;
    transform: translateY(-50%);
}
.sod_frm_mobile .cp_apply {
    padding: 0 5px;
    border: 1px solid #3a8afd;
    color: #3a8afd;
    background: #fff;
    height: 23px;
    line-height: 21px;
}
.sod_frm_mobile .cp_cancel,
.sod_frm_mobile .cp_cancel1 {
    padding: 0 7px;
    border: 1px solid #d4d6db;
    border-radius: 3px;
    color: #aaa;
    background: #fff;
    line-height: 24px;
    margin: 5px 0 0 2px;
    font-size: 0.923em;
}
.sod_frm_mobile #sod_frm_escrow {
    margin: 10px;
}
.sod_frm_mobile #sod_frm_escrow h2 {
    font-size: 1.25em;
}
.sod_frm_mobile #od_pay_sl h3 {
    font-size: 1.25em;
}
.sod_frm_mobile .sod_list .li_name {
    padding: 20px;
    border-bottom: 1px solid #eee;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: var(--main-text01);
}
#sod_frm.sod_frm_mobile .odf_list .frm_input {
    width: 100% !important;
}
#sod_frm.sod_frm_mobile input[type='radio'],
.sod_frm_mobile #sod_frm.sod_frm_mobile input[type='checkbox'] {
    opacity: 0;
    position: absolute;
}
#sod_frm.sod_frm_mobile #od_memo {
    min-height: 50px;
}
#sod_frm.sod_frm_mobile input[type='radio']:checked + .lb_icon {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.sod_frm_mobile input[type='radio']:checked + .naverpay_icon {
    background: url(../../../../../img/ico-default-naverpay.png) no-repeat
        center #00de5a !important;
    border-color: #00de5a !important;
    background-size: 50px !important;
}
.sod_frm_mobile input[type='radio']:checked + .kakaopay_icon {
    background: url(../../../../../img/kakao.png) no-repeat center #ffeb00 !important;
    border-color: #ffeb00 !important;
    background-size: 70px !important;
}
.sod_frm_mobile .od_prd_list {
    margin: 10px;
    background: #fff;
    padding: 15px;
}
.sod_frm_mobile .od_prd_list .td_chk {
    border-left: 0;
}
.sod_frm_mobile .od_prd_list .td_prd {
    border-left: 0;
    position: relative;
    padding-left: 90px;
    min-height: 100px;
}
.sod_frm_mobile .od_prd_list .td_prd .sod_img {
    position: absolute;
    top: 15px;
    left: 0;
}
.sod_frm_mobile .od_prd_list .td_prd .sod_name {
    min-height: 80px;
}
.sod_frm_mobile .od_prd_list .td_prd .prd_name {
    font-size: 1.167em;
}
.sod_frm_mobile .od_prd_list .total_prc {
    color: #ff006c;
    font-weight: 700;
    font-size: 1.167em;
}
.sod_frm_mobile #sod_frm_orderer {
    margin-top: 30px;
    border-bottom: 1px solid #d6d3d3;
    border-top: 9px solid #f5f5f5;
    border-bottom: 1px solid #eee;
}
.sod_frm_mobile #sod_frm_taker {
    border-top: 9px solid #f5f5f5;
    border-bottom: 1px solid #eee;
}
.sod_frm_mobile #sod_frm_taker h2,
.sod_frm_mobile #sod_frm_orderer h2 {
    margin: 0;
    font-size: var(--main-text01);
}
.sod_frm_mobile .odf_list > ul > li {
    padding: 10px 20px;
}
.sod_frm_mobile .odf_list label,
.sod_frm_mobile .odf_list strong {
    display: block;
    color: #111;
    margin-bottom: 5px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
}
.sod_frm_mobile .odf_list .frm_input {
    width: 100%;
    margin: 0 0 5px;
}
#sod_frm.sod_frm_mobile .odf_list #od_email {
    margin: 0 auto;
    width: calc(100% - 40px) !important;
}
.sod_frm_mobile .odf_list .dlv_slt {
    padding: 0 20px;
    position: relative;
}
.sod_frm_mobile .odf_list .dlv_slt > div {
    line-height: 2.5;
}
.sod_frm_mobile .odf_list .dlv_slt strong {
    margin: 0;
    font-weight: 700;
    line-height: 30px;
}
.sod_frm_mobile .odf_list .dlv_slt div label {
    display: inline-block;
    margin: 3px 0;
    color: #000;
}
.sod_frm_mobile #order_address {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 10px;
    color: #606060;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.sod_frm_mobile .odf_list .ad_default {
    display: inline-block;
    margin: 0;
}
.sod_frm_mobile .odf_list .btn_addsch {
    padding: 0 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #eaeaea;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 10px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    background: #fff;
    color: #666;
}
.sod_frm_mobile .odf_list .add_num {
    position: relative;
    display: block;
}
.sod_frm_mobile .odf_list textarea {
    border: 1px solid #eaeaea;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 10px;
    padding: 5px;
    width: 100%;
    height: 70px;
}
.sod_frm_mobile .sod_ta_wr {
    border-top: 9px solid #f5f5f5;
}
.sod_frm_mobile .btn_confirm {
    margin: 0 0 10px;
}
.sod_frm_mobile .btn_submit {
}
.sod_frm_mobile .btn_cancel,
.sod_frm_mobile .btn01 {
}
.sod_frm_mobile #sod_frm_escrow {
    margin: 10px;
}
.sod_frm_mobile #sod_frm_escrow h2 {
    font-size: 1.25em;
}
.sod_frm_mobile #od_pay_sl h3 {
    font-size: 1.25em;
}
.sod_frm_mobile #od_tot_price {
    background: none;
    font-weight: 700;
}

/*ckeditor 단축키-----------------------------------------------------------------------------------------------------------------*/
.cke_sc {
    margin: 0 0 5px;
    text-align: right;
}
.btn_cke_sc {
    margin-left: 0;
    margin-bottom: 5px;
    min-width: 80px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background: #fff;
    cursor: pointer;
}
.cke_sc_def {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #eaeaea;
    background: #fafafa;
    text-align: center;
}
.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
}
.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
}
.cke_sc_def dt {
    width: 20%;
    font-weight: bold;
}
.cke_sc_def dd {
    width: 30%;
}
.btn_cke_sc_close {
    margin-left: 0;
    margin-top: 5px;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background: #fff;
    cursor: pointer;
    width: 100%;
    height: 40px;
}