@charset "utf-8";
.shallot-wrapper {--container-width: 1240px;--container-padding:0px; display:inline; font-family:'Noto Sans JP', 'Noto Sans KR', sans-serif; width:100%; overflow-x:hidden; word-break: normal; line-break:strict; overflow-wrap: break-word;}
.shallot-wrapper * {}
.shallot-wrapper :is(h1, .h1, h2, .h2, h3, .h3) {margin-top: 0;margin-bottom: 0;}
.shallot-wrapper .shallot-container {width: 100%;max-width: calc(var(--container-width) + (var(--container-padding) * 2));margin: 0 auto;padding: 0 var(--container-padding);box-sizing: border-box;}
/* ── shallot-001 ── */
.shallot-wrapper .shallot-001 .shallot-header {text-align: center; padding:40px 30px 40px;}
.shallot-wrapper .shallot-001 .shallot-sub-title {font-family:'Marcellus',sans-serif; font-size: 18px; color: #aaaaaa; font-weight: normal; margin: 0 0 20px; letter-spacing:0.08em;}
.shallot-wrapper .shallot-001 .shallot-title {font-size: 34px; font-weight:400; color: #000000; margin: 0; line-height: 1.2;}
.shallot-wrapper .shallot-001 .shallot-title::after {content: ''; display: block; width: 56px; height: 4px; background-color: #791878; margin: 30px auto 0;}

/* ── Responsive ── */
@media (max-width: 768px) {
    .shallot-wrapper {--container-padding:0px;}
    /* shallot-001 */
    .shallot-wrapper .shallot-001 .shallot-container{padding:0;}
    .shallot-wrapper .shallot-001 .shallot-header {padding: 40px 16px 40px;}
    .shallot-wrapper .shallot-001 .shallot-sub-title {font-size: 14px; margin-bottom: 10px;}
    .shallot-wrapper .shallot-001 .shallot-title {font-size: 22px;}
    .shallot-wrapper .shallot-001 .shallot-title::after {width: 56px; height: 4px; margin-top: 20px;}
}

@media (max-width: 520px) {
    .shallot-wrapper {--container-padding:0px;}
    /* shallot-001 */
    .shallot-wrapper .shallot-001 .shallot-header {padding:4.65vw 3.08vw 8.65vw;}
    .shallot-wrapper .shallot-001 .shallot-sub-title {font-size: 2.88vw; margin-bottom: 1.92vw;}
    .shallot-wrapper .shallot-001 .shallot-title {font-size: 4.23vw;}
    .shallot-wrapper .shallot-001 .shallot-title::after {width: 10.77vw; height: 3px; margin-top: 3.85vw; }
}

/* ── 서비스 상세정보 본문 ── */
.pice-wrapper .pice-007 .pice-info-desc {border-top:0px solid #dddddd; padding-top:10px; letter-spacing:-0.02em;}
.pice-wrapper .pice-004 .pice-img-box {aspect-ratio: 453 / 678; height: auto; overflow: hidden;}

/* 하단 이전 다음글, 목록 버튼 */
.view-btm-btn {position:relative}
.view-btm-btn .view-btm-btn-list {display: flex;justify-content: center; padding:40px 0 40px;}
.view-btm-btn .view-btm-btn-list a {display: flex;justify-content: center; align-items: center; background-color:#000000; width:210px; height:64px; border-radius:10px; font-size:18px; font-weight:400; font-family:'Noto Sans JP', 'Noto Sans KR', sans-serif; color:#ffffff;transition-duration: 0.3s;transition-property: background-color;column-gap: 18px;}
.view-btm-btn .view-btm-btn-list a:hover {background-color:#791878; }
.view-btm-btn .view-btm-btn-list a::before{display: block;content:'';background-image: url("../image/sub/page02/icon-back.png");background-repeat: no-repeat;background-size:15px 12px;width: 15px;height: 12px;}

@media (max-width: 992px) {
    .view-btm-btn .view-btm-btn-list{padding:50px 0 60px;}
    .view-btm-btn .view-btm-btn-list a {width: 210px;height: 64px;}
}

@media (max-width:576px) {
    .view-btm-btn .view-btm-btn-list a {width: 210px;height: 64px;font-size: 18px;}
}

@media (max-width:380px) {
    .view-btm-btn .view-btm-btn-list a {width: 210px;height: 64px;font-size: 16px;}
}