@charset "UTF-8";


/****************************************************************************/

.btn {
    background-position: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.5px;
    transition: all 0.3s;
}
.btn:disabled {
    background: #d8d8d8 !important;
    cursor: not-allowed;
}
.btn:disabled:active {
    background-color: #d8d8d8 !important;
}
.btn:disabled:hover {
    filter: brightness(100%);
}
.btn .small {
    font-size: 90%;
}
.btn-grp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
@media (max-width: 600px) {
    .btn-grp {
        gap: 10px;
    }
}
.btn-grp .btn-flex-1 {
    flex: 1;
}
.btn-grp.btn-flex-start {
    justify-content: flex-start;
    gap: 8px;
}
.btn-main {
    background-color: #fdb640;
    color: #fff;
    border-radius: 10px;
}
.btn-main:hover {
    filter: brightness(95%);
}
.btn-remain {
    background-color: #fff3e0;
    color: #fdb640;
    border-radius: 10px;
}
.btn-remain:hover {
    filter: brightness(95%);
}
.btn-remain-bk {
    background-color: #fff3e0;
    color: #000;
    border-radius: 10px;
}
.btn-remain-bk:hover {
    filter: brightness(95%);
}
.btn-kakao {
    background-color: #fee500;
    border-radius: 10px;
    color: #191919;
}
.btn-naver {
    background-color: #03c75a;
}
.btn-gray,
.btn-naver {
    border-radius: 10px;
    color: #fff;
}
.btn-gray {
    background-color: #d9d9d9;
}
.btn-gray:hover {
    filter: brightness(95%);
}
.btn-light-gray {
    background-color: #d8d8d8;
    color: #fff;
    border-radius: 6px;
}

.btn-md-gray {
    background-color: #afafaf;
}
.btn-light-bk {
    background-color: #484848;
    color: #fff;
    border-radius: 8px;
}
.btn-light-bk:hover {
    filter: brightness(95%);
}
.btn-black {
    background-color: #1d1d1d;
    color: #fff;
    border-radius: 13px;
}
.btn-white {
    color: #fff;
}
.btn-color-white {
    background-color: transparent;
    color: #fff;
}
.btn-color-gray {
    color: #d1d1d1;
}
.btn-color-gray,
.btn-color-gray-2 {
    background-color: transparent;
    border-radius: 10px;
}
.btn-color-gray-2 {
    color: #d2d3d9;
}
.btn-color-gray-3 {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.2);
}
.btn-color-gray-4 {
    background-color: transparent;
    color: #a7a7a7;
}
.btn-color-bk {
    color: #000;
}
.btn-border-bk {
    background-color: transparent;
    border: 1px solid #000;
}
.btn-color-dark-gray {
    color: #818181;
}
.btn-color-primary {
    color: #fdb640;
}
.btn-orange-shadow {
    box-shadow: 0 5px 13px rgba(214, 145, 30, 0.27);
}
.btn-radius-10 {
    border-radius: 10px !important;
}
.btn-radius-8 {
    border-radius: 8px !important;
}
.btn-radius-6 {
    border-radius: 6px !important;
}
.btn-radius-18 {
    border-radius: 18px !important;
}
.btn-radius-22 {
    border-radius: 22px !important;
}
.btn-font-28-b {
    font-size: 1.75rem;
    font-weight: 700;
}
.btn-font-24-b {
    font-size: 1.5rem;
    font-weight: 700;
}
.btn-font-22-b {
    font-size: 1.375rem;
    font-weight: 700;
}
.btn-font-22-s {
    font-size: 1.375rem;
    font-weight: 600;
}
.btn-font-22 {
    font-size: 1.375rem;
    font-weight: 500;
}
.btn-font-22-r {
    font-size: 1.375rem;
    font-weight: 400;
}
.btn-font-20 {
    font-size: 1.25rem;
    font-weight: 500;
}
.btn-font-18 {
    font-size: 1.125rem;
    font-weight: 500;
}
.btn-font-18-b {
    font-size: 1.125rem;
    font-weight: 700;
}
.btn-font-16-b {
    font-size: 1rem;
    font-weight: 700;
}
.btn-font-16 {
    font-size: 1rem;
    font-weight: 500;
}
.btn-font-16-r {
    font-size: 1rem;
    font-weight: 400;
}
.btn-font-14-s {
    font-size: 0.875rem;
    font-weight: 600;
}
.btn-font-14 {
    font-size: 0.875rem;
    font-weight: 500;
}
.btn-underline {
    text-decoration: underline;
}
.btn-flex-left {
    justify-content: flex-start;
}
.btn-flex-end,
.btn-flex-left {
    display: flex;
    align-items: center;
}
.btn-flex-end {
    justify-content: flex-end;
}
.btn-gap-20 {
    gap: 20px;
}
.btn-full {
    width: 100%;
}
.btn-pd-10 {
    padding: 10px 27px;
}
.btn-pd-5 {
    padding: 0 5px;
}
.btn-full-pd {
    padding: 17px;
}
.btn-full-24 {
    padding: 24px;
}
.btn-full-22 {
    padding: 22px;
}
.btn-full-pl-37 {
    padding-left: 37px;
}
.btn-full-14 {
    padding: 14px;
}
.btn-full-12 {
    padding: 12px;
}
.btn-full-32 {
    padding: 32px 5px;
}
.btn-pd-15 {
    padding: 15px;
}
.btn-pd-15-3 {
    padding: 15px 5px;
}
.btn-pd-15-2 {
    padding: 15.5px;
}
.btn-pd-14 {
    padding: 14px 5px;
}
.btn-xl {
    padding: 12px 212px;
}
.btn-lg-xsm {
    padding: 22px 57px;
}
.btn-lg-sm {
    padding: 22px 67px;
}
.btn-big {
    width: 596px;
    margin: 0 auto;
}
.btn-xlg {
    padding: 22px 120px;
}
.btn-lgx {
    padding: 22px 75px;
}
.btn-lg {
    padding: 13px 93.5px;
}
.btn-xmd {
    padding: 13px 47px;
}
.btn-md {
    padding: 13px 33.5px;
}
.btn-mmd {
    padding: 15.5px 32px;
}
.btn-sm {
    padding: 14.5px 26px;
}
.btn-xsm {
    padding: 12px 44px;
}
.btn-xxsm {
    padding: 12px 35px;
}
.btn-xxxsm {
    padding: 13px 22px;
}
.btn-xxxxsm {
    padding: 12px 17px;
}
.btn-mb-10 {
    margin-bottom: 10px;
}
.btn-mb-11 {
    margin-bottom: 11px;
}
.btn-mb-13 {
    margin-bottom: 13px;
}
.btn-mb-17 {
    margin-bottom: 17px;
}
.btn-mt-17 {
    margin-top: 17px;
}
.btn-mt-20 {
    margin-top: 20px;
}
.btn-mr-60 {
    margin-right: 60px;
}
.btn-center {
    margin: 0 auto;
}
.btn-width-120 {
    width: 120px;
    height: 46px;
}
.btn-width-120-2 {
    width: 120px;
}
.btn-width-164 {
    width: 164px;
}
@media (max-width: 600px) {
    .btn-width-164 {
        width: 110px;
    }
}
.btn-width-112 {
    width: 112px;
}
.btn-width-176 {
    width: 176px;
    height: 52px;
}
.btn-shadow {
    box-shadow: 0 7px 13px rgba(201, 139, 36, 0.19);
}
.btn-cancle {
    padding: 9px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #efefef;
}
@media (max-width: 600px) {
    .btn-cancle.type-design-b-mb {
        padding: 5px;
        margin-left: 0;
    }
}
@media (max-width: 600px) {
    .btn-cancle.type-design-b-mb .icon-del-bk {
        width: 8px;
        height: 8px;
    }
}
.btn-cancle.type-white {
    background-color: #fff;
}
@media (max-width: 600px) {
    .btn-cancle.type-white {
        background-color: #efefef;
    }
}
.btn-cart-del {
    position: absolute;
    top: 26px;
    right: 31px;
    left: auto;
}
.btn-prev-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 21px;
    font-size: 2rem;
    font-weight: 700;
    padding: 8px 16px;
    background-color: #f8f8f8;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .btn-prev-detail {
        font-size: 1.125rem;
        gap: 12px;
        padding: 12px 24px;
    }
}
.btn-down {
    padding: 7px 37px;
    text-align: center;
    background-color: #3d3d3d;
    border-radius: 18px;
    color: #fff;
}
@media (max-width: 600px) {
    .btn-down {
        padding: 6px 24px;
        font-size: 0.75rem;
    }
}
.btn-hover {
    padding: 16px 36px 16px 64px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.2' height='23.2'%3E%3Cg data-name='그룹 24300' transform='translate(27.122 .6)' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect data-name='사각형 13019' width='19' height='22' rx='3' transform='translate(-26.522)' fill='%23fff' stroke='%23fff' stroke-width='1.2'/%3E%3Cg data-name='그룹 24299' fill='none' stroke='%23fdba4b' stroke-width='1.8'%3E%3Cpath data-name='선 2063' d='M-21.522 10.662h9'/%3E%3Cpath data-name='선 2064' d='M-21.522 5.911h9'/%3E%3Cpath data-name='선 2065' d='M-21.522 15.413h4.122'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: left 36px center;
    background-repeat: no-repeat;
    background-size: 21px 24px;
    transition: all 0.3s;
}
.btn-hover:hover {
    background-color: #fff;
    color: #fdb640;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.2' height='23.2'%3E%3Cg data-name='그룹 24300' transform='translate(27.122 .6)' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect data-name='사각형 13019' width='19' height='22' rx='3' transform='translate(-26.522)' fill='%23fdb640' stroke='%23fdb640' stroke-width='1.2'/%3E%3Cg data-name='그룹 24299' fill='none' stroke='%23fff' stroke-width='1.8'%3E%3Cpath data-name='선 2063' d='M-21.522 10.662h9'/%3E%3Cpath data-name='선 2064' d='M-21.522 5.911h9'/%3E%3Cpath data-name='선 2065' d='M-21.522 15.413h4.122'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 940px) {
    .btn-hover {
        padding: 9px 17px 9px 39px;
        background-position: left 19px center;
        background-size: 14px 17px;
    }
}
.btn-new-fav {
    padding: 15px 46px;
    color: #a8a8a8;
    background-color: #fff;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .btn-new-fav {
        background-color: #fff3e0;
        color: #000;
    }
}
@media (max-width: 600px) {
    .btn-arrow-disable:disabled {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg data-name='그룹 24421' transform='translate(14027 -15733)'%3E%3Crect data-name='사각형 173' width='34' height='34' rx='17' transform='translate(-14027 15733)' fill='%23d8d8d8'/%3E%3Cg data-name='그룹 23705' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 1999' d='M-14010.083 15742.826l5.909 5.909'/%3E%3Cpath data-name='선 2000' d='M-14010.083 15742.826l-5.909 5.909'/%3E%3Cpath data-name='선 2001' d='M-14010.083 15742.826v14.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
        background-color: transparent !important;
        background-position: 100% !important;
        background-size: 34px !important;
        background-repeat: no-repeat !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14) !important;
    }
}
.btn-lang {
    font-size: 1rem;
    font-weight: 500;
    color: #868686;
}
.btn-lang.is-active {
    color: #fdb640 !important;
    font-weight: 700 !important;
}
@media (max-width: 600px) {
    .btn-mb-full {
        width: 100% !important;
    }
}
@media (max-width: 600px) {
    .btn-flex-wrap {
        flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    .btn-mb-pd-15 {
        padding: 15px;
    }
}
@media (max-width: 630px) {
    .btn-mb-pd-16-s {
        font-size: 1rem;
        font-weight: 600;
    }
}
@media (max-width: 600px) {
    .btn-mb-18-b {
        font-size: 1.125rem;
        font-weight: 700;
    }
}
@media (max-width: 600px) {
    .btn-mb-18 {
        font-size: 1.125rem;
        font-weight: 500;
    }
}
@media (max-width: 600px) {
    .btn-mb-001 {
        font-size: 0.7rem;
        font-weight: 500;
    }
}
@media (max-width: 600px) {
    .btn-mb-16 {
        font-size: 1rem;
        font-weight: 500;
    }
}
@media (max-width: 600px) {
    .btn-mb-16-b {
        font-size: 1rem;
        font-weight: 700;
    }
}
@media (max-width: 600px) {
    .btn-mb-16-s {
        font-size: 1rem;
        font-weight: 600;
    }
}
@media (max-width: 600px) {
    .btn-mb-15-b {
        font-size: 0.9375rem;
        font-weight: 700;
    }
}
@media (max-width: 600px) {
    .btn-mb-14-r {
        font-size: 0.875rem;
        font-weight: 400;
    }
}
@media (max-width: 600px) {
    .btn-mb-12-r {
        font-size: 0.75rem;
        font-weight: 400;
    }
}
.pd-btn-grp {
    padding: 0 24px;
}
@media (max-width: 600px) {
    .pd-btn-grp {
        padding: 0;
    }
}
@media (max-width: 600px) {
    .brn-manual-dt {
        margin-right: 0;
    }
}
@media (max-width: 600px) {
    .btn-auth-skip {
        padding: 14.5px 25px;
        font-size: 1.125rem;
        font-weight: 500;
    }
}
@media (max-width: 600px) {
    .btn-auth-regist {
        flex: 1;
    }
}
@media (max-width: 600px) {
    .btn-sub-mb {
        padding: 14px 5px;
        text-align: center;
        font-size: 1.25rem;
    }
}
@media (max-width: 600px) {
    .btn-subscribe-mb {
        font-size: 1rem;
        font-weight: 700;
        width: calc(50% - 3.5px);
        padding: 11px 4px;
    }
}
@media (max-width: 600px) {
    .btn-main-detail-mb {
        padding: 10px 17px;
    }
}
@media (max-width: 600px) {
    .main-tab-cont-btn-grp {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 600px) {
    .btn-modify-mb {
        font-size: 0.875rem;
        font-weight: 700;
        text-decoration: underline;
    }
}
@media (max-width: 600px) {
    .btn-cart-modal-bottom {
        padding: 14px 40px;
    }
}
@media (max-width: 600px) {
    .btn-cart-mb {
        padding: 14px 28px;
    }
}
@media (max-width: 600px) {
    .btn-mb-25-mt {
        margin-top: 25px;
    }
}
@media (max-width: 600px) {
    .btn-mb-radius-10 {
        border-radius: 10px !important;
    }
}
@media (max-width: 600px) {
    .order-sub-btn-grp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        gap: 7px;
    }
}
@media (max-width: 600px) {
    .order-sub-btn-grp .btn-sub-2 {
        margin-bottom: 0;
    }
}

/*.btn-main {
    background-color: #fdb640;
    color: #fff;
    border-radius: 10px;
}
.btn-main:hover {
    filter: brightness(95%);
}*/

.btn-dark-gray {
    background-color: #e8e8e8;
    color: #a8a8a8;
    border-radius: 8px;
}
.btn-dark-gray:hover {
    filter: brightness(95%);
}

.btn-hd-quick-inquiry {
    padding: 9px 19px;
    border-radius: 17px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
}
@media (max-width: 600px) {
    .btn-hd-quick-inquiry {
        padding: 6px 13px;
        font-weight: 500;
    }
}

.fixed-btn-wrap {
    position: fixed;
    z-index: 1;
    top: auto;
    right: 60px;
    bottom: 230px;
    left: auto;
}
@media (max-width: 1480px) {
    .fixed-btn-wrap {
        right: 0;
    }
}
@media (max-width: 600px) {
    .fixed-btn-wrap {
        right: 12px;
        bottom: 70px;
    }
}
.fixed-btn-wrap.type-down .btn-fixed-down {
    display: block;
}
.fixed-btn-wrap .btn-top {
    width: 40px;
    height: 40px;
    background-color: #fdb640;
}
@media (max-width: 600px) {
    .fixed-btn-wrap .btn-top {
        width: 30px;
        height: 30px;
    }
}
.fixed-btn-wrap .btn-fixed-down {
    display: none;
    width: 40px;
    height: 40px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}
@media (max-width: 600px) {
    .fixed-btn-wrap .btn-fixed-down {
        width: 30px;
        height: 30px;
    }
}
/****************************************************************************/


/****************************************************************************/

.page {
    position: relative;
    min-height: 100vh;
    padding-top: 90.5px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
}

.page > .page-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.page > .page-container > *:last-child { margin-top: auto; }

@media (max-width: 1480px) {
    .page {
        overflow-x: auto;
        min-width: 1460px;
    }
}
@media (max-width: 600px) {
    .page {
        min-width: auto;
        overflow: hidden;
        padding-top: 50.5px;
        background-color: #fff;
    }
}
@media (max-width: 600px) {
    .page.type-gray {
        background-color: #fafafa;
    }
}
.page.pt-0 {
    padding-top: 0;
}
.page.pb-0 {
    padding-bottom: 0;
}
.page.type-white {
    background-color: #fff;
}

.l-center {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
}
@media (max-width: 1400px) {
    .l-center {
        padding: 0 16px;
    }
}
@media (max-width: 600px) {
    .l-center.type-disconnect {
        padding: 0;
    }
}


@media (max-width: 600px) {
    .mb-hide {
        display: none !important;
    }
}
.mb-show {
    display: none !important;
}
@media (max-width: 600px) {
    .mb-show {
        display: block !important;
    }
}
.mb-show-flex {
    display: none !important;
}
@media (max-width: 600px) {
    .mb-show-flex {
        display: flex !important;
    }
}
.mb-show-ib {
    display: none !important;
}
@media (max-width: 600px) {
    .mb-show-ib {
        display: inline-block !important;
    }
}	

.design-card {
    width: calc(25% - 16.5px);
    /*width: calc(100% - 16.5px);*/
    padding-bottom: 24px;
    margin-bottom: 19px;
}
@media (max-width: 600px) {
    .design-card {
        width: calc(50% - 5px);
        padding-bottom: 33px;
        margin-bottom: 0;
    }
}
.design-card.type-storage {
    padding-bottom: 0;
    margin-bottom: 0;
}
.design-card.type-storage,
.design-card.type-sub {
    width: calc(33.33333% - 14.66667px);
}
@media (max-width: 600px) {
    .design-card.type-sub {
        width: 100%;
        padding-bottom: 25px;
    }
}
.design-card.type-sub:hover .design-img .img {
    transition: all 0.4s;
    transform: scale(1.05);
}
.design-card .design-card-box {
    position: relative;
}
.design-card .design-img {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.design-card .design-img.type-design {
    padding-top: 100%;
    border-radius: 6px;
}
.design-card .design-img.type-gift {
    padding-top: 100%;
}
.design-card .design-img.type-model {
    padding-top: 59.955%;
    border-radius: 10px 10px 0 0;
}
.design-card .design-img.type-storage-img {
    padding-top: 81.185%;
    border-radius: 10px;
}
.design-card .design-img.type-storage-img .recommend-badge {
    z-index: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5.5px 11px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background-color: rgba(253, 182, 64, 0.85);
    border-radius: 7px;
}
.design-card .design-img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.design-card .design-card-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 26px;
    margin: 24px 0 11px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    line-height: 1.296;
}
@media (max-width: 600px) {
    .design-card .design-card-txt {
        height: 16px;
        margin: 10px 0 6px;
        font-size: 0.875rem;
    }
}
.design-card .design-card-txt.type-detail {
    margin: 7px 0 11px;
}
@media (max-width: 600px) {
    .design-card .design-card-txt.type-main {
        height: 21px;
        font-size: 1.125rem;
    }
}
.design-card .design-card-desc {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 43px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.65);
    word-wrap: break-word;
    line-height: 1.35;
    margin-bottom: 20px;
}
@media (max-width: 600px) {
    .design-card .design-card-desc {
        height: 33px;
        font-size: 0.75rem;
    }
}
@media (max-width: 600px) {
    .design-card .design-card-desc.type-main-desc {
        height: 38px;
        font-size: 0.875rem;
    }
}


.highlight {
    z-index: 2;
    position: relative;
    font-weight: 600;
}
.highlight:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 0;
    display: block;
    width: 0;
    height: 17px;
    background-color: #fdb640;
    transition: all 1s 1s;
}

.aos-animate .highlight:after {
    width: 100%;
}


.normal-center {
    max-width: 1040px;
    margin: 0 auto;
}
@media (max-width: 1100px) {
    .normal-center {
        padding: 0 16px;
    }
}

.main-ttl .title-img {
    overflow: hidden;
    width: 66px;
    height: 66px;
    margin: 0 auto 7px;
    border: 1px solid #f8f8f8;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
}
@media (max-width: 600px) {
    .main-ttl .title-img {
        width: 48px;
        height: 48px;
        margin: 0 auto 5px;
    }
}
.main-ttl .title-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.main-ttl .main-tt {
    font-size: 2.6875rem;
    font-weight: 800;
    color: #000;
    text-align: center;
}
@media (max-width: 600px) {
    .main-ttl .main-tt {
        font-size: 1.375rem;
        font-weight: 700;
    }
}
.main-ttl .main-tt.type-subpage {
    font-size: 1.6875rem;
}
@media (max-width: 600px) {
    .main-ttl .main-tt.type-subpage {
        font-size: 1.375rem;
        font-weight: 700;
    }
}
.main-ttl .main-tt.type-wh {
    color: #fff;
}
.main-ttl .main-desc {
    padding-top: 34px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #7a7a7a;
    text-align: center;
    line-height: 1.3612;
}
@media (max-width: 600px) {
    .main-ttl .main-desc {
        padding-top: 16px;
        font-size: 0.875rem;
    }
}
.main-ttl .main-desc.type-wh {
    padding-top: 31px;
    color: #fff;
}

.type-pre-line {
    white-space: pre-line;
}


.orange-txt {
    font-weight: 600;
    color: #fdb640;
}

.my-tab-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 54px;
    width: 100%;
    padding: 15px 0 0;
    margin-bottom: 49px;
    border-bottom: 1px solid #efefef;
    background-color: #fff;
}
@media (max-width: 600px) {
    .my-tab-container {
        justify-content: flex-start;
    }
}
@media (max-width: 600px) {
    .my-tab-container.type-mb-btn {
        overflow-x: scroll;
        gap: 8px !important;
        padding: 18px 16px 0;
        margin-bottom: 18px;
        border-bottom: none;
        background-color: transparent;
        white-space: nowrap;
    }
    .my-tab-container.type-mb-btn::-webkit-scrollbar {
        display: none;
    }
}
@media (max-width: 600px) {
    .my-tab-container.type-mb-btn .tab-ttl {
        padding: 7px 11px;
        border-radius: 16px;
        border-bottom: none;
        background-color: #fff;
    }
}
@media (max-width: 600px) {
    .my-tab-container.type-mb-btn .tab-ttl.is-active {
        background-color: #fdb640;
        color: #fff;
    }
}
.my-tab-container.type-main-tab {
    gap: 60px;
    padding: 66px 0 0;
    background-color: transparent;
}
@media (max-width: 600px) {
    .my-tab-container.type-main-tab {
        overflow-x: scroll;
        gap: 24px;
        width: 100vw;
        padding: 30px 16px 0;
        margin: 0 -16px 28px;
        white-space: nowrap;
    }
    .my-tab-container.type-main-tab::-webkit-scrollbar {
        display: none;
    }
}
@media (max-width: 600px) {
    .my-tab-container.type-mb-center {
        justify-content: center;
    }
}
.my-tab-container.type-manual {
    gap: 130px;
    padding: 66px 0 0;
    background-color: transparent;
}
@media (max-width: 600px) {
    .my-tab-container.type-manual {
        justify-content: center;
        gap: 24px;
        width: 100vw;
        padding: 30px 0 0;
        margin: 0 -16px 23px;
    }
}
.my-tab-container.type-cart {
    gap: 71px;
}
.my-tab-container .tab-ttl {
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    font-size: 1.1875rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.22);
    cursor: pointer;
}
@media (max-width: 600px) {
    .my-tab-container .tab-ttl {
        font-size: 0.9375rem;
    }
}
.my-tab-container .tab-ttl.is-active {
    border-color: #fdb640;
    color: #000;
}
.badge {
    display: inline-block;
    width: 85px;
    padding: 5px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
}
@media (max-width: 600px) {
    .badge {
        width: 67px;
        font-size: 0.875rem;
    }
}
.badge.type-green {
    background-color: #26d66a;
}
.badge.type-orange {
    background-color: #ffba30;
}
.card-grp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 22px;
}
@media (max-width: 600px) {
    .card-grp {
        gap: 0 10px;
    }
}
.card-grp.type-reivew-grp {
    gap: 81px 24px;
}
@media (max-width: 600px) {
    .card-grp.type-reivew-grp {
        flex-wrap: wrap;
        gap: 46px;
    }
}
@media (max-width: 600px) {
    .card-grp.type-mb-manual {
        flex-wrap: wrap;
    }
}
.card-grp.type-pd-top {
    padding-top: 30px;
}
@media (max-width: 600px) {
    .card-grp.type-pd-top {
        padding-top: 10px;
    }
}


.like-detail-conts {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 18px;
    border-radius: 5px;
    border: 1px solid #dedede;
    background-color: #fff;
    cursor: pointer;
}
@media (max-width: 600px) {
    .like-detail-conts {
        padding: 7px 13px;
    }
}
.like-detail-conts .like-grp {
    gap: 15px;
}
@media (max-width: 600px) {
    .like-detail-conts .like-grp {
        gap: 10px;
    }
}
.like-detail-conts .like-grp .heart {
    width: 13px;
    height: 13px;
}
@media (max-width: 600px) {
    .like-detail-conts .like-grp .heart {
        width: 10px;
        height: 10px;
    }
}
.like-detail-conts .like-grp .heart:after,
.like-detail-conts .like-grp .heart:before {
    width: 13px;
    height: 13px;
}
@media (max-width: 600px) {
    .like-detail-conts .like-grp .heart:after,
    .like-detail-conts .like-grp .heart:before {
        width: 10px;
        height: 10px;
    }
}
.like-detail-conts .like-grp .num {
    font-size: 1.375rem;
}
@media (max-width: 600px) {
    .like-detail-conts .like-grp .num {
        font-size: 0.875rem;
    }
}
.like-detail-conts-02 {
    justify-content: center !important;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
@media (max-width: 600px) {
    .like-detail-conts-02 {
        z-index: 1;
        position: fixed;
        top: auto;
        bottom: 70px;
        left: 16px;
        width: 42px;
        height: 42px;
    }
}
.like-detail-conts-02.type-lg {
    margin-left: 20px;
    width: 60px;
    height: 60px;
    border-color: #fff;
    background-color: transparent;
}
@media (max-width: 1100px) {
    .like-detail-conts-02.type-lg {
        z-index: 1;
        position: fixed;
        top: auto;
        bottom: 100px;
        left: 16px;
        width: 42px;
        height: 42px;
        margin-left: 0;
        background-color: #fff;
        border: 1px solid #e5e5e5;
    }
}
@media (max-width: 600px) {
    .like-detail-conts-02.type-lg {
        bottom: 70px;
    }
}
.like-detail-conts-02.type-lg.is-show {
    background-color: #fff;
}
.like-detail-conts-02.type-lg.is-show .heart,
.like-detail-conts-02.type-lg.is-show .heart:after,
.like-detail-conts-02.type-lg.is-show .heart:before {
    background-color: #fdb640;
}
.like-detail-conts-02.type-lg .heart {
    background-color: #fff;
}
@media (max-width: 1100px) {
    .like-detail-conts-02.type-lg .heart {
        background-color: #e3e3e3;
    }
}
.like-detail-conts-02.type-lg .heart:after,
.like-detail-conts-02.type-lg .heart:before {
    background-color: #fff;
}
@media (max-width: 1100px) {
    .like-detail-conts-02.type-lg .heart:after,
    .like-detail-conts-02.type-lg .heart:before {
        background-color: #e3e3e3;
    }
}
.like-detail-conts-02.like-grp .heart {
    width: 13px;
    height: 13px;
}
@media (max-width: 600px) {
    .like-detail-conts-02.like-grp .heart {
        width: 10px;
        height: 10px;
    }
}
.like-detail-conts-02.like-grp .heart:after,
.like-detail-conts-02.like-grp .heart:before {
    width: 13px;
    height: 13px;
}
@media (max-width: 600px) {
    .like-detail-conts-02.like-grp .heart:after,
    .like-detail-conts-02.like-grp .heart:before {
        width: 10px;
        height: 10px;
    }
}

.like-grp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}
.like-grp.type-list {
    margin-top: 18px;
}
.like-grp .heart {
    position: relative;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    background-color: #e3e3e3;
    transform: rotate(45deg);
    transition: all 0.2s;
}
.like-grp .heart.is-like,
.like-grp .heart.is-like:after,
.like-grp .heart.is-like:before {
    background-color: #fdb640;
}
.like-grp .heart:after,
.like-grp .heart:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e3e3e3;
}
.like-grp .heart:before {
    left: -50%;
}
.like-grp .heart:after {
    top: -50%;
}
.like-grp .num {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #000;
}

.is-none {
    display: none !important;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


.tab-wrap .tab-tt {
    padding-left: 11px;
    margin-bottom: 10px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #bcbcbc;
}
.tab-wrap .tab-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 28px;
    border: 1px solid #efefef;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 400;
    color: #999;
}
.tab-wrap .tab-container .tab-ttl {
    width: 50%;
    padding: 15.5px 0;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}
.tab-wrap .tab-container .tab-ttl.type-cursor-none {
    cursor: auto;
}
.tab-wrap .tab-container .tab-ttl.is-active {
    background-color: #fdb640;
    color: #fff;
}
.tab-wrap .tab-container .tab-ttl.is-select {
    border: 1px solid rgba(253, 182, 64, 0.12);
    background-color: #fff3e0;
    color: #fdb640;
    box-shadow: 0 3px 6px rgba(222, 155, 40, 0.1);
}


.serve-center {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}
@media (max-width: 800px) {
    .serve-center {
        padding: 0 16px;
    }
}


.empty-content {
    text-align: center;
    padding: 100px 0;
}
.empty-content .empty-tt {
    margin-top: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #c1c1c1;
}
@media (max-width: 600px) {
    .empty-content .empty-tt {
        margin-top: 18px;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .empty-content .icon-empty {
        width: 64px;
        height: 64px;
    }
}

.mb-center {
    width: 100%;
    padding: 0 16px
}

.en-mb-show {
    display: none
}
/****************************************************************************/


/****************************************************************************/
.search-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 0 57px;
}
@media (max-width: 600px) {
    .search-wrap {
        gap: 8px;
        padding: 20px 0 24px;
    }
}
.search-wrap.type-manual {
    padding: 0 0 65px;
}
@media (max-width: 600px) {
    .search-wrap.type-manual {
        padding-bottom: 26px;
    }
}
.search-grp {
    position: relative;
    width: 675px;
}
.search-grp .inp-search {
    padding: 18px 50px 18px 25px;
    border: 1px solid transparent;
    border-radius: 12px;
    background-color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .search-grp .inp-search {
        padding: 13px 48px 13px 18px;
        background-color: #f9f9f9;
        font-size: 0.9375rem;
    }
}
.search-grp .inp-search::-moz-placeholder {
    color: #c7c7c7;
}
.search-grp .inp-search::placeholder {
    color: #c7c7c7;
}
.search-grp .inp-search:focus {
    outline: none;
    border-color: #fdb640;
}
.search-grp .btn-search {
    position: absolute;
    top: 50%;
    right: 22px;
    left: auto;
    transform: translateY(-50%);
}


/****************************************************************************/

/****************************************************************************/

.icon {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icon-search {
    width: 20px;
    height: 27px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.521' height='27.521'%3E%3Cg data-name='그룹 20075' fill='none' stroke='%23000' stroke-width='2'%3E%3Cg data-name='타원 50' transform='rotate(-45 16.611 6.88)'%3E%3Ccircle cx='9.73' cy='9.73' r='9.73' stroke='none'/%3E%3Ccircle cx='9.73' cy='9.73' r='8.73'/%3E%3C/g%3E%3Cpath data-name='선 538' stroke-linecap='round' d='M25.902 25.903l-5.666-5.666'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-prev {
    width: 13px;
    height: 23px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.243' height='24.243'%3E%3Cg data-name='그룹 19832' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'%3E%3Cpath data-name='선 1210' d='M12.121 22.122l-10-10'/%3E%3Cpath data-name='선 1211' d='M2.121 12.122l10-10'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-prev-gray {
    width: 7px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.121' height='12.121'%3E%3Cg data-name='그룹 19743' fill='none' stroke='%23818181' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath data-name='선 1210' d='M6.06 11.06l-5-5'/%3E%3Cpath data-name='선 1211' d='M1.06 6.06l5-5'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-arrow {
    flex-basis: 13px;
    flex-shrink: 0;
    width: 13px;
    height: 23px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.647' height='13.647'%3E%3Cg data-name='그룹 20914' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='4'%3E%3Cpath data-name='선 1210' d='M20.823 2.823l-9 8'/%3E%3Cpath data-name='선 1211' d='M11.823 10.823l-9-8'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-next-wh {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.243' height='20.243'%3E%3Cg data-name='그룹 19743' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'%3E%3Cpath data-name='선 1210' d='M2.122 2.121l8 8'/%3E%3Cpath data-name='선 1211' d='M10.122 10.121l-8 8'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-next-bk {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15.265'%3E%3Cpath d='M4.686 1.414l6.218 6.218-6.218 6.218' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}
.icon-scroll-horizontal {
    width: 24px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18'%3E%3Cg data-name='그룹 20527'%3E%3Cpath d='M5.343 1.331l7.409 7.684-7.409 7.684' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cg data-name='btn-hd-back'%3E%3Cpath data-name='icon-arw-sp-gr' d='M12.858 1.331l7.409 7.684-7.409 7.684' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' opacity='.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-kakao {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='패스 6513' d='M8.001 1.64c-3.824 0-6.923 2.45-6.923 5.473a5.348 5.348 0 003.284 4.656c-.145.541-.524 1.959-.6 2.262-.094.377.138.371.29.27.119-.079 1.9-1.288 2.664-1.81a8.767 8.767 0 001.285.094c3.824 0 6.923-2.451 6.923-5.473s-3.1-5.473-6.923-5.473' fill='%23391b1b'/%3E%3C/svg%3E");
}
.icon-naver {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg data-name='그룹 4531'%3E%3Cpath data-name='패스 5012' d='M10.206 8.423L5.719 2H2v12h3.9V7.577L10.383 14H14.1V2h-3.9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-kakao-lg {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg transform='translate(-1530 -655)'%3E%3Ccircle data-name='타원 611' cx='30' cy='30' r='30' transform='translate(1530 655)' fill='%23fee500'/%3E%3Cpath data-name='패스 6513' d='M1560.412 675.544c-5.931 0-10.739 3.8-10.739 8.49 0 3.052 2.037 5.727 5.095 7.223a547.07 547.07 0 00-.932 3.509c-.145.584.214.576.45.419.185-.123 2.943-2 4.133-2.807a13.6 13.6 0 001.993.147c5.931 0 10.739-3.8 10.739-8.49s-4.808-8.49-10.739-8.49' fill='%23391b1b'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 600px) {
    .icon-kakao-lg {
        width: 48px;
        height: 48px;
    }
}
.icon-naver-lg {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg transform='translate(-1609 -655)'%3E%3Ccircle data-name='타원 612' cx='30' cy='30' r='30' transform='translate(1609 655)' fill='%2303c75a'/%3E%3Cg data-name='그룹 4531'%3E%3Cpath data-name='패스 5012' d='M1642.867 686.246l-6.96-9.963h-5.769v18.615h6.044v-9.963l6.96 9.963h5.769v-18.615h-6.044z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 600px) {
    .icon-naver-lg {
        width: 48px;
        height: 48px;
    }
}
.icon-agree-check {
    width: 17px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.105' height='12.174'%3E%3Cpath d='M1.053 5.284l4.858 4.785 9.142-9' fill='none' stroke='%23b3b4bd' stroke-width='3' opacity='.5'/%3E%3C/svg%3E");
}
.icon-rock {
    width: 29px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='32'%3E%3Cg data-name='그룹 19955' transform='translate(-1397 -1168.454)'%3E%3Crect data-name='사각형 239' width='29' height='21' rx='4' transform='translate(1397 1179.454)' fill='%23fff'/%3E%3Cg data-name='사각형 240' transform='translate(1404 1168.454)' fill='none' stroke='%23fff' stroke-width='3'%3E%3Crect width='15' height='18' rx='7.5' stroke='none'/%3E%3Crect x='1.5' y='1.5' width='12' height='15' rx='6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-del {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cg data-name='그룹 21154' transform='translate(-1506 -723)'%3E%3Ccircle data-name='타원 7' cx='10.5' cy='10.5' r='10.5' transform='translate(1506 723)' fill='%23e5e5e5'/%3E%3Cg data-name='그룹 20191' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 1325' d='M1513 730l7 7'/%3E%3Cpath data-name='선 1326' d='M1520 730l-7 7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-lg {
    width: 81px;
    height: 81px;
    margin: 52px auto 23px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='81'%3E%3Cg data-name='타원 665' fill='%23efefef' stroke='%23ededed'%3E%3Ccircle cx='40.5' cy='40.5' r='40.5' stroke='none'/%3E%3Ccircle cx='40.5' cy='40.5' r='40' fill='none'/%3E%3C/g%3E%3Cg data-name='그룹 20298' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'%3E%3Cpath data-name='선 1371' d='M29 30l22 22'/%3E%3Cpath data-name='선 1372' d='M51 30L29 52'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-circle-wh {
    width: 29px;
    height: 29px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cg data-name='그룹 21242' transform='translate(-1213 -732)'%3E%3Ccircle data-name='타원 23' cx='14.5' cy='14.5' r='14.5' transform='translate(1213 732)' fill='%23efefef'/%3E%3Cg data-name='그룹 93'%3E%3Cg data-name='그룹 92' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 72' d='M1223 742l9 9'/%3E%3Cpath data-name='선 73' d='M1232 742l-9 9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-circle-bk {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg data-name='그룹 23815'%3E%3Cg data-name='그룹 20185'%3E%3Cpath data-name='패스 10686' d='M11 0A11 11 0 110 11 11 11 0 0111 0z'/%3E%3Cpath data-name='선 151' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M7.332 7.2l7.341 7.341'/%3E%3Cpath data-name='선 152' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M14.673 7.2l-7.341 7.341'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-bk {
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.828' height='11.828'%3E%3Cg data-name='그룹 93'%3E%3Cg data-name='그룹 92' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 72' d='M1.414 1.414l9 9'/%3E%3Cpath data-name='선 73' d='M10.414 1.414l-9 9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-gray {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414'%3E%3Cg data-name='그룹 19794' fill='none' stroke='%23c4c4c4' stroke-width='2'%3E%3Cpath data-name='선 1227' d='M.707.707l12 12'/%3E%3Cpath data-name='선 1228' d='M12.707.707l-12 12'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-wh {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.243' height='20.243'%3E%3Cg data-name='그룹 20077' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'%3E%3Cpath data-name='선 1278' d='M2.121 2.121l16 16'/%3E%3Cpath data-name='선 1279' d='M18.121 2.121l-16 16'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-del-dark-gray {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 12843' transform='translate(338 40)' fill='%23fff' stroke='%23707070' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='마스크 그룹 7937' transform='translate(-338 -40)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 23948' fill='none' stroke='%23565656' stroke-width='2'%3E%3Cpath data-name='선 2029' d='M352.636 41.364l-12.728 12.728'/%3E%3Cpath data-name='패스 10689' d='M339.908 41.364l12.728 12.728'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-download {
    width: 23px;
    height: 27px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.867' height='27.296'%3E%3Cg data-name='그룹 21165' fill='%23fff' stroke='%23fff' transform='translate(.25 .25)'%3E%3Cpath data-name='패스 10643' d='M22.178 5.724L16.643.189A.643.643 0 0016.186 0H2.369A2.368 2.368 0 000 2.369v22.058A2.368 2.368 0 002.369 26.8H20a2.368 2.368 0 002.369-2.369V6.181a.653.653 0 00-.189-.459zm-1.843-.151h-3.582V1.99zM20 25.633H2.369a1.208 1.208 0 01-1.2-1.2V2.369a1.2 1.2 0 011.2-1.2h13.216v4.918a.646.646 0 00.648.648H21.2v17.692a1.2 1.2 0 01-1.2 1.2z' stroke-width='.5'/%3E%3Cpath data-name='패스 10644' d='M10.782 17.919a.577.577 0 00.137.1h.009a.531.531 0 00.075.032l.043.014a.5.5 0 00.057.011h.082a.225.225 0 00.039 0 .171.171 0 00.048 0 .525.525 0 00.064-.014l.048-.014a.262.262 0 00.057-.027.292.292 0 00.046-.025c.016-.009.032-.023.048-.034a.355.355 0 00.044-.032s.007 0 .009-.009l4.04-4.04a.6.6 0 00.064-.786.57.57 0 00-.849-.048l-3.09 3.09v-9.72a.57.57 0 00-.629-.567.591.591 0 00-.51.6v9.692l-3.09-3.09a.57.57 0 00-.845.043.592.592 0 00.064.786l4.04 4.04z' stroke-width='.5'/%3E%3Crect data-name='사각형 12408' width='13.094' height='1.577' rx='.789' transform='translate(4.639 20.077)' stroke-width='.2'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-qna {
    width: 26px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.14' height='29.874'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11965' transform='translate(-15342 2735)' fill='none' stroke='%23707070' d='M0 0h26.14v29.874H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(15342 -2735)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 20269'%3E%3Cpath data-name='패스 10556' d='M-15322.72 2763.229l-5.753-1.962q-.227.009-.457.009a12.237 12.237 0 01-12.136-12.335 12.236 12.236 0 0112.137-12.334 12.236 12.236 0 0112.135 12.334 12.361 12.361 0 01-6.405 10.875l1.3 2.422a.7.7 0 01-.595 1.029.688.688 0 01-.226-.038z' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath data-name='패스 10538' d='M-15324.268 2748.555c0-3.141-1.057-5.892-4.941-5.892s-4.941 2.766-4.941 5.892c0 3.168 1.041 5.907 4.941 5.907a5.189 5.189 0 002.766-.677l1.429 1.124 1.305-1.4-1.381-1.078a7.4 7.4 0 00.822-3.876zm-2.548 0a8.221 8.221 0 01-.233 2.348l-1.341-1.08-1.3 1.412 1.4 1.109a2.528 2.528 0 01-.917.144c-1.569 0-2.393-.764-2.393-3.933 0-3.112.808-3.9 2.393-3.9s2.391.789 2.391 3.9z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-period {
    width: 19px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.421' height='17'%3E%3Cg data-name='그룹 19806'%3E%3Cg data-name='그룹 19803'%3E%3Cpath data-name='선 1230' fill='none' stroke='%230f1b3b' stroke-linecap='round' d='M.5 2.5h17.421'/%3E%3Cg data-name='타원 623' transform='translate(3)' fill='%23fdb640' stroke='%23000'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' stroke='none'/%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 19804'%3E%3Cpath data-name='선 1231' fill='none' stroke='%230f1b3b' stroke-linecap='round' d='M.5 8.5h17.421'/%3E%3Cg data-name='타원 624' transform='translate(11 6)' fill='%23fdb640' stroke='%23000'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' stroke='none'/%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 19805'%3E%3Cpath data-name='선 1232' fill='none' stroke='%230f1b3b' stroke-linecap='round' d='M.5 14.5h17.421'/%3E%3Cg data-name='타원 625' transform='translate(4 12)' fill='%23fdb640' stroke='%23000'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' stroke='none'/%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-plus {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.434' height='19.434'%3E%3Cg data-name='그룹 20166' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'%3E%3Cpath data-name='선 1313' d='M1.5 9.717h16.434'/%3E%3Cpath data-name='선 1314' d='M9.717 17.934V1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-empty {
    width: 88px;
    height: 88px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cg data-name='그룹 20184' transform='translate(-393 -599.671)'%3E%3Ccircle data-name='타원 26' cx='44' cy='44' r='44' transform='translate(393 599.671)' fill='%23f1f1f1'/%3E%3Cpath data-name='선 151' fill='none' stroke='%23d2d2d2' stroke-linecap='round' stroke-width='4' d='M421.867 628.844l29.351 29.351'/%3E%3Cpath data-name='선 152' fill='none' stroke='%23d2d2d2' stroke-linecap='round' stroke-width='4' d='M451.218 628.844l-29.351 29.351'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-complete {
    width: 85px;
    height: 85px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='85'%3E%3Cg transform='translate(-918 -449)'%3E%3Crect data-name='사각형 162' width='85' height='85' rx='42.5' transform='translate(918 449)' fill='%23fdb640'/%3E%3Cpath data-name='패스 7' d='M947.325 492.025l9.065 9.215 16.934-21.778' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-info {
    width: 15px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 12360' fill='%23fff' stroke='%23707070' stroke-width='2' d='M1139.986 324.55h15v17h-15z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='마스크 그룹 89' transform='translate(-1139.986 -324.55)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 21083' transform='translate(1140.966 325.573)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect data-name='사각형 12359' width='13.04' height='14.956' rx='3'/%3E%3Cg data-name='그룹 21082'%3E%3Cpath data-name='선 1588' d='M3.703 7.186h5.634'/%3E%3Cpath data-name='선 1589' d='M3.703 4.14h5.634'/%3E%3Cpath data-name='선 1590' d='M3.703 10.231h5.63'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-hamburger {
    width: 18px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12'%3E%3Cg data-name='그룹 23210'%3E%3Cpath data-name='패스 10519' d='M0 0h18v1H0z'/%3E%3Cpath data-name='사각형 834' d='M0 5.5h18v1H0z'/%3E%3Cpath data-name='사각형 835' d='M0 11h18v1H0z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-hamburger-wh {
    width: 18px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12'%3E%3Cg data-name='그룹 23210' fill='%23fff'%3E%3Cpath data-name='패스 10519' d='M0 0h18v1H0z'/%3E%3Cpath data-name='사각형 834' d='M0 5.5h18v1H0z'/%3E%3Cpath data-name='사각형 835' d='M0 11h18v1H0z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-service {
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg data-name='그룹 21015'%3E%3Cg data-name='그룹 21014'%3E%3Cpath data-name='패스 30' d='M6.413 14.634h-4.72V2.163h4.72a6.738 6.738 0 012.654.493 5.6 5.6 0 011.947 1.356 5.622 5.622 0 011.176 2 7.337 7.337 0 01.381 2.371 7.205 7.205 0 01-.426 2.53 5.6 5.6 0 01-1.257 1.993 5.666 5.666 0 01-1.963 1.281 6.8 6.8 0 01-2.511.447m-3.341-1.38h3.34a5.437 5.437 0 002-.35 4.3 4.3 0 001.49-.968 4.229 4.229 0 00.946-1.506 5.838 5.838 0 00.344-2.047 5.958 5.958 0 00-.307-1.926 4.253 4.253 0 00-.893-1.513 4.23 4.23 0 00-1.469-1.02 5.374 5.374 0 00-2.111-.382h-3.34z'/%3E%3Cpath data-name='패스 31' d='M10.843 14.634h-4.72V2.163h4.72a6.738 6.738 0 012.653.493 5.479 5.479 0 013.123 3.356A7.331 7.331 0 0117 8.383a7.2 7.2 0 01-.426 2.53 5.59 5.59 0 01-1.257 1.993 5.665 5.665 0 01-1.963 1.281 6.8 6.8 0 01-2.511.447m-3.341-1.379h3.341a5.434 5.434 0 002-.35 4.3 4.3 0 001.49-.968 4.226 4.226 0 00.945-1.506 5.834 5.834 0 00.339-2.047 5.963 5.963 0 00-.307-1.926 4.1 4.1 0 00-2.36-2.533 5.376 5.376 0 00-2.107-.383H7.502z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-about {
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg data-name='Group 272'%3E%3Cpath data-name='패스 48' d='M12.87 16.22H4.039a2.358 2.358 0 01-1.694-.717 2.535 2.535 0 01-.714-1.76V2.937a2.536 2.536 0 01.714-1.764A2.359 2.359 0 014.039.456h8.831a2.359 2.359 0 011.694.717 2.536 2.536 0 01.717 1.764v10.806a2.535 2.535 0 01-.714 1.764 2.358 2.358 0 01-1.697.713zM4.039 1.817a1.133 1.133 0 00-.8.337 1.111 1.111 0 00-.32.782v10.807a1.111 1.111 0 00.32.782 1.132 1.132 0 00.8.337h8.831a1.132 1.132 0 00.8-.337 1.111 1.111 0 00.32-.782V2.937a1.111 1.111 0 00-.32-.782 1.133 1.133 0 00-.8-.337z'/%3E%3Cpath data-name='패스 50' d='M11.234 6.083H5.541a.681.681 0 110-1.362h5.693a.681.681 0 010 1.362z'/%3E%3Cpath data-name='패스 10625' d='M11.234 8.806H5.541a.681.681 0 110-1.362h5.693a.681.681 0 010 1.362z'/%3E%3Cpath data-name='패스 10626' d='M9.104 11.53h-3.47a.681.681 0 010-1.362h3.47a.681.681 0 110 1.362z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-center {
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17.116'%3E%3Cg data-name='그룹 21013'%3E%3Cg data-name='그룹 20164'%3E%3Cg data-name='그룹 20160' transform='translate(3.94 6.666)'%3E%3Ccircle data-name='타원 61' cx='1.094' cy='1.094' r='1.094' transform='translate(6.18)'/%3E%3Ccircle data-name='타원 62' cx='1.094' cy='1.094' r='1.094' transform='translate(3.09)'/%3E%3Ccircle data-name='타원 63' cx='1.094' cy='1.094' r='1.094'/%3E%3C/g%3E%3Cpath data-name='패스 10627' d='M10.643 14.405c-.112.049-1.039.436-1.153.479l-4.2 1.585a.487.487 0 01-.624-.647l.614-1.417a.135.135 0 00-.07-.178 7.129 7.129 0 115.894-.034z' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-logout {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.705' height='21.941'%3E%3Cg data-name='그룹 20166' fill='none' stroke='gray' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath data-name='패스 10628' d='M6.644.746H.75v20.441h5.894' stroke-linejoin='round'/%3E%3Cg data-name='그룹 20165'%3E%3Cpath data-name='선 556' d='M5.644 10.971h13'/%3E%3Cpath data-name='선 557' d='M14.644 6.971l4 4'/%3E%3Cpath data-name='선 558' d='M14.644 14.971l4-4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-list {
    width: 21px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.2' height='23.2'%3E%3Cg data-name='그룹 24300' transform='translate(27.122 .6)' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect data-name='사각형 13019' width='19' height='22' rx='3' transform='translate(-26.522)' fill='%23fff' stroke='%23fff' stroke-width='1.2'/%3E%3Cg data-name='그룹 24299' fill='none' stroke='%23fdba4b' stroke-width='1.8'%3E%3Cpath data-name='선 2063' d='M-21.522 10.662h9'/%3E%3Cpath data-name='선 2064' d='M-21.522 5.911h9'/%3E%3Cpath data-name='선 2065' d='M-21.522 15.413h4.122'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-global {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.004'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 150' fill='%23606060' d='M0 0h20v20.003H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 24323'%3E%3Cg data-name='그룹 192' clip-path='url(%23a)'%3E%3Cpath data-name='패스 131' d='M10 0A10 10 0 110 10 10.007 10.007 0 0110 0M3.377 16.229c.066-.051.122-.1.182-.142.559-.384 1.113-.775 1.681-1.146.142-.093.191-.163.143-.332a16.241 16.241 0 01-.55-3.332c-.018-.27-.028-.541-.043-.818H.924a8.942 8.942 0 002.453 5.77m11.859-5.774a.712.712 0 00-.014.079 17.848 17.848 0 01-.608 4.145c-.037.13.019.18.121.234a9.885 9.885 0 011.794 1.235c.034.029.074.052.118.084a9.149 9.149 0 002.453-5.777zm-.009-.917H19.1a9.127 9.127 0 00-2.448-5.755c-.07.055-.125.1-.185.146-.564.39-1.123.786-1.7 1.161a.253.253 0 00-.14.318 66.8 66.8 0 01.474 2.625c.076.5.086 1 .126 1.505m-10.432.005a17.547 17.547 0 01.617-4.289L3.326 3.815A9.094 9.094 0 00.908 9.543zm8.956 4.914a16.362 16.362 0 00.572-4h-3.869v3.276a10.255 10.255 0 013.3.719m-4.209-.718v-3.268H5.679a16.422 16.422 0 00.575 3.991 10.04 10.04 0 013.287-.717m-3.865-4.2h3.863V6.29a10.233 10.233 0 01-3.3-.716 16.541 16.541 0 00-.563 3.966m4.778 0h3.866a16.349 16.349 0 00-.567-3.965 10.23 10.23 0 01-3.3.722zm0-8.5V5.4a8.976 8.976 0 003.033-.682 7.726 7.726 0 00-1.663-2.868 2.751 2.751 0 00-1.366-.809m-.914 0a2.489 2.489 0 00-1.093.56 5.854 5.854 0 00-1.472 2c-.173.357-.318.728-.48 1.1a9.055 9.055 0 003.045.699zm3.94 14.265a8.9 8.9 0 00-3.023-.676V19c.269-.125.523-.219.751-.355a3.953 3.953 0 001.182-1.166 8.84 8.84 0 001.09-2.168m-3.937-.678a8.892 8.892 0 00-3.066.7c.285.579.535 1.152.841 1.692a4.314 4.314 0 001.464 1.615 7.816 7.816 0 00.761.36zm2.973-13.36a9.294 9.294 0 011.8 3.106l1.718-1.2a8.791 8.791 0 00-3.518-1.906M3.969 3.185l1.722 1.193a9.282 9.282 0 011.791-3.107 8.815 8.815 0 00-3.513 1.914M7.475 18.73a9.435 9.435 0 01-1.78-3.08l-1.707 1.186a8.755 8.755 0 003.487 1.894m5.051 0a8.713 8.713 0 003.5-1.9l-1.71-1.186a9.307 9.307 0 01-1.785 3.087' fill='%23606060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-arrow-down-gray {
    width: 10px;
    height: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.98' height='5.98'%3E%3Cg data-name='그룹 24324' fill='none' stroke='%23606060' stroke-linecap='round' stroke-width='1.4'%3E%3Cpath data-name='선 1210' d='M8.991.99l-4 4'/%3E%3Cpath data-name='선 1211' d='M4.991 4.99l-4-4'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-top {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.101' height='9.464'%3E%3Cg data-name='그룹 30364' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 3054' d='M8.05 1.414L1.414 8.05'/%3E%3Cpath data-name='선 3055' d='M8.051 1.414l6.636 6.636'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-down,
.icon-top {
    width: 16px;
    height: 9px;
}
.icon-down {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.102' height='9.464'%3E%3Cg data-name='그룹 30365' fill='none' stroke='%23fdb640' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 3054' d='M8.05 8.05L1.414 1.414'/%3E%3Cpath data-name='선 3055' d='M8.051 8.05l6.636-6.636'/%3E%3C/g%3E%3C/svg%3E");
}


/****************************************************************************/

/****************************************************************************/

.inp {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
}
.inp:-moz-read-only {
    color: #646464;
}
.inp:read-only {
    color: #646464;
}
.inp::-webkit-inner-spin-button,
.inp::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.input-grp {
    padding-bottom: 30px;
}

.inp-grp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.input {
    position: relative;
}

.input.type-orange-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
}
@media (max-width: 600px) {
    .input.type-orange-input {
        gap: 10px;
    }
}
.input.type-orange-input .inp-orange {
    width: calc(50% - 14px);
}
@media (max-width: 600px) {
    .input.type-orange-input .inp-orange {
        width: calc(50% - 5px);
    }
}
.input.type-orange-input .inp-orange.type-full {
    width: 100%;
}
.input.type-several {
    padding-bottom: 20px;
}
.input.label-inp-grp {
    margin-bottom: 25px;
}
.input.type-bottom-0 {
    padding-bottom: 0;
}

.input .label-sm {
    padding-left: 11px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #5b5b5b;
}
.input .label-sm.type-inquiry-tt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 0 11px;
}
@media (max-width: 600px) {
    .input .label-sm.type-inquiry-tt {
        justify-content: space-between;
    }
}

.input .label-md {
    padding-left: 11px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #848484;
}
.input .label-orange {
    padding-left: 11px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fdb640;
}
.input .label-orange.type-dot {
    position: relative;
}
.input .label-orange.type-dot:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: -9px;
    left: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ff5d5d;
}

.input .inp-box {
    width: 100%;
    padding: 15px;
    margin: 10px 0 0;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
    font-size: 1rem;
    font-weight: 400;
}
.input .inp-box:-webkit-autofill,
.input .inp-box:-webkit-autofill:active,
.input .inp-box:-webkit-autofill:focus,
.input .inp-box:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset !important;
}
.input .inp-box:focus {
    outline: none;
    border-color: #fdb640;
}
.input .inp-box.type-none-focus:focus {
    border-color: #efefef;
}
.input .inp-box.type-correct {
    flex: 1;
    margin: 0;
}
.input .inp-box.type-orange {
    padding: 15px 19px;
    margin: 14px 0 21px;
    background-color: #f4f4f4;
}
@media (max-width: 600px) {
    .input .inp-box.type-orange {
        padding: 15px;
    }
}
.input .inp-box.type-orange:last-child {
    margin-bottom: 0;
}
.input .inp-box.type-orange:focus {
    outline: none;
    border-color: #fdb640;
}
.input .inp-box::-moz-placeholder {
    color: hsla(0, 0%, 60%, 0.4);
}
.input .inp-box::placeholder {
    color: hsla(0, 0%, 60%, 0.4);
}

.upload-inp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.upload-inp .upload-label {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    padding-left: 10px;
    margin-right: 5px;
    border-radius: 10px;
    background-size: 23.5px 26.5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.713' height='20.703'%3E%3Cpath data-name='패스 10546' d='M9.488 6.965l-2.46 4.261a1.912 1.912 0 00.54 2.64 1.911 1.911 0 002.556-.853l2.882-4.992a3.823 3.823 0 00-1.08-5.277 3.823 3.823 0 00-5.112 1.702l-2.95 5.11c-1.604 2.779-.907 6.186 1.558 7.61h0c2.466 1.423 5.764.324 7.369-2.456l2.528-4.379' fill='none' stroke='%237d7d7d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
}
@media (max-width: 600px) {
    .upload-inp .upload-label {
        width: 24px;
        height: 44px;
        padding-left: 0;
        background-size: 16px 19px;
    }
}
.upload-inp .chat-textarea-wrap {
    position: relative;
    flex-grow: 1;
    padding: 12px 0;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .upload-inp .chat-textarea-wrap {
        border: 1px solid #f0f0f0;
        background-color: #fff;
        border-radius: 22px;
    }
}
.upload-inp .chat-textarea-wrap .chat-textarea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 72px;
    padding-right: 85px;
    padding-left: 18px;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}
.upload-inp .chat-textarea-wrap .chat-textarea::-webkit-scrollbar {
    display: none !important;
}
@media (max-width: 600px) {
    .upload-inp .chat-textarea-wrap .chat-textarea {
        max-height: 62px;
        padding-right: 46px;
        font-size: 0.9375rem;
        line-height: 1.2;
    }
}
.upload-inp .chat-textarea-wrap .chat-btn {
    position: absolute;
    top: auto;
    right: 3px;
    bottom: 3px;
    left: auto;
    padding: 10px 23px;
    border-radius: 14px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34);
}
@media (max-width: 600px) {
    .upload-inp .chat-textarea-wrap .chat-btn {
        right: 5px;
        bottom: 5px;
        width: 34px;
        height: 34px;
        padding: 0;
        border-radius: 50%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg data-name='그룹 23707' transform='translate(14027 -15733)'%3E%3Crect data-name='사각형 173' width='34' height='34' rx='17' transform='translate(-14027 15733)' fill='%23fdb640'/%3E%3Cg data-name='그룹 23705' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 1999' d='M-14010.083 15742.826l5.909 5.909'/%3E%3Cpath data-name='선 2000' d='M-14010.083 15742.826l-5.909 5.909'/%3E%3Cpath data-name='선 2001' d='M-14010.083 15742.826v14.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-color: transparent;
        background-position: 100%;
        background-size: 34px;
        background-repeat: no-repeat;
        text-indent: -9999px;
        box-shadow: 0 3px 8px rgba(207, 129, 0, 0.34);
    }
}

.inp-grp.input-correct,
.inp-three {
    margin-top: 10px;
}
.inp-three {
    padding: 15.5px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
}
.inp-three:focus {
    outline: none;
    border-color: #fdb640;
}
.inp-three.type-border,
.inp-three.type-none-focus:focus {
    border: 1px solid #efefef;
}
.inp-three.type-border {
    background-size: 15px 9px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.707' height='7.061'%3E%3Cpath d='M.354.354l6 6 6-6' fill='none' stroke='%239b9b9b'/%3E%3C/svg%3E");
    font-weight: 400;
}

.inp-three.type-border:focus {
    outline: none;
    border: 1px solid #fdb640;
}

.inp-design-orange {
    padding: 16px 19px;
    margin-top: 13px;
    border: 2px solid transparent;
    border-radius: 10px;
    background-color: #f4f4f4;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.98' height='5.98'%3E%3Cg data-name='그룹 19743' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.4'%3E%3Cpath data-name='선 1210' d='M8.99.99l-4 4'/%3E%3Cpath data-name='선 1211' d='M4.99 4.99l-4-4'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 10px 14px;
    background-position: right 22px center;
    background-repeat: no-repeat;
}
@media (max-width: 600px) {
    .inp-design-orange {
        padding: 15px;
    }
}
.inp-design-orange:focus {
    outline: none;
    border-color: #fdb640;
}

.input-chck {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
@media (max-width: 600px) {
    .input-chck.type-gift-top {
        gap: 6px;
    }
}
.input-chck .label-tt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    cursor: pointer;
}
.input-chck .label-tt.type-md {
    font-weight: 500;
}
@media (max-width: 600px) {
    .input-chck .label-tt.type-md {
        font-size: 0.875rem;
        font-weight: 400;
    }
}
.input-chck .check-icon {
    flex-shrink: 0;
    width: 29px;
    height: 29px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Crect data-name='사각형 162' width='29' height='29' rx='4' fill='%23f4f4f4'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.input-chck .check-icon.type-gift-cart {
    width: 25px;
    height: 25px;
}
@media (max-width: 600px) {
    .input-chck .check-icon.type-gift-cart {
        width: 20px;
        height: 20px;
    }
}
.input-chck .check-switch:checked ~ .check-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cg data-name='그룹 75' transform='translate(-371 -543)'%3E%3Crect data-name='사각형 162' width='29' height='29' rx='4' transform='translate(371 543)' fill='%23fdb640'/%3E%3Cpath data-name='패스 7' d='M378.501 557.382l4.774 4.853 8.918-11.469' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}

.select-grp .select-tt {
    padding-bottom: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .select-grp .select-tt {
        padding: 0 0 13px 7px;
        font-size: 0.875rem;
    }
}
.select-grp .select {
    padding: 17px 24px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7'%3E%3Cpath data-name='다각형 21' d='M7.233 6.211a1 1 0 01-1.466 0L1.56 1.68A1 1 0 012.293 0h8.414a1 1 0 01.733 1.68z'/%3E%3C/svg%3E");
    background-size: 13px 7px;
    background-repeat: no-repeat;
    background-position: right 24px center;
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .select-grp .select {
        padding: 16px;
    }
}
.select-grp .select.type-gift {
    width: auto;
    padding: 18px 52px 18px 22px;
    border: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.443' height='8.36'%3E%3Cg data-name='그룹 20077' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 205' d='M1.414 1.414l5.531 5.531'/%3E%3Cpath data-name='선 206' d='M6.945 6.945l6.085-5.531'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 14px 9px;
    background-repeat: no-repeat;
    background-position: right 22px center;
    background-color: #efefef;
    font-size: 1.125rem;
}
@media (max-width: 600px) {
    .select-grp .select.type-gift {
        padding: 13px 33px 13px 14px;
        background-position: right 14px center;
        background-size: 11px 6px;
        font-size: 0.9375rem;
    }
}
.select-grp .select.type-color {
    width: 540px;
    padding: 17px 44px 17px 17px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.443' height='8.36'%3E%3Cg data-name='그룹 20077' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 205' d='M1.414 1.414l5.531 5.531'/%3E%3Cpath data-name='선 206' d='M6.945 6.945l6.085-5.531'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 14px 9px;
    background-repeat: no-repeat;
    background-position: right 28px center;
    font-size: 1rem;
    font-weight: 500;
}
@media (max-width: 600px) {
    .select-grp .select.type-color {
        width: 100%;
        padding: 15px 45px 15px 15px;
        background-position: right 20px center;
    }
}
.select-grp .select.type-inquiry {
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #efefef;
    background-color: #f8f8f8;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.443' height='8.36'%3E%3Cg data-name='그룹 20077' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 205' d='M1.414 1.414l5.531 5.531'/%3E%3Cpath data-name='선 206' d='M6.945 6.945l6.085-5.531'/%3E%3C/g%3E%3C/svg%3E");
    font-size: 1rem;
}
.select-grp .select.type-cart {
    width: auto;
    padding: 5px 24px 5px 9px;
    border: none;
    border-radius: 7px;
    background-color: #fdb640;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.828' height='5.828'%3E%3Cg data-name='그룹 19807' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'%3E%3Cpath data-name='선 1210' d='M7.414 1.414l-3 3'/%3E%3Cpath data-name='선 1211' d='M4.414 4.414l-3-3'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 8px 5px;
    background-position: right 9px center;
    background-repeat: no-repeat;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 600px) {
    .select-grp .select.type-cart {
        padding: 6px 24px 6px 7px;
        border: 1px solid #e4e4e4;
        background-color: #fafafa;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.951' height='4.183'%3E%3Cg data-name='그룹 19807' fill='none' stroke='%234b4b4b' stroke-linecap='round'%3E%3Cpath data-name='선 1210' d='M6.244.707L3.476 3.475'/%3E%3Cpath data-name='선 1211' d='M3.475 3.475L.707.707'/%3E%3C/g%3E%3C/svg%3E");
        font-size: 0.875rem;
        font-weight: 500;
        color: #4b4b4b;
    }
}


.textarea-grp .textarea-tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .textarea-grp .textarea-tt {
        padding-left: 10px;
        font-size: 0.875rem;
    }
}
.textarea-grp .textarea-tt.type-manual {
    font-size: 0.75rem;
    font-weight: 400;
    color: #bcbcbc;
}
.textarea-grp .content-area {
    width: 100%;
    padding: 22px 24px;
    margin-top: 18px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}
@media (max-width: 600px) {
    .textarea-grp .content-area {
        height: 117px;
        padding: 15px;
        font-size: 0.9375rem;
    }
}
.textarea-grp .content-area::-webkit-scrollbar {
    width: 3px;
}
.textarea-grp .content-area::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #fdb640;
}
.textarea-grp .content-area.type-manual-area {
    height: calc(100vh - 440px);
    padding: 30px;
    margin: 10px 0 54px;
    /*border: 1px solid transparent;*/
}
@media (max-width: 600px) {
    .textarea-grp .content-area.type-manual-area {
        height: 191px;
        padding: 13px 10px;
        margin: 0 0 12px;
        font-size: 0.9375rem;
    }
}
.textarea-grp .content-area.type-orange {
    height: 143px;
    padding: 16px 19px;
    border: 1px solid transparent;
    background-color: #f4f4f4;
}
@media (max-width: 600px) {
    .textarea-grp .content-area.type-orange {
        padding: 15px;
    }
}
.textarea-grp .content-area.type-orange::-moz-placeholder {
    color: #c6c6c6;
}
.textarea-grp .content-area.type-orange::placeholder {
    color: #c6c6c6;
}
.textarea-grp .content-area:focus {
    outline: none;
    border-color: #fdb640;
}
.textarea-grp .review-area {
    width: 100%;
    height: 160px;
    padding: 16px;
    margin-top: 12px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}
.textarea-grp .review-area:focus {
    outline: none;
    border-color: #fdb640;
}
.textarea-grp .review-area::-webkit-scrollbar {
    width: 5px;
}
.textarea-grp .review-area::-webkit-scrollbar-thumb {
    background-color: #fdb640;
    border-radius: 3px;
}
.textarea-grp .conts-area {
    width: 100%;
    height: 444px;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .textarea-grp .conts-area {
        height: 284px;
    }
}
.textarea-grp .conts-area:focus {
    outline: none;
    border-color: #fdb640;
}
.textarea-grp .conts-area::-moz-placeholder {
    color: hsla(0, 0%, 60%, 0.4);
}
.textarea-grp .conts-area::placeholder {
    color: hsla(0, 0%, 60%, 0.4);
}
.textarea-grp .conts-area::-webkit-scrollbar {
    width: 3px;
}
.textarea-grp .conts-area::-webkit-scrollbar-thumb {
    background-color: #fdb640;
    border-radius: 3px;
}


.input-grp {
    padding-bottom: 30px;
}
@media (max-width: 600px) {
    .input-grp {
        padding-bottom: 21px !important;
    }
}
@media (max-width: 600px) {
    .input-grp.type-inquiry {
        padding-bottom: 0;
    }
}
@media (max-width: 600px) {
    .input-grp.type-info {
        padding-bottom: 15px;
    }
}
.input-grp.type-bottom-0 {
    padding-bottom: 0;
}
.input-grp .input-tt {
    padding: 0 0 18px 11px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #848484;
}
.input-grp .correct-tt {
    margin: 10px 0 0 11px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #ff5d5d;
}
.input-grp .correct-tt.type-match {
    color: #0155f5;
}









/****************************************************************************/




/****************************************************************************/

.modal-underline {
    text-decoration: underline;
}
.alert-dialog-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    z-index: 100;
    opacity: 0;
    transition: all 0.3s;
}
.alert-dialog-wrapper.is-show,
.alert-dialog-wrapper.is-show .overlay {
    opacity: 1;
    pointer-events: visible;
}
.alert-dialog-wrapper.is-show .btn {
    height: 46px;
    font-weight: 700;
}
.alert-dialog-wrapper .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.alert-dialog-wrapper.type-exit .exit-chk-grp {
    padding: 0 16px 10px;
}
.alert-dialog-wrapper.type-exit .exit-chk-grp .login-input-chck {
    margin-top: 0;
}
.alert-dialog-wrapper.type-exit .exit-chk-grp .label-tt {
    color: #000;
    font-weight: 500;
}
.alert-dialog-wrapper.type-exit .alert-dialog__content {
    height: 150px;
}
.alert-dialog-wrapper.type-exit .alert-dialog__btn-wrap .btn_reject {
    flex-grow: 1;
}
.alert-dialog-wrapper.type-exit .alert-dialog__btn-wrap .btn-confirm {
    flex-grow: 3;
}
.alert-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
    background-color: #fff;
    opacity: 0;
    transform: translateY(1.875rem);
    transition: all 0.3s;
    border-radius: 20px;
}
.alert-dialog__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 130px;
    padding: 10px 39px 0;
}
.alert-dialog__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}
.alert-dialog__desc,
.alert-dialog__title {
    color: #000;
    word-break: keep-all;
    text-align: center;
}
.alert-dialog__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    display: inline-block;
    margin-top: 14px;
}
.alert-dialog__btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    padding-top: 0.5rem;
}
.alert-dialog__btn-wrap .btn_reject {
    width: 100px;
    margin-right: 10px;
    white-space: nowrap;
}
.alert-dialog__btn-wrap + [class*="url-wrap"] {
    margin-top: 0.125rem;
    padding-bottom: 1.3125rem;
}
.alert-dialog__btn-wrap .btn-confirm {
    flex-grow: 1;
}
.alert-dialog__btn {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 100%;
    font-size: 1rem;
    color: #fff;
    height: 48px;
    line-height: 48px;
    background-color: #fdb640;
    font-weight: 700;
    border-radius: 10px;
}
.alert-dialog__btn:active {
    filter: brightness(95%);
}
.alert-dialog__btn .in-chck-icon {
    margin-right: 3px;
}
.alert-dialog__url-wrap {
    text-align: center;
}
.alert-dialog__url-wrap .link_url {
    margin-left: 0.5rem;
    color: #000;
    word-break: keep-all;
}
.alert-dialog__url-wrap .link_url:first-child {
    margin-left: 0;
}
.alert-dialog-wrapper.is-show .alert-dialog {
    transform: translateY(0);
    opacity: 1;
    pointer-events: visible;
    transition-delay: 0.2s;
}
.alert-dialog .empha-title {
    font-size: 0.8125rem;
    line-height: 1.7;
}
.alert-dialog .empha-title b {
    font-weight: 500;
    font-size: 0.9375rem;
}
.alert-dialog .recm-label {
    color: #000;
}
.confirmation-dialog-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: zIndex(popup);
    background-color: rgba(0, 0, 0, 0.6);
}
.confirmation-dialog {
    position: relative;
    z-index: zIndex(popup) 1;
    width: 90%;
    max-width: 350px;
    background-color: #fff;
}
.confirm-dialog__hd {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 3.125rem;
}
.confirm-dialog__title {
    font-size: 1.125rem;
    font-weight: 600;
}
.confirm-dialog__exit {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 2.8125rem;
    height: 100%;
}
.confirm-dialog__mid {
    width: 100%;
    height: 50vh;
    overflow: scroll;
}
.confirm-dialog__bt .btn {
    border-radius: 0;
}


.modal-wrapper {
    z-index: 100;
    transition: all 0.3s 0.3s;
    pointer-events: none !important;
}
.modal-wrapper,
.modal-wrapper .bg-cover {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
.modal-wrapper .bg-cover {
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.75);
    transition: all 0.2s;
    transition-delay: 0.2s;
    pointer-events: none;
}
.modal-wrapper .modal-content {
    z-index: 300;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
    pointer-events: none;
}
@media (max-width: 600px) {
    .modal-wrapper .modal-content.type-mb-full-modal {
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }
}
.modal-wrapper .modal {
    padding: 62px 43px 43px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
}
@media (max-width: 600px) {
    .modal-wrapper .modal {
        padding: 32px 24px 18px;
    }
}
.modal-wrapper .modal .modal-img {
    width: 84px;
    height: 84px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .modal-wrapper .modal .modal-img {
        width: 55px;
        height: 55px;
    }
}
.modal-wrapper .modal .modal-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.modal-wrapper .modal .modal-tt {
    padding: 27px 0 20px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .modal-wrapper .modal .modal-tt {
        padding: 10px 0 14px;
        font-size: 1.3125rem;
    }
}
.modal-wrapper .modal .modal-txt {
    padding-bottom: 55px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .modal-wrapper .modal .modal-txt {
        padding-bottom: 28px;
        font-size: 0.9375rem;
    }
}
.modal-wrapper .cart-modal {
    width: 700px;
    height: 90vh;
    padding: 59px 0;
    background-color: #fff;
    border-radius: 20px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal {
        width: 100%;
    }
}
.modal-wrapper .cart-modal .cart-modal-top {
    z-index: 2;
    position: fixed;
    top: -2px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 700px;
    padding: 18px 44px;
    border-radius: 20px 20px 0 0;
    background-color: #fdb640;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .cart-modal-top {
        top: 0;
        width: 100%;
        padding: 20px 26px;
        border-radius: 0;
        background-color: #fff;
    }
}
.modal-wrapper .cart-modal .cart-modal-top .cart-modal-tt {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .cart-modal-top .cart-modal-tt {
        width: 100%;
        text-align: center;
        color: #000;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle {
    overflow-y: auto;
    height: calc(100vh - 195px);
    padding: 20px 0 44px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle {
        padding: 16px 0 44px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle.type-height-2 {
    height: calc(100vh - 215px);
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle.type-height-2 {
        height: calc(100vh - 120px);
    }
}
.modal-wrapper .cart-modal .gift-modal-middle::-webkit-scrollbar {
    width: 5px;
}
.modal-wrapper .cart-modal .gift-modal-middle::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fdb640;
}
.modal-wrapper .cart-modal .gift-modal-middle::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option {
    padding: 0 47px;
    margin-bottom: 32px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option {
        margin-bottom: 25px;
        padding: 0 16px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-tt-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-tt-grp .gift-option-tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-tt-grp .gift-option-txt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #fdb640;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box {
    padding: 32px;
    margin-top: 16px;
    border: #e6e6e6;
    border-radius: 8px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box {
        padding: 19px 16px 16px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 23px;
    margin-bottom: 23px;
    border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp {
        display: block;
        padding-bottom: 17px;
        margin-bottom: 19px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-left .gift-option-box-tt {
    margin-bottom: 5px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-left .gift-option-box-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 350px;
    max-height: 19px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    word-wrap: break-word;
    line-height: 1.296;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-left .gift-option-box-product {
    font-size: 0.875rem;
    color: #717171;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-left .gift-option-box-product {
        padding: 7px 0 11px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-left .gift-option-box-product .product {
    margin-left: 8px;
    color: #000;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-price {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-box-grp .gift-option-box-price .price {
    font-size: 0.8125rem;
    font-weight: 400;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-scroll {
    overflow-y: auto;
    max-height: 177px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-option .gift-option-box .gift-option-scroll::-webkit-scrollbar {
    display: none;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list {
    padding: 36px 47px 34px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list {
        padding: 30px 16px 25px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-payment-tt {
    padding: 0 23px 15px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-payment-tt {
        padding: 0 10px 15px;
        margin-bottom: 27px;
    }
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-payment-tt.type-mb-estimate {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-list-box {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-list-box {
        padding-bottom: 26px;
        margin-bottom: 26px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-payment-list .gift-modal-list-box.type-border-none {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 23px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list {
        padding: 0 16px;
        align-items: flex-start;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-all {
    padding-top: 17px;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-final {
    padding: 51px 0 0;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-final {
        padding: 30px 0 0;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-center {
    align-items: center;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-mb-block {
        display: block;
        padding: 24px 10px 0;
    }
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list.type-mb-block .gift-modal-list-num {
        margin-top: 8px;
        font-size: 0.9375rem;
        font-weight: 400;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-tt {
    font-size: 1rem;
    font-weight: 400;
    color: #8d8d8d;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-tt {
        font-size: 0.9375rem;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num {
        font-size: 0.9375rem;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num .gift-modal-num-box {
    width: 80px;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num .gift-modal-num-box {
        padding: 8px 25px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num .gift-modal-num-box:focus {
    outline: none;
    border-color: #fdb640;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num .gift-modal-num-box::-webkit-inner-spin-button,
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-num .gift-modal-num-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-right {
    text-align: end;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-right .gift-modal-list-invoice {
    margin-bottom: 6px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fdb640;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-all {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-all {
        font-size: 1.125rem;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-all .vat {
    font-size: 1rem;
    font-weight: 400;
    color: #727272;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-all .vat {
        font-size: 0.875rem;
    }
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-list .gift-modal-list-all .vat.type-block {
        display: block;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-delivery {
    padding: 36px 68px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-modal-delivery {
        padding: 30px 16px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-delivery .gift-modal-delivery-tt {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    padding-bottom: 33px;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-modal-delivery-radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 36px;
    margin-bottom: 41px;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree {
    padding: 36px 69px 44px;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree {
        padding: 20px 16px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box {
    padding: 20px 18px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .gift-box-agree-txt {
    padding-bottom: 18px;
    margin-bottom: 18px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .gift-box-agree-txt {
        font-size: 0.9375rem;
    }
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .input-chck {
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .input-chck .check-icon {
        width: 20px;
        height: 20px;
    }
}
.modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .gift-label-tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    cursor: pointer;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .gift-modal-middle .gift-box-agree .gift-box-agree-box .gift-label-tt {
        font-size: 0.9375rem;
    }
}
.modal-wrapper .cart-modal .cart-modal-bottom {
    z-index: 2;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 700px;
    padding: 18px 69px 32px;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .modal-wrapper .cart-modal .cart-modal-bottom {
        width: 100%;
        padding: 18px 16px 36px;
        border-radius: 0;
    }
}
.modal-wrapper.type-content-modal .refusal-modal .refusal-answer .refusal-answer-box {
    height: 50vh;
}
@media (max-width: 600px) {
    .modal-wrapper.type-content-modal .refusal-modal .refusal-answer .refusal-answer-box {
        height: 40vh;
    }
}
.modal-wrapper.is-show {
    opacity: 1;
    pointer-events: visible !important;
}
.modal-wrapper.is-show .bg-cover {
    opacity: 1;
    pointer-events: visible;
}
.modal-wrapper.is-show .modal-content {
    opacity: 1;
    pointer-events: visible;
    transition-delay: 0.3s;
}
@media (max-width: 600px) {
    .modal-wrapper.is-show .modal-content {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .modal-wrapper.is-show .modal-content.type-giftbox {
        max-width: 330px;
    }
}


.refusal-modal-content {
    max-width: 700px;
    width: 100%;
}
@media (max-width: 600px) {
    .refusal-modal-content {
        max-width: 330px;
    }
}
.refusal-modal {
    position: relative;
    padding: 33px 44px !important;
}
@media (max-width: 600px) {
    .refusal-modal {
        padding: 25px 16px !important;
    }
}
.refusal-modal .refusal-modal-tt {
    padding-bottom: 35px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .refusal-modal .refusal-modal-tt {
        padding-bottom: 30px;
        font-size: 1.375rem;
    }
}
.refusal-modal .btn-close {
    position: absolute;
    top: 35px;
    right: 35px;
    left: auto;
}
@media (max-width: 600px) {
    .refusal-modal .btn-close {
        top: 32px;
        right: 24px;
    }
}
.refusal-modal .refusal-answer {
    padding: 10px 6px;
    margin-bottom: 32px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .refusal-modal .refusal-answer {
        margin-bottom: 20px;
    }
}
.refusal-modal .refusal-answer .refusal-answer-box {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 360px;
    padding: 16px 10px 16px 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
    text-align: left;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .refusal-modal .refusal-answer .refusal-answer-box {
        height: 120px;
        padding: 10px;
    }
}
.refusal-modal .refusal-answer .refusal-answer-box::-webkit-scrollbar {
    width: 3px;
}
.refusal-modal .refusal-answer .refusal-answer-box::-webkit-scrollbar-thumb {
    background-color: #fdb640;
    border-radius: 3px;
}
.refusal-modal .refusal-answer .refusal-answer-box::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}

/****************************************************************************/





/****************************************************************************/

.main-page {
    padding-bottom: 0;
    background-color: #fff;
}

.main-section-ttl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}
@media (max-width: 600px) {
    .main-section-ttl-wrap {
        display: block;
        margin-bottom: 27px;
    }
}
.main-section-ttl-wrap .main-section-ttl-txt-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
@media (max-width: 600px) {
    .main-section-ttl-wrap .main-section-ttl-txt-grp {
        display: block;
        text-align: center;
    }
}
.main-section-ttl-wrap .main-section-ttl-txt-grp .main-section-ttl {
    font-size: 2.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .main-section-ttl-wrap .main-section-ttl-txt-grp .main-section-ttl {
        font-size: 1.625rem;
    }
}
.main-section-ttl-wrap .main-section-ttl-txt-grp .main-section-dec {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 600px) {
    .main-section-ttl-wrap .main-section-ttl-txt-grp .main-section-dec {
        margin-top: 5px;
        font-size: 0.875rem;
    }
}


.main-page .main-tab-section {
    padding-bottom: 80px;
}
@media (max-width: 600px) {
    .main-page .main-tab-section {
        padding-bottom: 8px;
    }
}
.main-page .main-tab-section .main-tab-ttl-grp {
    z-index: 10;
    position: relative;
    padding-top: 100px;
    padding-bottom: 25px;
    border-radius: 26px;
    background-color: #fff;
    transform: translateY(-41px);
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-ttl-grp {
        padding-top: 48px;
        padding-bottom: 18px;
        transform: translateY(-20px);
    }
}
.main-page .main-tab-section .main-tab-ttl {
    font-size: 2.5rem;
    font-weight: 300;
    text-align: center;
    color: #000;
    line-height: 1.3;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-ttl {
        font-size: 1.5625rem;
        font-weight: 300;
    }
}
.main-page .main-tab-section .main-tab-all-wrap {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 44.5px;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-all-wrap {
        z-index: 2;
        position: relative;
        margin-bottom: 0;
        border-bottom: none;
    }
}
.main-page .main-tab-section .main-tab-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 700px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-wrap {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 12px;
        border-radius: 10px;
        background-color: #fdb640;
        box-shadow: 0 12px 16px rgba(245, 155, 6, 0.18);
    }
}
.main-page .main-tab-section .main-tab-grp {
    cursor: pointer;
    position: relative;
    width: 25%;
    padding: 18px 0;
    text-align: center;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp {
        position: static;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2px;
        width: calc(50% - 7px);
        padding: 13px 0 11px;
    }
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp.is-active {
        background-color: hsla(0, 0%, 100%, 0.2);
        border-radius: 10px;
    }
}
.main-page .main-tab-section .main-tab-grp.is-active:after,
.main-page .main-tab-section .main-tab-grp.is-active:before {
    content: "";
}
.main-page .main-tab-section .main-tab-grp.is-active .main-tab-kor-txt {
    color: #000;
    font-weight: 700;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp.is-active .main-tab-kor-txt {
        color: #fff;
    }
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp .main-tab-img {
        width: 41px;
        height: 41px;
        margin-bottom: 8px;
    }
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp .main-tab-img .img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp .main-tab-txt-grp {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

/****************************************************************************/


/****************************************************************************/

.dwd-header {
    z-index: 20;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #efefef;
    background-color: #fff;
    transition: all 0.2s;
}
@media (max-width: 600px) {
    .dwd-header {
        border-bottom: none;
    }
}
.dwd-header.type-black {
    background-color: transparent;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
    background: rgba(0, 0, 0, 0.15);
}
.dwd-header.type-black .header-logo-img.type-white {
    display: none;
}
.dwd-header.type-black .header-logo-img.type-black {
    display: block;
}
.dwd-header.type-black .icon-hamburger-wh {
    display: block !important;
}
.dwd-header.type-black .icon-hamburger {
    display: none !important;
}
.dwd-header.type-black .header-gnb-grp .header-gnb-list .header-gnb-depth1-link {
    color: #fff;
}
.dwd-header.type-black .header-gnb-grp .header-gnb-list .header-gnb-depth1-link:hover {
    color: #fdb640;
}
.dwd-header.type-black .header-gnb-grp .header-gnb-list .header-gnb-depth2-grp {
    border: 1px solid #3d3d3d;
    background-color: #000;
}
.dwd-header.type-black .header-side-menu-wrap .header-gnb-grp .header-gnb-list .header-gnb-depth1-link {
    color: #b2b2b2;
}
.dwd-header.type-black .header-side-menu-wrap .header-gnb-grp .header-gnb-list.header-gnb-list-login:before {
    background-color: #464646;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1810px;
    height: 90.5px;
    padding: 0 20px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .header-inner {
        height: 50.5px;
        padding: 0 16px;
    }
}
.header-logo-wrap .header-logo-link {
    display: inline-block;
    width: 200px;
    height: 37.5px;
	position:relative
}
.header-logo-wrap .header-logo-seller{font-size:1.25rem; font-weight:600; position:absolute; top:14px; padding-left:8px}
@media (max-width: 600px) {
    .header-logo-wrap .header-logo-link {
        width: 73px;
        height: 21px;
    }
	.header-logo-wrap .header-logo-seller{font-size:1rem;width:60px; top:4px}
}
.header-logo-wrap .header-logo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
	display:inline-block;
	max-width:131px;
}
.header-logo-wrap .header-logo-img.type-white {
    display: inline-block;
}
.header-logo-wrap .header-logo-img.type-black {
    display: none;
}
.header-gnb-wrap {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}
@media (max-width: 1480px) {
    .header-gnb-wrap.type-hide {
        display: none;
    }
}
.header-gnb-grp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.header-gnb-grp .header-gnb-list {
    position: relative;
    height: 100%;
    padding: 0 20px;
    cursor: pointer;
}
.header-gnb-grp .header-gnb-list:hover .header-gnb-depth1-link {
    color: #fdb640;
    font-weight: 600;
}
.header-gnb-grp .header-gnb-list:hover .header-gnb-depth2-grp {
    opacity: 1;
    top: 85%;
    pointer-events: visible;
}
.header-gnb-grp .header-gnb-list.type-lang .header-gnb-depth1-link {
    color: #606060 !important;
}
.header-gnb-grp .header-gnb-list.type-lang .header-gnb-depth1-link .icon-global {
    margin-right: 9px;
}
.header-gnb-grp .header-gnb-list.type-lang .header-gnb-depth1-link .icon-arrow-down-gray {
    margin-left: 7px;
}
.header-gnb-grp .header-gnb-list.type-lang .header-gnb-depth2-grp {
    min-width: 93px;
}
.header-gnb-grp .header-gnb-list.type-lang .header-gnb-depth2-grp .header-gnb-depth2-link {
    text-align: center;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth1-grp {
    height: 100%;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth1-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    transition: color 0.2s;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth1-link.is-active {
    color: #fdb640 !important;
    font-weight: 600 !important;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth2-grp {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 80%;
    left: 50%;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 159px;
    padding: 24px 31px 30px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 9px 10px rgba(0, 0, 0, 0.01);
    transform: translateX(-50%);
    transition: all 0.2s;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth2-grp .header-gnb-depth2-link {
    display: block;
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #868686;
    white-space: nowrap;
    transition: all 0.2s;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth2-grp .header-gnb-depth2-link.is-active {
    color: #fdb640 !important;
    font-weight: 700 !important;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth2-grp .header-gnb-depth2-link:hover {
    color: #fdb640;
    font-weight: 700;
}
.header-gnb-grp .header-gnb-list .header-gnb-depth2-grp .header-gnb-depth2-link:last-child {
    margin-bottom: 0;
}

.header-side-menu-wrap {
    display: block;
    height: 100%;
}
@media (max-width: 1480px) {
    .header-side-menu-wrap.type-hide {
        display: none;
    }
}
.header-side-menu-wrap.type-show {
    display: none;
}
@media (max-width: 1480px) {
    .header-side-menu-wrap.type-show {
        display: block;
    }
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-list {
    padding: 0 16.5px;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-list.header-gnb-list-login {
    position: relative;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-list.header-gnb-list-login:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 17px;
    background-color: #f1f1f1;
    transform: translateY(-50%);
    transition: all 0.2s;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-list:hover .header-gnb-depth1-link {
    color: #fdb640;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-list .header-gnb-depth1-link {
    font-size: 0.875rem;
    font-weight: 450;
    color: #000;
    transition: all 0.2s;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-btn-list {
    padding-left: 8.5px;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-btn-list .header-hamburger-btn-grp .icon-hamburger {
    display: block;
}
.header-side-menu-wrap .header-gnb-grp .header-gnb-btn-list .header-hamburger-btn-grp .icon-hamburger-wh {
    display: none;
}
.layout-side-nav {
    overflow: auto;
    z-index: 50;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    pointer-events: none;
    overscroll-behavior: contain;
}
@media (max-width: 1480px) {
    .layout-side-nav.type-show {
        display: block;
    }
}
.layout-side-nav.is-active,
.layout-side-nav.is-active .bg-cover {
    opacity: 1;
    pointer-events: all;
}
.layout-side-nav.is-active .side-nav-area,
.layout-side-nav.is-active .side-nav-bottom {
    right: 0;
}
.layout-side-nav .bg-cover {
    z-index: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.68);
    pointer-events: none;
    transition: all 0.2s;
    transition-delay: 0.2s;
    text-indent: -9999px;
}
.layout-side-nav .mobile-nav-wrap {
    z-index: 110;
    position: fixed;
    top: 0;
    right: -100%;
    left: auto;
    width: 100%;
    max-width: 296px;
    height: 100vh;
    height: 100%;
    background-color: #fff;
    transition: all 0.4s;
}
.layout-side-nav .mobile-nav-wrap.is-active {
    right: 0;
}
.layout-side-nav .mobile-nav-wrap .mobile-top-grp {
    padding: 61px 0 18px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}
.layout-side-nav .mobile-nav-wrap .mobile-top-grp .l-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 61.5px;
}
.layout-side-nav .mobile-nav-wrap .mobile-top-grp .mobile-top-tt {
    margin-bottom: 19px;
    font-size: 1.375rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.29);
}
.layout-side-nav .mobile-nav-wrap .mobile-top-grp .mobile-top-tt .name {
    color: #000;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-wrap {
    overflow-y: scroll;
    height: calc(100% - 219px);
    padding-top: 18px;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1 {
    margin-bottom: 6px;
    padding: 20px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
    border-radius: 10px;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1 .mobile-gnb-depth1-tt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1 .img-box {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1 .img-box .img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth2-list {
    overflow: hidden;
    height: 0;
    transition: all 0.5s;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1-input:checked + .mobile-gnb-depth1 {
    background-color: #f5f5f5;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth1-input:checked ~ .mobile-gnb-depth2-list {
    height: auto;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth2-link {
    display: block;
    padding: 13px 47px;
    font-size: 1rem;
    font-weight: 400;
    color: #868686;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth2-link:last-child {
    margin-bottom: 0;
}
.layout-side-nav .mobile-nav-wrap .mobile-gnb-grp .mobile-gnb-depth2-link.is-active {
    font-weight: 700;
    color: #fdb640;
}
.layout-side-nav .side-nav-bottom {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
    max-width: 296px;
    padding: 20px 0;
    background-color: #fff;
    transition: all 0.4s;
}
.layout-side-nav .side-nav-bottom .nav-bottom-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 16px;
}
.layout-side-nav .side-nav-bottom .nav-bottom-grp .nav-lang {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.layout-side-nav .side-nav-bottom .side-bottom-tt {
    font-size: 1rem;
    font-weight: 400;
    color: #868686;
}

/****************************************************************************/





/****************************************************************************/

.dwd-footer {
    padding: 42px 0;
    background-color: #242328;
    transition: all 0.2s;
}
@media (max-width: 600px) {
    .dwd-footer {
        padding: 46px 0 61px;
    }
}
.dwd-footer.mb-add {
    margin-bottom: 110px;
}
@media (max-width: 600px) {
    .dwd-footer.mb-add {
        margin-bottom: 60px;
    }
}
.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .footer-inner {
        flex-wrap: wrap;
        padding: 0 16px;
    }
}

.ft-left-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 83px;
}
@media (max-width: 600px) {
    .ft-left-wrap {
        flex-wrap: wrap;
        gap: 24px;
    }
}
.ft-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 600px) {
    .ft-logo-wrap {
        flex-wrap: wrap;
    }
}
.ft-logo-wrap .ft-logo-link {
    display: block;
    width: 120.5px;
    height: 35px;
    cursor: default;
}
.ft-logo-wrap .ft-logo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.ft-nav-wrap {
    margin-bottom: 27px;
}
@media (max-width: 600px) {
    .ft-nav-wrap {
        width: 80%;
        margin-bottom: 30px;
    }
}
.ft-nav-wrap .ft-nav-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 29px;
}
@media (max-width: 600px) {
    .ft-nav-wrap .ft-nav-grp {
        flex-wrap: wrap;
        gap: 10px 17px;
    }
}
.ft-nav-wrap .ft-nav-grp .ft-nav-list {
    position: relative;
}
.ft-nav-wrap .ft-nav-grp .ft-nav-list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -14.5px;
    left: auto;
    display: block;
    width: 1px;
    height: 60%;
    background-color: #707070;
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .ft-nav-wrap .ft-nav-grp .ft-nav-list:after {
        right: -8.5px;
    }
}
.ft-nav-wrap .ft-nav-grp .ft-nav-list:last-child:after {
    content: none;
}
.ft-nav-wrap .ft-nav-grp .ft-nav-link {
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff;
}
.ft-info-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
}
@media (max-width: 600px) {
    .ft-info-wrap {
        display: block;
        gap: 12px;
        line-height: 1.042;
    }
}
.ft-info-wrap .ft-info-middle-grp {
    flex-grow: 1;
}
.ft-info-grp .ft-info-label {
    margin-right: 3px;
}
.ft-info-grp .ft-info-info,
.ft-info-grp .ft-info-label {
    font-size: 0.75rem;
    font-weight: 300;
    color: #959595;
}
.ft-right-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px;
}
@media (max-width: 600px) {
    .ft-right-wrap {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 14px;
        margin-top: 36px;
    }
}
.ft-sns-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}
@media (max-width: 600px) {
    .ft-sns-wrap {
        gap: 12px;
    }
}
.ft-sns-wrap .ft-sns-grp {
    width: 35px;
    height: 35px;
}
.ft-sns-wrap .ft-sns-grp .ft-sns-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.ft-copyright {
    font-size: 0.625rem;
    font-weight: 300;
    color: #959595;
}

/***********************************************************************************************************************/



/***********************************************************************************************************************/

.slider_one_big_picture {
    position: relative;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    user-select: none;
    overflow: hidden;
}

.slider_one_big_picture > * {
    transition: ease all 1s;
}

.slider_one_big_picture .hidden {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .active {
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.slider_one_big_picture .prev1,
.slider_one_big_picture .next1 {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 0px;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .next1 {
    left: 100%;
}

.slider_one_big_picture .prev2,
.slider_one_big_picture .next2 {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 0px;
    height: 100%;
    z-index: 0;
}

.slider_one_big_picture .next2 {
    left: 100%;
}

.nav_indicators {
    position: absolute;
    bottom: 64px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 500;
}

.nav_indicators ul {
    position: static;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.nav_indicators ul li {
    position: static;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 4px;
    padding: 0;
    overflow: hidden;
    background: hsla(0, 0%, 74.5%, 0.35);
    border: none;
    border-radius: 50%;
    cursor: pointer;
	font-size:0
}

.nav_indicators ul li.active {
    position: static;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 4px;
    padding: 0;
    background:#fdb640;
    border-radius: 50%;
    cursor: pointer;
}

.next_button,
.prev_button {
    position: absolute;
    top: 50% !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 200 !important;
    cursor: pointer;    
}
.next_button {
    right: 50px;
}
.prev_button {
    left: 50px;
}

.next_button:hover,
.prev_button:hover {
    opacity: 1 !important;
}
.next_button:after,
.prev_button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 38px;
    margin-top: -10px;
}

.next_button:after {
   background: url(/front/img/img_arrow_next_wh.svg) center no-repeat;

}

.prev_button:after {
   background: url(/front/img/img_arrow_prev_wh.svg) center no-repeat;
}


div.slider > div:not(.nav_indicators):not(.next_button):not(.prev_button) {
    text-align: center;
    box-sizing: border-box;
}
div.slider .slide{position:relative}
.slide-txt-wrap{position:absolute; top:40%; left:60%; transform:translate(-50%,-50%); width:100%; max-width:1810px; padding:0 100px;}
.slides img{object-fit:cover; width:100%; height:100%}
.slide-title{font-size:3rem; text-align:left; line-height:1.8; color:#212121; font-weight:700}
.slide-txt{font-size:2rem; text-align:left; line-height:1.8; color:#212121; padding:20px 0 50px 0}
.slide-title.slide-title-w, .slide-txt.slide-txt-w{color: #fff}
.slide-btn-wrap{ display:flex; gap:25px; }
.slide-btn{border-radius:50px; padding:10px 40px; font-size:1.25rem; cursor:pointer; border:2px solid transparent; background:transparent; color:#111; line-height:1;}
.slide-btn-left{
  background:transparent;
  color:#111;
  border-color:#111;
}
.slide-btn-right{
  background:#111;
  color:#fff;
  border-color:#111;
}

@media (max-width: 600px) {
.slide-txt-wrap{padding:0 40px;}	
.slide-title{font-size:2rem;}
.slide-txt{font-size:1.25rem}
.slide-btn{ padding:12px 16px; font-size:1rem; }
.prev_button{left:10px; display:none}
.next_button{right:10px; display:none}
.nav_indicators{bottom:40px}
}
/***********************************************************************************************************************/



/***********************************************************************************************************************/



.auth-page .login-section {
    padding: 20px 0 30px;
}
@media (max-width: 600px) {
    .auth-page .login-section {
        padding: 0 0 30px;
    }
}
.auth-page .register-section {
    padding: 20px 0 30px;
}
@media (max-width: 600px) {
    .auth-page .register-section {
        padding: 20px 0 30px;
    }
}
.auth-page .find-section {
    padding: 20px 0;
}
@media (max-width: 600px) {
    .auth-page .find-section {
        padding: 20px 0 30px;
    }
}
.auth-page .auth-tt {
    font-size: 2.5rem;
    font-weight: 700;
    color: #141414;
    text-align: center;
}
@media (max-width: 600px) {
    .auth-page .auth-tt {
        position: relative;
        font-size: 1.375rem;
    }
}
@media (max-width: 600px) {
    .auth-page .auth-tt.type-login {
        padding-top: 49px;
        font-size: 1.875rem;
    }
}
@media (max-width: 600px) {
    .auth-page .auth-tt .prev-btn {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}
.auth-page .auth-tt .prev-btn .icon-prev {
    height: 18px;
}
.auth-page .login-wrap {
    padding: 53.5px 50px;
    margin-top: 45px;
    background-color: #fff;
    border-radius: 30px;
}
@media (max-width: 600px) {
    .auth-page .login-wrap {
        padding: 0;
        margin-top: 37px;
    }
}
.auth-page .login-lnb-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 44px 0 42px;
}
@media (max-width: 600px) {
    .auth-page .login-lnb-wrap {
        padding: 25px 0 46px;
    }
}
.auth-page .login-lnb-wrap .login-register {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .auth-page .login-lnb-wrap .login-register {
        font-size: 0.875rem;
    }
}
.auth-page .login-lnb-wrap .lnb-find {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.auth-page .login-lnb-wrap .lnb-find .login-find {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    color: #919191;
}
@media (max-width: 600px) {
    .auth-page .login-lnb-wrap .lnb-find .login-find {
        font-size: 0.875rem;
    }
}
.auth-page .login-lnb-wrap .lnb-find .login-find:first-child {
    padding-right: 15px;
    margin-right: 15px;
}
.auth-page .login-lnb-wrap .lnb-find .login-find:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    width: 1px;
    height: 15px;
    background-color: #d5d5d5;
    transform: translateY(-50%);
}
.auth-page .register-sns-grp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 54px;
}
@media (max-width: 600px) {
    .auth-page .register-sns-grp {
        padding-top: 19px;
    }
}
.auth-page .register-sns-grp .register-sns-tt {
    font-size: 1rem;
    font-weight: 400;
    color: #717171;
    line-height: 1.344;
}
@media (max-width: 600px) {
    .auth-page .register-sns-grp .register-sns-tt {
        /*padding-right: 39px;
        margin-right: 24px;*/
        font-size: 0.8125rem;
    }
}
.auth-page .register-sns-grp .sns-grp {
    padding-left: 47.5px;
    margin-left: 47.5px;
    border-left: 1px solid #d8d8d8;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 19px;
}
@media (max-width: 600px) {
    .auth-page .register-sns-grp .sns-grp {
        gap: 12px;
    }
}
.auth-page .register-wrap {
    padding: 50px;
    margin-top: 33px;
    border-radius: 30px 30px 0 0;
    background-color: #fff;
}
@media (max-width: 600px) {
    .auth-page .register-wrap {
        padding: 0;
    }
}
.auth-page .register-bottom-wrap {
    z-index: 10;
    position: relative;
    border-radius: 0 0 30px 30px;
    background-color: #fff;
    padding: 10px 0px 20px;
}
@media (max-width: 600px) {
    .auth-page .register-bottom-wrap {
        padding: 0;
        margin-top: 35px;
    }
}
.auth-page .register-bottom-wrap:before {
    content: "";

    z-index: -2;
    position: absolute;
    top: 0;
    left: 50%;
    width: 90%;
    height: 31px;
   /* box-shadow: 0 -27px 26px rgba(0, 0, 0, 0.05);*/
    transform: translateX(-50%);
}
@media (max-width: 600px) {
    .auth-page .register-bottom-wrap:before {
        opacity: 0;
    }
}
.auth-page .register-bottom-wrap:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 0 0 30px 30px;
    background-color: #fff;
    transform: translateX(-50%);
}
@media (max-width: 600px) {
    .auth-page .register-bottom-wrap:after {
        opacity: 0;
    }
}
.auth-page .find-wrap {
    padding: 30px 50px 20px;
    margin-top: 45px;
    border-radius: 30px 30px 0 0;
    background-color: #fff;
}
@media (max-width: 600px) {
    .auth-page .find-wrap {
        padding: 0;
        margin-top: 41px;
    }
}
.auth-page .find-id-result-grp {
    padding: 16px 0;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp {
        padding: 6px 0 37px;
    }
}
.auth-page .find-id-result-grp.type-wrong {
    padding: 16px 0 64px;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp.type-wrong {
        padding-bottom: 42px;
    }
}
.auth-page .find-id-result-grp .find-id-img {
    width: 104px;
    height: 104px;
    margin: 0 auto;
}
.auth-page .find-id-result-grp .find-id-img .id-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.auth-page .find-id-result-grp .find-id-result-conts {
    width: 100%;
    padding: 26px;
    margin: 36px 0 16px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f8f8f8;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp .find-id-result-conts {
        padding: 22px;
        margin: 33px 0 14px;
    }
}
.auth-page .find-id-result-grp .find-id-result-conts.type-wrong {
    padding: 0;
    margin: 33px 0 0;
    border: none;
    background-color: transparent;
    text-align: center;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp .find-id-result-conts.type-wrong {
        margin: 27px 0 0;
    }
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp .find-id-result-conts.type-wrong .find-id-ttl {
        font-size: 1.125rem;
    }
}
.auth-page .find-id-result-grp .find-id-result-conts .find-id-ttl {
    font-size: 1.25rem;
    font-weight: 400;
    color: #141414;
    line-height: 1.4;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp .find-id-result-conts .find-id-ttl {
        font-size: 1rem;
        text-align: center;
    }
}
.auth-page .find-id-result-grp .find-id-result-guide {
    position: relative;
    margin-left: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #ccc;
    line-height: 1.429;
}
@media (max-width: 600px) {
    .auth-page .find-id-result-grp .find-id-result-guide {
        font-size: 0.8125rem;
        text-align: center;
    }
}

.auth-center {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}


.login-input-chck {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 17px;
}
.login-input-chck .label-tt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #ccc;
    cursor: pointer;
}
.login-input-chck .check-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg data-name='사각형 837' fill='%23fff' stroke='%23a8a8a8'%3E%3Crect width='22' height='22' rx='5' stroke='none'/%3E%3Crect x='.5' y='.5' width='21' height='21' rx='4.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s;
    cursor: pointer;
}
.login-input-chck .check-switch:checked ~ .check-icon {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29'%3E%3Cg data-name='그룹 75' transform='translate(-371 -543)'%3E%3Crect data-name='사각형 162' width='29' height='29' rx='4' transform='translate(371 543)' fill='%23fdb640'/%3E%3Cpath data-name='패스 7' d='M378.501 557.382l4.774 4.853 8.918-11.469' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}

.agree-label {
    margin-left: 11px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #5b5b5b;
}
.register-agree-box {
    padding: 30px;
    margin: 10px 0 0;
    border-radius: 10px;
    background-color: #f7f7f7;
}
@media (max-width: 600px) {
    .register-agree-box {
        padding: 18px 15px 25px;
    }
}
.register-agree-box .agree-btn {
    width: 100%;
    padding: 15.5px 0;
    border: 2px solid #fdb640;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 400;
    transition: all 0.3s;
}
.register-agree-box .agree-btn .icon-agree-check {
    margin-right: 5px;
    transform: translateY(-1px);
}
.register-agree-box .register-agree-list-grp {
    margin-top: 1.875em;
}
.register-agree-box .register-agree-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 20px 0;
}
@media (max-width: 600px) {
    .register-agree-box .register-agree-list {
        margin: 14px 0 8px;
    }
}
.register-agree-box .register-agree-list:last-child {
    margin-bottom: 0;
}
.register-agree-box .register-agree-list .chck-lb {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .register-agree-box .register-agree-list .chck-lb {
        font-size: 0.875rem;
    }
}
.register-agree-box .register-agree-list .txt-btn {
    margin: 0 11px;
    color: #8b8b8b;
    font-weight: 400;
    font-size: 0.75rem;
    text-decoration: underline;
}
@media (max-width: 600px) {
    .register-agree-box .register-agree-list .txt-btn {
        margin: 0 6px;
    }
}
.register-agree-box .register-agree-list .chck-with-lb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.register-agree-box .register-agree-list .chck {
    transition: all 0.3s;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect data-name='사각형 837' width='22' height='22' rx='5' fill='%23fff'/%3E%3C/svg%3E");
}
.register-agree-box .register-agree-list .chck-inp:checked ~ .chck {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect data-name='사각형 837' width='22' height='22' rx='5' fill='%23fdb640'/%3E%3Cpath data-name='패스 6511' d='M4 10.215L8.858 15 18 6' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.register-agree-box .agree-chck:checked ~ .agree-btn {
    background-color: #fdb640;
    color: #fff;
}
.register-agree-box .agree-chck:checked ~ .agree-btn .icon-agree-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.105' height='12.174'%3E%3Cpath d='M1.053 5.284l4.858 4.785 9.142-9' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.register-agree-box .register-agree-list .chck-inp:checked ~ .chck {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect data-name='사각형 837' width='22' height='22' rx='5' fill='%23fdb640'/%3E%3Cpath data-name='패스 6511' d='M4 10.215L8.858 15 18 6' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.register-agree-box .register-agree-list .chck-with-lb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.register-agree-box .register-agree-list .chck {
    transition: all 0.3s;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect data-name='사각형 837' width='22' height='22' rx='5' fill='%23fff'/%3E%3C/svg%3E");
}
.register-agree-box.is-invalid{
  border:1px solid #dc3545;
  border-radius:12px;
}

.seller-type-wrap{gap:12px; margin-top:10px; flex-flow:row wrap}
.seller-type{flex:auto; cursor:pointer}
.seller-type span{color:#646464; font-size:1rem; vertical-align:middle }
.seller-type input[type="radio"]{width:20px; height:20px; vertical-align:middle;appearance: none; border: solid 1px #ccc; border-radius: 50%; cursor:pointer;}
.seller-type input[type="radio"]:checked { border: 5px solid #fdb640; }
.seller-type-wrap.is-invalid { border: 1px solid #dc3545; border-radius: 12px; padding: 10px 12px; background: rgba(220,53,69,.02); }

.upload-btn{display: inline-block;vertical-align: middle;cursor: pointer;}
.upload-name {display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.upload-file{position: absolute; width: 1px;	height: 1px; padding: 0;	margin: -1px; overflow: hidden; clip:rect(0,0,0,0);border: 0;}

#portfolioGroup .inp-grp.input-correct{ display:flex; align-items:center; gap:10px; }
#portfolioGroup .upload-name{ flex:1; min-width:0; width:auto; }
#portfolioGroup .upload-btn{ flex:0 0 auto; }
#portfolioGroup #portfolio{ width:100%; }
#portfolioGroup .portfolio-box{ border:0; border-radius:12px; }
#portfolioGroup .portfolio-box.is-invalid{ border:1px solid #dc3545; padding: 14px 16px; }
#portfolioGroup .portfolio-box.is-invalid .inp-box.is-invalid{ border-color:#efefef !important; box-shadow:none !important; }
#portfolioGroup #portfolioGroupError{ margin-top:8px; color:#dc3545; }

.inp.inp-box.is-invalid { border-color: #dc3545 !important; box-shadow: 0 0 0 .2rem rgba(220,53,69,.08); }
.invalid-msg{ display:none; font-size:.875rem; line-height:1.4; color: #dc3545; margin-top: 6px; }
.invalid-msg.show{ display:block !important; }

/* ========== DWD Seller Alert ========== */
:root {
  --seller-accent: #FF9F2E;
  --seller-line: #eee;
  --seller-text: #222;
}

.dwd-seller-modal { position: fixed; inset: 0; display: none; z-index: 10000; }
.dwd-seller-modal.is-open { display: flex; align-items: flex-start; justify-content: center; padding-top: 14vh; }
.dwd-seller-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.52); }
body.modal-open { overflow: hidden; }

.dwd-seller-modal__dialog {
  position: relative; z-index: 1;
  width: min(520px, 92vw);
  background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.20);
  display: flex; flex-direction: column;
  transform: translateY(8px); opacity: 0;
  transition: transform .10s ease, opacity .10s ease;
  will-change: transform, opacity;
  outline: none;
}
.dwd-seller-modal.is-open .dwd-seller-modal__dialog { transform: translateY(0); opacity: 1; }

.dwd-seller-modal__header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--seller-line); }
.dwd-seller-modal__title { margin: 0; font-size: 18px; font-weight: 800; color: var(--seller-text); }
.dwd-seller-modal__close { margin-left: auto; background: none; border: 0; font-size: 22px; cursor: pointer; color: #666; }
.dwd-seller-modal__close:hover { color: #000; }
.dwd-seller-modal__icon {
  width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #22c55e; /* 기본: info = 초록 */
  color: #fff; font-weight: 800;
}

/* 상태 색상 (클래스: error / info) */
#dwdSellerAlert.error .dwd-seller-modal__icon { background: #dc3545; }
#dwdSellerAlert.info  .dwd-seller-modal__icon { background: #22c55e; }

.dwd-seller-modal__body { padding: 18px 16px; }
.dwd-seller-modal__content { font-size: 15px; line-height: 1.65; color: #333; letter-spacing: -0.2px; word-break: keep-all; white-space: normal; }
.dwd-seller-modal__footer { padding: 20px 16px; border-top: 1px solid var(--seller-line); display: flex; justify-content: center; }
.dwd-seller-alert__ok {
  min-width: 130px; height: 46px; padding: 0 20px;
  border: none; border-radius: 9999px; cursor: pointer;
  background: var(--seller-accent); color: #fff; font-weight: 700; font-size: 15px;
  box-shadow: 0 6px 18px rgba(255,159,46,.35);
}
.dwd-seller-alert__ok:hover { box-shadow: 0 8px 24px rgba(255,159,46,.45); }
.dwd-seller-alert__ok:active { transform: translateY(1px); }

@media (max-width: 420px) {
  .dwd-seller-modal__dialog { border-radius: 14px; }
  .dwd-seller-modal__body { padding: 16px; }
  .dwd-seller-modal__footer { padding: 12px; }
}


/********************************* 입점 가이드라인 *********************************/

.page.terms-page {
    padding-top: 160px;
}
.page.terms-page .ttl-grp {
    margin-bottom: 20px;
}
.page.terms-page .ttl-grp .ttl {
    font-size: 1.875rem;
    font-weight: 800;
    text-align: center;
    color: #000;
}
.page.terms-page .terms-contents-wrapper {
    padding: 30px;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .page.terms-page .terms-contents-wrapper {
        padding: 15px 15px;
    }
}
.page.terms-page .terms-article {
    color: #000;
}
.page.terms-page .terms-article-title {
    color: colot(text);
    font-weight: 600;
}
@media (max-width: 600px) {
    .page.terms-page .terms-paragraph {
        padding: 0;
    }
}
.terms-contents-wrapper {
    width: 100%;
    padding: 10px 16px;
    margin: 0 auto;
    line-height: 1.5;
    word-break: keep-all;
    text-align: left;
}
.terms-article {
    margin-bottom: 30px;
    font-size: 15px;
}
.terms-article-title {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.terms-article-title.type-lg {
    font-size: 20px;
}
.terms-article-title.type-sm {
    font-size: 15px;
}
.section-ttl {
    color: #000;
    font-size: 1.375rem;
    margin-bottom: 16px;
    font-weight: 700;
}
.terms-paragraph {
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
}
.terms-ul.type-order > li {
    padding-left: 18px;
    line-height: 1.5;
}
.terms-ul.type-order > li:first-child:before {
    content: "1.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(2):before {
    content: "2.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(3):before {
    content: "3.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(4):before {
    content: "4.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(5):before {
    content: "5.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(6):before {
    content: "6.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(7):before {
    content: "7.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(8):before {
    content: "8.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(9):before {
    content: "9.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(10):before {
    content: "10.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(11):before {
    content: "11.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(12):before {
    content: "12.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(13):before {
    content: "13.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(14):before {
    content: "14.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(15):before {
    content: "15.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(16):before {
    content: "16.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(17):before {
    content: "17.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(18):before {
    content: "18.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(19):before {
    content: "19.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-order > li:nth-child(20):before {
    content: "20.";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num {
    padding-left: 10px;
}
.terms-ul.type-num > li {
    padding-left: 20px;
    margin-bottom: 10px;
}
.terms-ul.type-num > li:first-child:before {
    content: "①";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(2):before {
    content: "②";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(3):before {
    content: "③";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(4):before {
    content: "④";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(5):before {
    content: "⑤";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(6):before {
    content: "⑥";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(7):before {
    content: "⑦";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(8):before {
    content: "⑧";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(9):before {
    content: "⑨";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(10):before {
    content: "⑩";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(11):before {
    content: "⑪";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(12):before {
    content: "⑫";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(13):before {
    content: "⑬";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(14):before {
    content: "⑭";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(15):before {
    content: "⑮";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-num > li:nth-child(16):before {
    content: "⑯";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-etc {
    padding-left: 10px;
    font-size: 0.9em;
}
.terms-ul.type-etc > li {
    margin-bottom: 10px;
}
.terms-ul.type-default {
    padding-left: 10px;
}
.terms-ul.type-default > li {
    padding-left: 12px;
    margin-bottom: 10px;
}
.terms-ul.type-default > li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li {
    padding-left: 17px;
}
.terms-ul.type-in-num > li > .terms-pers-table {
    margin-left: 0;
    margin-top: 10px;
}
.terms-ul.type-in-num > li:first-child:before {
    content: "1)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(2):before {
    content: "2)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(3):before {
    content: "3)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(4):before {
    content: "4)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(5):before {
    content: "5)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(6):before {
    content: "6)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(7):before {
    content: "7)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(8):before {
    content: "8)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(9):before {
    content: "9)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(10):before {
    content: "10)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(11):before {
    content: "11)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(12):before {
    content: "12)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(13):before {
    content: "13)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(14):before {
    content: "14)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(15):before {
    content: "15)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(16):before {
    content: "16)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(17):before {
    content: "17)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(18):before {
    content: "18)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(19):before {
    content: "19)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul.type-in-num > li:nth-child(20):before {
    content: "20)";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.terms-ul li {
    position: relative;
}
.terms-ul > li {
    margin-bottom: 20px;
}
.terms-ul .terms-ul {
    padding-left: 0;
    margin: 10px 0 15px;
    font-size: 0.9em;
}
.terms-ul .terms-ul > li {
    margin-bottom: 7px;
}
.in-terms-ul {
    margin: 10px 0 20px;
    font-size: 13px;
    line-height: 1.8;
}
.terms-desc {
    margin: 10px 0;
    font-size: 0.9em;
}
.terms-pers-table {
    margin-bottom: 20px;
    margin-left: 10px;
    border: 1px solid #404040;
    color: #000;
    text-align: center;
}
.terms-pers-table tr {
    border-bottom: 1px solid #404040;
}
.terms-pers-table th {
    padding: 5px 0;
    border-bottom: 1px solid #404040;
    background-color: #1d1d1d;
    color: #fff;
}
.terms-pers-table td,
.terms-pers-table th {
    border-right: 1px solid #404040;
    font-size: 14px;
}
.terms-pers-table td {
    padding: 10px 15px;
    text-align: left;
}
.terms-pers-table .terms-ul li {
    margin-bottom: 5px;
}

/****************************************************************************/