@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: 70px;
    background-color: #fafafa;
}
@media (max-width: 1480px) {
    .page {
        overflow-x: auto;
        min-width: 1460px;
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    .page {
        overflow-x: auto;
        min-width: auto;
    }
}
@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-minus {
	width: 19px;
    height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='4' y='11' width='16' height='2' fill='black'/%3E%3C/svg%3E");
}
.icon-plus2 {
	width: 19px;
    height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cline x1='12' y1='5' x2='12' y2='19' stroke='black' stroke-width='2'/%3E%3Cline x1='5' y1='12' x2='19' y2='12' stroke='black' stroke-width='2'/%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: 25px;
}
.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: 400;
    color: #bcbcbc;
}
.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-card.type-reivew {
    width: calc(33.33333% - 16px);
}
@media (max-width: 600px) {
    .main-card.type-reivew {
        width: 100%;
    }
}
.main-card .main-card-img {
    overflow: hidden;
    width: 100%;
    height: 282px;
    border-radius: 5px;
}
@media (max-width: 600px) {
    .main-card .main-card-img {
        height: 227px;
    }
}
.main-card .main-card-img .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.main-card .main-card-txt-grp {
    padding: 25px 10px;
    text-align: left; 
}
@media (max-width: 600px) {
    .main-card .main-card-txt-grp {
        padding: 18px 0 2px;
    }
}
.main-card .main-card-txt-grp .star-grp {
    margin-bottom: 14px;
}
.main-card .main-card-txt-grp .main-card-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 61px;
    margin-bottom: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.292;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .main-card .main-card-txt-grp .main-card-tt {
        margin-bottom: 16px;
    }
}
.main-card .main-card-txt-grp .main-card-id {
    font-size: 1.125rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 600px) {
    .main-card .main-card-txt-grp .main-card-id {
        font-size: 1rem;
    }
}

.storage-card-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
@media (max-width: 600px) {
    .storage-card-tag {
        gap: 6px;
    }
}
.storage-card-tag.type-content {
    justify-content: flex-start;
}
@media (max-width: 600px) {
    .storage-card-tag.type-content {
        gap: 6px;
    }
}
.storage-card-tag.type-detail-tag {
    justify-content: flex-start;
    padding: 76px 0 35px;
}
@media (max-width: 600px) {
    .storage-card-tag.type-detail-tag {
        padding: 18px 0 42px;
    }
}
.storage-card-tag.type-design-manual {
    justify-content: flex-start;
    margin-bottom: 4px;
}
.storage-card-tag .hash-tag {
    padding: 8px 15px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 400;
    color: #b3b4bd;
}
@media (max-width: 1251px) {
    .storage-card-tag .hash-tag {
        padding: 7px 10px;
        font-size: 0.875rem;
    }
}
.storage-card-tag .hash-tag.type-model {
    background-color: #f6f6f6;
    color: #929292;
}
.storage-card-tag .hash-tag.type-storage {
    background-color: #fafafa;
    color: #999aa2;
}
.storage-card-tag .hash-tag.type-manual {
    background-color: #dedede;
    color: #fff;
    font-weight: 700;
}
.storage-card-tag .hash-tag.type-storage-detail {
    background-color: #fafafa;
    color: #b3b4bd;
    font-weight: 700;
}
.storage-card-tag .dot-grp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.storage-card-tag .dot-grp .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #d1d1d1;
    border-radius: 50%;
}


.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-review {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
@media (max-width: 600px) {
    .main-section-ttl-wrap .main-section-ttl-txt-grp-review {
        display: block;
        text-align: center;
        margin-top:20px;
    }
}


.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: 1;
    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;
    }
}
.main-page .main-tab-section .main-tab-grp:before {
    bottom: 0;
    width: 70%;
    height: 3px;
    background-color: #fdb640;
}
.main-page .main-tab-section .main-tab-grp:after,
.main-page .main-tab-section .main-tab-grp:before {
    content: none;
    position: absolute;
    top: auto;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    transition: all 0.2s;
}
.main-page .main-tab-section .main-tab-grp:after {
    bottom: -7px;
    width: 19px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='8'%3E%3Cpath data-name='다각형 43' d='M10.144 7.458a1 1 0 01-1.288 0L2.1 1.765A1 1 0 012.74 0h13.52a1 1 0 01.64 1.765z' fill='%23fdb640'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp:after {
        width: 29px;
        height: 14px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='23'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 12997' transform='translate(-23857 11530)' fill='%23fff' stroke='%23707070' d='M0 0h29v23H0z'/%3E%3C/clipPath%3E%3Cfilter id='b' x='-39.5' y='-15.895' width='108.402' height='93.494' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='18'/%3E%3CfeGaussianBlur stdDeviation='11.5' result='blur'/%3E%3CfeFlood flood-color='%23f59b06' flood-opacity='.184'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg data-name='마스크 그룹 7982' transform='translate(23857 -11530)' clip-path='url(%23a)'%3E%3Cg transform='translate(-23857 11530)' filter='url(%23b)'%3E%3Cpath data-name='다각형 47' d='M18.6 20.256a5 5 0 01-7.792 0L1.54 8.74A5 5 0 015.44.606h18.522a5 5 0 013.9 8.134z' fill='%23fdb640'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        box-shadow: 0 18px 23px rgba(245, 155, 6, 0.18);
    }
}
.main-page .main-tab-section .main-tab-grp .main-tab-en-txt {
    margin-bottom: 9px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #b2b2b2;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp .main-tab-en-txt {
        margin-top: 2px;
        margin-bottom: 0;
        color: #ffe4b7;
    }
}
.main-page .main-tab-section .main-tab-grp .main-tab-kor-txt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #aaa;
    transition: all 0.2s;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-grp .main-tab-kor-txt {
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
    }
}
.main-page .main-tab-section .main-tab-cont-all-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.main-page .main-tab-section .main-tab-cont-left-grp {
    z-index: 1;
    position: relative;
    flex-basis: 218px;
    flex-shrink: 0;
    padding: 81px 0;
    border-radius: 10px;
    background-color: #fdb640;
    box-shadow: 0 18px 23px rgba(245, 155, 6, 0.18);
    text-align: center;
}
.main-page .main-tab-section .main-tab-cont-left-grp:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -14px;
    left: auto;
    display: block;
    width: 15px;
    height: 29px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='28'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 12756' transform='translate(513 1099)' fill='%23fff' stroke='%23707070' d='M0 0h15v28H0z'/%3E%3C/clipPath%3E%3Cfilter id='b' x='-51' y='-29.416' width='102.746' height='123.285' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='18'/%3E%3CfeGaussianBlur stdDeviation='11.5' result='blur'/%3E%3CfeFlood flood-color='%23f59b06' flood-opacity='.184'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg data-name='마스크 그룹 103' transform='translate(-513 -1099)' clip-path='url(%23a)'%3E%3Cg transform='translate(513 1099)' filter='url(%23b)'%3E%3Cpath data-name='다각형 44' d='M12.406 10.326a5 5 0 010 7.792l-20.768 16.7a5 5 0 01-8.134-3.9v-33.4a5 5 0 018.134-3.9z' fill='%23fdb640'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-all-grp {
    overflow: hidden;
    margin: 0 auto 15px;
    width: 89px;
    height: 89px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp {
    opacity: 0;
    pointer-events: none;
    transform: translateY(30px);
    transition: all 0s;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp.is-fadeup {
    opacity: 1;
    pointer-events: visible;
    transform: translateY(0);
    transition: all 0.7s;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp .icon {
    display: block;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp .icon-designb {
    background-image: url(../img/icon_designb.svg);
    width: 64.5px;
    height: 64px;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp .icon-giftbox {
    background-image: url(../img/icon_giftbox.svg);
    width: 51.5px;
    height: 58.5px;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp .icon-storage {
    background-image: url(../img/icon_storage.svg);
    width: 58px;
    height: 50px;
}
.main-page .main-tab-section .main-tab-cont-left-grp .icon-grp .icon-manual {
    background-image: url(../img/icon_manual.svg);
    width: 48.5px;
    height: 56px;
}
.main-page .main-tab-section .main-tab-cont-left-grp .main-tab-cont-kor-txt {
    margin-bottom: 6px;
    font-size: 1.375rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
}
.main-page .main-tab-section .main-tab-cont-left-grp .main-tab-cont-en-txt {
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff1d9;
    text-align: center;
}
.main-page .main-tab-section .main-tab-cont-right-grp {
    position: relative;
    left: -10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 40px;
    padding-bottom: 36px;
    padding-left: 95.5px;
    margin-right: -10px;
    border: 1px solid #f7f7f7;
    border-radius: 0 10px 10px 0;
    background-color: #fcfcfc;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-cont-right-grp {
        z-index: 1;
        top: -44px;
        left: 0;
        height: 560px;
        padding: 42px 7px 36px;
        margin-right: 0;
        border: none;
        border-radius: 0 0 10px 10px;
        background-color: #f5f5f5;
    }
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-txt-grp {
        margin-bottom: 19px;
        text-align: center;
    }
}
.main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-ttl {
    margin-bottom: 15px;
    font-size: 2.125rem;
    font-weight: 400;
    color: #151515;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-ttl {
        padding-top: 42px;
        margin-bottom: 25px;
        font-size: 1.625rem;
        font-weight: 600;
    }
}
.main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-dec {
    font-size: 1rem;
    font-weight: 400;
    color: #151515;
    line-height: 1.55;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-dec {
        font-size: 0.9375rem;
        line-height: 1.615;
        word-break: keep-all;
    }
}
.main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-btn-grp .btn-show-detail {
    padding: 14px 29px;
    border: 1px solid #707070;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 500;
    color: #151515;
    background-color: #fcfcfc;
}
@media (max-width: 600px) {
    .main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-btn-grp .btn-show-detail {
        padding: 10px 22px;
    }
}
.main-page .main-tab-section .main-tab-cont-right-grp .main-tab-cont-btn-grp .btn-show-detail:hover {
    filter: brightness(95%);
}


.main-best-review-section {
    padding-bottom: 110px;
    position: relative;
}
@media (max-width: 600px) {
    .main-best-review-section {
        padding-bottom: 39px;
    }
}
.main-best-review-section .main-best-review-slide-wrap {
    position: relative;
}
.main-best-review-section .main-best-btn-next,
.main-best-review-section .main-best-btn-prev {
    /*top: 141px;*/
    top: 206px;
    margin-top: -25px;
}
.main-best-review-section .main-best-btn-prev {
    left: -25px;
}
.main-best-review-section .main-best-btn-next {
    right: -25px;
}
.main-hot-service-section {
    padding-bottom: 137px;
    position: relative;
}
@media (max-width: 600px) {
    .main-hot-service-section {
        padding: 50px 16px 40px;
        margin: 0 -16px;
        /*background-color: #f8f8f8;*/
    }
}
.main-hot-service-section .main-hot-service-slide-wrap {
    position: relative;
}
.main-hot-service-section .main-hot-btn-next,
.main-hot-service-section .main-hot-btn-prev {
    /*top: 158px;*/
    top: 223px;
    margin-top: -25px;
}
.main-hot-service-section .main-hot-btn-prev {
    left: -25px;
}
.main-hot-service-section .main-hot-btn-next {
    right: -25px;
}
.main-why-section {
    overflow: hidden;
}
.main-why-section .main-why-section-inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background-color: #0f1b3b;
}
@media (max-width: 600px) {
    .main-why-section .main-why-section-inner {
        flex-direction: column;
    }
}
.main-why-section .main-why-left-wrap {
    width: 53%;
    padding-top: 84px;
    padding-left: 293px;
}
@media (max-width: 1700px) {
    .main-why-section .main-why-left-wrap {
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 180px;
    }
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap {
        width: 100%;
        padding: 50px 16px 32px;
    }
}
.main-why-section .main-why-left-wrap .main-why-logo-grp {
    width: 110px;
    height: 32px;
    margin-bottom: 26px;
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap .main-why-logo-grp {
        width: 89px;
        height: 25px;
        margin-bottom: 26px;
    }
}
.main-why-section .main-why-left-wrap .main-why-logo-grp .main-why-logo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.main-why-section .main-why-left-wrap .main-why-txt-grp {
    margin-bottom: 33px;
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap .main-why-txt-grp {
        margin-bottom: 30px;
    }
}
.main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-ttl {
    margin-bottom: 15px;
    font-size: 2.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-ttl {
        margin-bottom: 13px;
        font-size: 1.5625rem;
    }
}
.main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-sub-ttl {
    margin-bottom: 24px;
    font-size: 1.375rem;
    font-weight: 300;
    color: #fff;
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-sub-ttl {
        margin-bottom: 22px;
        font-size: 1.125rem;
    }
}
.main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-dec {
    font-size: 1rem;
    font-weight: 400;
    color: #7a96cb;
    line-height: 1.422;
}
@media (max-width: 600px) {
    .main-why-section .main-why-left-wrap .main-why-txt-grp .main-why-txt-dec {
        font-size: 0.9375rem;
        line-height: 1.45;
    }
}
.main-why-section .main-why-right-wrap {
    width: 47%;
}
@media (max-width: 600px) {
    .main-why-section .main-why-right-wrap {
        width: 100%;
    }
}
.main-why-section .main-why-right-wrap .main-why-right-bg-grp {
    width: 100%;
    height: 100%;
}
.main-why-section .main-why-right-wrap .main-why-right-bg-grp .main-why-right-bg-img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.guide-down-banner {
    background-image: url(../img/img_down_01.png);
    width: 100%;
    padding: 26.5px;
    margin-bottom: 100px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
@media (max-width: 600px) {
    .guide-down-banner {
        background-image: url(../img/m_img_down_01.png);
        width: 110%;
        margin: 0 -16px 38px;
    }
}
.guide-down-banner .guide-down-tt {
    padding-bottom: 8px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    text-align: center;
}
@media (max-width: 600px) {
    .guide-down-banner .guide-down-tt {
        padding-bottom: 10px;
        font-size: 1.1875rem;
    }
}

.small-center {
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
}


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


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

.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: block;
    width: 131px;
    height: 37.5px;
}
@media (max-width: 600px) {
    .header-logo-wrap .header-logo-link {
        width: 73px;
        height: 21px;
    }
}
.header-logo-wrap .header-logo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.header-logo-wrap .header-logo-img.type-white {
    display: 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: 400;
    color: #b2b2b2;
    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;
}

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


/****************************************************************************/
.swiper {
      width: 100%;
      height: 100%;
}


.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-page .main-visual-slide-wrap .swiper-slide {
    overflow: hidden;
    position: relative;
    padding-top: 27.3%;
}
@media (max-width: 600px) {
    .main-page .main-visual-slide-wrap .swiper-slide {
        padding-top: 155.2%;
    }
}
.main-page .main-visual-slide-wrap .slide-element-grp .slide-element-link {
    display: block;
    width: 100%;
    height: 100%;
}
.main-page .mySwiper .swiper-wrapper .slide-element {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-page .mySwiper .swiper-pagination {
    z-index: 1;
    position: absolute;
    top: auto;
    bottom: 64px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    width: 100%;
    transform: translateX(-50%);
}
@media (max-width: 600px) {
    .main-page .mySwiper .swiper-pagination {
        bottom: 49px;
        gap: 9px;
    }
}


.main-page .mySwiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 9px;
    height: 9px;
    background-color: hsla(0, 0%, 74.5%, 0.35);
}
@media (max-width: 600px) {
    .main-page .mySwiper .swiper-pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }
}
.main-page .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fdb640;
}


.main-page .mySwiper .swiper-button-next:after,
.main-page .mySwiper .swiper-button-prev:after {
    width: 18px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -9999px;
} 


.main-page .mySwiper .swiper-button-prev {
    left: 50px;
}
.main-page .mySwiper .swiper-button-prev:after {
    background-image: url(../img/img_arrow_prev_wh.svg);
}
.main-page .mySwiper .swiper-button-next {
    right: 50px;
}
.main-page .mySwiper .swiper-button-next:after {
    background-image: url(../img/img_arrow_next_wh.svg);
}

.swiper-round-btn {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    background-size: 8px 14px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    box-shadow: 0 9px 10px rgba(0, 0, 0, 0.11);
    text-indent: -9999px;
}
.swiper-round-btn.swiper-round-btn-prev {
    background-image: url(../img/img_arrow_prev_blk.svg);
}
.swiper-round-btn.swiper-round-btn-next {
    background-image: url(../img/img_arrow_next_blk.svg);
}

.vue-star-rating-rating-text {
    display: none;
}








.review-modal {
    position: relative;
    width: 700px;
    height: 90vh;
    padding: 65px 0;
    border-radius: 20px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .review-modal {
        width: 100%;
        height: 100vh;
        border-radius: 0;
    }
}
.review-modal .review-modal-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 700px;
    padding: 35px 0 0;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
}
@media (max-width: 600px) {
    .review-modal .review-modal-top {
        width: 100%;
    }
}
.review-modal .review-modal-tt {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .review-modal .review-modal-tt {
        font-size: 1.375rem;
    }
}
.review-modal .btn-close {
    position: absolute;
    top: 35px;
    right: 35px;
    left: auto;
}
@media (max-width: 600px) {
    .review-modal .btn-close {
        right: 24px;
    }
}
.review-modal .icon-del-gray {
    width: 16px;
    height: 16px;
}
.review-modal .review-modal-middle {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 220px);
    padding: 35px 44px;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle {
        height: calc(100vh - 130px);
        padding: 35px 16px;
    }
}
.review-modal .review-modal-middle::-webkit-scrollbar {
    width: 5px;
}
.review-modal .review-modal-middle::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fdb640;
}
.review-modal .review-modal-middle::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}
.review-modal .review-modal-middle .review-modal-list {
    padding-bottom: 28px;
    margin-bottom: 26px;
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-list {
        padding-bottom: 30px;
        margin-bottom: 0;
        border: none;
    }
}
.review-modal .review-modal-middle .review-modal-list .review-modal-list-tt {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #b3b4bd;
}
.review-modal .review-modal-middle .review-modal-list .review-modal-list-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 53px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    word-wrap: break-word;
    line-height: 1.396;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-list .review-modal-list-txt {
        font-size: 1.125rem;
    }
}
.review-modal .review-modal-middle .div-line {
    width: 110%;
    margin: 0 -16px;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont {
        margin-top: 30px;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp {
    padding-bottom: 35px;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp {
        padding-bottom: 32px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e3e3e3;
    }
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp:last-child {
        margin-bottom: 0;
        border: none;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp .review-modal-cont-tt {
    margin-bottom: 12px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp .review-modal-cont-tt {
        padding: 0 10px;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-cont-grp .review-modal-cont-tt.type-frame {
    margin-bottom: 0;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .star-grp.type-review {
        padding: 0 10px;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px;
    width: 100%;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame {
        flex-direction: column-reverse;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-label {
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    width: 114px;
    padding-top: 18.782%;
    margin: 8px 0 11px;
    border-radius: 5px;
    background-color: #fffaf2;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-label {
        width: 100%;
        padding-top: 15.98%;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-label .btn-upload {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffba30;
    box-shadow: 0 10px 12px rgba(214, 136, 34, 0.32);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31'%3E%3Cg data-name='그룹 20040' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'%3E%3Cpath data-name='선 523' d='M1.5 15.5h28'/%3E%3Cpath data-name='선 524' d='M15.5 29.5v-28'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-label .btn-upload {
        left: 30.5%;
        width: 30px;
        height: 30px;
        background-size: 14px;
    }
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-label .upload-tt {
        position: absolute;
        top: 50%;
        left: 53%;
        font-size: 1rem;
        font-weight: 700;
        color: #000;
        transform: translate(-50%, -50%);
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img-grp {
    overflow-x: scroll;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 11px;
    width: calc(100% - 124px);
    padding: 10px 0 10px;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img-grp {
        width: 100%;
        padding: 17px 0 8px;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img-grp::-webkit-scrollbar {
    height: 4px;
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img-grp::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fdb640;
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img-grp::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img {
    position: relative;
    flex: 0 0 auto;
    width: 114px;
    padding-top: 23.652%;
}
@media (max-width: 600px) {
    .review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img {
        width: 107px;
        padding-top: 31.658%;
    }
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img .img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.review-modal .review-modal-middle .review-modal-cont .review-modal-frame .review-frame-img .btn-circle-close {
    position: absolute;
    top: -9px;
    right: -9px;
    left: auto;
}
.review-modal .review-modal-bottom {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 700px;
    padding: 18px 69px 32px;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}
@media (max-width: 600px) {
    .review-modal .review-modal-bottom {
        width: 100%;
        padding: 32px 16px;
        border-radius: 0;
    }
}




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




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

.company-introduce-page .company-section {
    overflow: hidden;
    padding: 264px 0 140px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section {
        padding: 93px 0;
    }
}

.company-introduce-page .company-section {
    overflow: hidden;
    padding: 264px 0 140px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section {
        padding: 93px 0;
    }
}
.company-introduce-page .company-section .company-img {
    width: 330px;
    height: 74px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-img {
        width: 206px;
        height: 47px;
    }
}
.company-introduce-page .company-section .company-img .com-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.company-introduce-page .company-section .conpany-txt-grp .comany-tt {
    position: relative;
    padding: 119px 0 68px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .comany-tt {
        padding: 70px 0 47px;
        font-size: 1.625rem;
    }
}
.company-introduce-page .company-section .conpany-txt-grp .comany-tt.type-second {
    padding-top: 146px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .comany-tt.type-second {
        padding-top: 80px;
    }
}
.company-introduce-page .company-section .conpany-txt-grp .comany-tt:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 33.5px;
    left: 0;
    width: 37px;
    height: 1px;
    background-color: #fca518;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .comany-tt:after {
        bottom: 27px;
    }
}
.company-introduce-page .company-section .conpany-txt-grp .company-ko {
    padding-top: 54px;
    padding-bottom: 56px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 1.427;
    letter-spacing: -0.6px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .company-ko {
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 0.9375rem;
        line-height: 1.6;
    }
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .company-ko.type-two-line {
        line-height: 1.4;
    }
}
.company-introduce-page .company-section .conpany-txt-grp .company-ko.type-one-line {
    padding: 0;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .company-ko.type-one-line {
        letter-spacing: -0.65px;
    }
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .company-ko.type-num {
        padding-bottom: 0;
    }
}
.company-introduce-page .company-section .conpany-txt-grp .company-ko.type-first {
    padding-top: 0;
    padding-bottom: 0;
    letter-spacing: -0.9px;
}
.company-introduce-page .company-section .conpany-txt-grp .company-ko.type-detail-ko {
    padding-top: 22px;
    letter-spacing: -1px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .conpany-txt-grp .company-ko.type-detail-ko {
        padding-top: 42px;
        padding-bottom: 34px;
        font-size: 0.9375rem;
    }
}
.company-introduce-page .company-section .company-detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 41px;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail {
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 0;
        padding-bottom: 54px;
        border-bottom: none;
    }
}
.company-introduce-page .company-section .company-detail:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.company-introduce-page .company-section .company-detail .company-detail-img {
    position: relative;
    flex-shrink: 0;
    width: 313px;
    height: 385px;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img {
        width: 100%;
        height: 138px;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .detail-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .detail-img {
        width: 110%;
        margin: 0 -16px;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-img-txt {
    position: absolute;
    top: 88px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .design-img-txt {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 11px;
        top: 30px;
        left: 16px;
        transform: none;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-img {
    width: 98px;
    height: 98px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .design-img {
        width: 78px;
        height: 78px;
        margin: 0 0;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-img .ds-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-ttl {
    padding-top: 21px;
    text-align: center;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .design-ttl {
        padding-top: 0;
        text-align: left;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-ttl .design-ko {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .design-ttl .design-ko {
        font-size: 1.375rem;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-img .design-ttl .design-en {
    margin-top: 9px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-img .design-ttl .design-en {
        margin-top: 4px;
        font-size: 0.875rem;
    }
}
.company-introduce-page .company-section .company-detail .company-detail-ttl {
    width: 100%;
}
.company-introduce-page .company-section .company-detail .company-detail-tt {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fca518;
}
@media (max-width: 600px) {
    .company-introduce-page .company-section .company-detail .company-detail-tt {
        margin-bottom: 7px;
        font-size: 1rem;
    }
}
/***********************************************************************************************************************/









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

@media (max-width: 1080px) {
    .storage-page .pc-recommend-card-grp {
        display: none;
    }
}
.storage-page .mobile-recommend-card-grp {
    display: none;
}
@media (max-width: 1080px) {
    .storage-page .mobile-recommend-card-grp {
        display: block;
    }
}

.recommend-section .recommend-img {
    overflow: hidden;
    position: relative;
    width: 310px;
    height: 253px;
    margin: 0 auto;
    border-radius: 10px;
}
.recommend-section .recommend-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;
}
.recommend-section .recommend-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.recommend-section .recommend-txt-grp {
    padding: 26px 0 0;
    text-align: center;
}
.recommend-section .recommend-txt-grp .recommend-txt {
    height: 16px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #828282;
}
.recommend-section .recommend-txt-grp .recommend-tt,
.recommend-section .recommend-txt-grp .recommend-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.recommend-section .recommend-txt-grp .recommend-tt {
    height: 24px;
    margin: 6px 0 18px;
    font-size: 1.25rem;
    font-weight: 700;
}


.storage-card-txt-grp {
    padding: 30px 10px;
    text-align: center;
}
.storage-card-txt-grp .storage-card-brand {
    height: 19px;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 600;
    color: #828282;
}
.storage-card-txt-grp .storage-card-brand,
.storage-card-txt-grp .storage-card-name {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.storage-card-txt-grp .storage-card-name {
    height: 33px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}
.storage-card-txt-grp .storage-card-tag {
    padding-top: 14px;
}

.storage-cont-section {
    padding: 115px 0;
    background-color: #fff;
}
@media (max-width: 600px) {
    .storage-cont-section {
        padding: 34px 0;
    }
}


.storage-section {
    background-color: #fafafa;
}
.storage-detail-section {
    margin-bottom: 150px;
}
.storage-detail-section .btn-prev-detail {
    margin-top: 80px;
}
@media (max-width: 600px) {
    .storage-detail-section .btn-prev-detail {
        margin-top: 30px;
    }
}
@media (max-width: 600px) {
    .storage-detail-section .btn-prev-detail .icon-prev {
        width: 8px;
        height: 13px;
    }
}

.total-tt {
    padding-bottom: 14px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #5d5d5d;
}
.bold-txt {
    font-weight: 700 !important;
}
.storage-card-wrap {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
}
@media (max-width: 600px) {
    .storage-card-wrap {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
}

.storage-card .strage-card-img {
    overflow: hidden;
    flex-basis: 379px;
    flex-shrink: 0;
    width: 379px;
    height: 308px;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .storage-card .strage-card-img {
        flex-basis: auto;
        width: 100%;
        height: 279px;
    }
}
.storage-card .strage-card-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.storage-card .storage-card-ttl {
    width: 100%;
    padding: 10px 0;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl {
        padding: 0 5px;
    }
}
.storage-card .storage-card-ttl .storage-card-subtt {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4d4d4d;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-subtt {
        font-size: 0.875rem;
    }
}
.storage-card .storage-card-ttl .storage-card-tt {
    padding: 10px 0 18px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0155f5;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tt {
        padding: 8px 0 16px;
        font-size: 1.25rem;
    }
}
.storage-card .storage-card-ttl .storage-card-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 49px;
    padding-right: 27px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.125rem;
    font-weight: 400;
    color: #5a5a5a;
    line-height: 1.3612;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-txt {
        max-height: 67px;
        -webkit-line-clamp: 3;
        font-size: 1rem;
    }
}
.storage-card .storage-card-ttl .storage-card-tag-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tag-date {
        display: block;
        gap: 18px;
        padding-top: 18px;
    }
}
.storage-card .storage-card-ttl .storage-card-tag-date .storage-card-date {
    flex-basis: 143px;
    flex-shrink: 0;
    padding: 0 27px;
    text-align: right;
    font-size: 1rem;
    font-weight: 400;
    color: #bebbbb;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tag-date .storage-card-date {
        padding: 18px 0 0;
        text-align: left;
    }
}

.storage-card.type-hover {
    transition: all 0.3s;
}
.storage-card.type-hover:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
@media (max-width: 600px) {
    .storage-card.type-hover:hover {
        box-shadow: none;
    }
}

.storage-card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 46px;
    border-radius: 20px;
}
.storage-card.type-hover {
    transition: all 0.3s;
}
.storage-card.type-hover:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
@media (max-width: 600px) {
    .storage-card.type-hover:hover {
        box-shadow: none;
    }
}
@media (max-width: 600px) {
    .storage-card {
        flex-wrap: wrap;
        gap: 25px;
        padding-bottom: 0;
        margin-bottom: 52px;
        border-bottom: none;
    }
}
.storage-card .strage-card-img {
    overflow: hidden;
    flex-basis: 379px;
    flex-shrink: 0;
    width: 379px;
    height: 308px;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .storage-card .strage-card-img {
        flex-basis: auto;
        width: 100%;
        height: 279px;
    }
}
.storage-card .strage-card-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.storage-card .storage-card-ttl {
    width: 100%;
    padding: 10px 0;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl {
        padding: 0 5px;
    }
}
.storage-card .storage-card-ttl .storage-card-subtt {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4d4d4d;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-subtt {
        font-size: 0.875rem;
    }
}
.storage-card .storage-card-ttl .storage-card-tt {
    padding: 10px 0 18px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0155f5;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tt {
        padding: 8px 0 16px;
        font-size: 1.25rem;
    }
}
.storage-card .storage-card-ttl .storage-card-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 49px;
    padding-right: 27px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.125rem;
    font-weight: 400;
    color: #5a5a5a;
    line-height: 1.3612;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-txt {
        max-height: 67px;
        -webkit-line-clamp: 3;
        font-size: 1rem;
    }
}
.storage-card .storage-card-ttl .storage-card-tag-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tag-date {
        display: block;
        gap: 18px;
        padding-top: 18px;
    }
}
.storage-card .storage-card-ttl .storage-card-tag-date .storage-card-date {
    flex-basis: 143px;
    flex-shrink: 0;
    padding: 0 27px;
    text-align: right;
    font-size: 1rem;
    font-weight: 400;
    color: #bebbbb;
}
@media (max-width: 600px) {
    .storage-card .storage-card-ttl .storage-card-tag-date .storage-card-date {
        padding: 18px 0 0;
        text-align: left;
    }
}



.model-card-ttl {
    position: relative;
    min-height: 220px;
    padding: 7px 25px 27px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
    .model-card-ttl {
        padding: 28px 18px 18px;
    }
}
.model-card-ttl .model-card-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 29px;
    margin: 7px 0 16px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .model-card-ttl .model-card-tt {
        height: 21px;
        margin-bottom: 12px;
        font-size: 1.125rem;
    }
}
.model-card-ttl .model-card-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 43px;
    margin-bottom: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.344;
    word-wrap: break-word;
    line-height: 1.3612;
}
@media (max-width: 600px) {
    .model-card-ttl .model-card-txt {
        font-size: 0.875rem;
        max-height: 38px;
    }
}
.model-cover {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 77px;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0, 0, 0, 0.67);
    text-align: center;
}
.model-cover.type-white {
    background-color: transparent;
}
.model-cover.type-fav {
    border-radius: 6px;
}
@media (max-width: 600px) {
    .model-cover.type-fav {
        padding-top: 20px;
    }
}
@media (max-width: 600px) {
    .model-cover.type-fav .icon-rock {
        width: 23px;
        height: 26px;
    }
}
.model-cover .model-cover-tt {
    padding-top: 13px;
    line-height: 1.407;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    .model-cover .model-cover-tt {
        font-size: 0.75rem;
    }
}



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








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


.manual-fixed {
    z-index: 11;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 85px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: -5px -39px 32px -49px rgba(0, 0, 0, 0.2);
}
@media (max-width: 940px) {
    .manual-fixed {
        height: 60px;
        padding: 9px 0;
    }
}
.manual-fixed.is-show {
    opacity: 0;
    pointer-events: none;
}
.manual-fixed.type-detail {
    background-color: #fdb640;
}
.manual-fixed.type-detail:before {
    content: none;
}
.manual-fixed.type-detail .manual-fixed-conts {
    padding: 0 36px;
}
@media (max-width: 600px) {
    .manual-fixed.type-detail .manual-fixed-conts {
        padding: 0;
    }
}
.manual-fixed.type-detail .manual-fixed-conts.type-design-b-fixed {
    padding: 0 32px;
}
@media (max-width: 600px) {
    .manual-fixed.type-detail .manual-fixed-conts.type-design-b-fixed {
        padding: 0;
    }
}
.manual-fixed.type-premium-btn .manual-fixed-premium-grp {
    display: block !important;
}
@media (max-width: 600px) {
    .manual-fixed.type-premium-btn .type-premium {
        width: 100%;
    }
}
@media (max-width: 710px) {
    .manual-fixed.type-premium-btn .type-mb-manual {
        display: none;
    }
}
.manual-fixed .manual-fixed-conts {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.manual-fixed .dic-logo {
    width: 143px;
    height: 41px;
}
@media (max-width: 940px) {
    .manual-fixed .dic-logo {
        width: 82px;
        height: 24px;
    }
}
@media (max-width: 600px) {
    .manual-fixed .dic-logo.type-mb-manual {
        flex-basis: 82px;
        flex-shrink: 0;
        margin-left: 13px;
    }
}
.manual-fixed .dic-logo .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.manual-fixed .manual-fixed-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media (max-width: 600px) {
    .manual-fixed .manual-fixed-btn {
        justify-content: space-between;
    }
}
.manual-fixed .manual-fixed-btn .manual-fixed-premium-grp {
    display: none;
}
.manual-fixed .manual-fixed-btn .manual-fixed-premium {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media (max-width: 600px) {
    .manual-fixed .manual-fixed-btn .manual-fixed-premium {
        gap: 16px;
    }
}
@media (max-width: 940px) {
    .manual-fixed .manual-fixed-btn .manual-fixed-premium .icon-download {
        width: 15px;
        height: 17px;
    }
}
@media (max-width: 940px) {
    .manual-fixed .manual-fixed-btn .manual-fixed-premium .icon-qna {
        width: 17px;
        height: 18px;
    }
}


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





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

.board-page .faq-section {
    padding-bottom: 20px;
}
.board-page .board-wrapper {
    margin-top: 58px;
}
@media (max-width: 600px) {
    .board-page .board-wrapper {
        margin-top: 26px;
    }
}
.board-page .board-wrap.is-active .board-card-cont {
    padding: 0 44px;
    margin-bottom: 24px;
    background-color: #fff;
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
}
@media (max-width: 600px) {
    .board-page .board-wrap.is-active .board-card-cont {
        padding: 0 11px;
        margin-bottom: 16px;
        border-radius: 10px;
    }
}
.board-page .board-wrap.is-active .board-card-cont .board-faq-tt {
    overflow: auto;
    -webkit-line-clamp: inherit;
    max-height: 100%;
}
.board-page .board-wrap.is-active .board-card-bottom {
    display: block;
    padding: 43px 22px 50px 22px !important;
    border-top: 1px solid #f1f1f1;
    border-radius: 0 0 20px 20px !important;
    box-shadow: none;
}
@media (max-width: 600px) {
    .board-page .board-wrap.is-active .board-card-bottom {
        padding: 22px 7px 28px !important;
        border-radius: 0 0 10px 10px !important;
    }
}
.board-page .board-wrap.is-active .board-card {
    padding: 57px 33px 46px 22px;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 20px 20px 0 0;
}
@media (max-width: 600px) {
    .board-page .board-wrap.is-active .board-card {
        padding: 18px 7px 26px;
        border-radius: 10px 10px 0 0;
    }
}
.board-page .board-wrap.is-active .icon-arrow {
    transform: rotate(-180deg);
}
.board-page .board-wrap.type-notice-detail {
    padding-top: 10px;
}
@media (max-width: 600px) {
    .board-page .board-wrap.type-notice-detail {
        padding-top: 5px;
    }
}
.board-page .board-wrap.type-notice-detail .board-card-cont {
    padding: 0 44px;
    margin-top: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
    .board-page .board-wrap.type-notice-detail .board-card-cont {
        padding: 0 18px;
        margin-top: 13px;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.16);
    }
}
.board-page .board-wrap.type-notice-detail .board-card {
    padding: 60px 22px 36px;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 20px 20px 0 0;
}
@media (max-width: 600px) {
    .board-page .board-wrap.type-notice-detail .board-card {
        padding: 22px 0 20px;
    }
}
.board-page .board-wrap.type-notice-detail .board-card-detail {
    padding: 54px 22px 80px;
    border-top: 1px solid #cbcbcb;
    border-radius: 0 0 20px 20px;
    box-shadow: none;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .board-page .board-wrap.type-notice-detail .board-card-detail {
        padding: 30px 0;
    }
}
.board-page .board-card {
    width: 100%;
    padding: 40px 66px 54px;
    margin-bottom: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
    .board-page .board-card {
        padding: 24px 18px;
        margin-bottom: 16px;
        border-radius: 10px;
    }
}
.board-page .board-card .board-detail-date {
    padding-bottom: 14px;
    font-size: 1rem;
    font-weight: 400;
    color: #a7a7a7;
}
@media (max-width: 600px) {
    .board-page .board-card .board-detail-date {
        padding-bottom: 12px;
        font-size: 0.875rem;
    }
}
.board-page .board-card .board-detail-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #242424;
}
@media (max-width: 600px) {
    .board-page .board-card .board-detail-title {
        font-size: 1rem;
        line-height: 1.3438;
    }
}
.board-page .board-card .board-detail-title.type-ellipsis {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .board-page .board-card .board-detail-title.type-ellipsis {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}
.board-page .board-card .board-detail-content {
    font-size: 1.25rem;
    font-weight: 400;
    color: #242424;
    line-height: 1.3438;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .board-page .board-card .board-detail-content {
        font-size: 0.9375rem;
    }
}
.board-page .board-card.board-card-top {
    padding: 57px 77px 57px 66px;
}
@media (max-width: 600px) {
    .board-page .board-card.board-card-top {
        padding: 18px 18px 28px;
    }
}
.board-page .board-card.board-card-bottom {
    display: none;
    line-height: 1.35;
}
.board-page .board-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 600px) {
    .board-page .board-flex {
        align-items: flex-start;
    }
}
.board-page .board-flex.type-answer {
    justify-content: flex-start;
    align-items: center;
    gap: 28px;
}
@media (max-width: 600px) {
    .board-page .board-flex.type-answer {
        display: block;
    }
}
@media (max-width: 600px) {
    .board-page .board-flex.type-answer .board-faq-img {
        margin: 0 0 14px;
    }
}
.board-page .board-flex .board-flex-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 28px;
}
@media (max-width: 600px) {
    .board-page .board-flex .board-flex-left {
        display: block;
    }
}
.board-page .board-flex .board-faq-img {
    flex-basis: 51px;
    flex-shrink: 0;
    width: 51px;
    height: 45px;
}
@media (max-width: 600px) {
    .board-page .board-flex .board-faq-img {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }
}
.board-page .board-flex .board-faq-img .faq-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.board-page .board-flex .board-faq-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 60px;
    padding-right: 109px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.375rem;
    font-weight: 600;
    color: #242424;
    line-height: 1.364;
    white-space: pre-line;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .board-page .board-flex .board-faq-tt {
        padding-right: 0;
        margin-top: 14px;
        font-size: 1rem;
    }
}
.board-page .board-flex .board-faq-txt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #242424;
    white-space: pre-line;
    line-height: 1.422;
}
@media (max-width: 600px) {
    .board-page .board-flex .board-faq-txt {
        font-size: 0.9375rem;
    }
}


.board-page .board-wrap.is-active .icon-arrow {
    transform: rotate(-180deg);
}

.notice-section {
    padding-bottom: 100px;
}
.list-prev {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 19px;
    text-align: left;
}
@media (max-width: 600px) {
    .list-prev {
        gap: 3px;
    }
}
@media (max-width: 600px) {
    .list-prev .icon-prev {
        width: 13px;
        height: 13px;
    }
}
.list-prev .notice-detail-tt {
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .list-prev .notice-detail-tt {
        font-size: 1rem;
    }
}

.banner-wrap {
    position: relative;
    width: 100%;
    height: 430px;
}
@media (max-width: 600px) {
    .banner-wrap {
        height: 230px;
    }
}
.banner-wrap .banner-bg-grp {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-wrap .banner-bg-grp .banner-img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner-wrap .banner-bg {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.67);
}
.banner-wrap .banner-bg.type-gradient {
    background: linear-gradient(180deg, #141414, rgba(0, 0, 0, 0.47));
    background-color: transparent;
}
.banner-wrap .banner-ttl {
    z-index: 2;
    position: relative;
    padding-top: 240px;
    text-align: center;
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl {
        padding-top: 120px;
    }
}
.banner-wrap .banner-ttl.type-storage {
    padding-top: 200px;
    text-align: left;
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl.type-storage {
        padding-top: 100px;
        text-align: center;
    }
}
.banner-wrap .banner-ttl.type-storage .banner-tt {
    font-size: 2.625rem;
    font-weight: 700;
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl.type-storage .banner-tt {
        font-size: 1.375rem;
    }
}
.banner-wrap .banner-ttl.type-storage .banner-desc {
    padding-top: 8px;
    color: #fff;
    font-weight: 300;
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl.type-storage .banner-desc {
        font-size: 0.9375rem;
    }
}
.banner-wrap .banner-ttl .banner-tt {
    font-size: 2.375rem;
    font-weight: 800;
    color: #fff;
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl .banner-tt {
        font-size: 1.5rem;
    }
}
.banner-wrap .banner-ttl .banner-desc {
    padding-top: 22px;
    font-size: 1rem;
    font-weight: 400;
    color: hsla(0, 0%, 100%, 0.45);
}
@media (max-width: 600px) {
    .banner-wrap .banner-ttl .banner-desc {
        padding-top: 12px;
        font-size: 0.75rem;
    }
}
.banner-wrap .serve-center {
    position: relative;
    height: 100%;
}
.banner-wrap .serve-center .banner-date {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 38px;
    font-size: 1rem;
    font-weight: 400;
    color: #bebbbb;
}
@media (max-width: 600px) {
    .banner-wrap .serve-center .banner-date {
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        font-size: 0.875rem;
    }
}

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





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

.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");
}


.progress-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
}
@media (max-width: 600px) {
    .progress-grp {
        background-color: #fdb640;
        padding: 10px 16px;
        margin: 0 -16px 40px;
    }
}
.progress-grp .img-grp .img {
    display: block;
}
.progress-grp.type-step02 .img-grp:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background-color: #f5b64d;
    transform: translate(-50%, -50%);
}
.progress-grp.type-step02 .img-grp .dot.dot-02 {
    opacity: 1;
}
.progress-grp .img-grp {
    position: relative;
    width: 142px;
    height: 23px;
}
@media (max-width: 600px) {
    .progress-grp .img-grp {
        width: 97px;
        height: 16px;
    }
}
.progress-grp .img-grp .img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.progress-grp .img-grp .dot {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: auto;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffd795, #f0a62a);
    box-shadow: 0 3px 6px rgba(185, 124, 22, 0.41);
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .progress-grp .img-grp .dot {
        width: 10px;
        height: 10px;
    }
}
.progress-grp .img-grp .dot.dot-01 {
    left: 5px;
}
@media (max-width: 600px) {
    .progress-grp .img-grp .dot.dot-01 {
        left: 2.5px;
    }
}
.progress-grp .img-grp .dot.dot-02 {
    opacity: 0;
    right: 5px;
    transition: all 0.4s;
}
@media (max-width: 600px) {
    .progress-grp .img-grp .dot.dot-02 {
        right: 2.5px;
    }
}
.progress-grp .img-grp .dot.dot-center {
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
}
.progress-grp .txt-grp {
    text-align: right;
}
.progress-grp .txt-grp.type-request {
    gap: 4px;
}
.progress-grp .txt-grp.type-request .current-txt .current-num {
    color: #000;
}
.progress-grp .txt-grp.type-request .total-txt {
    font-size: 1rem;
}
@media (max-width: 600px) {
    .progress-grp .txt-grp {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
    }
}
.progress-grp .txt-grp .current-txt {
    font-size: 1.5625rem;
    font-weight: 700;
    color: #e0e0e0;
}
@media (max-width: 600px) {
    .progress-grp .txt-grp .current-txt {
        font-size: 1rem;
        color: #fff;
    }
}
.progress-grp .txt-grp .current-txt .current-num {
    color: #000;
}
@media (max-width: 600px) {
    .progress-grp .txt-grp .current-txt .current-num {
        color: #fff;
    }
}
.progress-grp .txt-grp .total-txt {
    font-size: 1.5625rem;
    font-weight: 700;
    color: #e0e0e0;
}
@media (max-width: 600px) {
    .progress-grp .txt-grp .total-txt {
        color: #fff;
    }
}
.progress-grp .txt-grp .desc-tt {
    padding-top: 11px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #393939;
}
@media (max-width: 600px) {
    .progress-grp .txt-grp .desc-tt {
        padding-top: 0;
        font-size: 0.75rem;
        color: #fff;
    }
}
.progress-grp.type-request {
    justify-content: flex-start;
    gap: 31px;
    margin-bottom: 0;
}
@media (max-width: 600px) {
    .progress-grp.type-request {
        justify-content: space-between;
        gap: 0;
        padding: 10px 16px;
        margin: 0;
    }
}
.progress-grp.type-request .img-grp {
    width: 251px;
}
@media (max-width: 600px) {
    .progress-grp.type-request .img-grp {
        width: 155px;
    }
}
.progress-grp.type-request .img-grp:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 1px;
    background-color: #f5b64d;
    transform: translateY(-50%);
    transition: all 0.5s;
}
@media (max-width: 600px) {
    .progress-grp.type-request .img-grp:after {
        left: 5px;
    }
}
.progress-grp.type-request .img-grp .img {
    -o-object-fit: contain;
    object-fit: contain;
}
.progress-grp.type-request.type-step02 .img-grp:after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 48.5%;
    height: 1px;
    background-color: #f5b64d;
}
.progress-grp.type-request.type-step02 .img-grp .dot.dot-center {
    opacity: 1;
}
.progress-grp.type-request.type-step02 .img-grp .dot.dot-02 {
    opacity: 0;
}
.progress-grp.type-request.type-step03 .img-grp:after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: #f5b64d;
}
.progress-grp.type-request.type-step03 .img-grp .dot.dot-02,
.progress-grp.type-request.type-step03 .img-grp .dot.dot-center {
    opacity: 1;
}
.progress-grp.type-request .current-num {
    padding-left: 9px;
}


.request-info {
    width: 90%;
    padding: 20px 32px;
    margin: 0 auto;
    background-color: #f5f5f5;
    border-radius: 8px;
}
@media (max-width: 600px) {
    .request-info {
        width: 100%;
        padding: 18px 12px 15px 12px;
    }
}
.request-info .request-info-top {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 600px) {
    .request-info .request-info-top {
        padding-bottom: 9px;
        margin-bottom: 13.5px;
    }
}
.request-info .request-info-top .request-info-list {
    padding: 0 15px;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-list {
        padding: 0;
    }
}
.request-info .request-info-top .request-info-list .request-info-ttl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-list .request-info-ttl {
        justify-content: center;
        gap: 5px;
        margin-bottom: 16px;
    }
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-list .request-info-ttl .icon-info {
        width: 14px;
        height: 16px;
    }
}
.request-info .request-info-top .request-info-list .request-info-ttl .request-info-tt {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-list .request-info-ttl .request-info-tt {
        font-size: 1.125rem;
    }
}
.request-info .request-info-top .request-info-list .request-info-personal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-list .request-info-personal {
        justify-content: center;
    }
}
.request-info .request-info-top .request-info-list .request-info-personal .requst-info-personal-tt {
    font-size: 1rem;
    font-weight: 400;
    color: #3a3a3a;
}
.request-info .request-info-top .request-info-part {
    padding: 12px 15px;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-part {
        display: block;
        padding: 10px 15px;
        margin-top: 9px;
    }
}
.request-info .request-info-top .request-info-part .request-part {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.request-info .request-info-top .request-info-part .request-part:first-child {
    margin-bottom: 12px;
}
.request-info .request-info-top .request-info-part .info-part {
    flex-basis: 50px;
    flex-shrink: 0;
    margin-right: 12px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #c1c1c1;
}
@media (max-width: 600px) {
    .request-info .request-info-top .request-info-part .info-part {
        flex-basis: 27px;
    }
}
.request-info .request-info-top .request-info-part .info-part-tt {
    padding-left: 11px;
    border-left: 1px solid #e8e8e8;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
.request-info .request-info-top .request-info-part .info-part-pay {
    padding-left: 11px;
    border-left: 1px solid #e8e8e8;
    font-size: 1rem;
    font-weight: 700;
    color: #fdb640;
}
.request-info .request-info-bottom {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    color: #4e4e4e;
}
@media (max-width: 600px) {
    .request-info .request-info-bottom {
        font-size: 0.875rem;
    }
}

.request-all-cont-wrap {
    overflow: hidden;
    height: 70vh;
    padding-top: 62px;
    border-radius: 20px;
    background-color: #fff;
    transform: translateY(-168px);
}
@media (max-width: 600px) {
    .request-all-cont-wrap {
        height: calc(100vh - 50.5px);
        padding-top: 6px;
        border-radius: 0;
        transform: translateY(0);
    }
}
.request-all-cont-wrap.type-overflow-visible {
    overflow: visible;
}
.request-all-cont-wrap.type-vertical-full {
    height: auto;
}
.request-all-cont-wrap.type-vertical-full .request-step-all-grp {
    overflow: visible;
    display: block;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 100px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap.type-vertical-full .request-step-all-grp {
        padding-top: 10px;
    }
}
.request-all-cont-wrap .request-cont-top-grp {
    padding: 0 64px 0 84px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-cont-top-grp {
        padding: 0;
    }
}
.request-all-cont-wrap .request-ttl-all-grp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-ttl-all-grp {
        justify-content: center;
    }
}
.request-all-cont-wrap .request-ttl-grp {
    margin-bottom: 20px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-ttl-grp {
        margin-bottom: 18px;
    }
}
.request-all-cont-wrap .request-ttl-grp .request-ttl {
    margin-bottom: 10px;
    font-size: 2.375rem;
    font-weight: 800;
    color: #000;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-ttl-grp .request-ttl {
        margin-bottom: 6px;
        font-size: 1.375rem;
        font-weight: 700;
        text-align: center;
    }
}
.request-all-cont-wrap .request-ttl-grp .request-dec {
    font-size: 0.875rem;
    font-weight: 400;
    color: #d1d1d1;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-ttl-grp .request-dec {
        font-size: 0.625rem;
        text-align: center;
    }
}
.request-all-cont-wrap .request-ttl-btn-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 15px;
    border-radius: 8px;
    background-color: #fff3e0;
    font-size: 1rem;
    font-weight: 500;
    color: #fdb640;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check:disabled {
    color: #a8a8a8 !important;
    background-color: #f3f3f3 !important;
    cursor: not-allowed;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check:disabled .icon-invoice-check {
    display: none;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check:disabled .icon-invoice-disabled {
    display: block;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check .icon-invoice {
    display: block;
    width: 16px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check .icon-invoice-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11957' fill='%23fff' stroke='%23707070' stroke-width='2' d='M1140 324.55h16v18h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='마스크 그룹 79' transform='translate(-1140 -324.55)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 20860' transform='translate(1141.023 325.633)' fill='none' stroke='%23fdb640' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect data-name='사각형 177' width='13.805' height='15.834' rx='3'/%3E%3Cg data-name='그룹 20859'%3E%3Cpath data-name='선 61' d='M3.92 7.607h5.965'/%3E%3Cpath data-name='선 1523' d='M3.92 4.383h5.965'/%3E%3Cpath data-name='선 62' d='M3.92 10.832h2.797'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.request-all-cont-wrap .request-ttl-btn-grp .btn-invoice-check .icon-invoice-disabled {
    display: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11957' fill='%23fff' stroke='%23707070' stroke-width='2' d='M1140 324.55h16v18h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='마스크 그룹 79' transform='translate(-1140 -324.55)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 20860' transform='translate(1141.023 325.633)' fill='none' stroke='%23a8a8a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect data-name='사각형 177' width='13.805' height='15.834' rx='3'/%3E%3Cg data-name='그룹 20859'%3E%3Cpath data-name='선 61' d='M3.92 7.607h5.965'/%3E%3Cpath data-name='선 1523' d='M3.92 4.383h5.965'/%3E%3Cpath data-name='선 62' d='M3.92 10.832h2.797'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.request-all-cont-wrap .btn-request {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 15px;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .btn-request {
        height: 38px;
        font-size: 0.9375rem;
    }
}
.request-all-cont-wrap .btn-request .icon-request-list {
    display: block;
    width: 16px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 12786' fill='%23fff' stroke='%23707070' stroke-width='2' d='M1140 323.55h16v19h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='마스크 그룹 7936' transform='translate(-1140 -323.55)' clip-path='url(%23a)'%3E%3Cg data-name='그룹 23939' transform='translate(1141.023 325.633)'%3E%3Crect data-name='사각형 12785' width='13.805' height='15.551' rx='2.5' transform='translate(0 .283)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg data-name='그룹 23938' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath data-name='선 2002' d='M5.517 8.607h4.8'/%3E%3Cpath data-name='선 2006' d='M3.489 8.607h0'/%3E%3Cpath data-name='선 2003' d='M5.517 5.383h4.8'/%3E%3Cpath data-name='선 2007' d='M3.489 5.383h0'/%3E%3Cpath data-name='선 2004' d='M5.517 11.832h4.8'/%3E%3Cpath data-name='선 2005' d='M3.489 11.832h0'/%3E%3C/g%3E%3Crect data-name='사각형 12787' width='8' height='3.4' rx='1' transform='translate(2.978 -1.417)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .btn-request .icon-request-list {
        width: 14px;
        height: 17px;
    }
}
.request-all-cont-wrap .request-progress-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-progress-wrap {
        top: 0;
        display: block;
        margin-bottom: 0;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-progress-wrap.mobile-pb-0 {
        margin-bottom: 0;
    }
}
.request-all-cont-wrap .request-progress-wrap .progress-grp {
    flex-grow: 1;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-basis: 160px;
    flex-shrink: 0;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-progress-wrap .request-state-txt-grp {
        justify-content: space-between;
        padding: 0 16px;
        margin: 13px 0;
    }
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-idv-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-txt {
    font-size: 1rem;
    font-weight: 700;
    color: #cecece;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-txt.type-black {
    color: #000;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-obj {
    display: block;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-obj.dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #26d66a;
}
.request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .request-state-obj.dot.red-dot {
    background-color: #ff5d5d;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .btn-invoice-check {
        height: 38px;
        font-size: 0.875rem;
    }
    .request-all-cont-wrap .request-progress-wrap .request-state-txt-grp .btn-invoice-check .icon-invoice {
        width: 14px;
        height: 16px;
    }
}
.request-all-cont-wrap .request-step-all-grp {
    overflow: auto;
    display: flex;
    align-items: flex-start;
    width: 2304px;
    height: calc(100% - 121px);
    transition: all 0.4s;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp {
        width: 300vw;
        height: calc(100% - 100px);
        padding-top: 24px;
    }
}
.request-all-cont-wrap .request-step-all-grp.type-step02 {
    transform: translateX(-768px);
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp.type-step02 {
        transform: translateX(-100vw);
    }
}
.request-all-cont-wrap .request-step-all-grp.type-step03 {
    transform: translateX(-1536px);
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp.type-step03 {
        transform: translateX(-200vw);
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-idv-grp {
    position: relative;
    width: 768px;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 98px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-idv-grp {
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-idv-grp.type-chat .request-step-scroll-grp {
    padding-top: 28px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-idv-grp.type-chat .request-step-scroll-grp {
        padding-top: 0;
        padding-right: 9px;
        padding-bottom: 115px;
        padding-left: 9px;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-idv-grp.type-chat .request-step-btn-all-grp {
    padding: 24px 20px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-idv-grp.type-chat .request-step-btn-all-grp {
        padding: 14px 16px;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-idv-grp.type-chat .request-info {
    margin-bottom: 24px;
}
.request-all-cont-wrap .request-step-all-grp .request-step-scroll-all-grp {
    height: 100%;
    padding-right: 64px;
    padding-left: 64px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-scroll-all-grp {
        height: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp {
    overflow-y: auto;
    max-height: 100%;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 24px;
    padding-left: 20px;
}
.request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: tranparent;
}
.request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
    border-radius: 0;
}
html.ie .request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp {
    scrollbar-arrow-color: #f5f5f5;
    scrollbar-face-color: #f5f5f5;
    scrollbar-track-color: tranparent;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp {
        padding: 0;
        padding-bottom: 88px;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-scroll-grp .mb-add {
    margin-bottom: 22px;
}
.request-all-cont-wrap .request-step-all-grp .request-step-top-grp {
    margin-bottom: 27px;
}
.request-all-cont-wrap .request-step-all-grp .request-step-top-grp .request-step-top-ttl {
    font-size: 1.625rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-top-grp .request-step-top-ttl {
        font-size: 1.25rem;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-top-grp .request-step-top-ttl .red-dot {
    color: #ff5d5d;
}
.request-all-cont-wrap .request-step-all-grp .request-step-input-grp .request-step-radio-grp .input-chck {
    margin-bottom: 16px;
    gap: 12px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-input-grp .request-step-radio-grp .input-chck .check-icon {
        width: 25px;
        height: 25px;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-input-grp .request-step-radio-grp .input-chck .label-tt {
        font-size: 1rem;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-input-grp .request-step-radio-grp .input-chck:last-child {
    margin-bottom: 0;
}
.request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp {
    z-index: 1;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px 84px;
    background-color: #fff;
    box-shadow: -1px -39px 32px -41px hsla(0, 0%, 72.9%, 0.72);
    transform: translateX(-50%);
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp {
        z-index: 100;
        padding: 14px 16px;
        box-shadow: 0 -16px 24px rgba(0, 0, 0, 0.06);
        gap: 18px;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp.type-member-chat {
        background-color: #f7f7f7;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-left-grp {
        flex-basis: 120px;
        flex-shrink: 0;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-left-grp .btn-request {
        width: 100%;
        height: 50px;
        font-size: 0.875rem;
        white-space: nowrap;
    }
}
.request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp {
        flex-grow: 1;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp .btn-step01-next {
        width: 100%;
        height: 50px;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp .btn-step02-prev {
        height: 50px;
        width: 80px;
        padding: 0;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp .btn-step02-next {
        height: 50px;
        width: 112px;
        padding: 0;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp.type-mo-guest {
        justify-content: space-between;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp .btn-guest-step-prev {
        flex-basis: 120px;
        flex-shrink: 0;
        height: 50px;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .request-all-cont-wrap .request-step-all-grp .request-step-btn-all-grp .request-step-btn-right-grp .btn-guest-step-next {
        flex-grow: 1;
        height: 50px;
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .request-step-member-page .request-step-all-grp.type-step03 {
        height: calc(100% - 161px);
        padding-top: 0;
    }
}
.request-page {
    /*margin-bottom: -100px;*/
    margin-bottom: 0px;
}
@media (max-width: 600px) {
    .request-page {
        overflow: hidden;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
.request-page .request-bg-wrap {
    height: 306px;
}
.request-page .request-bg-wrap .request-bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.request-list-all-grp {
    padding: 22px 70px 0;
    height: calc(100% - 133px);
}
@media (max-width: 600px) {
    .request-list-all-grp {
        padding: 10px 0 0;
        height: calc(100% - 61px);
    }
}
.request-list-all-grp .empty-content {
    padding: 50px 0;
}
.request-list-all-grp .request-list-new-grp {
    margin-bottom: 24px;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-new-grp .btn {
        gap: 10px;
        padding: 13.5px 20px;
        font-size: 1.125rem;
    }
    .request-list-all-grp .request-list-new-grp .btn .icon-plus {
        width: 12px;
        height: 12px;
    }
}
.request-list-all-grp .request-list-cont-all-grp {
    overflow-y: scroll;
    height: calc(100% - 123px);
    padding: 16px 17px;
    border: 1px solid #ededed;
    border-radius: 10px;
}
.request-list-all-grp .request-list-cont-all-grp::-webkit-scrollbar {
    display: none !important;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-all-grp {
        height: calc(100% - 72px);
        padding: 20px 16px;
        margin: 0 -16px;
        border: 0;
        border-radius: 0;
        background-color: #f5f5f5;
    }
}
.request-list-all-grp .request-list-cont-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 32px;
    margin-bottom: 9px;
    border-radius: 10px;
    background-color: #fafafa;
    cursor: pointer;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp {
        position: relative;
        padding: 17px 20px;
    }
}
.request-list-all-grp .request-list-cont-grp:last-child {
    margin-bottom: 0;
}
.request-list-all-grp .request-list-cont-grp .left-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    gap: 33px;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp .left-grp {
        gap: 29px;
    }
}
.request-list-all-grp .request-list-cont-grp .request-list-date {
    position: relative;
    flex-shrink: 0;
    flex-basis: 64px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    font-variant-numeric: tabular-nums;
}
.request-list-all-grp .request-list-cont-grp .request-list-date:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16.5px;
    left: auto;
    display: block;
    width: 1px;
    height: 90%;
    transform: translateY(-50%);
    background-color: #e3e3e3;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp .request-list-date:after {
        right: -14.5px;
    }
}
.request-list-all-grp .request-list-cont-grp .request-list-type {
    font-size: 1rem;
    font-weight: 400;
    color: #898989;
}
.request-list-all-grp .request-list-cont-grp .request-list-complete {
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp .request-list-complete {
        z-index: 1;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 11px 0 13px;
        font-size: 0.8125rem;
        font-weight: 600;
        text-align: center;
    }
    .request-list-all-grp .request-list-cont-grp .request-list-complete:after,
    .request-list-all-grp .request-list-cont-grp .request-list-complete:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 90%;
        height: 1px;
        transform: translateX(-50%);
    }
    .request-list-all-grp .request-list-cont-grp .request-list-complete:before {
        background-color: #fec66a;
    }
    .request-list-all-grp .request-list-cont-grp .request-list-complete:after {
        top: 1px;
        background-color: #efa831;
    }
}
.request-list-all-grp .request-list-cont-grp .right-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-basis: 65px;
    flex-shrink: 0;
    gap: 10px;
}
.request-list-all-grp .request-list-cont-grp .request-list-state {
    font-size: 1rem;
    font-weight: 700;
    color: #cecece;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp .request-list-state {
        font-size: 0.875rem;
    }
}
.request-list-all-grp .request-list-cont-grp .request-list-obj-grp .request-list-obj {
    display: block;
}
.request-list-all-grp .request-list-cont-grp .request-list-obj-grp .dot {
    width: 5px;
    height: 5px;
    background-color: #26d66a;
    border-radius: 50%;
}
.request-list-all-grp .request-list-cont-grp .request-list-obj-grp .dot.red-dot {
    background-color: #ff5d5d;
}
.request-list-all-grp .request-list-cont-grp .request-list-obj-grp .arrow {
    width: 7px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.98' height='10.974'%3E%3Cg data-name='그룹 20177' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.4'%3E%3Cpath data-name='선 1210' d='M.99.984l5 4'/%3E%3Cpath data-name='선 1211' d='M5.99 4.984l-5 5'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.request-list-all-grp .request-list-cont-grp.type-inquiring .request-list-state {
    color: #000;
}
.request-list-all-grp .request-list-cont-grp.type-paying {
    background-color: #fdb640;
}
.request-list-all-grp .request-list-cont-grp.type-paying .request-list-date {
    color: #fff;
}
.request-list-all-grp .request-list-cont-grp.type-paying .request-list-type {
    color: hsla(0, 0%, 100%, 0.67);
}
.request-list-all-grp .request-list-cont-grp.type-paying .request-list-state {
    color: #fff;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-paying {
        padding-bottom: 52px;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit {
    position: relative;
    padding: 20px;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 16px 20px;
        gap: 9px;
    }
    .request-list-all-grp .request-list-cont-grp.type-edit .left-grp {
        width: 100%;
        align-items: flex-start;
    }
    .request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-date {
        font-size: 0.9375rem;
        flex-basis: 58px;
    }
    .request-list-all-grp .request-list-cont-grp.type-edit .right-grp {
        flex-basis: auto;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying {
    padding-bottom: 61px;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit.type-paying {
        padding-bottom: 50px;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 12px;
    width: 100%;
    text-decoration: underline;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete {
        padding-bottom: 14px;
        padding-top: 11.5px;
        text-decoration: none;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete:after,
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 90%;
    height: 1px;
    transform: translateX(-50%);
}
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete:before {
    background-color: #fec66a;
}
.request-list-all-grp .request-list-cont-grp.type-edit.type-paying .request-list-complete:after {
    top: 1px;
    background-color: #efa831;
}
.request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-date {
    font-size: 0.875rem;
    flex-basis: 54px;
    white-space: nowrap;
}
.request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-date:after {
    display: none;
}
.request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-type {
    position: relative;
    font-size: 0.9375rem;
}
.request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-type:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16.5px;
    right: auto;
    display: block;
    width: 1px;
    height: 90%;
    transform: translateY(-50%);
    background-color: #e3e3e3;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit .left-grp .request-list-type:before {
        left: -14.5px;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit .right-grp {
    gap: 9px;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit .right-grp {
        gap: 6px;
    }
}
.request-list-all-grp .request-list-cont-grp.type-edit .right-grp .request-list-state {
    font-size: 0.875rem;
}
@media (max-width: 600px) {
    .request-list-all-grp .request-list-cont-grp.type-edit .right-grp .request-list-obj-grp .arrow {
        width: 6px;
        height: 9px;
    }
}
.request-invoice-all-grp {
    padding: 41px 84px 135px;
}
@media (max-width: 600px) {
    .request-invoice-all-grp {
        padding: 0;
    }
}
.request-invoice-all-grp .request-invoice-check-grp {
    margin-bottom: 22px;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-check-grp {
        margin-bottom: 12px;
    }
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-check-grp .input-chck {
        gap: 10px;
    }
}
.request-invoice-all-grp .request-invoice-check-grp .check-icon {
    cursor: default;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-check-grp .check-icon {
        width: 25px;
        height: 25px;
    }
}
.request-invoice-all-grp .request-invoice-check-grp .label-tt {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    cursor: default;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-check-grp .label-tt {
        font-size: 1.125rem;
    }
}
.request-invoice-all-grp .request-invoice-budget-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 44px;
    padding: 15px 41px;
    margin-bottom: 36px;
    border-radius: 10px;
    background-color: rgba(253, 182, 64, 0.1);
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-budget-grp {
        justify-content: flex-start;
        gap: 33px;
        padding: 13px 18px;
        margin-bottom: 24px;
    }
}
.request-invoice-all-grp .request-invoice-budget-grp .request-invoice-budget-label {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
.request-invoice-all-grp .request-invoice-budget-grp .request-invoice-budget-label:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: -22px;
    left: auto;
    width: 1px;
    height: 130%;
    background-color: #e5dfd5;
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-budget-grp .request-invoice-budget-label:after {
        right: -16.5px;
        height: 100%;
    }
}
.request-invoice-all-grp .request-invoice-budget-grp .request-invoice-budget-info {
    font-size: 1.625rem;
    font-weight: 700;
    color: #fdb640;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-invoice-budget-grp .request-invoice-budget-info {
        font-size: 1.25rem;
    }
}
.request-invoice-all-grp .cart-modal-middle {
    overflow: visible;
    height: auto;
    padding: 0;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .request-step-btn-all-grp {
        padding: 14px 0 !important;
        box-shadow: none !important;
    }
}
.request-invoice-all-grp .btn-detail-talk {
    width: 320px;
    padding: 12px 0;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 600px) {
    .request-invoice-all-grp .btn-detail-talk {
        width: 100%;
        height: 50px;
        font-size: 1.125rem;
    }
}
.request-invoice-account-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 19px;
}
@media (max-width: 600px) {
    .request-invoice-account-grp {
        margin-top: 16px;
    }
}
.request-invoice-account-grp.type-end {
    justify-content: flex-end;
}
.request-invoice-account-grp .request-invoice-account-label {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .request-invoice-account-grp .request-invoice-account-label {
        font-size: 0.875rem;
    }
}
.request-invoice-account-grp .request-invoice-account-info {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}
@media (max-width: 600px) {
    .request-invoice-account-grp .request-invoice-account-info {
        font-size: 0.875rem;
    }
}
@media (max-width: 600px) {
    .request-step-page .serve-center {
        padding: 0;
    }
}
@media (max-width: 600px) {
    .request-step-page .inp-design-orange {
        padding: 13px 19px;
    }
}
@media (max-width: 600px) {
    .request-invoice-page .request-step-all-grp {
        padding-top: 10px;
    }
}
@media (max-width: 600px) {
    .request-guest-complete-page .request-all-cont-wrap {
        padding-top: 74px;
    }
}
.request-guest-complete-page .payment-btn-grp .btn {
    height: 50px;
    font-size: 1.125rem;
}




.agree-label {
    margin-left: 11px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #bcbcbc;
}
.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");
}


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


.payment-box {
    padding: 14px 0 60px;
    text-align: center;
}
.payment-box.pt-add {
    padding-top: 100px;
}
@media (max-width: 600px) {
    .payment-box.pt-add {
        padding-top: 30px;
    }
}
.payment-box .icon-complete,
.payment-box .icon-empty {
    width: 64px;
    height: 64px;
}
.payment-box .payment-tt {
    padding: 28px 0;
    font-size: 2.125rem;
    font-weight: 800;
    color: #000;
}
@media (max-width: 600px) {
    .payment-box .payment-tt {
        padding: 21px 0;
        font-size: 1.625rem;
    }
}
.payment-box .payment-txt {
    padding-bottom: 44px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 1.306;
}
@media (max-width: 600px) {
    .payment-box .payment-txt {
        font-size: 1rem;
    }
}
.payment-box.type-request {
    padding-bottom: 0;
}
.payment-box.type-request .payment-tt {
    padding-bottom: 10px;
}
.payment-box.type-request .payment-company {
    font-size: 0.875rem;
    font-weight: 400;
    color: #d1d1d1;
    padding-bottom: 52px;
}
.payment-box.type-request .payment-btn-grp .btn:first-child {
    margin-bottom: 17px;
}



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

.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;
}

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




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

.design-manual-detail-section {
    padding: 104px 0;
}
@media (max-width: 600px) {
    .design-manual-detail-section {
        padding: 36px 0 100px;
    }
}
.design-manual-detail-section .design-manual-subtt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #a3a3a3;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-subtt {
        font-size: 0.8125rem;
    }
}
.design-manual-detail-section .design-detail-info-tt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #868686;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-detail-info-tt {
        font-size: 0.875rem;
    }
}
.design-manual-detail-section .design-manual-tt {
    padding: 15px 0 22px;
    font-size: 2.125rem;
    font-weight: 700;
    color: #000;
    line-height: 1.3185;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-tt {
        padding: 14px 0 16px;
        font-size: 1.375rem;
    }
}
.design-manual-detail-section .design-detail-info {
    padding-top: 97px;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-detail-info {
        padding-top: 45px;
    }
}
.design-manual-detail-section .design-manual-thum-img {
    max-width: 768px;
    width: auto;
    height: auto;
    padding: 50px 0;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-thum-img {
        padding: 30px 0 24px;
    }
}
.design-manual-detail-section .design-manual-thum-img.type-design-b-img {
    padding: 48px 0 30px;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-thum-img.type-design-b-img {
        padding: 21px 0 30px;
    }
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-thum-img.type-full-img {
        max-width: 110%;
        margin: 0 -16px;
    }
}


.design-manual-detail-section .design-manual-thum-img.type-pd-sm {
    /* === Summernote 콘텐츠 스타일 === */
    font-size: 14px;
    line-height: 1.6;
    color: #222;    
    padding-top: 15px;
  
    /* 단락 스타일 */
    p {
        margin: 0 0 1em;
        line-height: 1.6;
    }
  
    /* 굵게 / 기울임 / 밑줄 / 취소선 */
    b, strong { 
        font-weight: bold !important;
    }
    i, em {
        font-style: italic !important;
    }
    u {
        text-decoration: underline !important;
    }
    s, del {
        text-decoration: line-through !important;
    }
  
    /* 제목 태그 */
    h1 {
        font-size: 2em;
        font-weight: bold;
        margin: 0.8em 0 0.5em;
        line-height: 1.2;
    }
    h2 {
        font-size: 1.75em;
        font-weight: bold;
        margin: 0.75em 0 0.45em;
        line-height: 1.3;
    }
    h3 {
        font-size: 1.5em;
        font-weight: bold;
        margin: 0.7em 0 0.4em;
        line-height: 1.4;
    }
    h4 {
        font-size: 1.25em;
        font-weight: bold;
        margin: 0.65em 0 0.35em;
        line-height: 1.5;
    }
    h5 {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0.6em 0 0.3em;
        line-height: 1.5;
    }
    h6 {
        font-size: 1em;
        font-weight: bold;
        margin: 0.55em 0 0.25em;
        line-height: 1.6;
    }
    
    /* 리스트 스타일 */
    ul {
        list-style-type: disc;
        margin: 0 0 1em;
        padding-left: 2em;
    }
    ol {
        list-style-type: decimal;
        margin: 0 0 1em;
        padding-left: 2em;
    }
    li {
        margin: 0.3em 0;
        line-height: 1.6;
    }
    ul ul, ol ol, ul ol, ol ul {
        margin: 0.5em 0;
    }
  
    /* 링크 스타일 */
    a {
        color: #0066cc;
        text-decoration: underline;
        cursor: pointer;
    }
    a:hover {
        color: #0052a3;
        text-decoration: underline;
    }
  
    /* 코드 / 프리포맷 스타일 */
    code {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 0.9em;
        background: #f5f5f5;
        padding: 2px 4px;
        border-radius: 3px;
        color: #d63384;
    }
  
    pre {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 0.9em;
        background: #f5f5f5;
        padding: 12px 15px;
        border-radius: 4px;
        overflow-x: auto;
        margin: 0 0 1em;
        line-height: 1.5;
    }
    pre code {
        background: transparent;
        padding: 0;
        color: inherit;
    }
  
    /* 이미지 스타일 */
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 1em 0;
    }
  
    /* 테이블 스타일 */
    table {
        border-collapse: collapse;
        width: 100%;
        margin: 1em 0;
    }
  
    table th,
    table td {
        border: 1px solid #ddd;
        padding: 8px 12px;
        text-align: left;
    }
    table th {
        background-color: #f8f9fa;
        font-weight: bold;
    }
    table tr:nth-child(even) {
        background-color: #f9f9f9;
    }
  
    /* 인용구 스타일 */
    blockquote {
        margin: 1em 0;
        padding: 10px 15px;
        border-left: 4px solid #ddd;
        background-color: #f9f9f9;
        color: #555;
        font-style: italic;
    }
    blockquote p {
        margin: 0;
    }
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-thum-img.type-pd-sm {
        /* === Summernote 콘텐츠 스타일 === */
        font-size: 14px;
        line-height: 1.6;
        color: #222;    
        padding-top: 15px;
    
        /* 단락 스타일 */
        p {
            margin: 0 0 1em;
            line-height: 1.6;
        }
    
        /* 굵게 / 기울임 / 밑줄 / 취소선 */
        b, strong { 
            font-weight: bold !important;
        }
        i, em {
            font-style: italic !important;
        }
        u {
            text-decoration: underline !important;
        }
        s, del {
            text-decoration: line-through !important;
        }
    
        /* 제목 태그 */
        h1 {
            font-size: 2em;
            font-weight: bold;
            margin: 0.8em 0 0.5em;
            line-height: 1.2;
        }
        h2 {
            font-size: 1.75em;
            font-weight: bold;
            margin: 0.75em 0 0.45em;
            line-height: 1.3;
        }
        h3 {
            font-size: 1.5em;
            font-weight: bold;
            margin: 0.7em 0 0.4em;
            line-height: 1.4;
        }
        h4 {
            font-size: 1.25em;
            font-weight: bold;
            margin: 0.65em 0 0.35em;
            line-height: 1.5;
        }
        h5 {
            font-size: 1.1em;
            font-weight: bold;
            margin: 0.6em 0 0.3em;
            line-height: 1.5;
        }
        h6 {
            font-size: 1em;
            font-weight: bold;
            margin: 0.55em 0 0.25em;
            line-height: 1.6;
        }
        
        /* 리스트 스타일 */
        ul {
            list-style-type: disc;
            margin: 0 0 1em;
            padding-left: 2em;
        }
        ol {
            list-style-type: decimal;
            margin: 0 0 1em;
            padding-left: 2em;
        }
        li {
            margin: 0.3em 0;
            line-height: 1.6;
        }
        ul ul, ol ol, ul ol, ol ul {
            margin: 0.5em 0;
        }
    
        /* 링크 스타일 */
        a {
            color: #0066cc;
            text-decoration: underline;
            cursor: pointer;
        }
        a:hover {
            color: #0052a3;
            text-decoration: underline;
        }
    
        /* 코드 / 프리포맷 스타일 */
        code {
            font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
            font-size: 0.9em;
            background: #f5f5f5;
            padding: 2px 4px;
            border-radius: 3px;
            color: #d63384;
        }
    
        pre {
            font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
            font-size: 0.9em;
            background: #f5f5f5;
            padding: 12px 15px;
            border-radius: 4px;
            overflow-x: auto;
            margin: 0 0 1em;
            line-height: 1.5;
        }
        pre code {
            background: transparent;
            padding: 0;
            color: inherit;
        }
    
        /* 이미지 스타일 */
        img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 1em 0;
        }
    
        /* 테이블 스타일 */
        table {
            border-collapse: collapse;
            width: 100%;
            margin: 1em 0;
        }
    
        table th,
        table td {
            border: 1px solid #ddd;
            padding: 8px 12px;
            text-align: left;
        }
        table th {
            background-color: #f8f9fa;
            font-weight: bold;
        }
        table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
    
        /* 인용구 스타일 */
        blockquote {
            margin: 1em 0;
            padding: 10px 15px;
            border-left: 4px solid #ddd;
            background-color: #f9f9f9;
            color: #555;
            font-style: italic;
        }
        blockquote p {
            margin: 0;
        }
    }
}


.design-manual-detail-section .design-manual-thum-img .img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.design-manual-detail-section .design-manual-desc {
    white-space: pre-line;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 1.306;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-desc {
        padding-bottom: 30px;
        font-size: 0.9375rem;
       /* border-bottom: 1px solid #dbdbdb;*/
    }
}
.design-manual-detail-section .design-manual-desc-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 21px;
    margin-top: 30px;
    font-size: 1.125rem;
    color: #000;
    border-radius: 11px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-desc-box {
        margin: 26px 0 0;
        font-size: 1rem;
    }
}
.design-manual-detail-section .design-manual-desc-box .product-view {
    font-weight: 700;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-desc-box .product-view {
        flex-basis: 65px;
    }
}
.design-manual-detail-section .design-manual-desc-box .product-name {
    padding-left: 23px;
    margin-left: 23px;
    border-left: 1px solid #e2e2e2;
    font-weight: 400;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-desc-box .product-name {
        padding-left: 14px;
        margin-left: 14px;
    }
}
.design-manual-detail-section .design-detail-info-grp {
    padding-top: 90px;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-detail-info-grp {
        padding-top: 45px;
        margin-top: 24px;
       /* border-top: 1px solid #dbdbdb;*/
    }
}
.design-manual-detail-section .design-manual-detail-info-subtt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #868686;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-detail-info-subtt {
        font-size: 0.875rem;
    }
}
.design-manual-detail-section .design-manual-detail-info-tt {
    padding: 15px 0 24px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-detail-info-tt {
        padding: 8px 0 20px;
        font-size: 1.25rem;
    }
}
.design-manual-detail-section .design-manual-detail-info-tt.type-small {
    padding: 0 0 25px;
    font-size: 1.25rem;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-detail-info-tt.type-small {
        padding: 43px 0 16px;
        font-size: 1rem;
    }
}
.design-manual-detail-section .design-manual-detail-info-desc {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.355;
}
@media (max-width: 600px) {
    .design-manual-detail-section .design-manual-detail-info-desc {
        font-size: 0.9375rem;
        line-height: 1.467;
    }
}

.manual-fav-grp {
    z-index: 2;
    position: absolute;
    top: -25px;
    right: 28px;
    left: auto;
}
@media (max-width: 600px) {
    .manual-fav-grp {
        top: -20px;
        right: 18px;
    }
}
.manual-fav-grp .manual-fav {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.172' y1='.089' x2='.781' y2='.964' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23e8e8e8'/%3E%3Cstop offset='1' stop-color='%23d1d1d1'/%3E%3C/linearGradient%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 10969' fill='%23c2c2c2' stroke='%23707070' d='M0 0h9.294v9.294H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 19969'%3E%3Cg data-name='그룹 19942' transform='translate(-1097 -1364)'%3E%3Cpath data-name='패스 10631' d='M1122 1364a25 25 0 11-25 25 25 25 0 0125-25z' fill='%23fff'/%3E%3Ccircle data-name='타원 632' cx='21' cy='21' r='21' transform='translate(1101 1368)' fill='url(%23a)'/%3E%3C/g%3E%3Cpath data-name='패스 10500' d='M32.645 37.95l-7.226-4.862a.749.749 0 00-.837 0l-7.226 4.862a1.056 1.056 0 01-1.637-.9v-21.3a2.505 2.505 0 012.476-2.534h13.611a2.505 2.505 0 012.476 2.534v21.3a1.056 1.056 0 01-1.637.9z' fill='%23fff'/%3E%3Cg data-name='마스크 그룹 11' transform='translate(20.353 18)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 124' fill='%23c2c2c2'%3E%3Cpath data-name='패스 30' d='M2.866 8.347H0V.775h2.866a4.091 4.091 0 011.611.3 3.4 3.4 0 011.183.823 3.414 3.414 0 01.714 1.215A4.455 4.455 0 016.6 4.552a4.375 4.375 0 01-.259 1.536 3.4 3.4 0 01-.763 1.21 3.44 3.44 0 01-1.188.777 4.131 4.131 0 01-1.524.271M.838 7.51h2.028a3.3 3.3 0 001.217-.213 2.608 2.608 0 00.9-.588 2.568 2.568 0 00.574-.915 3.545 3.545 0 00.206-1.243 3.618 3.618 0 00-.186-1.169 2.582 2.582 0 00-.538-.919 2.568 2.568 0 00-.895-.619 3.263 3.263 0 00-1.278-.231H.838z'/%3E%3Cpath data-name='패스 31' d='M5.556 8.347H2.69V.775h2.866a4.091 4.091 0 011.611.3 3.327 3.327 0 011.9 2.038 4.451 4.451 0 01.231 1.439 4.372 4.372 0 01-.259 1.536 3.394 3.394 0 01-.763 1.21 3.44 3.44 0 01-1.192.778 4.131 4.131 0 01-1.524.271m-2.028-.838H5.56a3.3 3.3 0 001.216-.213 2.61 2.61 0 00.9-.588 2.566 2.566 0 00.574-.915 3.542 3.542 0 00.206-1.243 3.621 3.621 0 00-.186-1.169 2.491 2.491 0 00-1.433-1.538 3.264 3.264 0 00-1.281-.23H3.528z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    cursor: pointer;
}
@media (max-width: 600px) {
    .manual-fav-grp .manual-fav {
        width: 40px;
        height: 40px;
        transition: none;
    }
}
.manual-fav-grp .manual-fav.is-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='1' y2='1.155' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffd034'/%3E%3Cstop offset='1' stop-color='%23ffae26'/%3E%3C/linearGradient%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 10969' fill='%23fff' stroke='%23707070' d='M0 0h9.294v9.294H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 19960'%3E%3Cg data-name='그룹 19959'%3E%3Cg data-name='그룹 19942' transform='translate(-1097 -1364)'%3E%3Ccircle data-name='타원 631' cx='25' cy='25' r='25' transform='translate(1097 1364)' fill='%23fff'/%3E%3Ccircle data-name='타원 632' cx='21' cy='21' r='21' transform='translate(1101 1368)' fill='url(%23a)'/%3E%3C/g%3E%3Cpath data-name='패스 10500' d='M32.645 37.95l-7.226-4.862a.749.749 0 00-.837 0l-7.226 4.862a1.056 1.056 0 01-1.637-.9v-21.3a2.505 2.505 0 012.476-2.534h13.611a2.505 2.505 0 012.476 2.534v21.3a1.056 1.056 0 01-1.637.9z' fill='rgba(255,255,255,0.42)'/%3E%3C/g%3E%3Cg data-name='마스크 그룹 11' transform='translate(20.353 18)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 124' fill='%23fff'%3E%3Cpath data-name='패스 30' d='M2.866 8.347H0V.775h2.866a4.091 4.091 0 011.611.3 3.4 3.4 0 011.183.823 3.414 3.414 0 01.714 1.215A4.455 4.455 0 016.6 4.552a4.375 4.375 0 01-.259 1.536 3.4 3.4 0 01-.763 1.21 3.44 3.44 0 01-1.188.777 4.131 4.131 0 01-1.524.271M.838 7.51h2.028a3.3 3.3 0 001.217-.213 2.608 2.608 0 00.9-.588 2.568 2.568 0 00.574-.915 3.545 3.545 0 00.206-1.243 3.618 3.618 0 00-.186-1.169 2.582 2.582 0 00-.538-.919 2.568 2.568 0 00-.895-.619 3.263 3.263 0 00-1.278-.231H.838z'/%3E%3Cpath data-name='패스 31' d='M5.556 8.347H2.69V.775h2.866a4.091 4.091 0 011.611.3 3.327 3.327 0 011.9 2.038 4.451 4.451 0 01.231 1.439 4.372 4.372 0 01-.259 1.536 3.394 3.394 0 01-.763 1.21 3.44 3.44 0 01-1.192.778 4.131 4.131 0 01-1.524.271m-2.028-.838H5.56a3.3 3.3 0 001.216-.213 2.61 2.61 0 00.9-.588 2.566 2.566 0 00.574-.915 3.542 3.542 0 00.206-1.243 3.621 3.621 0 00-.186-1.169 2.491 2.491 0 00-1.433-1.538 3.264 3.264 0 00-1.281-.23H3.528z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.design-manual-center {
    width: 100%;
    max-width: 768px;
    margin: 0 auto 0 0.1px;
    transition: all 0.3s;
}
.design-manual-center.is-show {
    margin-left: -31%;
}
@media (max-width: 600px) {
    .design-manual-center.is-show {
        margin-left: 0;
    }
}
.design-manual-center.is-show .fixed-btn-wrap {
    right: 690px;
}
@media (max-width: 1480px) {
    .design-manual-center.is-show .fixed-btn-wrap {
        display: none;
    }
}
@media (max-width: 600px) {
    .design-manual-center.is-show .fixed-btn-wrap {
        display: block;
    }
}


.premium-side-qna {
    z-index: 11;
    opacity: 0;
    position: fixed;
    top: 90px;
    right: 0;
    left: auto;
    width: 500px;
    height: 100vh;
    padding: 50px;
    background-color: #f5f5f5;
    transition: all 0.3s;
    pointer-events: none;
}
@media (max-width: 600px) {
    .premium-side-qna {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 30vh;
        padding: 20px 16px 24px;
    }
}
.premium-side-qna.type-design-b-modal {
    padding: 50px 45px 50px 50px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal {
        overflow-y: scroll;
        z-index: 20;
        height: 100% !important;
        padding: 30px 16px;
        background-color: #fff;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-modal-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 35px;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-modal-tt {
        width: 100%;
        font-size: 1.375rem;
        font-weight: 700;
        color: #141414;
        text-align: center;
    }
}




.premium-side-qna.type-design-b-modal .inp-design-grp {
    margin-bottom: 26px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .inp-design-grp {
        margin-bottom: 0;
    }
}
.premium-side-qna.type-design-b-modal .content-area {
    height: 104px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .content-area {
        height: 117px;
        margin-top: 13px;
    }
}
.premium-side-qna.type-design-b-modal .textarea-tt {
    margin-left: 10px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .textarea-tt {
        margin-left: 0;
    }
}
.premium-side-qna.type-design-b-modal .select-tt {
    padding-bottom: 12px;
    margin-left: 10px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .select-tt {
        margin-left: 0;
    }
}
.premium-side-qna.type-design-b-modal .inp-box {
    margin-top: 12px;
}
.premium-side-qna.type-design-b-modal .design-b-options {
    padding: 27px 0 4px;
    margin: 33px 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-options {
        padding: 22px 0 0;
        margin: 25px 0 0;
        border-bottom: none;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option-tt {
    padding-bottom: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-tt {
        padding-bottom: 22px;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-box {
        margin-bottom: 14px;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option-box.type-design-b-renew .design-b-option {
    margin-bottom: 8px;
}
.premium-side-qna.type-design-b-modal .design-b-option-box.type-design-b-renew .design-b-option-right-txt-grp {
    margin-bottom: 23px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-box.type-design-b-renew .design-b-option-right-txt-grp {
        margin-bottom: 0;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option-box.type-design-b-renew .desgin-b-option-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}
.premium-side-qna.type-design-b-modal .design-b-option-box.type-design-b-renew .desgin-b-option-list-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.premium-side-qna.type-design-b-modal .design-b-option {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option {
        margin-bottom: 8px;
        font-size: 0.9375rem;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option:last-child {
    padding-bottom: 0;
}
.premium-side-qna.type-design-b-modal .design-b-option .dot-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    border-top: 1px dashed #d5d5d5;
    transform: translate(-50%, -50%);
}
.premium-side-qna.type-design-b-modal .design-b-option .design-b-option-left {
    z-index: 2;
    width: auto;
    padding-right: 12px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option .design-b-option-left {
        background-color: #fff;
        line-height: 1.334;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option .design-b-option-right {
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: auto;
    padding-left: 12px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option .design-b-option-right {
        background-color: #fff;
    }
}
.premium-side-qna.type-design-b-modal .design-b-option .design-b-option-right .design-b-option-right-txt {
    color: rgba(0, 0, 0, 0.4);
}
.premium-side-qna.type-design-b-modal .design-b-option-right-txt-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-right-txt-grp .desgin-b-option-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-right-txt-grp .desgin-b-option-list .desgin-b-option-list-right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        font-size: 0.9375rem;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-option-right-txt {
        font-size: 0.9375rem;
        color: rgba(0, 0, 0, 0.4);
    }
}
.premium-side-qna.type-design-b-modal .design-b-amount-grp {
    padding: 20px 0 18px;
    text-align: right;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-amount-grp {
        margin-top: 25px;
        border-top: 2px solid #000;
        padding: 25px 0 39px;
    }
}
.premium-side-qna.type-design-b-modal .design-b-amount-grp .amount-txt {
    padding-bottom: 7px;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.56);
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-amount-grp .amount-txt {
        padding-bottom: 6px;
        font-size: 0.9375rem;
    }
}
.premium-side-qna.type-design-b-modal .design-b-amount-grp .payment-amount {
    font-size: 1.25rem;
    font-weight: 400;
    color: #000;
}
.premium-side-qna.type-design-b-modal .design-b-amount-grp .payment-amount .bold-txt {
    font-size: 1.5rem;
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-amount-grp .payment-amount .bold-txt {
        font-size: 1.25rem;
    }
}
@media (max-width: 600px) {
    .premium-side-qna.type-design-b-modal .design-b-amount-grp .payment-amount {
        font-size: 1.125rem;
    }
}
.premium-side-qna .premium-side-scroll {
    overflow-y: scroll;
    height: calc(100% - 326px);
    padding-right: 15px;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-side-scroll {
        overflow-y: visible;
        height: auto;
        padding-right: 0;
    }
}
.premium-side-qna .premium-side-scroll::-webkit-scrollbar {
    width: 3px;
}
.premium-side-qna .premium-side-scroll::-webkit-scrollbar-thumb {
    background-color: #fdb640;
    border-radius: 2px;
}
.premium-side-qna .premium-side-scroll::-webkit-scrollbar-track {
    background-color: #e8e8e8;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-ttl-grp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
        padding-bottom: 14px;
    }
}
.premium-side-qna .premium-ttl-grp .premiun-prev {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-ttl-grp .premiun-prev {
        flex-direction: row-reverse;
        font-weight: 600;
    }
}
@media (max-width: 600px) {
    .premium-side-qna .premium-ttl-grp .icon-prev-gray {
        width: 5px;
        height: 10px;
        transform: rotate(-95deg);
    }
}
.premium-side-qna .premium-side-ttl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 24px 0 37px;
}
.premium-side-qna .premium-side-ttl.type-design-b {
    padding-bottom: 27px;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-side-ttl {
        padding: 0;
    }
}
.premium-side-qna .premium-side-ttl .premium-side-img {
    width: 55px;
    height: 55px;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-side-ttl .premium-side-img {
        width: 27px;
        height: 27px;
    }
}
.premium-side-qna .premium-side-ttl .premium-side-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.premium-side-qna .premium-side-ttl .premium-side-tt {
    font-size: 1.875rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .premium-side-qna .premium-side-ttl .premium-side-tt {
        font-size: 1.125rem;
    }
}
@media (max-width: 600px) {
    .premium-side-qna .premium-side-ttl .premium-side-num {
        font-size: 0.6875rem;
        font-weight: 400;
        color: #bcbcbc;
    }
}
.premium-side-qna.is-show {
    opacity: 1;
    width: 666px;
    pointer-events: visible !important;
    transition-delay: 0.3s;
}
@media (max-width: 600px) {
    .premium-side-qna.is-show {
        bottom: 0;
        width: 100%;
        height: 42vh;
    }
}

.inp-design-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 47px;
}
@media (max-width: 600px) {
    .inp-design-grp {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}
.inp-design-grp .input-grp {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10px;
    width: calc(50% - 6.5px);
    padding-bottom: 0;
}
@media (max-width: 600px) {
    .inp-design-grp .input-grp {
        width: 100%;
    }
}
.inp-design-grp .input-grp .input-lg-tt {
    margin-left: 10px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .inp-design-grp .input-grp .input-lg-tt {
        padding-left: 7px;
        margin-left: 0;
        font-size: 0.875rem;
    }
}
@media (max-width: 600px) {
    .inp-design-grp .input-grp .input-lg-tt .mb-tt {
        font-weight: 400;
        color: #4b4b4b;
    }
}
.inp-design-grp .input-grp .inp-box {
    margin-top: 18px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
@media (max-width: 600px) {
    .inp-design-grp .input-grp .inp-box {
        margin-top: 13px;
    }
}
.inp-design-grp .input-grp .btn-inp {
    flex-basis: 75px;
    flex-shrink: 0;
}
.inp-design-grp .select-grp {
    width: calc(50% - 6.5px);
}
@media (max-width: 600px) {
    .inp-design-grp .select-grp {
        width: 100%;
        margin-bottom: 21px;
    }
}
.inp-design-grp .select-grp .select-tt.type-modal {
    margin-left: 10px;
}
.manual-input-chck {
    margin-left: 51px;
}
@media (max-width: 600px) {
    .manual-input-chck {
        margin-left: 0;
    }
}
.manual-input-chck .check-icon {
    flex-shrink: 0;
    padding: 16px 47px 16px 76px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, 0.06);
    color: #fff;
    font-size: 1.375rem;
    font-weight: 600;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11964' transform='translate(-.001)' fill='%23fff' stroke='%23fff' d='M0 0h20v26H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 12411' fill='%23fff' stroke='%23707070' d='M0 0h11.432v10.474H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 21174'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath data-name='패스 10500' d='M17.821 24.645l-6.919-4.655a.717.717 0 00-.8 0l-6.919 4.655a1.011 1.011 0 01-1.568-.865V3.383A2.4 2.4 0 013.985.957h13.033a2.4 2.4 0 012.371 2.426v20.4a1.011 1.011 0 01-1.568.862z' fill='%23fff' stroke='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3Cg data-name='마스크 그룹 93' transform='translate(4.834 5.266)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 21169' fill='%23fdb640' stroke='%23fdb640' stroke-width='.2'%3E%3Cpath data-name='패스 10650' d='M3.709 9.406H.479V.873h3.23a4.61 4.61 0 011.815.337 3.831 3.831 0 011.333.928 3.847 3.847 0 01.8 1.369 5.02 5.02 0 01.26 1.622 4.93 4.93 0 01-.292 1.731 3.829 3.829 0 01-.86 1.364 3.877 3.877 0 01-1.343.877 4.655 4.655 0 01-1.718.306m-2.281-.945h2.286a3.72 3.72 0 001.37-.239 2.939 2.939 0 001.02-.663 2.894 2.894 0 00.647-1.031 4 4 0 00.232-1.4 4.077 4.077 0 00-.21-1.318 2.91 2.91 0 00-.607-1.038 2.894 2.894 0 00-1.008-.7 3.677 3.677 0 00-1.444-.256H1.423z'/%3E%3Cpath data-name='패스 10651' d='M6.74 9.406H3.51V.873h3.23a4.611 4.611 0 011.816.337 3.749 3.749 0 012.137 2.3 5.016 5.016 0 01.26 1.622 4.927 4.927 0 01-.292 1.731 3.825 3.825 0 01-.86 1.364 3.876 3.876 0 01-1.343.877 4.656 4.656 0 01-1.718.306m-2.286-.944H6.74a3.718 3.718 0 001.371-.24 2.941 2.941 0 001.02-.666 2.892 2.892 0 00.647-1.031 3.992 3.992 0 00.232-1.4 4.081 4.081 0 00-.21-1.318 2.807 2.807 0 00-1.615-1.733 3.678 3.678 0 00-1.445-.261H4.454z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: left 47px center;
    background-size: 20px 26px;
    background-repeat: no-repeat;
    transition: all 0.3s;
    cursor: pointer;
}
@media (max-width: 940px) {
    .manual-input-chck .check-icon {
        padding: 11px 27px 11px 46px;
        background-size: 15px 18px;
        background-position: left 25px center;
        border-radius: 8px;
        font-size: 1rem;
    }
}
.manual-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='20' height='26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11964' transform='translate(-.001)' fill='%23fdb640' stroke='%23fdb640' d='M0 0h20v26H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 12411' fill='%23fff' stroke='%23707070' d='M0 0h11.432v10.474H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 21174'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath data-name='패스 10500' d='M17.821 24.645l-6.919-4.655a.717.717 0 00-.8 0l-6.919 4.655a1.011 1.011 0 01-1.568-.865V3.383A2.4 2.4 0 013.985.957h13.033a2.4 2.4 0 012.371 2.426v20.4a1.011 1.011 0 01-1.568.862z' fill='%23fdb640' stroke='%23fdb640' stroke-width='1.6'/%3E%3C/g%3E%3Cg data-name='마스크 그룹 93' transform='translate(4.834 5.266)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 21169' fill='%23fff' stroke='%23fff' stroke-width='.2'%3E%3Cpath data-name='패스 10650' d='M3.709 9.406H.479V.873h3.23a4.61 4.61 0 011.815.337 3.831 3.831 0 011.333.928 3.847 3.847 0 01.8 1.369 5.02 5.02 0 01.26 1.622 4.93 4.93 0 01-.292 1.731 3.829 3.829 0 01-.86 1.364 3.877 3.877 0 01-1.343.877 4.655 4.655 0 01-1.718.306m-2.281-.945h2.286a3.72 3.72 0 001.37-.239 2.939 2.939 0 001.02-.663 2.894 2.894 0 00.647-1.031 4 4 0 00.232-1.4 4.077 4.077 0 00-.21-1.318 2.91 2.91 0 00-.607-1.038 2.894 2.894 0 00-1.008-.7 3.677 3.677 0 00-1.444-.256H1.423z'/%3E%3Cpath data-name='패스 10651' d='M6.74 9.406H3.51V.873h3.23a4.611 4.611 0 011.816.337 3.749 3.749 0 012.137 2.3 5.016 5.016 0 01.26 1.622 4.927 4.927 0 01-.292 1.731 3.825 3.825 0 01-.86 1.364 3.876 3.876 0 01-1.343.877 4.656 4.656 0 01-1.718.306m-2.286-.944H6.74a3.718 3.718 0 001.371-.24 2.941 2.941 0 001.02-.666 2.892 2.892 0 00.647-1.031 3.992 3.992 0 00.232-1.4 4.081 4.081 0 00-.21-1.318 2.807 2.807 0 00-1.615-1.733 3.678 3.678 0 00-1.445-.261H4.454z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #fff;
    color: #fdb640;
}



.manual-input-chck .check-icon-001 {
    flex-shrink: 0;
    padding: 16px 47px 16px 76px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, 0.06);
    color: #fff;
    font-size: 1.375rem;
    font-weight: 600;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11964' transform='translate(-.001)' fill='%23fff' stroke='%23fff' d='M0 0h20v26H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 12411' fill='%23fff' stroke='%23707070' d='M0 0h11.432v10.474H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 21174'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath data-name='패스 10500' d='M17.821 24.645l-6.919-4.655a.717.717 0 00-.8 0l-6.919 4.655a1.011 1.011 0 01-1.568-.865V3.383A2.4 2.4 0 013.985.957h13.033a2.4 2.4 0 012.371 2.426v20.4a1.011 1.011 0 01-1.568.862z' fill='%23fff' stroke='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3Cg data-name='마스크 그룹 93' transform='translate(4.834 5.266)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 21169' fill='%23fdb640' stroke='%23fdb640' stroke-width='.2'%3E%3Cpath data-name='패스 10650' d='M3.709 9.406H.479V.873h3.23a4.61 4.61 0 011.815.337 3.831 3.831 0 011.333.928 3.847 3.847 0 01.8 1.369 5.02 5.02 0 01.26 1.622 4.93 4.93 0 01-.292 1.731 3.829 3.829 0 01-.86 1.364 3.877 3.877 0 01-1.343.877 4.655 4.655 0 01-1.718.306m-2.281-.945h2.286a3.72 3.72 0 001.37-.239 2.939 2.939 0 001.02-.663 2.894 2.894 0 00.647-1.031 4 4 0 00.232-1.4 4.077 4.077 0 00-.21-1.318 2.91 2.91 0 00-.607-1.038 2.894 2.894 0 00-1.008-.7 3.677 3.677 0 00-1.444-.256H1.423z'/%3E%3Cpath data-name='패스 10651' d='M6.74 9.406H3.51V.873h3.23a4.611 4.611 0 011.816.337 3.749 3.749 0 012.137 2.3 5.016 5.016 0 01.26 1.622 4.927 4.927 0 01-.292 1.731 3.825 3.825 0 01-.86 1.364 3.876 3.876 0 01-1.343.877 4.656 4.656 0 01-1.718.306m-2.286-.944H6.74a3.718 3.718 0 001.371-.24 2.941 2.941 0 001.02-.666 2.892 2.892 0 00.647-1.031 3.992 3.992 0 00.232-1.4 4.081 4.081 0 00-.21-1.318 2.807 2.807 0 00-1.615-1.733 3.678 3.678 0 00-1.445-.261H4.454z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: left 47px center;
    background-size: 20px 26px;
    background-repeat: no-repeat;
    transition: all 0.3s;
    cursor: pointer;
}
@media (max-width: 940px) {
    .manual-input-chck .check-icon-001 {
        padding: 10px 5px 10px 5px;
        background-size: 0px 0px;
        /*background-position: left 25px center;*/
        border-radius: 8px;
        font-size: 0.7rem;
    }
}
.manual-input-chck .check-switch:checked ~ .check-icon-001 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='사각형 11964' transform='translate(-.001)' fill='%23fdb640' stroke='%23fdb640' d='M0 0h20v26H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='사각형 12411' fill='%23fff' stroke='%23707070' d='M0 0h11.432v10.474H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 21174'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath data-name='패스 10500' d='M17.821 24.645l-6.919-4.655a.717.717 0 00-.8 0l-6.919 4.655a1.011 1.011 0 01-1.568-.865V3.383A2.4 2.4 0 013.985.957h13.033a2.4 2.4 0 012.371 2.426v20.4a1.011 1.011 0 01-1.568.862z' fill='%23fdb640' stroke='%23fdb640' stroke-width='1.6'/%3E%3C/g%3E%3Cg data-name='마스크 그룹 93' transform='translate(4.834 5.266)' clip-path='url(%23b)'%3E%3Cg data-name='그룹 21169' fill='%23fff' stroke='%23fff' stroke-width='.2'%3E%3Cpath data-name='패스 10650' d='M3.709 9.406H.479V.873h3.23a4.61 4.61 0 011.815.337 3.831 3.831 0 011.333.928 3.847 3.847 0 01.8 1.369 5.02 5.02 0 01.26 1.622 4.93 4.93 0 01-.292 1.731 3.829 3.829 0 01-.86 1.364 3.877 3.877 0 01-1.343.877 4.655 4.655 0 01-1.718.306m-2.281-.945h2.286a3.72 3.72 0 001.37-.239 2.939 2.939 0 001.02-.663 2.894 2.894 0 00.647-1.031 4 4 0 00.232-1.4 4.077 4.077 0 00-.21-1.318 2.91 2.91 0 00-.607-1.038 2.894 2.894 0 00-1.008-.7 3.677 3.677 0 00-1.444-.256H1.423z'/%3E%3Cpath data-name='패스 10651' d='M6.74 9.406H3.51V.873h3.23a4.611 4.611 0 011.816.337 3.749 3.749 0 012.137 2.3 5.016 5.016 0 01.26 1.622 4.927 4.927 0 01-.292 1.731 3.825 3.825 0 01-.86 1.364 3.876 3.876 0 01-1.343.877 4.656 4.656 0 01-1.718.306m-2.286-.944H6.74a3.718 3.718 0 001.371-.24 2.941 2.941 0 001.02-.666 2.892 2.892 0 00.647-1.031 3.992 3.992 0 00.232-1.4 4.081 4.081 0 00-.21-1.318 2.807 2.807 0 00-1.615-1.733 3.678 3.678 0 00-1.445-.261H4.454z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #fff;
    color: #fdb640;
}






.design-b-section {
    padding: 10px 0;
}
@media (max-width: 600px) {
    .design-b-section {
        padding: 10px 0;
    }
}
.design-b-section .design-detail-card {
    overflow: hidden;
    width: 100%;
    max-width: 940px;
    padding: 20px 20px 65px;
    margin: 0 auto;
    margin-top: 35px;
    border-radius: 26px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card {
        padding: 0 16px;
        margin-top: 0;
    }
}
.design-b-section .design-detail-card .design-main-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-img {
        border-radius: 0;
        overflow: visible;
    }
}
.design-b-section .design-detail-card .design-main-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-img .img {
        width: 110%;
        margin: 0 -16px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap {
    padding: 58px 80px 0;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap {
        padding: 27px 0 0;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp {
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 2px solid #000;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp {
        padding-bottom: 34px;
        margin-bottom: 30px;
    }
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp.type-mb-detail {
        padding-bottom: 25px;
        margin-bottom: 22px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp .design-tt {
    padding-bottom: 25px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp .design-tt {
        padding-bottom: 18px;
        font-size: 1.25rem;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp .design-desc {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-detail-grp .design-desc {
        font-size: 0.9375rem;
        line-height: 1.641;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-tt {
    padding-bottom: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-tt {
        padding-bottom: 22px;
    }
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-box {
        margin-bottom: 14px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option {
        margin-bottom: 8px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option:last-child {
    padding-bottom: 0;
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .dot-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    border-top: 1px dashed #e2e2e2;
    transform: translate(-50%, -50%);
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .design-b-option-left {
    z-index: 2;
    width: auto;
    padding-right: 22px;
    background-color: #fff;
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .design-b-option-right {
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: auto;
    padding-left: 22px;
    background-color: #fff;
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .design-b-option-right .design-b-option-right-txt {
    color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .design-b-option-right .btn-cancle {
        padding: 6px;
    }
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option .design-b-option-right .btn-cancle .icon-del-bk {
        width: 6px;
        height: 6px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-right-txt-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-right-txt-grp .desgin-b-option-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-right-txt-grp .desgin-b-option-list .desgin-b-option-list-right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-option-right-txt {
    color: rgba(0, 0, 0, 0.4);
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp {
    padding-bottom: 50px;
    text-align: right;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp {
        padding-bottom: 39px;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp .amount-txt {
    padding-bottom: 11px;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.56);
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp .amount-txt {
        padding-bottom: 6px;
        font-size: 0.9375rem;
    }
}
.design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp .payment-amount {
    font-size: 1.375rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .design-b-section .design-detail-card .design-main-txt-wrap .design-b-amount-grp .payment-amount {
        font-size: 1.125rem;
    }
}
.design-b-section .design-detail-card.type-renew {
    padding: 0;
    border-radius: 0;
    margin-top: 26px;
}
.design-b-section .design-detail-card.type-renew .design-main-img {
    border-radius: 0;
}

.detail-slide-section.type-storage {
    padding: 80px 0 95px;
    background-color: #f6f6f6;
}
@media (max-width: 600px) {
    .detail-slide-section.type-storage {
        padding-top: 0;
        margin-top: 62px;
        background-color: #fff;
    }
}
.detail-slide-section.type-giftbox {
    margin-top: 170px;
}
@media (max-width: 600px) {
    .detail-slide-section.type-giftbox {
        margin-top: 30px;
    }
}
.detail-slide-section .slide-inner {
    width: 768px;
    margin: 0 auto;
}
.detail-slide-section .slide-inner.type-design-b {
    margin-top: 100px;
}
@media (max-width: 600px) {
    .detail-slide-section .slide-inner.type-design-b {
        margin-top: 36px;
    }
}
.detail-slide-section .slide-inner.type-giftbox {
    width: 1330px;
    margin-bottom: 120px;
}
@media (max-width: 600px) {
    .detail-slide-section .slide-inner.type-giftbox {
        width: 100%;
        margin-bottom: 0;
    }
}
@media (max-width: 600px) {
    .detail-slide-section .slide-inner {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .detail-slide-section .slide-inner.type-mb-inner {
        padding: 0 16px;
    }
}
.detail-slide-section .similar-ttl {
    margin-bottom: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-ttl {
        margin-left: 16px;
        margin-bottom: 18px;
        font-size: 1.25rem;
    }
}
@media (max-width: 600px) {
    .detail-slide-section .similar-ttl.type-inner {
        margin-left: 0;
    }
}
.detail-slide-section .similar-slide-container {
    position: relative;
    width: 768px;
    margin: 0 auto;
}
.detail-slide-section .similar-slide-container.type-giftbox {
    width: 1330px;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-slide-container,
    .detail-slide-section .similar-slide-container.type-giftbox {
        width: 100%;
    }
}
.detail-slide-section .similar-card {
    cursor: pointer;
}
.detail-slide-section .similar-card .similar-card-box {
    position: relative;
}
.detail-slide-section .similar-card .similar-card-ttl {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 21px;
    margin: 18px 0 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-ttl {
        height: 19px;
        margin: 13px 0 9px;
        font-size: 1rem;
    }
}
.detail-slide-section .similar-card .similar-card-ttl.type-storage-ttl {
    height: 16px;
    margin: 18px 0 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #828282;
    text-align: center;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-ttl.type-storage-ttl {
        height: 14px;
        margin: 12px 0 4px;
        font-size: 0.75rem;
    }
}
.detail-slide-section .similar-card .similar-card-ttl.type-manual-ttl {
    height: 26px;
    margin: 19px 0 11px;
    font-size: 1.375rem;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-ttl.type-manual-ttl {
        height: 19px;
        margin: 12px 0 8px;
        font-size: 1rem;
        font-weight: 700;
    }
}
.detail-slide-section .similar-card .similar-card-ttl.type-giftbox-ttl {
    height: 16px;
    margin: 18px 0 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #bebebe;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-ttl.type-giftbox-ttl {
        height: 15px;
        margin: 12px 0 6px;
        font-size: 0.8125rem;
        font-weight: 500;
    }
}
.detail-slide-section .similar-card .similar-card-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
    word-wrap: break-word;
    line-height: 1.3;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-txt {
        height: 31px;
        font-size: 0.75rem;
    }
}
.detail-slide-section .similar-card .similar-card-txt.type-storage-txt {
    height: 24px;
    -webkit-line-clamp: 1;
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-txt.type-storage-txt {
        height: 19px;
        font-size: 1rem;
    }
}
.detail-slide-section .similar-card .similar-card-txt.type-manual-txt {
    height: 41px;
    font-size: 1rem;
    font-weight: 400;
    color: #3e3e3e;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-txt.type-manual-txt {
        height: 31px;
        font-size: 0.75rem;
    }
}
.detail-slide-section .similar-card .similar-card-txt.type-giftbox-txt {
    height: 44px;
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-txt.type-giftbox-txt {
        height: 35px;
        margin-bottom: 12px;
        font-size: 0.875rem;
    }
}
.detail-slide-section .similar-card .similar-card-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-card .similar-card-price {
        font-size: 1rem;
    }
}
.detail-slide-section .similar-slide-img {
    overflow: hidden;
    position: relative;
}
.detail-slide-section .similar-slide-img.type-design-b-slide {
    padding-top: 100%;
    border-radius: 6px;
}
.detail-slide-section .similar-slide-img.type-giftbox-slide {
    padding-top: 100%;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-slide-img.type-giftbox-slide {
        border-radius: 5px;
    }
}
.detail-slide-section .similar-slide-img.type-storage-slide {
    padding-top: 81.27%;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .detail-slide-section .similar-slide-img.type-storage-slide {
        padding-top: 83.57%;
    }
}
.detail-slide-section .similar-slide-img.type-manual-slide {
    padding-top: 60.11%;
    border-radius: 8px;
}
.detail-slide-section .similar-slide-img .slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.detail-slide-section .similar-swiper-btn-prev {
    left: -25px;
    width: 50px;
    height: 50px;
    margin-top: 0;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.174' height='16.347'%3E%3Cpath d='M7.76 14.933L1 8.173l6.76-6.759' fill='none' stroke='%23afafaf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 9px 16px;
    background-repeat: no-repeat;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.09);
    text-indent: -9999px;
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .detail-slide-section .similar-swiper-btn-prev {
        left: 4px;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.132' height='10.264'%3E%3Cpath d='M4.718 8.85L1 5.132l3.718-3.717' fill='none' stroke='%23afafaf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
        background-size: 6px 10px;
    }
}
.detail-slide-section .similar-swiper-btn-next {
    right: -25px;
    left: auto;
    width: 50px;
    height: 50px;
    margin-top: 0;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.174' height='16.347'%3E%3Cpath d='M1.414 14.933l6.76-6.76-6.76-6.759' fill='none' stroke='%23afafaf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 9px 16px;
    background-repeat: no-repeat;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.09);
    text-indent: -9999px;
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .detail-slide-section .similar-swiper-btn-next {
        right: 4px;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.132' height='10.264'%3E%3Cpath d='M1.414 8.85l3.718-3.718-1.549-1.549-2.169-2.168' fill='none' stroke='%23afafaf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
        background-size: 6px 10px;
    }
}
.detail-slide-section .designb-swiper-btn {
    margin-top: -43px;
}
@media (max-width: 600px) {
    .detail-slide-section .designb-swiper-btn {
        margin-top: -34px;
    }
}
.detail-slide-section .storage-swiper-btn {
    margin-top: -32px;
}
@media (max-width: 600px) {
    .detail-slide-section .storage-swiper-btn {
        margin-top: -24px;
    }
}
.detail-slide-section .manual-swiper-btn {
    margin-top: -50px;
}
@media (max-width: 600px) {
    .detail-slide-section .manual-swiper-btn {
        margin-top: -34px;
    }
}
.detail-slide-section .giftbox-swiper-btn {
    margin-top: -65px;
}
@media (max-width: 600px) {
    .detail-slide-section .giftbox-swiper-btn {
        margin-top: -50px;
    }
}
@media (max-width: 600px) {
    .detail-slide-section .inner-swiper-prev {
        left: -10px;
    }
}
@media (max-width: 600px) {
    .detail-slide-section .inner-swiper-next {
        right: -10px;
    }
}

.custom-viewer .ProseMirror {
    font-size: 17px !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    .custom-viewer .ProseMirror {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}
.custom-viewer .toastui-editor-contents {
    font-size: 17px !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    .custom-viewer .toastui-editor-contents {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}
.custom-viewer .toastui-editor-contents h1,
.custom-viewer .toastui-editor-contents h2,
.custom-viewer .toastui-editor-contents h3,
.custom-viewer .toastui-editor-contents h4,
.custom-viewer .toastui-editor-contents h5,
.custom-viewer .toastui-editor-contents h6,
.custom-viewer .toastui-editor-contents p {
    font-size: 17px !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    .custom-viewer .toastui-editor-contents h1,
    .custom-viewer .toastui-editor-contents h2,
    .custom-viewer .toastui-editor-contents h3,
    .custom-viewer .toastui-editor-contents h4,
    .custom-viewer .toastui-editor-contents h5,
    .custom-viewer .toastui-editor-contents h6,
    .custom-viewer .toastui-editor-contents p {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}
.custom-viewer .toastui-editor-custom-block-view .info {
    font-size: 17px !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    .custom-viewer .toastui-editor-custom-block-view .info {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}
.custom-viewer .toastui-editor-ww-code-block:after {
    font-size: 17px !important;
    line-height: 1.6 !important;
}
@media (max-width: 600px) {
    .custom-viewer .toastui-editor-ww-code-block:after {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}

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



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


.my-page-nav-tab-wrap {
    padding-top: 53px;
    background-color: #fdb640;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap {
        padding-top: 18px;
        background-color: #fff;
        border-bottom: 1px solid #efefef;
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-ttl-grp {
    margin-bottom: 37px;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-ttl-grp {
        margin-bottom: 33px;
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-ttl-grp .my-page-nav-tab-ttl {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fafafa;
    text-align: center;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-ttl-grp .my-page-nav-tab-ttl {
        font-size: 1.375rem;
        color: #fdb640;
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 81px;
    padding: 29.5px 0;
    border-radius: 20px 20px 0 0;
    background-color: #fafafa;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-all-grp {
        overflow-x: scroll;
        justify-content: flex-start;
        gap: 32px;
        width: 100vw;
        padding: 0 16px;
        margin: 0 -16px;
        border-radius: 0;
        background-color: #fff;
        white-space: nowrap;
    }
    .my-page-nav-tab-wrap .my-page-nav-tab-all-grp::-webkit-scrollbar {
        display: none;
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp {
    position: relative;
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp:last-child:after {
    content: none;
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40.5px;
    left: auto;
    display: block;
    width: 1px;
    height: 55%;
    background-color: #cecece;
    transform: translateY(-50%);
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp:after {
        content: none;
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp .btn-my-page-tab {
    font-size: 1.5rem;
    font-weight: 700;
    color: #cecece;
    transition: all 0.2s;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp .btn-my-page-tab {
        padding-bottom: 14px;
        border-bottom: 3px solid transparent;
        font-size: 0.9375rem;
        color: rgba(0, 0, 0, 0.4);
    }
}
.my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp .btn-my-page-tab.is-active {
    color: #fdb640;
}
@media (max-width: 600px) {
    .my-page-nav-tab-wrap .my-page-nav-tab-all-grp .my-page-nav-tab-grp .btn-my-page-tab.is-active {
        border-color: #fdb640;
        color: #000;
    }
}


.myinfo-section {
    padding-bottom: 40px;
}
@media (max-width: 600px) {
    .myinfo-section {
        overflow: hidden;
    }
}
.myinfo-section .myinfo-mb-tt {
    padding: 42px 0 26px;
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .myinfo-section .div-line {
        width: 110%;
        margin: 20px -16px 0;
    }
}

.cart-desing-b-section,
.cart-gift-box-section,
.inquiry-detail-section,
.inquiry-premium-section,
.inquiry-section,
.order-subscribe-section {
    padding-bottom: 50px;
}

.mypage-card {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
    .mypage-card {
        border-radius: 10px;
    }
}
.mypage-card.type-inquiry {
    padding: 68px 298px 139px;
}
@media (max-width: 600px) {
    .mypage-card.type-inquiry {
        padding: 23px 12px 43px;
    }
}
.mypage-card.type-cart-design {
    margin-bottom: 26px;
}
@media (max-width: 600px) {
    .mypage-card.type-cart-design {
        margin-bottom: 20px;
    }
}
.mypage-card.type-cart-gift {
    margin-bottom: 24px;
}
@media (max-width: 600px) {
    .mypage-card.type-cart-gift {
        margin-bottom: 20px;
    }
}
.mypage-card.type-myinfo {
    padding: 68px 0 89px;
}
@media (max-width: 600px) {
    .mypage-card.type-myinfo {
        padding: 0;
        box-shadow: none;
    }
}
@media (max-width: 600px) {
    .mypage-card.type-none-shadow {
        box-shadow: none;
    }
}
.mypage-card.type-no-shadow {
    box-shadow: none;
    background-color: transparent;
}


.design-cart-box {
    position: relative;
    padding: 42px 47px 36px 47px;
}
@media (max-width: 600px) {
    .design-cart-box {
        padding: 16px 15px;
    }
}
@media (max-width: 600px) {
    .design-cart-box.type-pd-none {
        padding: 16px 0;
    }
}
.design-cart-box .btn-design-cart-del {
    position: absolute;
    top: 26px;
    right: 30px;
    left: auto;
}
@media (max-width: 600px) {
    .design-cart-box .btn-design-cart-del {
        top: 16px;
        right: 15px;
    }
}
.design-cart-box .design-cart-box-top-grp {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-box-top-grp {
        display: block;
        position: static;
    }
}
.design-cart-box .design-cart-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    gap: 34px;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left {
        align-items: flex-start;
        gap: 10px;
        padding-top: 24px;
    }
}
.design-cart-box .design-cart-left .design-cart-img {
    overflow: hidden;
    width: 175px;
    height: 175px;
    flex-basis: 175px;
    flex-shrink: 0;
    border-radius: 6px;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-img {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }
}
.design-cart-box .design-cart-left .design-cart-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.design-cart-box .design-cart-left .design-cart-ttl {
    width: calc(75% - 175px);
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-ttl {
        width: auto;
    }
}

.design-cart-box .design-cart-left .design-cart-ttl_90 {
    width: calc(90% - 175px);
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-ttl_90 {
        width: auto;
    }
}

.design-cart-box .design-cart-left .design-cart-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 26px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-tt {
        font-size: 1rem;
        max-height: 19px;
    }
}
.design-cart-box .design-cart-left .design-cart-txt {
    overflow: hidden;
    position: relative;
    display: block;
    display: -webkit-box;
    max-height: 39px;
    padding-top: 20px;
    margin-top: 14px;
    border-top: 1px solid #dbdbdb;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-txt {
        padding-top: 8px;
        margin-top: 0;
        border: none;
        font-size: 0.8125rem;
    }
}
.design-cart-box .design-cart-left .design-cart-txt .cart-txt {
    font-weight: 700;
    color: #989898;
}
.design-cart-box .design-cart-left .design-cart-txt .opt-txt:last-child .div-txt {
    display: none;
}

.design-cart-box .design-cart-left .design-cart-txt_new {
  /*  overflow: hidden;*/
    position: relative;
    display: block;
    display: -webkit-box;
   /* max-height: 39px;*/
    padding-top: 20px;
    margin-top: 14px;
    border-top: 1px solid #dbdbdb;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-txt_new {
        padding-top: 8px;
        margin-top: 0;
        border: none;
        font-size: 0.8125rem;
    }
}
.design-cart-box .design-cart-left .design-cart-txt_new .cart-txt {
    font-weight: 700;
    color: #989898;
}
.design-cart-box .design-cart-left .design-cart-txt_new .opt-txt:last-child .div-txt {
    display: none;
}



.design-cart-box .design-cart-left .design-cart-pay-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 27px;
    margin-top: 13px;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp {
        position: relative;
    }
}
.design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay-box {
        position: absolute;
        top: -6px;
    }
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay-box.type-mb {
        align-items: flex-start;
        justify-content: space-between;
        top: 40px;
        left: -80px;
        width: 135%;
        padding-top: 18px;
        border-top: 1px solid #dfdfdf;
    }
}
.design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay {
        font-size: 0.875rem;
    }
}
.design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay-vat {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp .design-cart-pay-vat {
        display: block;
        text-align: right;
    }
}
.design-cart-box .design-cart-left .design-cart-pay-grp .pay-txt {
    font-size: 1.5rem;
    font-weight: 700;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-left .design-cart-pay-grp .pay-txt {
        font-size: 1rem;
    }
}
.design-cart-box .design-cart-left .design-cart-pay-grp .pay-vat {
    padding-left: 10px;
    font-size: 0.75rem;
    color: #9f9f9f;
}
.design-cart-box .design-cart-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-basis: 130px;
    flex-shrink: 0;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-right {
        display: block;
        padding-top: 86px;
    }
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-right .design-cart-right-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
        width: 100%;
    }
}
.design-cart-box .design-cart-right .design-cart-right-btn .btn {
    margin-bottom: 8px;
}
@media (max-width: 600px) {
    .design-cart-box .design-cart-right .design-cart-right-btn .btn {
        flex-grow: 1;
        height: 42px;
        padding: 0;
        margin-bottom: 0;
    }
}
.design-cart-box .design-cart-right .design-cart-right-btn .btn:last-child {
    margin-bottom: 0;
}
@media (max-width: 600px) {
    .design-cart-box.type-order {
        padding-bottom: 62px;
    }
}
@media (max-width: 600px) {
    .design-cart-box.type-order .design-cart-left {
        padding-top: 0;
        padding-bottom: 17px;
        border-bottom: 1px solid #dfdfdf;
    }
}
@media (max-width: 600px) {
    .design-cart-box.type-order .design-cart-right {
        position: absolute;
        top: auto;
        bottom: 15px;
        left: 0;
        width: 100%;
        padding-top: 0;
        padding: 0 15px;
    }
}
@media (max-width: 600px) {
    .design-cart-box.type-order .design-cart-right.type-mb-pd-none {
        padding: 0;
    }
}


.sub-pay-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 52px 70px;
    margin-bottom: 23px;
}
@media (max-width: 600px) {
    .sub-pay-box {
        flex-wrap: wrap;
        padding: 30px 12px 20px;
        margin-bottom: 16px;
    }
}
.sub-pay-box .sub-pay-box-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
}
@media (max-width: 600px) {
    .sub-pay-box .sub-pay-box-left {
        gap: 14px;
    }
}
.sub-pay-box .sub-pay-box-left .sub-pay-tt {
    font-size: 1.75rem;
    font-weight: 400;
    color: #000;
    line-height: 1.2858;
}
@media (max-width: 600px) {
    .sub-pay-box .sub-pay-box-left .sub-pay-tt {
        font-size: 1rem;
    }
}
@media (max-width: 600px) {
    .sub-pay-box .sub-pay-box-left .sub-pay-tt .subpay-mb-tt {
        font-size: 1.25rem;
        font-weight: 800;
    }
}
.sub-pay-box .sub-pay-box-left .sub-pay-date {
    margin-top: 14px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #818181;
}
@media (max-width: 600px) {
    .sub-pay-box .sub-pay-box-left .sub-pay-date {
        margin-top: 9px;
        font-size: 0.8125rem;
    }
}
.sub-pay-box .sub-pay-box-left .sub-pay-date .bold-txt {
    color: #242424;
}
@media (max-width: 600px) {
    .sub-pay-box .sub-pay-box-left .sub-pay-img {
        flex-basis: 74px;
        flex-shrink: 0;
        width: 74px;
        height: 74px;
    }
}
.sub-pay-box .sub-pay-box-left .sub-pay-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 600px) {
    .sub-pay-box .order-sub-btn {
        width: 100%;
        margin-top: 22px;
    }
}
.sub-pay-table {
    padding: 44px 73px 63px;
}
@media (max-width: 600px) {
    .sub-pay-table {
        padding: 20px 12px 24px;
    }
}
.sub-pay-table .sub-pay-table-ttl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1.5px solid #aeaeae;
}
@media (max-width: 600px) {
    .sub-pay-table .sub-pay-table-ttl {
        padding-bottom: 10px;
        margin-bottom: 17px;
        border-bottom: 1.5px solid #aeaeae;
    }
}
.sub-pay-table .sub-pay-table-tt {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}
@media (max-width: 600px) {
    .sub-pay-table .sub-pay-table-tt {
        width: 20% !important;
        font-size: 0.875rem;
    }
}
.sub-pay-table .sub-pay-table-tt.type-sub-01 {
    width: 24%;
}
.sub-pay-table .sub-pay-table-tt.type-sub-02 {
    width: 25%;
}
.sub-pay-table .sub-pay-table-tt.type-sub-03 {
    width: 15%;
}
.sub-pay-table .sub-pay-table-tt.type-sub-04 {
    width: 16%;
}
.sub-pay-table .sub-pay-table-tt.type-sub-05 {
    width: 20%;
}
.sub-pay-table .sub-pay-table-cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}
@media (max-width: 600px) {
    .sub-pay-table .sub-pay-table-cont {
        padding-bottom: 17px;
        margin-bottom: 17px;
        align-items: flex-start;
    }
}
.sub-pay-table .sub-pay-table-cont:last-child {
    margin-bottom: 0;
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    text-align: center;
}
@media (max-width: 600px) {
    .sub-pay-table .sub-pay-table-cont .sub-pay-table-txt {
        width: 20% !important;
        font-size: 0.75rem;
    }
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt.type-sub-01 {
    width: 24%;
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt.type-sub-02 {
    width: 25%;
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt.type-sub-03 {
    width: 15%;
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt.type-sub-04 {
    width: 16%;
}
.sub-pay-table .sub-pay-table-cont .sub-pay-table-txt.type-sub-05 {
    width: 20%;
}

.cart-select-cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding: 0 0 22px 20px;
}
@media (max-width: 600px) {
    .cart-select-cont {
        gap: 7px;
        padding: 0 0 16px 0;
    }
}
@media (max-width: 600px) {
    .cart-select-cont .icon-period {
        width: 13px;
        height: 13px;
    }
}
.cart-select-cont .cart-select-tt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-select-cont .cart-select-tt {
        font-size: 0.875rem;
    }
}
.cart-select-cont .select-grp {
    padding-left: 7px;
}
@media (max-width: 600px) {
    .cart-select-cont .select-grp {
        padding-left: 1.5px;
    }
}

.bottom-purchase-status-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 26px;
    border-radius: 10px;
    background-color: #f5f5f5;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap {
        margin-top: 0;
        border-radius: 0;
        background-color: #fff;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-left-grp {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    min-width: 130px;
}
.bottom-purchase-status-wrap .bottom-purchase-status-left-grp .bottom-purchase-status-label {
    font-size: 1.125rem;
    font-weight: 600;
    color: #b4b4b4;
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-all-grp {
    flex-grow: 1;
    padding: 0 30px;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-all-grp {
        padding: 0;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 85.9%, 0.45);
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp {
        position: relative;
        padding: 14px 0 10px;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp:last-child {
    border: 0;
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp {
        display: block;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-txt {
    flex-basis: 135px;
    flex-shrink: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-txt {
        font-size: 1.0625rem;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-txt.type-red {
    color: #ff5d5d;
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-txt.type-gray {
    color: #535353;
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 310px;
    flex-shrink: 0;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp {
        display: block;
        padding-top: 5px;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .amount-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 235px;
    flex-shrink: 0;
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .amount-label {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .amount-label {
        font-size: 0.875rem;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .amount-info {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .amount-info {
        font-size: 1rem;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .add-info {
    font-size: 0.75rem;
    font-weight: 400;
    color: #9f9f9f;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-cont-grp .bottom-purchase-status-amount-grp .add-info {
        display: block;
        padding-top: 3px;
        text-align: right;
    }
}
.bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-date {
    flex-basis: 130px;
    flex-shrink: 0;
    font-size: 0.75rem;
    padding-right: 20px;
    font-weight: 400;
    color: #000;
    text-align: right;
}
@media (max-width: 600px) {
    .bottom-purchase-status-wrap .bottom-purchase-status-right-grp .bottom-purchase-status-date {
        position: absolute;
        top: 16px;
        right: 0;
        left: auto;
        padding-right: 0;
    }
}

.fav-list-section {
    padding-bottom: 40px;
}
.fav-list-section .fav-list-wrap .fav-list-card-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 23px;
}
@media (max-width: 600px) {
    .fav-list-section .fav-list-wrap .fav-list-card-grp {
        gap: 9px;
        margin-top: 20px;
    }
}
.fav-list-section .fav-list-wrap .fav-idea-card {
    position: relative;
    width: calc(33.33333% - 11.33333px);
}
@media (max-width: 600px) {
    .fav-list-section .fav-list-wrap .fav-idea-card {
        width: calc(50% - 4.5px);
    }
}
.fav-list-section .fav-list-wrap .fav-idea-card .fav-list-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 69.785%;
    border-radius: 6px;
}
.fav-list-section .fav-list-wrap .fav-idea-card .fav-list-img.type-design-b {
    padding-top: 99.905%;
}
.fav-list-section .fav-list-wrap .fav-idea-card .fav-list-img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.fav-list-section .fav-list-wrap .fav-list-card-tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fav-list-section .fav-list-wrap .fav-all {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}
@media (max-width: 600px) {
    .fav-list-section .fav-list-wrap .fav-all {
        font-size: 0.875rem;
        font-weight: 600;
    }
}

.inquiry-wrap {
    margin-bottom: 30px;
}
@media (max-width: 600px) {
    .inquiry-wrap {
        margin-bottom: 16px;
    }
}
.inquiry-wrap.is-active .inquiry-card-top {
    padding: 57px 33px 37px 22px !important;
}
@media (max-width: 600px) {
    .inquiry-wrap.is-active .inquiry-card-top {
        padding: 18px 0 20px 0 !important;
    }
}
.inquiry-wrap.is-active .inquiry-card-middle {
    display: block !important;
    padding: 43px 22px;
    border-top: 1px solid #ebebeb;
    border-radius: 0 0 0 0;
}
@media (max-width: 600px) {
    .inquiry-wrap.is-active .inquiry-card-middle {
        padding: 20px 0 26px;
    }
}
.inquiry-wrap.is-active .inquiry-card-bottom {
    display: block !important;
    padding: 43px 22px 57px;
    border-top: 1px solid #ebebeb;
    border-radius: 0 0 20px 20px;
}
@media (max-width: 600px) {
    .inquiry-wrap.is-active .inquiry-card-bottom {
        padding: 14px 0 28px;
    }
}
.inquiry-wrap.is-active .icon-arrow {
    transform: rotate(-180deg);
}
.inquiry-wrap.is-active .type-visible {
    overflow: visible !important;
    max-height: 100% !important;
    -webkit-line-clamp: inherit !important;
}
.inquiry-wrap .inquiry-card-cont {
    width: 100%;
    padding: 0 44px;
    background-color: #fff;
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-card-cont {
        padding: 0 16px;
        border-radius: 10px;
    }
}
.inquiry-wrap .inquiry-card {
    border-radius: 20px;
}
.inquiry-wrap .inquiry-card.inquiry-card-top {
    padding: 57px 33px 57px 22px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-card.inquiry-card-top {
        padding: 18px 0 20px 0;
    }
}
.inquiry-wrap .inquiry-card.inquiry-card-bottom,
.inquiry-wrap .inquiry-card.inquiry-card-middle {
    display: none;
}
.inquiry-wrap .inquiry-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex {
        align-items: flex-start;
    }
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex.type-premium-qa {
        flex-direction: column-reverse;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-detail-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 56px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-left {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-detail-left .left-img {
    overflow: hidden;
    width: 224px;
    height: 135px;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-left .left-img {
        width: 100%;
        height: 189px;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-detail-left .left-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.inquiry-wrap .inquiry-flex .inquiry-detail-left .inqury-detail-tt {
    display: block;
    display: -webkit-box;
    max-height: 29px;
    max-width: 332px;
    padding-top: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.3525;
}
.inquiry-wrap .inquiry-flex .inquiry-detail-left .inquiry-detail-txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 43px;
    max-width: 379px;
    margin-top: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-left .inquiry-detail-txt {
        max-height: 64px;
        font-size: 0.9375rem;
        -webkit-line-clamp: 3;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-detail-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 53px;
    text-align: right;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-right {
        width: 100%;
        margin-bottom: 12px;
        justify-content: space-between;
        align-items: flex-start;
        text-align: left;
    }
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-right .inquiry-right-info-grp {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-detail-right .inquiry-date {
    padding: 10px 0 0 0;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-detail-right .inquiry-date {
        padding: 0;
    }
}
.inquiry-wrap .inquiry-flex.type-middle {
    justify-content: flex-start;
    gap: 34px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex.type-middle {
        flex-wrap: wrap;
        gap: 14px;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-date {
    padding-left: 12px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #a7a7a7;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-date {
        padding-left: 10px;
        font-size: 0.75rem;
    }
}
.inquiry-wrap .inquiry-flex .inqury-detail-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 40px;
    padding: 16px 16px 0 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.25rem;
    font-weight: 600;
    color: #242424;
    line-height: 1.3525;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inqury-detail-tt {
        font-size: 1rem;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-img {
    flex-basis: 51px;
    flex-shrink: 0;
    width: 51px;
    height: 45px;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-img {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }
}
.inquiry-wrap .inquiry-flex .inquiry-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.inquiry-wrap .inquiry-flex .inquiry-cont {
    font-size: 1.125rem;
    font-weight: 400;
    color: #242424;
    white-space: pre-line;
    line-height: 1.3525;
}
@media (max-width: 600px) {
    .inquiry-wrap .inquiry-flex .inquiry-cont {
        font-size: 0.9375rem;
        line-height: 1.534;
    }
}
/****************************************************************************/

/****************************************************************************/
.subscribe-manual-page {
    background-color: #fdb640;
}
.subscribe-card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 46px 42px;
    margin-top: 77px;
    margin-bottom: 26px;
    border-radius: 13px;
    background-color: #fff;
}
@media (max-width: 900px) {
    .subscribe-card {
        padding: 0;
        margin-top: 43px;
        margin-bottom: 12px;
        background-color: #fdb640;
    }
}
.subscribe-card .subscribe-card-left {
    position: relative;
    flex-shrink: 0;
    padding-right: 42px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3619;
    text-align: center;
}
.subscribe-card .subscribe-card-left:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 259px;
    background-color: #ebebeb;
    transform: translateY(-50%);
}
.subscribe-card .subscribe-card-right {
    width: 100%;
}
.subscribe-card .subscribe-conts {
    padding-bottom: 46px;
    margin-bottom: 46px;
    border-bottom: 1px dashed #ebebeb;
}
.subscribe-card .subscribe-conts:last-child {
    padding-bottom: 17px;
    margin-bottom: 0;
    border-bottom: none;
}
@media (max-width: 900px) {
    .subscribe-card .subscribe-conts {
        margin-bottom: 10px;
        padding: 17px 20px;
        border: none;
        border-radius: 13px;
        background-color: #fff;
    }
}
.subscribe-card .subscribe-conts .subscribe-conts-grp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 900px) {
    .subscribe-card .subscribe-conts .subscribe-conts-grp {
        padding-bottom: 13px;
        border-bottom: 1px solid #e9e9e9;
    }
}
.subscribe-card .subscribe-conts .subscribe-radio-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    flex-basis: 272px;
    flex-shrink: 0;
    padding-left: 25px;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-radio-grp {
        gap: 11px;
        flex-basis: 170px;
        padding-left: 0;
    }
}
@media (max-width: 900px) {
    .subscribe-card .subscribe-conts .subscribe-radio-grp .check-icon {
        width: 43px;
        height: 43px;
        transition: none;
    }
}
.subscribe-card .subscribe-conts .subscribe-radio-grp .subscribe-tt {
    font-size: 1.875rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-radio-grp .subscribe-tt {
        font-size: 1.25rem;
    }
}
@media (max-width: 365px) {
    .subscribe-card .subscribe-conts .subscribe-radio-grp .subscribe-tt {
        font-size: 1.125rem;
    }
}
.subscribe-card .subscribe-conts .subscribe-radio-grp .sub-txt {
    padding-top: 2px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fdb640;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-radio-grp .sub-txt {
        font-size: 0.875rem;
    }
}
.subscribe-card .subscribe-conts .subscribe-gray-grp {
    width: 40%;
}
@media (max-width: 900px) {
    .subscribe-card .subscribe-conts .subscribe-gray-grp {
        width: 100%;
        margin-top: 16px;
        line-height: 1.2;
    }
}
.subscribe-card .subscribe-conts .subscribe-gray-txt {
    position: relative;
    font-size: 1.125rem;
    font-weight: 400;
    color: #b3b4bd;
}
.subscribe-card .subscribe-conts .subscribe-gray-txt:before {
    content: "+";
    position: absolute;
    left: -13px;
    top: 0;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-gray-txt {
        font-size: 0.875rem;
    }
}
.subscribe-card .subscribe-conts .subscribe-gray-txt.type-mb {
    margin-bottom: 5px;
}
.subscribe-card .subscribe-conts .subscribe-pay {
    font-size: 1.875rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-pay {
        font-size: 1.125rem;
    }
}
.subscribe-card .subscribe-conts .subscribe-pay.type-line {
    position: relative;
}
.subscribe-card .subscribe-conts .subscribe-pay.type-line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    width: 73%;
    height: 2px;
    background-color: #fdb640;
    transform: rotate(-13deg);
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-pay.type-line:after {
        left: 16px;
        width: 74%;
        transform: rotate(-11deg);
    }
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-pay.type-en {
        font-size: 15px;
    }
}
.subscribe-card .subscribe-conts .subscribe-pay.type-en:after {
    left: 0;
    width: 82%;
    transform: rotate(-10deg);
}
.subscribe-card .subscribe-conts .subscribe-pay .en-unit {
    display: block;
    font-size: 1.25rem;
    text-align: right;
}
@media (max-width: 600px) {
    .subscribe-card .subscribe-conts .subscribe-pay .en-unit {
        font-size: 0.875rem;
    }
}
.premium-sub-card {
    width: 100%;
    padding: 33px;
    color: #fff;
    background-color: #1d1d1d;
}


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

.subscribe-radio-grp .check-icon {
    flex-shrink: 0;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='59'%3E%3Cg data-name='그룹 21051' transform='translate(-568 -584)'%3E%3Ccircle data-name='타원 639' cx='29.5' cy='29.5' r='29.5' transform='translate(568 584)' fill='%23ebebeb'/%3E%3Cpath data-name='패스 7' d='M586.005 614.461l7.908 8.04 14.774-19' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s;
    cursor: pointer;
}

.subscribe-radio-grp .check-switch:checked ~ .check-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='59'%3E%3Cg data-name='그룹 21053' transform='translate(-568 -736)'%3E%3Ccircle data-name='타원 640' cx='29.5' cy='29.5' r='29.5' transform='translate(568 736)' fill='%23fdb640'/%3E%3Cpath data-name='패스 10524' d='M586.005 767.461l7.908 8.04 14.774-19' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
    box-shadow: 0 5px 10px rgba(253, 182, 64, 0.35);
}


.fav-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");
}
.cart-chck {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}
@media (max-width: 600px) {
    .cart-chck {
        gap: 8px;
        margin-top: 18px;
    }
}
.cart-chck .check-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='그룹 23840' transform='translate(471 14991)'%3E%3Cg data-name='타원 832' transform='translate(-471 -14991)' fill='%23fff' stroke='%23ccc'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Ccircle data-name='타원 833' cx='6' cy='6' r='6' transform='translate(-465 -14985)' fill='%23e1e1e1'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    transition: all 0.3s;
    cursor: pointer;
}
@media (max-width: 600px) {
    .cart-chck .check-icon {
        width: 20px;
        height: 20px;
        transition: none;
        background-size: 20px;
    }
}
.cart-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='24' height='24'%3E%3Cg data-name='그룹 23644' transform='translate(412 14991)'%3E%3Cg data-name='타원 817' transform='translate(-412 -14991)' fill='%23fff' stroke='%23fdb640'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Ccircle data-name='타원 819' cx='6' cy='6' r='6' transform='rotate(-1 -858752.497 15775.007)' fill='%23fdb640'/%3E%3C/g%3E%3C/svg%3E");
}
.cart-chck .label-pointer {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-chck .label-pointer {
        font-size: 0.875rem;
    }
}

.fav-input-chck {
    z-index: 2;
    position: absolute;
    top: 13px;
    left: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (max-width: 600px) {
    .fav-input-chck {
        top: 8px;
        left: 8px;
    }
}

.fav-input-chck .check-icon {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25'%3E%3Cg data-name='사각형 10860' fill='rgba(255,255,255,0.34)' stroke='%23e5e5e5'%3E%3Crect width='24' height='25' rx='4' stroke='none'/%3E%3Crect x='.5' y='.5' width='23' height='24' rx='3.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;
}
@media (max-width: 600px) {
    .fav-input-chck .check-icon {
        width: 20px;
        height: 20px;
        transition: none;
    }
}

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



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

.real-review-section {
    padding: 143px 0 115px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .real-review-section {
        padding: 44px 0 48px !important;
    }
}
.real-review-section .real-review-tt {
    margin-bottom: 13px;
    text-align: center;
    font-size: 2.6875rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .real-review-section .real-review-tt {
        margin-bottom: 5px;
        font-size: 1.625rem;
    }
}
.real-review-section .real-review-txt {
    padding-bottom: 66px;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
}
@media (max-width: 600px) {
    .real-review-section .real-review-txt {
        padding-bottom: 38px;
        font-size: 0.875rem;
    }
}
.review-section {
    padding: 79px 0;
}
@media (max-width: 600px) {
    .review-section {
        padding: 34px 0;
    }
}
.review-section .review-total {
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #5d5d5d;
}
@media (max-width: 600px) {
    .review-section .review-total {
        margin-bottom: 16px;
        font-size: 0.875rem;
    }
}


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






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

.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;
}

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


/*!
 * @toast-ui/editor
 * @version 3.2.1 | Thu Sep 29 2022
 * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
 * @license MIT
 */
.ProseMirror {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, 나ëˆ"ë°"ë¥¸ê³ ë"•, Nanum Barun Gothic, ë§'ì€ê³ ë"•, Malgun Gothic, sans-serif;
    color: #222;
    font-size: 13px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 36px);
}
.ProseMirror .placeholder {
    color: #999;
}
.ProseMirror-selectednode,
.ProseMirror:focus {
    outline: none;
}
.html-block.ProseMirror-selectednode,
table.ProseMirror-selectednode {
    border-radius: 2px;
    outline: 2px solid #00a9ff;
}
.toastui-editor-contents {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, 나ëˆ"ë°"ë¥¸ê³ ë"•, Nanum Barun Gothic, ë§'ì€ê³ ë"•, Malgun Gothic, sans-serif;
    z-index: 20;
}
.toastui-editor-contents :not(table) {
    line-height: 160%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.toastui-editor-contents address,
.toastui-editor-contents cite,
.toastui-editor-contents dfn,
.toastui-editor-contents em,
.toastui-editor-contents i,
.toastui-editor-contents var {
    font-style: italic;
}
.toastui-editor-contents strong {
    font-weight: 700;
}
.toastui-editor-contents p {
    margin: 10px 0;
    color: #222;
}
.toastui-editor-contents > div > div:first-of-type h1,
.toastui-editor-contents > h1:first-of-type {
    margin-top: 14px;
}
.toastui-editor-contents h1,
.toastui-editor-contents h2,
.toastui-editor-contents h3,
.toastui-editor-contents h4,
.toastui-editor-contents h5,
.toastui-editor-contents h6 {
    font-weight: 700;
    color: #222;
}
.toastui-editor-contents h1 {
    font-size: 24px;
    line-height: 28px;
    border-bottom: 3px double #999;
    margin: 52px 0 15px 0;
    padding-bottom: 7px;
}
.toastui-editor-contents h2 {
    font-size: 22px;
    line-height: 23px;
    border-bottom: 1px solid #dbdbdb;
    margin: 20px 0 13px 0;
    padding-bottom: 7px;
}
.toastui-editor-contents h3 {
    font-size: 20px;
    margin: 18px 0 2px;
}
.toastui-editor-contents h4 {
    font-size: 18px;
    margin: 10px 0 2px;
}
.toastui-editor-contents h3,
.toastui-editor-contents h4 {
    line-height: 18px;
}
.toastui-editor-contents h5 {
    font-size: 16px;
}
.toastui-editor-contents h6 {
    font-size: 14px;
}
.toastui-editor-contents h5,
.toastui-editor-contents h6 {
    line-height: 17px;
    margin: 9px 0 -4px;
}
.toastui-editor-contents del {
    color: #999;
}
.toastui-editor-contents blockquote {
    margin: 14px 0;
    border-left: 4px solid #e5e5e5;
    padding: 0 16px;
    color: #999;
}
.toastui-editor-contents blockquote ol,
.toastui-editor-contents blockquote p,
.toastui-editor-contents blockquote ul {
    color: #999;
}
.toastui-editor-contents blockquote > :first-child {
    margin-top: 0;
}
.toastui-editor-contents blockquote > :last-child {
    margin-bottom: 0;
}
.toastui-editor-contents code,
.toastui-editor-contents pre {
    font-family: Consolas, Courier, Apple SD ì‚°ëŒê³ ë"• Neo, -apple-system, Lucida Grande, Apple SD Gothic Neo, ë§'은 ê³ ë"•, Malgun Gothic, Segoe UI, 돋움, dotum, sans-serif;
    border: 0;
    border-radius: 0;
}
.toastui-editor-contents pre {
    margin: 2px 0 8px;
    padding: 18px;
    background-color: #f4f7f8;
}
.toastui-editor-contents code {
    color: #c1798b;
    background-color: #f9f2f4;
    padding: 2px 3px;
    letter-spacing: -0.3px;
    border-radius: 2px;
}
.toastui-editor-contents pre code {
    padding: 0;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
}
.toastui-editor-contents img {
    margin: 4px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 100%;
}
.toastui-editor-contents table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 12px 0 14px;
    color: #222;
    width: auto;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.toastui-editor-contents table td,
.toastui-editor-contents table th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 14px 5px 12px;
    height: 32px;
}
.toastui-editor-contents table th {
    background-color: #555;
    font-weight: 300;
    color: #fff;
    padding-top: 6px;
}
.toastui-editor-contents th p {
    margin: 0;
    color: #fff;
}
.toastui-editor-contents td p {
    margin: 0;
    padding: 0 2px;
}
.toastui-editor-contents td.toastui-editor-cell-selected {
    background-color: #d8dfec;
}
.toastui-editor-contents th.toastui-editor-cell-selected {
    background-color: #908f8f;
}
.toastui-editor-contents dir,
.toastui-editor-contents menu,
.toastui-editor-contents ol,
.toastui-editor-contents ul {
    display: block;
    list-style-type: none;
    padding-left: 24px;
    margin: 6px 0 10px;
    color: #222;
}
.toastui-editor-contents ol {
    list-style-type: none;
    counter-reset: li;
}
.toastui-editor-contents ol > li {
    counter-increment: li;
}
.toastui-editor-contents ol > li:before,
.toastui-editor-contents ul > li:before {
    display: inline-block;
    position: absolute;
}
.toastui-editor-contents ul > li:before {
    content: "";
    margin-top: 6px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ccc;
}
.toastui-editor-contents ol > li:before {
    content: "." counter(li);
    margin-left: -28px;
    width: 24px;
    text-align: right;
    direction: rtl;
    color: #aaa;
}
.toastui-editor-contents ol ol,
.toastui-editor-contents ol ul,
.toastui-editor-contents ul ol,
.toastui-editor-contents ul ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.toastui-editor-contents ol li,
.toastui-editor-contents ul li {
    position: relative;
}
.toastui-editor-contents ol p,
.toastui-editor-contents ul p {
    margin: 0;
}
.toastui-editor-contents hr {
    border-top: 1px solid #eee;
    margin: 16px 0;
}
.toastui-editor-contents a {
    text-decoration: underline;
    color: #4b96e6;
}
.toastui-editor-contents a:hover {
    color: #1f70de;
}
.toastui-editor-contents .image-link {
    position: relative;
}
.toastui-editor-contents .image-link:hover:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50%;
    border: 1px solid #c9ccd5;
    background: #fff
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjNTU1IiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik01LjY4NyAxMC4yOTRsLTEuMjg1IDEuMjg4Yy0xLjA1IDEuMDUtMS4wMzUgMi43NzIuMDM3IDMuODQ0bC4xMzUuMTM1YzEuMDcyIDEuMDcyIDIuNzk0IDEuMDg4IDMuODQ0LjAzN2wyLjcyLTIuNzJjMS4wNTEtMS4wNSAxLjAzNC0yLjc3Mi0uMDM3LTMuODQzbC0uMTM2LS4xMzYiLz48cGF0aCBkPSJNMTQuMzA1IDkuNzEzbDEuMjg3LTEuMjljMS4wNTItMS4wNTEgMS4wMzYtMi43NzMtLjAzNi0zLjg0NGwtLjEzNS0uMTM2Yy0xLjA3Mi0xLjA3Mi0yLjc5NC0xLjA4OC0zLjg0NS0uMDM2TDguODU3IDcuMTI2Yy0xLjA1MSAxLjA1MS0xLjAzNCAyLjc3Mi4wMzcgMy44NDNsLjEzNi4xMzYiLz48L2c+PC9zdmc+)
        no-repeat;
    background-position: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.toastui-editor-contents .task-list-item {
    border: 0;
    list-style: none;
    padding-left: 24px;
    margin-left: -24px;
}
.toastui-editor-contents .task-list-item:before {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 50%;
    content: "";
    margin-left: 0;
    margin-top: 0;
    border-radius: 2px;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 0;
    top: 1px;
    cursor: pointer;
    background: transparent
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHJlY3Qgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB4PSIuNSIgeT0iLjUiIHJ4PSIyIiBmaWxsPSIjRkZGIiBzdHJva2U9IiNDQ0MiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.toastui-editor-contents .task-list-item.checked:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTE2IDBhMiAyIDAgMDEyIDJ2MTRhMiAyIDAgMDEtMiAySDJhMiAyIDAgMDEtMi0yVjJhMiAyIDAgMDEyLTJoMTR6bS0xLjc5MyA1LjI5M2ExIDEgMCAwMC0xLjQxNCAwTDcuNSAxMC41ODUgNS4yMDcgOC4yOTNsLS4wOTQtLjA4M2ExIDEgMCAwMC0xLjMyIDEuNDk3bDMgMyAuMDk0LjA4M2ExIDEgMCAwMDEuMzItLjA4M2w2LTYgLjA4My0uMDk0YTEgMSAwIDAwLS4wODMtMS4zMnoiIGZpbGw9IiM0Qjk2RTYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.toastui-editor-custom-block .toastui-editor-custom-block-editor {
    background: #f9f7fd;
    color: #452d6b;
    border: 1px solid #dbd4ea;
}
.toastui-editor-custom-block .toastui-editor-custom-block-view {
    position: relative;
    padding: 9px 13px 8px 12px;
}
.toastui-editor-custom-block.ProseMirror-selectednode .toastui-editor-custom-block-view {
    border: 1px solid #dbd4ea;
    border-radius: 2px;
}
.toastui-editor-custom-block .toastui-editor-custom-block-view .tool {
    position: absolute;
    right: 10px;
    top: 7px;
    display: none;
}
.toastui-editor-custom-block.ProseMirror-selectednode .toastui-editor-custom-block-view .tool {
    display: block;
}
.toastui-editor-custom-block-view button {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    padding: 3px;
    border: 1px solid #ccc;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1LjUgMTIuNWwyIDJMMTIgMjBoLTJ2LTJsNS41LTUuNXpNMTggMTBsMiAyLTEuNSAxLjUtMi0yTDE4IDEweiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NTUiLz48L3N2Zz4=)
        no-repeat;
    background-position: 50%;
    background-size: 30px 30px;
}
.toastui-editor-custom-block-view .info {
    font-size: 13px;
    font-weight: 700;
    color: #5200d0;
    vertical-align: middle;
}
.toastui-editor-contents .toastui-editor-ww-code-block {
    position: relative;
}
.toastui-editor-contents .toastui-editor-ww-code-block:after {
    content: attr(data-language);
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 10px;
    height: 24px;
    padding: 3px 35px 0 10px;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    background: #e5e9ea
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1LjUgMTIuNWwyIDJMMTIgMjBoLTJ2LTJsNS41LTUuNXpNMTggMTBsMiAyLTEuNSAxLjUtMi0yTDE4IDEweiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NTUiLz48L3N2Zz4=)
        no-repeat;
    background-position: 100%;
    border-radius: 2px;
    background-size: 30px 30px;
    cursor: pointer;
}
.toastui-editor-ww-code-block-language {
    position: fixed;
    display: inline-block;
    width: 100px;
    height: 27px;
    right: 35px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    z-index: 30;
}
.toastui-editor-ww-code-block-language input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
}
.toastui-editor-contents-placeholder:before {
    content: attr(data-placeholder);
    color: grey;
    line-height: 160%;
    position: absolute;
}
.toastui-editor-md-preview .toastui-editor-contents h1 {
    min-height: 28px;
}
.toastui-editor-md-preview .toastui-editor-contents h2 {
    min-height: 23px;
}
.toastui-editor-md-preview .toastui-editor-contents blockquote {
    min-height: 20px;
}
.toastui-editor-md-preview .toastui-editor-contents li {
    min-height: 22px;
}
.toastui-editor-pseudo-clipboard {
    position: fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left: -1000px;
    top: -1000px;
    z-index: -1;
}


.order-detail-section {
    padding-top: 20px
}

@media (max-width: 600px) {
    .order-detail-section {
        padding-bottom:50px
    }
}

.order-detail-section .mypage-card.type-order-detail {
    margin-top: 29px
}

@media (max-width: 600px) {
    .order-detail-section .mypage-card.type-order-detail {
        margin-top:4px
    }
}

.order-detail-section .order-detail-chat-wrap {
    margin-top: 20px
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 31px;
    padding: 0 47px;
    padding-bottom: 41px;
    background-color: #fff;
    box-shadow: 0 18px 36px -20px hsla(0,0%,60.4%,.16)
}

@media (max-width: 600px) {
    .order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp {
        justify-content:space-between;
        padding: 0;
        padding-bottom: 25px
    }
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .order-detail-chat-ttl {
    font-size: 2.1875rem;
    font-weight: 700;
    color: #000
}

@media (max-width: 600px) {
    .order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .order-detail-chat-ttl {
        font-size:1.375rem
    }
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px
}

@media (max-width: 600px) {
    .order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp {
        padding-right:9px
    }
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp .request-state-txt {
    font-size: 1rem;
    font-weight: 700;
    color: #cecece
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp .request-state-txt.type-black {
    color: #000
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp .request-state-obj {
    display: block
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp .request-state-obj.dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #26d66a
}

.order-detail-section .order-detail-chat-wrap .order-detail-chat-ttl-grp .request-state-idv-grp .request-state-obj.dot.red-dot {
    background-color: #ff5d5d
}

.order-detail-section .order-detail-chat-wrap .spk-msg-wrap {
    padding: 42px 73px 104px 73px
}

@media (max-width: 600px) {
    .order-detail-section .order-detail-chat-wrap .spk-msg-wrap {
        padding:0
    }
}


.spk-msg {
    padding-bottom: 12px;
    align-items: flex-end
}

.spk-msg.type-file .bubble {
    cursor: pointer
}

.spk-msg.type-file .file-img {
    display: block!important
}

.spk-msg.type-file .type-file-ellipsis {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 47px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.spk-msg.type-system {
    margin: 20px 0
}

@media (max-width: 600px) {
    .spk-msg.type-system {
        margin:10px 0
    }
}

.spk-msg.type-system .bubble-grp {
    justify-content: center
}

.spk-msg.type-system .bubble-grp .bubble {
    max-width: 55%!important;
    padding: 17px 68px;
    background-color: #f5f5f5;
    border-radius: 28px
}

@media (max-width: 600px) {
    .spk-msg.type-system .bubble-grp .bubble {
        max-width:100%!important;
        padding: 14px 65px;
        border-radius: 9px
    }
}

.spk-msg.type-system .bubble-grp .bubble .bubble-txt {
    font-size: 1.25rem;
    font-weight: 400;
    color: #4e4e4e;
    text-align: center
}

@media (max-width: 600px) {
    .spk-msg.type-system .bubble-grp .bubble .bubble-txt {
        font-size:.875rem
    }
}

.order-detail-section .order-detail-chat-wrap .spk-msg-wrap {
    padding: 42px 73px 104px 73px;
}
@media (max-width: 600px) {
    .order-detail-section .order-detail-chat-wrap .spk-msg-wrap {
        padding: 0;
    }
}
.spk-msg-wrap.type-order-detail {
    overflow-y: auto;
    height: calc(100vh - 250px);
}
.spk-msg-wrap.type-order-detail::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: trasparent;
}
.spk-msg-wrap.type-order-detail::-webkit-scrollbar-thumb {
    background-color: #fdb640;
    border-radius: 0;
}
html.ie .spk-msg-wrap.type-order-detail {
    scrollbar-arrow-color: #fdb640;
    scrollbar-face-color: #fdb640;
    scrollbar-track-color: trasparent;
}
@media (max-width: 600px) {
    .spk-msg-wrap.type-order-detail {
        height: calc(100vh - 180px);
        padding-right: 16px !important;
        margin: 0 -16px 0 0;
    }
}
.spk-msg-wrap.type-order-detail .spk-msg {
    padding-bottom: 40px;
}
@media (max-width: 600px) {
    .spk-msg-wrap.type-order-detail .spk-msg {
        padding-bottom: 10px;
    }
}
.spk-msg-wrap.type-order-detail .spk-msg .bubble-grp .bubble {
    max-width: 73%;
}
@media (max-width: 600px) {
    .spk-msg-wrap.type-order-detail .spk-msg .bubble-grp .bubble {
        max-width: 86.5%;
    }
}

.app-type-en .spk-msg.type-system .bubble-grp .bubble {
    padding: 14px 45px;
}

.spk-msg.type-system .bubble-grp {
    justify-content: center;
}
.spk-msg.type-system .bubble-grp .bubble {
    max-width: 55% !important;
    padding: 17px 68px;
    background-color: #f5f5f5;
    border-radius: 28px;
}
@media (max-width: 600px) {
    .spk-msg.type-system .bubble-grp .bubble {
        max-width: 100% !important;
        padding: 14px 65px;
        border-radius: 9px;
    }
}
.spk-msg.type-system .bubble-grp .bubble .bubble-txt {
    font-size: 1.25rem;
    font-weight: 400;
    color: #4e4e4e;
    text-align: center;
}
@media (max-width: 600px) {
    .spk-msg.type-system .bubble-grp .bubble .bubble-txt {
        font-size: 0.875rem;
    }
}
.spk-msg .bubble-grp {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 10px;
}
.spk-msg .bubble-grp:last-child {
    padding-bottom: 0;
}
.spk-msg .bubble-grp .bubble {
    max-width: 58.335%;
    padding: 16px 20px 12px;
    background-color: #fdb640;
    border-radius: 20px 0 20px 20px;
}
@media (max-width: 600px) {
    .spk-msg .bubble-grp .bubble {
        max-width: 87.23%;
        padding: 16px 18px 10px;
    }
}
.spk-msg .bubble-grp .bubble .bubble-txt {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.309;
    white-space: pre-line;
}
@media (max-width: 600px) {
    .spk-msg .bubble-grp .bubble .bubble-txt {
        font-size: 1rem;
        line-height: 1.396;
    }
}
.spk-msg .bubble-grp .bubble .file-grp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.spk-msg .bubble-grp .bubble .file-grp .file-img {
    /*display: none;*/
    flex-basis: 24px;
    flex-shrink: 0;
    width: 24px;
    height: 21px;
}
@media (max-width: 600px) {
    .spk-msg .bubble-grp .bubble .file-grp .file-img {
        flex-basis: 27px;
        width: 27px;
        height: 24px;
    }
}
.spk-msg .bubble-grp .bubble .file-grp .file-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.spk-msg .bubble-grp .bubble .time {
    margin-top: 8px;
    text-align: right;
    font-size: 0.875rem;
    font-weight: 400;
    color: hsla(0, 0%, 100%, 0.7);
}
.ptn-msg {
    top: -6px;
}
.ptn-msg .bubble-grp {
    justify-content: flex-start;
    align-items: flex-end;
}
.ptn-msg .bubble-grp .bubble {
    max-width: 58.335%;
    padding: 16px 20px 12px;
    background-color: #777;
    border-radius: 0 20px 20px 20px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
}
@media (max-width: 600px) {
    .ptn-msg .bubble-grp .bubble {
        max-width: 87.23%;
        padding: 16px 18px 10px;
    }
}
.ptn-msg .bubble-grp .bubble .time {
    text-align: left;
    color: hsla(0, 0%, 100%, 0.7);
}

.spk-msg-wrap.type-order-detail .spk-msg .bubble-grp .bubble {
    max-width: 73%;
}
@media (max-width: 600px) {
    .spk-msg-wrap.type-order-detail .spk-msg .bubble-grp .bubble {
        max-width: 86.5%;
    }
}

.order-detail-top-ttl-grp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 17px
}

@media (max-width: 600px) {
    .order-detail-top-ttl-grp {
        gap:4px
    }
}

.order-detail-top-ttl-grp .btn-order-detail {
    width: 14px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    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")
}

@media (max-width: 600px) {
    .order-detail-top-ttl-grp .btn-order-detail {
        width:16px;
        height: 16px
    }
}

.order-detail-top-ttl-grp .btn-order-detail-txt {
    font-size: 1.75rem;
    font-weight: 700;
    color: #000
}

@media (max-width: 600px) {
    .order-detail-top-ttl-grp .btn-order-detail-txt {
        font-size:1.25rem
    }
}

.fixed-chat-all-wrap {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fafafa
}

@media (max-width: 600px) {
    .fixed-chat-all-wrap {
        background-color:#f7f7f7
    }
}

.upload-inp.type-order-detail {
    padding-top: 16px;
    padding-right: 19px;
    padding-bottom: 38px;
    padding-left: 19px;
    background-color: #fff
}

@media (max-width: 600px) {
    .upload-inp.type-order-detail {
        background-color:#f7f7f7;
        padding: 6px 0
    }
}

.upload-inp.type-order-detail .upload-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 70px;
    padding-left: 22px;
    background-position: 0;
    background-size: 18px 20px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #7d7d7d
}

@media (max-width: 600px) {
    .upload-inp.type-order-detail .upload-label {
        width:18px;
        padding-left: 0;
        background-size: 16px 18px
    }
}

@media (max-width: 600px) {
    .order-detail-page {
        overflow:hidden
    }
}

.order-detail-page .detail-div-line {
    width: 100%;
    height: 6px;
    background-color: #fbfbfb;
    border-top: 1px solid #f1f1f1
}

@media (max-width: 600px) {
    .order-detail-page .detail-div-line.type-reverse-margin {
        width:110%;
        margin: 7px -16px 8px
    }
}

.cart-modal-middle {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 180px);
    padding: 32px 45px 110px;
}
@media (max-width: 600px) {
    .cart-modal-middle {
        width: 100%;
        height: 100vh;
        padding: 0 16px 200px;
    }
}
.cart-modal-middle::-webkit-scrollbar {
    width: 5px;
}
.cart-modal-middle::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #fdb640;
}
.cart-modal-middle::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}
.cart-modal-middle .cart-madal-product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    padding-bottom: 44px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product {
        display: block;
        padding-bottom: 22px;
        margin-bottom: 24px;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-img {
    overflow: hidden;
    flex-basis: 175px;
    flex-shrink: 0;
    width: 175px;
    height: 175px;
    border-radius: 6px;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-img {
        width: 110%;
        margin: 0 -16px;
        border-radius: 0;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cart-modal-middle .cart-madal-product .cart-modal-product-subtt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #b3b4bd;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-product-subtt {
        margin-top: 27px;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-product-tt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 60px;
    margin: 10px 0 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    word-wrap: break-word;
    line-height: 1.3;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-product-tt {
        margin: 9px 0 17px;
        font-size: 1.25rem;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-product-pay {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding: 14.5px 26px;
    border-radius: 10px;
    background-color: rgba(253, 182, 64, 0.1);
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-product-pay {
        padding: 13px 18px;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-product-pay .pay-tt {
    font-size: 1.25rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-product-pay .pay-tt {
        padding-right: 16px;
        margin-right: 16px;
        border-right: 1px solid #e5dfd5;
        font-size: 1rem;
        font-weight: 700;
    }
}
.cart-modal-middle .cart-madal-product .cart-modal-product-pay .pay-txt {
    font-size: 1.625rem;
    font-weight: 700;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-madal-product .cart-modal-product-pay .pay-txt {
        font-size: 1.25rem;
    }
}
.cart-modal-middle .cart-modal-request {
    padding-bottom: 54px;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-request {
        padding-bottom: 31px;

    }
}
.cart-modal-middle .cart-modal-request .request-tt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #b3b4bd;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-request .request-tt {
        padding: 0 10px;
    }
}
.cart-modal-middle .cart-modal-request .cart-modal-request-box {
    overflow-y: scroll;
    width: 100%;
    height: 92px;
    padding: 18px 16px;
    margin-top: 18px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    white-space: pre-line;
}
.cart-modal-middle .cart-modal-request .cart-modal-request-box::-webkit-scrollbar {
    display: none !important;
}
.cart-modal-middle .cart-modal-request .cart-modal-request-box .cart-modal-request-txt {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-request .cart-modal-request-box .cart-modal-request-txt {
        font-size: 0.9375rem;
    }
}
.cart-modal-middle .cart-modal-option {
    padding-bottom: 44px;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option {
        padding-bottom: 30px;
    }
}
.cart-modal-middle .cart-modal-option .cart-modal-option-ttl {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 26px;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option .cart-modal-option-ttl {
        padding: 0 10px;
    }
}
.cart-modal-middle .cart-modal-option .cart-modal-option-ttl .cart-modal-option-tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box {
    padding: 23px 0;
    margin-top: 16px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 26px 17px;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list {
        display: block;
        margin: 0 10px 14px;
    }
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list:last-child {
    margin-bottom: 0;
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-left {
    z-index: 2;
    max-width: 80%;
    width: auto;
    padding-right: 15px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-left {
        max-width: 100%;
        margin-bottom: 8px;
        font-size: 0.9375rem;
    }
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-right {
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    width: auto;
    padding-left: 15px;
    background-color: #fff;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-right {
        padding-left: 0;
    }
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-right .option-txt {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .cart-modal-option-list-right .option-txt.type-black {
    color: #000;
}
.cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .dot-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    border-top: 1px dashed #e2e2e2;
    transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-option .cart-modal-option-box .cart-modal-option-list .dot-line {
        display: none;
    }
}
.cart-modal-middle .cart-modal-list .cart-modal-list-tt {
    padding: 0 26px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-list .cart-modal-list-tt {
        padding: 0 10px;
    }
}
.cart-modal-middle .cart-modal-list .cart-modal-list-grp {
    padding: 22px 0;
    margin: 16px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-list .cart-modal-list-grp {
        padding: 20px 0;
        margin: 20px 0;
    }
}
.cart-modal-middle .cart-modal-list .cart-modal-list-grp .cart-modal-list-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 26px 17px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-list .cart-modal-list-grp .cart-modal-list-txt {
        padding: 0 10px 20px;
    }
}
.cart-modal-middle .cart-modal-list .cart-modal-list-grp .cart-modal-list-txt:last-child {
    padding-bottom: 0;
}
.cart-modal-middle .cart-modal-list .cart-modal-list-grp .cart-modal-list-txt .cart-modal-list-name {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
.cart-modal-middle .cart-modal-list .cart-modal-list-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 26px;
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-middle .cart-modal-list .cart-modal-list-amount {
        padding: 0 10px;
        font-size: 1.125rem;
    }
}
.cart-modal-list-amount-tt .vat,
.cart-modal-middle .cart-modal-list .cart-modal-list-amount .vat {
    font-size: 1rem;
    font-weight: 400;
    color: #727272;
}


.cart-modal-method {
    padding: 21px 28px;
    margin-top: 33px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fbfbfb;
}
@media (max-width: 600px) {
    .cart-modal-method {
        padding: 17px;
        margin-top: 29px;
    }
}
.cart-modal-method .cart-modal-method-ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-modal-method .cart-modal-method-ttl .cart-modal-method-tt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
}
@media (max-width: 600px) {
    .cart-modal-method .cart-modal-method-ttl .cart-modal-method-tt {
        font-size: 1rem;
    }
}
.cart-modal-method .cart-modal-method-ttl .cart-modal-method-txt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #7d7d7d;
}
@media (max-width: 600px) {
    .cart-modal-method .cart-modal-method-ttl .cart-modal-method-txt {
        font-size: 0.75rem;
    }
}
.cart-modal-method .cart-modal-method-account-all-grp {
    margin-top: 19px;
}
.cart-modal-method .cart-modal-method-account-all-grp .cart-modal-method-account-grp {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 10px;
}
.cart-modal-method .cart-modal-method-account-all-grp .cart-modal-method-account-grp:last-child {
    margin-bottom: 0;
}
.cart-modal-method .cart-modal-method-account-all-grp .cart-modal-method-account-grp.type-end {
    justify-content: flex-end;
}
.cart-modal-method .cart-modal-method-account-all-grp .cart-modal-method-account-grp .cart-modal-method-account-label {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
.cart-modal-method .cart-modal-method-account-all-grp .cart-modal-method-account-grp .cart-modal-method-account-info {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}



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


/* 공통 */
/* start 모달팝업 */
.modal-mask {
  /*position: fixed;*/
  position: absolute;
  z-index: 9998;
  top: 0;
  left: 0;
  /* width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5); */
  display: table;
  transition: opacity .3s ease;
  display:none;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  position:relative;
  width: 300px;
  margin: 0px auto;
  padding: 20px 30px;
  padding: 0px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  display:none;
}

.modal-header h3 {
  margin-top: 0;
  color: #42b983;
}


.modal-default-button {
  float: right;
}

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.modal-loading {
  display:none;
  width:250px;margin:0 auto;
}
.modal-container{
  display:none;
}
.modal-loading img{
  width:100%;
}  
.modal-footer{
  text-align:right;
  padding-right:15px;
}
.modal-footer a{
	text-decoration:none;
}
.modal-default-button{
  float:none;
}
.modal-footer .btn-black{
  display:inline-block;
  padding:5px 14px;
  background:#2e323a;
  color:#fff;
}
.modal-footer .btn-gray{
  display:inline-block;
  padding:5px 14px;
  color:#000;    
  background:#dae0e5;
}
/* End 모달팝업 */



/* Start 디자인템플릿*/
.design-header{background-size:cover !important; height:490px; width:100%; position:relative; z-index:-2}
.template-01-wrap .design-header{background:url(../img/temp01.jpg) no-repeat center;}
.template-02-wrap .design-header{background:url(../img/temp02.jpg) no-repeat center;}
.template-03-wrap .design-header{background:url(../img/temp03.jpg) no-repeat center;}

.design-logo{padding-top:30px; text-align:center}
.design-logo img{width:100%; max-width:106px;}
.design-header-tt{text-align:center; color:#fff; font-size:4rem; font-weight:bold; line-height:1.1; margin-top:80px; margin-bottom:10px}
.yellowbox-wrap{text-align:center}
.design-yellowbox{background:#f49700; border-radius:10px; padding:10px 40px; color:#fff; font-weight:bold; font-size:1.5rem; text-align:center; display:inline-block; margin:0 auto}
.dim{width:100%; height:490px; position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; z-index:-1}
.design-content-wrap{position:relative; box-sizing:border-box; margin-top:-70px}
.deisgn-details{margin:0 35px 48px 35px; border-top-left-radius:24px; border-top-right-radius:24px; background:#fff;}
.design-stt-wrap{padding:30px;}
.design-tt{font-size:2rem; text-align:center; font-weight:bold; margin-bottom:10px}
.design-stt{font-size:1.125rem; color:#8d8d8d; text-align:center; margin-bottom:30px}
.design-tt.left-align, .design-stt.left-align{text-align:left}
.design-detail-summ{border-radius:14px; background:#f8f8f8; padding:20px 35px;}
.detail-summ{display:inline-block; box-sizing:border-box}
.detail-summ-left{vertical-align:top}
.detail-summ-right{border-left:solid 1px #d5d5d5; padding-left:20px; vertical-align:top}
.template-01-wrap .detail-summ-left, .template-01-wrap .detail-summ-right{width:49%}
.template-02-wrap .detail-summ-left, .template-02-wrap .detail-summ-right{width:49%}
.template-03-wrap .detail-summ-left{width:30%}
.template-03-wrap .detail-summ-right{width:69%}
.detail-summ div{font-weight:bold; font-size:1.125rem; line-height:1.8}
.detail-summ div span{font-weight:normal; color:#898989; padding-right:20px}
.design-cont-txt{text-align:center; font-size:1.3rem; margin-top:60px; margin-bottom:35px; line-height:1.5; padding-bottom:45px; border-bottom:solid 1px #d5d5d5}
.design-cont-txt span{font-weight:bold}
.design-tt-y{color:#f49700; font-size:1.125rem; font-weight:bold; margin-bottom:10px}
.design-notice-cont li{margin:8px 0; font-size:1.125rem; position:relative; padding-left:20px}
.design-notice-cont li::before{content:''; width:20px; height:auto; font-size:1.125rem; position:absolute; left:0}
.design-notice-cont li:nth-child(1)::before{content:'1.'}
.design-notice-cont li:nth-child(2)::before{content:'2.'}
.design-notice-cont li:nth-child(3)::before{content:'3.'}
.design-features{background:#f0f0f0; padding:70px 35px 40px 35px}
.design-features.bg-none{background:#fff}
.features-box{border-radius:10px; background:#fff; overflow:hidden; display:flex; margin-bottom:30px; flex-wrap:nowrap; flex-direction:row; min-height:312px}
.features-box-left{display:inline-block;max-width:332px; flex:1 1 40%}
.features-box-left img{object-fit:cover; width:100%; height:100%}
.features-box-right{display:inline-block; max-width:366px; flex:1 1 50%; padding:35px 24px 24px 24px; vertical-align:top}
.features-box-tt{font-size:1.5rem; font-weight:bold;}
.features-box-cont ul{margin:20px 0}
.features-box-cont li{font-size:1.125rem; line-height:1.5; word-break:keep-all; position:relative; padding-left:14px; word-break:keep-all}
.features-box-cont li span{font-weight:bold;}
.features-box-cont li::before{content:'·'; width:10px; font-weight:bold; font-size:1.125rem; display:inline-block; position:absolute; left:0; }
.features-box-gray{background:#f0f0f0; border-radius:10px; padding:20px 20px 10px 20px}
.features-box-gray-tt{font-size:1.125rem; font-weight:bold; margin-bottom:8px;}
.features-box-gray-cont{margin:8px 0 10px 0}
.features-box-gray-cont li{font-size:1.125rem; padding-left:14px; position:relative; line-height:1.5}
.features-box-gray-cont li::before{content:'-'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-option{padding:75px 35px 30px 35px}

.design-blackbox{color:#fff; background:#000; text-align:center; font-size:1.5rem; border-radius:10px; padding:14px; margin-bottom:10px}
.design-blackbox span{color:#fdb640}
.option-image{display:flex; flex-wrap:wrap; column-gap:7px; row-gap:7px; margin-bottom:70px}
.option-image div{ border-radius:10px; overflow:hidden;}
.option-01.option-image img{width:100%; max-width:170px; height:100%; object-fit:cover}
.option-01.option-image div{flex:1 1 20%}
.option-01.option-image div:first-child{flex:1 1 100%}
.option-01.option-image div:first-child img{max-width:100%}
.option-02.option-image div{flex:1 1 40%; }
.option-02.option-image img{width:100%; max-width:345px;height:100%; object-fit:cover}
.design-process{padding:0 35px 30px 35px}
.blackbox-r-wrap{width:100%; margin: auto; text-align:center}
.design-blackbox-r{background:#000; font-size:1.125rem; color:#fdb640; border-radius:100px; padding:10px 40px; margin-bottom:60px; display:inline-block; text-align:center}
.process-cont{font-size:1.125rem; text-align:center; margin-top:20px;text-underline-offset : 5px;}
.process-cont span{font-weight:bold;}
.process-cont span.cont-underline{text-decoration:underline}
.process-table table{border-top:solid 2px #7b591f; border-bottom:solid 2px #8f8f8f; width:100%; margin-top:35px}
.process-table table th, .process-table table td{text-align:center; font-size:1.125rem; padding:14px 10px; word-break:keep-all; vertical-align:middle}
.process-table table th{background:#fdb640; font-weight:bold; border-right:solid 1px #fed99c; border-bottom:solid 1px #d8cab2}
.process-table table tr:nth-child(2n+1){background:#f6f6f6}

.design-cont-txt-underline{margin:25px 0 0 0}
.design-cont-txt-underline li{border-bottom:solid 1px #e8e8e8; font-size:1.125rem; padding:14px 0 14px 30px; position:relative; line-height:1.5}
.design-cont-txt-underline li:last-child{border-bottom:none}
/*.design-cont-txt-underline li:first-child::before{content:'1.'; width:10px; position:absolute; left:0; font-size:1.125rem}*/
.design-cont-txt-underline li:nth-child(1)::before{content:'1.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(2)::before{content:'2.'; width:10px; position:absolute; left:0; font-size:1.125rem}

.design-cont-txt-underline li:nth-child(3)::before{content:'3.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(4)::before{content:'4.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(5)::before{content:'5.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(6)::before{content:'6.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(7)::before{content:'7.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(8)::before{content:'8.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(9)::before{content:'9.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(10)::before{content:'10.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(11)::before{content:'11.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(12)::before{content:'12.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(13)::before{content:'13.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(14)::before{content:'14.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(15)::before{content:'15.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(16)::before{content:'16.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(17)::before{content:'17.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(18)::before{content:'18.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(19)::before{content:'19.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-cont-txt-underline li:nth-child(20)::before{content:'20.'; width:30px; position:absolute; left:0; font-size:1.125rem}

/*.design-cont-txt-underline li:last-child::before{content:'3.'; width:10px; position:absolute; left:0; font-size:1.125rem}*/






.design-notice-underline{border-radius:10px; background:#f7f7f7; padding:30px; margin-bottom:70px}
.design-tt-r{color:#e41827; font-size:1.375rem; font-weight:bold; margin-bottom:10px}
.design-tt-r::before{content:'i'; width:26px; height:26px; display:inline-block; border-radius:50%; background:#e41827; color:#fff; text-align:center; margin-right:10px; font-weight:normal}
/*.design-notice-cont-underline li{border-bottom:dashed 1px #cbcbcb; font-size:1rem; padding:14px 0 14px 20px; position:relative; line-height:1.5}*/
.design-notice-cont-underline li{border-bottom:dashed 1px #cbcbcb; font-size:1rem; padding:14px 0 14px 30px; position:relative; line-height:1.5}
.design-notice-cont-underline li:last-child{border-bottom:none}

/*.design-notice-cont-underline li:first-child::before{content:'1.'; width:10px; position:absolute; left:0; font-size:1.125rem}*/

.design-notice-cont-underline li:nth-child(1)::before{content:'1.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(2)::before{content:'2.'; width:10px; position:absolute; left:0; font-size:1.125rem}


.design-notice-cont-underline li:nth-child(3)::before{content:'3.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(4)::before{content:'4.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(5)::before{content:'5.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(6)::before{content:'6.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(7)::before{content:'7.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(8)::before{content:'8.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(9)::before{content:'9.'; width:10px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(10)::before{content:'10.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(11)::before{content:'11.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(12)::before{content:'12.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(13)::before{content:'13.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(14)::before{content:'14.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(15)::before{content:'15.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(16)::before{content:'16.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(17)::before{content:'17.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(18)::before{content:'18.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(19)::before{content:'19.'; width:30px; position:absolute; left:0; font-size:1.125rem}
.design-notice-cont-underline li:nth-child(20)::before{content:'20.'; width:30px; position:absolute; left:0; font-size:1.125rem}

/*.design-notice-cont-underline li:last-child::before{content:'3.'; width:10px; position:absolute; left:0; font-size:1.125rem}*/

.design-notice-cont-underline div{color:#afafaf; font-size:0.875rem; text-align:center; letter-spacing:2px; margin:10px 0}
.design-image-full{margin-bottom:10px}
.design-image-full img{width:100%}
.features-box2-wrap{display:flex; flex-direction:row; flex-wrap:wrap;column-gap:17px; row-gap:10px;}
.features-box2{flex:1 1 40%}
.features-box-img{border-radius:10px; overflow:hidden;}
.features-box-img img{width:100%; height:100%; object-fit:cover}
.features-box-cont2{text-align:center}
.features-stt-y{color:#f49700; font-size:1.125rem; font-weight:bold; margin-top:14px}
.features-cont{font-size:1.375rem; font-weight:bold; line-height:1.4; margin:10px 20px 30px 20px; word-break:keep-all}
.design-material{margin-top:70px; background:#f0f0f0; padding:0 30px;}
.material-cont-wrap{transform:translate(0,-70px); background:#f0f0f0; border-radius:24px; padding:34px 0}
.design-material .design-blackbox-r{color:#fff; min-width:300px}
.material-box-wrap{display:flex; flex-direction:row; flex-wrap:wrap;column-gap:17px; }
.material-box{flex:1 1 40%; margin-bottom:70px}
.material-box.mgb-0{margin-bottom:0}
.material-box.merge-box{flex:1 1 100%; margin-bottom:0}
.material-cont{border-radius:10px; overflow:hidden}
.material-cont-img img{object-fit:cover; width:100%; height:100%}
.material-cont-box-w{background:#fff; padding:30px 20px 40px 20px}
.cont-tt{font-size:1.375rem; text-align:center; font-weight:bold}
.cont-stt{font-size:1.125rem; margin-top:10px; text-align:center; color:#8d8d8d}
.design-drawing{padding:80px 35px 60px 35px}
.design-drawing .design-image-full{padding:20px 0}
.design-mannual{background:#181818; padding:60px 30px 60px 30px}
.mannual-header-wrap{margin-bottom:50px; text-align:center;}
.mannual-tt{font-size:2.5rem; color:#fff;font-weight:bold; line-height:1.5;margin:30px 0}
.mannual-tt-box-y{background:#fdb640; padding:0 4px; display:inline-block; color:#212121; margin-top:4px}
.mannual-cont{background:#f2f2f2; border-radius:24px; margin-bottom:50px;}
.mannual-cont-tt-box-b{background:#141414; color:#ffb740; font-weight:bold; font-size:1.375rem; display:inline-block; margin-top:25px; padding:10px 40px; border-top-right-radius:50px;border-bottom-right-radius:50px; min-width:240px}
.mannual-cont-list-wrap{padding:10px 35px 30px 35px;}
.mannual-cont-list-wrap li{border-bottom:dashed 1px #cbcbcb; padding:20px 0 20px 60px; position:relative}
.mannual-cont-list-wrap li:last-child{border-bottom:none}
.mannual-cont-list-tt{font-size:1.375rem; font-weight:bold; line-height:40px}
.mannual-cont-list-cont{font-size:1.125rem; line-height:1.5}
.mannual-cont-list-wrap li::before{content:''; width:40px; height:40px; display:inline-block; vertical-align:top; background:linear-gradient(135deg, rgba(242,242,242,1) 0%, rgba(215,215,215,1) 100%); border-radius:50%; text-align:center; line-height:40px; position:absolute; left:0; font-weight:bold; font-size:1.25rem}
.mannual-cont-list-wrap li:nth-child(1)::before{content:'1';}
.mannual-cont-list-wrap li:nth-child(2)::before{content:'2';}
.mannual-cont-list-wrap li:nth-child(3)::before{content:'3';}
.mannual-cont-list-wrap li:nth-child(4)::before{content:'4';}
.mannual-cont-list-wrap li:nth-child(5)::before{content:'5';}
.mannual-cont-list-wrap li:nth-child(6)::before{content:'6';}
.mannual-cont-list-wrap li:nth-child(7)::before{content:'7';}

.mannual-cont-list-wrap li:nth-child(8)::before{content:'8';}
.mannual-cont-list-wrap li:nth-child(9)::before{content:'9';}
.mannual-cont-list-wrap li:nth-child(10)::before{content:'10';}
.mannual-cont-list-wrap li:nth-child(11)::before{content:'11';}
.mannual-cont-list-wrap li:nth-child(12)::before{content:'12';}
.mannual-cont-list-wrap li:nth-child(13)::before{content:'13';}
.mannual-cont-list-wrap li:nth-child(14)::before{content:'14';}
.mannual-cont-list-wrap li:nth-child(15)::before{content:'15';}
.mannual-cont-list-wrap li:nth-child(16)::before{content:'16';}
.mannual-cont-list-wrap li:nth-child(17)::before{content:'17';}
.mannual-cont-list-wrap li:nth-child(18)::before{content:'18';}
.mannual-cont-list-wrap li:nth-child(19)::before{content:'19';}
.mannual-cont-list-wrap li:nth-child(20)::before{content:'20';}


.design-mannual .design-logo{padding-top:70px}
#detail{height: 500px;}
#detail.hidden{height: 500px; overflow: hidden;}
#detailm{height: 1000px;}
#detailm.hidden{height: 1000px; overflow: hidden;}
a#btnMore{margin: 30px auto; background-color:#fdb640; color:white;; padding:10px 60px; font-size:1.25rem; border-radius:100px; transition:all 0.3s}
a#btnMore:hover{filter: brightness(95%);}
a#btnMore span{font-size:1rem; padding-left:10px;}
.detailMore{position: relative; text-align:center; z-index:2; margin:20px 0; padding:10px 0}
.detailMore:before {content: '';position: absolute; top: -125px; left: 0; display: block; width: 100%; height: 125px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 66%, rgba(255, 255, 255, 0.94) 83%, rgba(255, 255, 255, 0.98) 91%, #ffffff);}
.fix-menu{position:fixed; right:0; top:50%; transform:translate(0,-50%); border:solid 1px #d5d5d5; border-radius:10px; background:#fff; z-index:10}
.fix-menu li{margin:0px 10px; padding:16px 0 12px 0; text-align:center; border-bottom:solid 1px #d5d5d5;}
.fix-menu li:last-child{border-bottom:none; padding-top:4px}
.fix-menu li .fix-menu-icon{width:36px; height:36px; margin-bottom:8px; margin:0 auto; background-size:cover !important; position:relative}
.fix-menu li .fix-menu-icon .num-check{position:absolute; top:-4px; right:-10px; width:20px; height:20px; background:#e54848; border-radius:50%;; color:#fff; font-size:0.875rem; line-height:20px}
.fix-menu li .fix-menu-tt{font-size:0.875rem; margin-top:10px; color:#8d8d8d; transition:all 0.3s}
.fix-menu li:nth-child(1) .fix-menu-icon{background:url(/front/img/icon01.png) no-repeat center;}
.fix-menu li:nth-child(2) .fix-menu-icon{background:url(/front/img/icon02.png) no-repeat center;}
.fix-menu li:nth-child(3) .fix-menu-icon{background:url(/front/img/icon03.png) no-repeat center;}
.fix-menu li:nth-child(4) .fix-menu-icon{background:url(/front/img/icon04.png) no-repeat center;}
.fix-menu li:hover .fix-menu-tt{color:#fdb640}

@media (max-width: 600px) {
.design-header, .dim{height:320px}
.design-header-tt{font-size:2.8rem; word-break:keep-all; margin-top:50px}	
.design-yellowbox{font-size:1.125rem}
.design-content-wrap{margin-top:20px}
.deisgn-details{margin: 0 0 48px 0}
.design-stt-wrap{padding:16px 0}
.design-stt{margin-bottom:16px; font-size:1rem}
.design-detail-summ{padding:16px}
.template-01-wrap .detail-summ-left, .template-01-wrap .detail-summ-right, .template-03-wrap .detail-summ-left, .template-03-wrap .detail-summ-right, .template-02-wrap .detail-summ-left, .template-02-wrap .detail-summ-right{width:100%; border-left:0; padding-left:0; }
.detail-summ div span{padding-right:16px}
.detail-summ div{font-size:1rem;}
.design-cont-txt{margin:40px 0 20px 0; font-size:1.125rem; padding-bottom:30px}
.design-features{padding:30px 16px 1px 16px}
.design-option, .design-process{padding:40px 0 20px 0}
.design-tt{font-size:1.5rem}
.features-box{flex-direction:column}
.features-box-left, .features-box-right{flex:1 1 100%; max-width:100%}
.features-box-right{padding:20px 16px 16px 16px}
.design-tt-y, .process-cont, {font-size:1rem}
.features-box-tt{font-size:1.5rem}
.design-blackbox{font-size:1.125rem}
.option-image, .design-blackbox-r{margin-bottom:30px}
.process-table table th, .process-table table td{font-size:0.875rem;padding:10px 10px;}
/*.design-cont-txt-underline li{padding:10px 0 10px 16px; font-size:1rem}*/
.design-cont-txt-underline li{padding:10px 0 10px 20px; font-size:1rem}
.design-cont-txt-underline li::before{font-size:1rem !important}
.design-notice-underline{padding:25px 16px 16px 16px}
.design-tt-r{font-size:1.125rem}
.design-tt-r::before{width:21px; height:21px;}
.design-notice-underline{margin:20px 0 30px 0}
.template-02-wrap .design-features{padding:30px 0}
.features-cont{font-size:1.125rem; margin:10px 10px 20px 10px}
.design-material{padding:0 16px}
.material-box-wrap{column-gap:10px}
.material-box{margin-bottom:30px}
.material-cont-box-w{padding:20px 10px 20px 10px}
.cont-tt{font-size:1.125rem}
.cont-stt{font-size:1rem}
.material-cont-wrap{padding:34px 0 0 0}
.design-drawing{padding:40px 0px 40px 0px}
.design-drawing .design-image-full{padding:10px 0 0 0}
.design-mannual{padding:30px 16px 30px 16px}
.mannual-tt{font-size:1.5rem}
.mannual-cont-list-wrap{padding:10px 20px 20px 20px}
.mannual-cont-list-wrap li{padding:10px 0 10px 50px}
.mannual-cont-list-tt{font-size:1.25rem}
.design-mannual .design-logo{padding-top:30px}
.fix-menu{display:none}
}


/*박미현추가 - 250710*/
.request-price{padding-top:0}
.request-price .request-all-cont-wrap{height:80vh}

/*태블릿_large_세로*/
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait){
.request-price .request-all-cont-wrap{height:60vh}
}

.membership-page.subscribe-manual-page{background:#fafafa}
.membership-cont-mo{display:none}
.membership-cont{display:flex; flex-wrap: nowrap; padding:115px 0 0 0}
.membership-cont .mem-item{flex:1}
.mem-item{padding:0 10px; cursor:pointer; transition:all 0.3s}
.mem-item.mem-list{padding:0 10px 0 24px}
.mem-item div{font-size:1.125rem; padding:20px 10px; text-align:center; color:#242424; height:60px; box-sizing:border-box; transition:all 0.3s}
.mem-item.mem-list div{text-align:left; transition:all 0.3s}
.mem-item div.mem-title{border-radius:13px; border:solid 1px #fdb640; height:56px; margin-bottom:40px; display:flex; align-items:center; justify-content:center; position:relative; transition:all 0.3s; font-size:1.25rem; font-weight:700}
.mem-item div.mem-title::after{border-top: 8px solid #fda640; border-left: 7px solid #fafafa; border-right: 7px solid #fafafa;
  content: ""; width: 0; height: 0;left: 50%; bottom:-8px; position: absolute; transform:translate(-50%, 0); display:none}
.mem-item div.mem-title.bor-no::after{display:none}
.mem-item div.mem-title.bor-no, .mem-item div.mem-btn.bor-no{border:none;}
.mem-item div.mem-tooltip{position:relative}
.mem-item div .mem-tooltip-quest{content:''; width:20px; height:20px; background:url(../img/img_tooltip_question.svg) center no-repeat; margin-left:10px; display:inline-block; vertical-align:middle; cursor:pointer; position:absolute;}
.mem-item div.mem-price{font-size:1.5rem; color:#242424; font-weight:700}
.mem-item div.mem-price span{font-size:1.125rem; padding-left:8px}
.mem-item div.mem-check{background:url(../img/img_membership_check.svg) center no-repeat; margin:0 auto;transition:all 0.3s}
.mem-item div.mem-btn{height:94px}
.mem-item div.mem-btn .btn{border-radius:13px; border:solid 1px #fda640; text-align:center; font-size:1.25rem;height:56px; width:100%; gap:10px}
.mem-item div.mem-btn .btn span{background:url(../img/img_arrow_next_bk.svg) center no-repeat; width:8px; height:14px;transition:all 0.3s}

.mem-item:not(.mem-list):hover div.mem-title::after {display: block;}
.mem-item:not(.mem-list):hover div {color: #fda640;}
.mem-item:not(.mem-list):hover div.mem-title {background: #fda640; color: #fff;}
.mem-item:not(.mem-list):hover div.mem-btn .btn {background: #fda640; color: #fff; border-color: #fda640;}
.mem-item:not(.mem-list):hover div.mem-check {background: url(../img/img_membership_check-yel.svg) center no-repeat;}
.mem-item:not(.mem-list):hover div.mem-btn .btn span{background:url(../img/img_arrow_next_wh.svg) center no-repeat;}

.mem-tooltip-quest[data-tooltip]:not([data-tooltip=""])::before {content: attr(data-tooltip); position: absolute; background-color: #fff; border:solid 1px #ccc; color: #999; padding: 10px 7px; border-radius: 8px; max-width: 200px; width: 200px; left: 40px;top: 50%; transform:translate(0,-50%); opacity: 0; transition: all 0.3s; font-size:0.875rem; word-break:break-all}
.mem-tooltip-quest[data-tooltip]:not([data-tooltip=""])::after {content: ''; display: block; position: absolute;top: 50%; left:34px; transform:translate(0, -50%) rotate(135deg); width: 10px;height: 10px; background: #fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; opacity:0; transition: all 0.3s;}
.mem-tooltip-quest:hover[data-tooltip]:not([data-tooltip=""])::before, .mem-tooltip-quest:hover[data-tooltip]:not([data-tooltip=""])::after {opacity: 1;}

.mem-infobox{background:#ededed; padding:40px 24px; margin-top:60px}
.mem-infobox .mem-infotitle{font-weight:600; font-size:1rem; color:#999}
.mem-infobox .mem-infocont{font-size:0.875rem; color:#999; padding-top:28px}
.mem-infobox .mem-infocont li{line-height:1.5; position:relative; padding-left:16px;}
.mem-infobox .mem-infocont li::before{content:'-'; position:absolute; left:0; width:10px;}

.search-wrap.type-manual{ padding: 0; align-items: center; vertical-align: middle; height: auto; padding-top:110px}
.header-gnb-depth1-grp .search-grp{width:auto}
.header-gnb-depth1-grp .search-grp .inp-search{ width: 140px; border: solid 1px #efefef; padding: 8px 50px 8px 16px; font-size: 1rem;}
.header-gnb-list-search{position:relative}
.header-gnb-list-search .search-wrap-header{ display: flex; padding: 0; align-items: center; vertical-align: middle; height: 100%;}
.search-dropdown{display:flex; flex-wrap:wrap; position: absolute; z-index: 100; left:calc(50% - 32px); top:190px; border:solid 1px #efefef; width:924px;  border-radius:12px; background:#fff; padding:16px; margin:0 auto; background:#fff; transform:translate(-50%, 0) }
.search-dropdown .search-dd-cont{width:50%;}
.search-dropdown .search-dd-cont li{padding:6px 0; transition: all 0.3s; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; cursor:pointer}
.search-dropdown .search-dd-cont li:hover{color:#fda640}
.search-dropdown .search-dd-cont li span{font-weight:600}
.search-dropdown .search-dd-left{padding-right:16px; overflow-y: auto; max-height: 500px;}
.search-dropdown .search-dd-left::-webkit-scrollbar {width: 6px;}
.search-dropdown .search-dd-left::-webkit-scrollbar-thumb {background-color: #fdb640; border-radius: 3px;}
.search-dropdown .search-dd-left::-webkit-scrollbar-track {background-color: #e3e3e3;}
.search-dropdown .search-dd-left::-webkit-scrollbar-thumb:hover {background-color: #e39e20;}
.search-dropdown .search-dd-right{border-left:solid 1px #efefef; padding:0 0 0 16px;}
.search-dropdown .search-dd-right .model-card-ttl{padding:10px; min-height:auto;}
.search-dropdown .search-dd-right .model-card-ttl .model-card-tt{font-size:1rem; height:auto; margin:8px 0}
.search-dropdown .search-dd-right .like-grp.type-list{margin-top:0px}
.search-dropdown .search-dd-right .model-card-ttl .model-card-txt{font-size:0.875rem; height:auto; margin-bottom:0}
.search-dropdown .search-dd-right .manual-fav-grp .manual-fav{display:none}
.search-dropdown .search-dd-bottom{width:100%; text-align:right; border-top:solid 1px #efefef; padding:16px 0 0 0 }
.search-dropdown .search-dd-bottom a{transition:all 0.3s}
.search-dropdown .search-dd-bottom a:hover{color:#fda640}
.search-warp-all{position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100vh; z-index:100; top:0;}
.search-warp-all .select-grp .select.type-gift{padding:16px 52px 16px 22px}
.search-warp-all .btn-xxsm{height:59px}
.search-warp-all .btn-close .icon-del-gray{width:24px; height:24px; margin-left:16px}
.btn-hd-quick-inquiry.btn-search{border:solid 1px #fdb640; background:#fff; color:#212121; font-weight:normal; cursor:pointer; word-break:keep-all}
.btn-hd-quick-inquiry.btn-search:hover{background:#fdb640; color:#fff}
.membership-cont-mo .slider {position: relative; width: 100%; max-width: 100%;  margin: 0 auto;transition: transform 0.4s ease-in-out; }
.membership-cont-mo .slider .slider-list {display:inline-block; width:90%; max-width:90%; box-sizing:border-box; float:left; transition:all 0.5s ease}
.nav_indicators {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 500; margin-bottom:20px}
.nav_indicators ul {position: static; display: inline-block; margin: 0 auto; padding: 0;}
.nav_indicators ul li { position: static; display: inline-block; width: 8px; height: 8px; margin: 10px; padding: 0; overflow: hidden; background: #999;
 border-radius: 50%; cursor: pointer; font-size:0}
.nav_indicators ul li.active {position: static; display: inline-block; width: 8px; height: 8px; margin: 10px; padding: 0; background: #fdb640; border: 1px solid #fdb640; border-radius: 50%; cursor: pointer;}
.slider {position: relative; width: 50%; height: 70vh; max-width: 640px; margin: 0 auto; user-select: none;}
.slider > * { transition: ease all 1s;}
.slider .hidden {opacity: 0; position: absolute; top: 0px; left: 50%; margin-left: -100%; width: 100%; max-width: 640px; height: 100%; z-index: 0;}
.slider .active {opacity: 1; position: absolute; top: 0px; left: 50%; margin-left: -50%; width: 100%; max-width: 640px; height: 100%; z-index: 10;}
.slider .prev1, .slider .next1 {opacity: 0.5; position: absolute; top: 0px; left: 50%; margin-left: -150%; width: 100%; max-width: 640px; height: 100%; z-index: 3;}
.slider .next1 {left: 50%; margin-left: 45%;}
.slider .prev2, .slider .next2 {opacity: 0; position: absolute; top: 0px; left: 50%; margin-left: -250%; width: 100%; max-width: 640px; height: 100%; z-index: 1;}
.slider .next2 {left: 50%; margin-left: 150%;}
.slider .prev3, .slider .next3 {opacity: 0; position: absolute; top: 0px; left: 50%; margin-left: -50%; width: 100%; max-width: 640px; height: 100%; z-index: 0;}

@media (max-width: 600px) {
.search-wrap.type-manual{width:90%; margin:0 auto}
.search-warp-all .select-grp .select.type-gift{padding:12px 52px 12px 22px}
.search-dropdown{width:calc(90% - 8px); left: calc(50% - 4px); top:170px;}
.membership-cont{display:none}
.membership-cont-mo{display:block; margin-top:40px; position:relative}
.mem-item div.mem-title{margin-bottom:20px;}
.mem-item div{height:auto; padding:16px 10px}
.membership-cont-mo .slider .mem-cont ul{width:100%;}
.mem-cont ul li{display:block; font-size:1rem; text-align:left; margin:4px 0; position:relative; padding-left:16px;}
.mem-cont ul li::before{content:'-';width:16px; position:absolute; left:0}
.mem-item div.mem-btn{height:auto; padding:16px 0; position:absolute; width:calc(100% - 40px); bottom:0;}
.mem-item {background-color: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 20px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05);width:100%; min-height:450px; position:relative}
.mem-item div.mem-price { font-size: 2rem; color: #222; margin-bottom: 15px;margin-bottom:0;}
.mem-item div.mem-price span {font-size: 0.875rem; color: #999;font-weight:normal}
.mem-item div.mem-btn .btn {background-color: #333; color: #fff; border: none; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s;}
.mem-btn .btn:hover {background-color: #111;}
.mem-item:hover div.mem-title::after {display: block;}
.mem-item:hover div {color: #242424;}
.mem-item:hover div.mem-title {background: #fff; color: #fdb640;}
.mem-item:hover div.mem-btn .btn {background: #fff; color: #fdb640; border-color: #fdb640;}
.mem-infobox{margin-top:20px}
.search-warp-all .btn-close .icon-del-gray{margin-left:8px}
.next_button, .prev_button {position: absolute; top: 120px !important; width: 24px !important; height: 24px !important; z-index: 200 !important; cursor: pointer;}
.next_button {right: 50px;}
.prev_button {left: 20px;}
.next_button:hover, .prev_button:hover {opacity: 1 !important;}
.next_button:after, .prev_button:after { content: ""; position: absolute; top: 120px; left: 50%; width: 24px; height: 24px; transform:translate(-50%, -120px)}
.next_button:after {background: url(https://dontworrydesign.com/front/img/img_arrow_next_blk.svg) center no-repeat;}
.prev_button:after {background: url(https://dontworrydesign.com/front/img/img_arrow_prev_blk.svg) center no-repeat;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px){
.search-wrap.type-manual{width:90%; margin:0 auto}
.search-dropdown{width:calc(90% - 8px); left: calc(50% - 4px); top:180px;}
.search-warp-all .btn-xxsm{word-break:keep-all}
}


/* ********* 디자인설명서 > 상세화면의 마감재(상품) 썸네일 시작 *********** */

/* --- 캐러셀(슬라이드) 관련 스타일 --- */

/* 캐러셀 전체 래퍼 (버튼 + 뷰포트) */
.carousel-wrapper {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding-right: 15px; /* 혹은 15px 정도 */
    padding-bottom : 20px;
}

/* 캐러셀 네비게이션 버튼(<, >) */
.carousel-btn {
    background-color: transparent; /* 배경색 제거 */
    /*border: 1px solid #ccc;*/ /* 얇고 밝은 회색 테두리 추가 */
    width: 30px; /* 이미지 크기에 맞춰 조절 */
    height: 30px; /* 이미지 크기에 맞춰 조절 */
    border-radius: 50%; /* 둥근 버튼 유지 */
    cursor: pointer;
    flex-shrink: 0;
    /*transition: background-color 0.2s;*/ /* 호버 효과를 위해 남겨둠 */
    display: flex; /* 이미지 중앙 정렬을 위해 추가 */
    justify-content: center; /* 이미지 중앙 정렬을 위해 추가 */
    align-items: center; /* 이미지 중앙 정렬을 위해 추가 */
}

/* 화살표 이미지 스타일 */
.arrow-icon {
    width: 100%; /* 버튼 크기에 맞춰 이미지를 채움 */
    height: 100%; /* 버튼 크기에 맞춰 이미지를 채움 */
    object-fit: contain; /* 이미지 비율 유지 */
}

/* next 버튼에 오른쪽 마진 추가 */
.carousel-btn.next {
    margin-right: 5px; /* 버튼 오른쪽 여백 확보 */
}
.carousel-btn:hover {
    background-color: #ced4da;
}
.carousel-btn.hidden {
    visibility: hidden; /* JS로 버튼 숨길 때 사용 */
}

/* 이미지가 보이는 영역(뷰포트) */
.image-menu-viewport {
    /*width: 600px;*/ /* 50px 이미지 + 10px 여백 = 60px * 5개 */
    /* width: 660px; */
    width: 770px; /* 70px 이미지 + 10px 여백 = 80px * 9개 (visibleImages 9로 가정) */
    overflow: hidden; /* 이 영역을 벗어나는 이미지는 숨김 */
    margin: 0 20px;
}

/* 실제로 움직일 이미지 전체 컨테이너 */
.image-menu {
    display: flex;
    /* 자연스러운 이동 효과 */
    transition: transform 0.5s ease-in-out;
}

/* 메뉴 이미지 스타일 */
.menu-image {
	cursor: pointer;
    /* width: 50px; */
    /* height: 50px; */
    width: 54px; /* 크기 변경 */
    height: 54px; /* 크기 변경 */
    border-radius: 5px; /* 원형에서 사각형으로 변경 */
    margin-right: 10px;
    object-fit: cover;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    flex-shrink: 0; /* 이미지 크기 유지 */
}

.add-goods-cart {
	flex-shrink: 0;
    padding: 16px 30px 16px 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: hsla(0, 0%, 100%, 0.06);
    color: #fff;
    font-size: 1.375rem;
    font-weight: 600;
    background-position: left 47px center;
    background-size: 20px 26px;
    background-repeat: no-repeat;
    transition: all 0.3s;
    cursor: pointer;
    margin-left: 40px;
}

/* 장바구니 담기 얼럿 박스의 X 버튼 */
.alert-dialog .btn-close {
	position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}


.alert-dialog .btn-notice-close {
	position: absolute;
    right: 15px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}


@media (max-width: 768px) {
	.menu-image {
		width: 50px;
		height: 50px;
   	}
   	.image-menu-viewport {
		/* width: 200px; */ /* 40px * 5 + 8px 여백 * 4 */
     	width: 100%;
   	 	margin: 0 10px;
  	}
  	.carousel-wrapper {
    	margin-left: 0px;
    	padding-right: 0px; /* 혹은 15px 정도 */
  	}
  	.add-goods-cart {
  		padding: 10px 5px 10px 5px;
    	background-size: 0px 0px;
  		border-radius: 8px;
  		font-size: 0.7rem;
  	}
}

@media (max-width: 400px) {
	.menu-image {
		width: 45px;
     	height: 45px;
   	}
   	.image-menu-viewport {
     	/* width: 170px;*/ /* 35px * 5 */
     	/* width: 223px; */
     	width: 100%;
     	margin: 0 15px;
	}
  	.carousel-wrapper {
    	margin-left: 0px;
    	padding-right: 0px; /* 혹은 15px 정도 */
  	}
  
}
/* ********* 디자인설명서 > 상세화면의 마감재(상품) 썸네일 끝 *********** */

/* ********* MyPage > 장바구니 > 마감재(상품) 시작 *********** */
.cart-goods-section{
	padding-bottom: 20px;
}

.cart-goods-section .mypage-card.type-cart-design{
	padding-top: 20px;
	padding-bottom: 30px;
}

.quantity-box {
	display: inline-flex;
    align-items: center;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    font-family: sans-serif;
}
.quantity-box button {
    width: 40px;
    height: 40px;
    border: none;
    background-color: white;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}
.quantity-box input {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: white;
    color: #000;
}

@media (max-width: 600px) {
	.quantity-box button {
		width: 28px;
	    height: 28px;
	    font-size: 16px;
  	}
  	.quantity-box input {
    	width: 36px;
    	height: 28px;
    	font-size: 14px;
  	}
}


.cart_contents_checkbox {
  	appearance: none;       /* 기본 체크박스 스타일 제거 */
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	/*position: absolute; top: 16px; right: auto;*/ 
  	width: 22px;
  	height: 22px;
  	border-radius: 5px;
  	border: 2px solid #ccc;
  	transition: all 0.3s;
  	cursor: pointer;
  	margin-top: 10px;
}

/* 체크 상태 */
.cart_contents_checkbox:checked {
  	background-color: #FDB640;
  	border: none;
  	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M4 10.215L8.858 15 18 6' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-position: center;
}

.goods_select {
	-webkit-appearance: none; /* 크롬, 사파리 */
    -moz-appearance: none;    /* 파이어폭스 */
    appearance: none;         /* 표준 */
     padding: 17px 40px 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;
}

.cart-goods-section .design-cart-box {
	position: relative;
    padding: 10px 47px 10px 0px;
}

.goods-cart-line {
	width: 96%;
	border-bottom: 1px;
	border-style: solid;
    border-color: #dbdbdb;
    
}


.cart-goods-section .design-cart-img.goods-cart-img {
	width: 100px;
    height: 100px;
    flex-basis: 100px;
    margin-left: 37px;
    margin-right: 37px;
    margin-top: 10px;
}

.cart-goods-section .design-cart-box .design-cart-center {
    display: flex;
    flex-direction: column;  /* 세로 정렬 */
    justify-content: center;
    align-items: center;
    flex-basis: 130px;
    flex-shrink: 0;
}


.cart-goods-section .delivery-fee {
    margin-top: 4px; /* 위아래 간격 */
}


/* 장바구니 아이템 카드 전체를 Flex 컨테이너로 변경 */
.cart-goods-section .mypage-card.type-cart-design {
    display: flex;
    /* align-items: center; */ /* 자식 요소들을 수직 중앙 정렬 */
}

/* 체크박스만을 위한 컨테이너 */
.cart-goods-section .cart-item-checkbox-container {
    flex-shrink: 0; /* 공간이 부족해도 너비가 줄어들지 않음 */
    padding: 0 25px; /* 좌우 여백 */
}

/* 기존 콘텐츠 박스 두 개를 감싸는 래퍼 */
.cart-goods-section .cart-item-content-wrapper {
    flex-grow: 1; /* 남은 공간을 모두 차지하도록 설정 */
    width: 100%;
}


.cart-goods-section .design-cart-box .design-cart-left.goods-cart-cont-left {
    align-items: initial;
    gap: 0px;
}


.cart-goods-section .design-cart-box .design-cart-left.goods-cart-left {
    align-items: initial;
    gap: 0px;
    height: 120px;
}


.goods-cart-contents-title {
    width: calc(75% - 175px);
    margin-left: 20px;
}

.cart-goods-section .goods-cart-tt {
    margin-top: 30px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 26px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
}

.goods-cart-summary {
    display: flex;
    flex-direction: column; /* 세로 배치 */
    justify-content: space-between; /* 위/중간/아래로 배치 */
    width: 35%;
    margin-left: 20px;
    height: 120px;
}

.goods-cart-pdu-nm-txt {
    font-size: 1.2rem;
}

.goods-cart-opt-txt {
    font-size: 14px;
}

.goods-cart-ea {
	border-width: 0 1px 0 1px; /* top right bottom left */
	border-style: solid;
	border-color: #dbdbdb;
    width: 15%;
    position: relative;  /* 자식 절대 위치 기준 */
    text-align: center;
    padding-top: 20px;   /* 위 텍스트 공간 확보 */
}

.goods-cart-ea .goods-cart-ea-txt {
    font-weight: bold;
    color: gray;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.goods-cart-ea .goods-cart-ea-cnt {
    width: 100%;
    position: absolute;
    top: 50%;               /* 수직 중앙 */
    left: 50%;              /* 수평 중앙 */
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.goods-cart-price {
    width: 15%;
    position: relative;  /* 자식 절대 위치 기준 */
    text-align: center;
    padding-top: 20px;   /* 위 텍스트 공간 확보 */
}

.goods-cart-price .goods-cart-price-txt {
    font-weight: bold;
    color:gray;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.goods-cart-price .goods-per-sum-price {
	width: 100%;
    position: absolute;
    top: 50%;               /* 수직 중앙 */
    left: 50%;              /* 수평 중앙 */
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.goods-cart-delivery-fee {
    width: 15%;
    border-left: 1px; /* top right bottom left */
	border-style: solid;
	border-color: #dbdbdb;
	position: relative;  /* 자식 절대 위치 기준 */
    text-align: center;
    padding-top: 20px;   /* 위 텍스트 공간 확보 */
}

.goods-cart-delivery-fee .goods-cart-delivery-fee-txt {
	font-weight:bold; 
	color:gray;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.goods-cart-delivery-fee .goods-cart-delivery-fee-price {
	width: 100%;
    position: absolute;
    top: 50%;               /* 수직 중앙 */
    left: 50%;              /* 수평 중앙 */
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.goods-cart-modify-btn {
    width: 20%;
    /* 👇 [추가] Flexbox를 적용하여 중앙 정렬 */
    display: flex;
    flex-direction: column; /* 세로 배치 */
    justify-content: center; /* 수평 중앙 정렬 */
    align-items: center;     /* 수직 중앙 정렬 */
}






/* 라디오 버튼 공통 스타일 */
.cart-modal-option-list-left input[type="radio"] {
	appearance: none;         
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	flex-shrink: 0;          /* 버튼 크기 고정 (글자가 길어져도 버튼 안 찌그러짐) */
  	width: 22px;
  	height: 22px;
  	border: 2px solid #fdb640;
  	border-radius: 50%;
  	outline: none;
  	cursor: pointer;
  	position: relative;
}

/* 체크됐을 때 내부 원 표시 */
.cart-modal-option-list-left input[type="radio"]:checked::before {
	content: "";
	position: absolute;
	top: 4px;   /* 크기에 맞춰 조절 */
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: #fdb640; /* 체크 색상 */
	border-radius: 50%;
}

/* 라디오 버튼 있을 시 글자가 아래로 밀리는 문제 해결 */
.cart-modal-option-list-left.goods-cart-modal-option-list-left {
	display: flex;
	align-items: center;   /* 버튼과 텍스트 수평 정렬 */
	gap: 8px;              /* 버튼과 텍스트 간격 */
	cursor: pointer;
}

/* 라디오 버튼 옆의 텍스트 */
.option-label-text {
  	white-space: normal;   /* 텍스트 줄바꿈 허용 */
  	line-height: 1.4;
}

/* 라디오 버튼 있을 시 글자가 아래로 밀리는 문제 해결 */
.cart-modal-option-list-right.goods-cart-modal-option-list-right {
	/*width: 50% !important;*/
	width: auto;
	max-width: 50%;
	justify-content: flex-end !important;
}

/* 옵션 수정 팝업 화면의 수량 div */
.goods-cart-option-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 30%;
}

.btn-cancle.type-gray {
    background-color: #e8e8e8;
}

.goods-cart-modal-list-pay {
	display: inline; /* 혹은 inline-block */
    margin: 0;
    font-size: 1rem;
}



/* [추가] 체크박스만을 위한 컨테이너 */
@media (max-width: 600px) {

	.cart-goods-section .mypage-card.type-cart-design {
		display: block;
	    align-items: center; /* 자식 요소들을 수직 중앙 정렬 */
	}
	
	.cart-goods-section .cart-item-checkbox-container {
	    flex-shrink: 0; /* 공간이 부족해도 너비가 줄어들지 않음 */
	    padding: 0 10px; /* 좌우 여백 */
	}
	
	.cart-goods-section .design-cart-box .btn-design-cart-del {
        top: -20px;
        right: 15px;
    }

	.cart-goods-section .design-cart-box {
	    position: relative;
	    padding: 10px 10px 10px 10px;
	}
	
	.cart-goods-section .design-cart-box .design-cart-left {
		padding-top: 0px;
	}
	
	.cart-goods-section .goods-cart-contents-title {
		width: 100%;
	}
	
	.cart-goods-section .goods-cart-tt {
		margin-top: 10px;
		font-size:inherit;
	}
	
	.cart-goods-section .design-cart-img.goods-cart-img {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .cart-goods-section .design-cart-box .design-cart-left.goods-cart-left {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }
    .goods-cart-summary {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto !important;
    }
    .goods-cart-ea {
        width: 100% !important;
        border-width: 0 !important;
        text-align: left;
        margin-top: 10px;
        position: relative;
        height: auto;
        padding: 10px 0;
    }

    .goods-cart-ea .quantity-box {
        position: static !important;
        transform: none !important;
        left: auto;
    }

    .goods-cart-price {
        width: 100% !important;
        text-align: left;
        margin-top: 10px;
        position: relative;
        height: auto;
        padding: 10px 0;
    }

    .goods-cart-price .goods-cart-price-txt {
        position: static !important;
        transform: none !important;
        left: auto;
        top: auto;
        display: block;
    }

    .goods-cart-price .goods-per-sum-price {
        position: static !important;
        transform: none !important;
        left: auto;
        top: auto;
        display: block;
    }

    .goods-cart-delivery-fee {
        width: 100% !important;
        border-left: none !important;
        text-align: left;
        margin-top: 10px;
        position: relative;
        height: auto;
        padding: 10px 0;
    }

    .goods-cart-delivery-fee .goods-cart-delivery-fee-txt {
        position: static !important;
        transform: none !important;
        left: auto;
        top: auto;
        display: block;
    }

    .goods-cart-delivery-fee .goods-cart-delivery-fee-price {
        position: static !important;
        transform: none !important;
        left: auto;
        top: auto;
        display: block;
    }

    .goods-cart-modify-btn {
        width: 100% !important;
        margin-top: 10px;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* 추가적으로 전체 박스 높이 자동 조정 */
    .cart-goods-section .design-cart-box {
        height: auto !important;
    }

    /* 필요 시 경계선 조정 */
    .goods-cart-line {
        width: 100% !important;
    }
    
}

.icon_cart{
	width:25px;
	height: 25px;
	cursor: pointer;
}

.icon_search{
	width:25px;
	height: 25px;
	cursor: pointer;
}

.icon_my_page{
	width:25px;
	height: 25px;
	margin-top: 32px;
	cursor: pointer;
}

/* ********* MyPage > 장바구니 > 마감재(상품) 끝 *********** */

/* ********* MyPage > 주문내역 > 마감재(상품) 시작 *********** */
/* 전체 박스를 flex 컨테이너로 설정 */
.design-cart-box.goods-type-order {
    display: flex;
    flex-direction: column; /* 자식 요소들을 세로로 배치 */
    align-items: stretch; /* 자식 요소들의 넓이를 꽉 채움 */
    gap: 20px; /* 아이템 목록과 버튼 사이의 간격 */
}

/* 아이템 목록을 감싸는 wrapper 스타일 */
.goods-order-items-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px; /* 아이템과 아이템 사이의 간격 */
}

/* 아이템 그룹에서 불필요해진 우측 정렬 속성 제거 */
.design-cart-box .goods-order-box-top-grp {justify-content: flex-start;}

/* 새로 추가한 상단 콘텐츠 wrapper */
.goods-order-top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* ********* MyPage > 주문내역 > 마감재(상품) 끝 *********** */



/* End 디자인템플릿*/



.btn-media-text{
	display: inline;
}

@media (max-width: 600px) {
    .btn-media-text {
      display: none;
    }
}

/* === #divContsContainer Summernote 콘텐츠 스타일 === */
#divContsContainer {
    font-size: 14px;
    line-height: 1.6;
    color: #222;
  
    /* 단락 스타일 */
    p {
        margin: 0 0 1em;
        line-height: 1.6;
    }
  
    /* 굵게 / 기울임 / 밑줄 / 취소선 */
    b, strong { 
        font-weight: bold !important;
    }
    i, em {
        font-style: italic !important;
    }
    u {
        text-decoration: underline !important;
    }
    s, del {
        text-decoration: line-through !important;
    }
  
    /* 제목 태그 */
    h1 {
        font-size: 2em;
        font-weight: bold;
        margin: 0.8em 0 0.5em;
        line-height: 1.2;
    }
    h2 {
        font-size: 1.75em;
        font-weight: bold;
        margin: 0.75em 0 0.45em;
        line-height: 1.3;
    }
    h3 {
        font-size: 1.5em;
        font-weight: bold;
        margin: 0.7em 0 0.4em;
        line-height: 1.4;
    }
    h4 {
        font-size: 1.25em;
        font-weight: bold;
        margin: 0.65em 0 0.35em;
        line-height: 1.5;
    }
    h5 {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0.6em 0 0.3em;
        line-height: 1.5;
    }
    h6 {
        font-size: 1em;
        font-weight: bold;
        margin: 0.55em 0 0.25em;
        line-height: 1.6;
    }
    
    /* 리스트 스타일 */
    ul {
        list-style-type: disc;
        margin: 0 0 1em;
        padding-left: 2em;
    }
    ol {
        list-style-type: decimal;
        margin: 0 0 1em;
        padding-left: 2em;
    }
    li {
        margin: 0.3em 0;
        line-height: 1.6;
    }
    ul ul, ol ol, ul ol, ol ul {
        margin: 0.5em 0;
    }
  
    /* 링크 스타일 */
    a {
        color: #0066cc;
        text-decoration: underline;
        cursor: pointer;
    }
    a:hover {
        color: #0052a3;
        text-decoration: underline;
    }
  
    /* 코드 / 프리포맷 스타일 */
    code {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 0.9em;
        background: #f5f5f5;
        padding: 2px 4px;
        border-radius: 3px;
        color: #d63384;
    }
  
    pre {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 0.9em;
        background: #f5f5f5;
        padding: 12px 15px;
        border-radius: 4px;
        overflow-x: auto;
        margin: 0 0 1em;
        line-height: 1.5;
    }
    pre code {
        background: transparent;
        padding: 0;
        color: inherit;
    }
  
    /* 이미지 스타일 */
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 1em 0;
    }
  
    /* 테이블 스타일 */
    table {
        border-collapse: collapse;
        width: 100%;
        margin: 1em 0;
    }
  
    table th,
    table td {
        border: 1px solid #ddd;
        padding: 8px 12px;
        text-align: left;
    }
    table th {
        background-color: #f8f9fa;
        font-weight: bold;
    }
    table tr:nth-child(even) {
        background-color: #f9f9f9;
    }
  
    /* 인용구 스타일 */
    blockquote {
        margin: 1em 0;
        padding: 10px 15px;
        border-left: 4px solid #ddd;
        background-color: #f9f9f9;
        color: #555;
        font-style: italic;
    }
    blockquote p {
        margin: 0;
    }
}