/* ========================================
 * 배너 관련
 * ======================================== */
.page-banner:has(h6) {min-height: 180rem; padding:52rem var(--space60);}
.page-banner h6 {margin-bottom: 8rem; font-size: 34rem; font-weight: 700; letter-spacing: -4%;}
.page-banner h6 b {font-weight: 800;}
.page-banner p {color: var(--b-light01);}

@media all and (max-width:1023px){
    .page-banner h6 {font-size: 27rem;}
}

@media (max-width:860px){
	.page-banner:has(h6) {padding:52rem 40rem;}
	.page-banner h6 { font-size: 30rem;}
}

@media (max-width: 540px){
	.page-banner:has(h6) {min-height: auto; padding:32rem 20rem;}
	.page-banner h6 {margin-bottom: 4rem; font-size: 20rem; letter-spacing: -3%;}
	.page-banner * {position: relative; }
	.page-banner p {font-size: var(--font-16);}
}
 
 /* ========================================
 * 중고폰 판매 관련 페이지
 * ======================================== */
/* 중고폰 판매 버튼 wrap */
.sale-page .page-con__btn-wrap {display: flex; justify-content: center; align-items: center; gap: 10rem; margin-top: var(--space50);}
.sale-page .page-con__btn-wrap .btn-long {min-width: 200rem; height: 70rem;}
.sale-page .btn-reset i {display: block; width: 17rem; height: 17rem; background: var(--op-b60); mask: url(../img/sub/ic-reset.svg) no-repeat center / contain; transition: var(--trans-01);}

@media (hover: hover) and (pointer: fine){
    .sale-page .btn-reset:hover i {background: var(--w);}
}

@media (max-width:540px){
    .sale-page .page-con__btn-wrap {gap: 5rem;}
    .sale-page .page-con__btn-wrap .btn-long {min-width: 120rem; height: 52rem;}
}

/* 중고폰 판매 인트로 */
.sale-notice .page-banner {gap: 27rem; padding: 40rem var(--space60); background-image: url(../img/sub/banner-necessary.jpg);}
.sale-notice .page-banner i {width: 138rem; margin-top: 8rem;}
.sale-notice .page-banner i img {max-width: 100%;}
.sale-notice .page-banner h6 {margin-bottom: 12rem;}
.sale-notice .page-banner p {color: var(--w); font-weight: 300;}

.sale-benefit__list {grid-template-columns: 320rem 1fr;}
.sale-benefit__icon {display: flex; align-items: center; justify-content: center; width: 62rem; height: 62rem; margin-right: 18rem; border-radius: 100%; background: var(--bg-default);}
.sale-benefit__item em {display: block; margin-bottom: 5rem; color: var(--b-light02);}

.sale-level__list {gap: 0;}
.sale-level__list li {display: flex; justify-content: center; align-items: center; min-height: 320rem;}
.sale-level__list li:not(:nth-child(3n)) {border-right: 1px solid var(--br-default);}
.sale-level__list li:nth-child(-n+3) {border-bottom: 1px solid var(--br-default);}
.sale-level__item i {display: block; width: 80rem; margin: 0 auto; margin-bottom: 16rem;}
.sale-level__item i img {max-width: 100%;}
.sale-level__txt {margin-top: 10rem;}
.sale-level__txt p {margin-bottom: 5rem; color: var(--b-title);}
.sale-level__txt span {font-size: 16rem; color: var(--b-light01); line-height: 1.45;}

.sale-guide .inception-check__item [data-heading="md"] {margin-bottom: 6rem;}
.sale-guide .inception-check__item span {color: var(--b-light01);}
.sale-guide__notice {margin-top: 40rem;}

@media all and (max-width:1023px){
    .sale-notice .page-banner {align-items: flex-start; gap: 12rem; padding:50rem 40rem; background-position: right 38% center;}
    .sale-notice .page-banner i {flex-shrink: 0; width: 80rem; margin-top: 0;}

    .sale-level__list {grid-template-columns: repeat(2, 1fr);}
    .sale-level__list li:nth-child(2n) {border-right: 0;}
    .sale-level__list li:nth-child(4) {border-bottom: 1px solid var(--br-default);}
    .sale-level__list li:nth-child(2n + 1){border-right: 1px solid var(--br-default);}

    .sale-notice .inception-box09 h4 {margin-bottom: 40rem;}
    .sale-notice .process-list {padding: 40rem; gap: 40rem 20rem;}
}

@media (max-width:860px){
    .sale-notice .page-con {padding-bottom: 0 !important;}
    .sale-notice .process-list {gap: 40rem 60rem;}
}

@media (max-width:540px){
    .sale-notice .page-banner {flex-direction: column; padding: 35rem 20rem; text-align: center; background-position: right 12% bottom;}
    .sale-notice .page-banner::before {opacity: .5; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%;  background: #2f69d9;}
    .sale-notice .page-banner i {width: 62rem; margin: 0 auto;}
    .sale-notice .page-banner h6 {margin-bottom: 10rem;}
    .sale-notice .page-banner p br {display: none;}
    .sale-notice .page-box:not(:last-child) {margin-bottom: 40rem;}
    
    .sale-benefit__list {grid-template-columns: 1fr; gap: 15rem;}
    .sale-benefit__icon {width: 52rem; height: 52rem; margin-right: 15rem;}
    
    .sale-level__list {grid-template-columns: 1fr;}
    .sale-level__list li {display: block; min-height: auto; padding:24rem 20rem; text-align: left; border-right: 0 !important;}
    .sale-level__list li:nth-child(5) {border-bottom: 1px solid var(--br-default);}
    .sale-level__txt span {font-size: 15rem;}
    .sale-level__txt span br {display: none;}
    .sale-level__item {position: relative; padding-left: 62rem;}
    .sale-level__item i {position: absolute; left: 0; top: -5rem; width: 47rem;}

    .sale-notice .inception-box09 h4 {margin-bottom: 25rem;}
    .sale-notice .process-list {gap:20rem 15rem; padding:25rem 20rem;}
    .sale-notice .process-list__item {width: 22%;}
    .sale-notice .process-list__txt p br {display: block;}
}

/* 중고폰 판매 aside */
.model-blank {padding: 40rem 0; text-align: center;}
.model-blank i {display: flex; align-items: center; justify-content: center; width: 80rem; height: 80rem; margin: 0 auto; margin-bottom: 20rem; border-radius: 100%; background: rgba(0, 0, 0, .04);}
.model-blank strong {display: block; margin-bottom: 5rem;}
.model-blank p {color: var(--b-light01);}

.sale-notice .page-aside__inr {top: var(--space150);}
.sale-notice .page-aside__part {gap: 22rem;}
.sale-notice .aside-card__line {margin-top: 8rem; margin-bottom: 0;}
.sale-notice .page-aside__part .check-box em {font-weight: 400;}
.sale-notice .page-aside__part .form-area {margin-bottom: 0;}

.sale-aside__thumb {background: var(--w); border-radius: 10rem;}
.sale-aside__info {padding-top: 35rem;}
.sale-aside__info .aside-card__title {text-align: center;}
.sale-aside__info .aside-card__title i {height: 15rem; margin-bottom: 5rem;}
.sale-aside__info .aside-card__title i img {display: inline-block; height: 100%;}
.sale-aside__cloud {margin-top: 10rem; padding-top: 20rem; color: var(--b-light01); border-top: 1px dashed var(--br-default);}
.sale-aside__list {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20rem; gap: 3rem;}
.sale-aside__list li {padding: 5rem 10rem; font-size: var(--font-13); color: var(--b-light01); border-radius: 3rem; background: var(--w);}
.sale-aside__total {margin-top: 30rem; padding: 28rem 20rem; text-align: center; border-radius: 10rem; background:#F0EEEE;}
.sale-aside__total .small {display: block; margin-bottom: 6rem; color: var(--b-light01);}
.sale-aside__total strong {font-size: 20rem; font-weight: 700;}

.sale-aside__kakao {padding: 25rem; background: #FFE311; transition: var(--trans-01);}
.sale-aside__kakao .ic-kakao {flex-shrink: 0; width: 52rem; height: 52rem; margin-right: 16rem; border-radius: 100%; background: #FFED61;}
.sale-aside__kakao span {color: var(--b-light01);}
.sale-aside__kakao strong {display: block; margin-top: 2rem;}

.sale-aside__tel {display: block; padding: 30rem 25rem; border: 1px solid transparent; transition: var(--trans-01);}
.sale-aside__tel span {display: block; margin-top: 6rem; font-size: var(--font-15); color: var(--op-b50);}
.sale-aside__tel p {margin-top: 12rem; font-weight: 800;}

@media (hover: hover) and (pointer: fine){
    .sale-aside__kakao:hover {background: #ffd500;}
    .sale-aside__tel:hover {background: var(--w) !important; border-color: var(--c-primary); box-shadow: var(--box-shadow);}
}

@media all and (max-width:1023px){
    .aside-anchor__list::before {left: 10rem;}
    .aside-anchor__item:not(:last-child) {margin-bottom: 10rem;}
    .aside-anchor__item i {width: 20rem; height: 20rem; margin-right: 10rem;}

    .sale-notice .page-aside__part {gap: 20rem;}
    .sale-aside__list li {padding: 5rem 8rem;}
}

@media (max-width:860px){
    .sale-notice .page-aside {bottom: 20rem; margin-bottom: 0;}
    .sale-notice .page-aside h6,
    .sale-notice .page-aside__anchor,
    .sale-notice .aside-card__line {display: none;}
    .sale-aside__tel {display: none;}
    .sale-notice .form-area[data-form="agree"] {margin-top: 0;}
    .sale-notice .page-aside__inr {top: auto;}
    .sale-notice .page-aside__bottom {margin-top: 0; display: none;}

    .sale-step .page-aside {position: fixed; left:0; top:150rem; bottom: auto; transition: .4s;}
    body:has(#header.hide) .sale-step .page-aside {top: 0;}
    .sale-step .page-aside__inr {top: 0; padding: 0; border-radius: 0 !important; box-shadow: 0 3rem 7rem var(--op-b10);}
    .sale-step .page-aside__card {padding: 25rem 40rem; background: var(--w);}
    .sale-step .page-aside__bottom {display: none;}
    .sale-aside__model {display: flex; align-items: center; gap:18rem;}
    .sale-aside__thumb {flex-shrink: 0; width: 100rem; }
    .sale-aside__info {padding-top: 0; }
    .sale-aside__info .aside-card__title {margin-bottom: 7rem; text-align: left;}
    .sale-aside__info .aside-card__title i {height: 12rem; margin-bottom: 3rem;}
    .sale-aside__info .aside-card__title strong {font-size: var(--font-19);}
    .sale-aside__cloud {margin-top: 7rem; padding-top: 0; border-top: 0;}
    .sale-aside__list {margin-top: 0; justify-content: flex-start;}
    .sale-aside__list li {padding: 3rem 6rem; background: var(--bg-default);}
    .sale-aside__total {max-width: 180rem; margin-top: 0; margin-left: auto; padding: 25rem 15rem; border-radius: 5rem; background: var(--c-secondary);}
    .sale-aside__total .small {margin-bottom: 5rem; font-size: 14rem;}
    .sale-aside__total strong {font-size: var(--default);}

    .sale-step .page-title-wrap {display: none;}
}

@media (max-width: 540px){
    body:has(#header.hide) .sale-step .page-aside {top: 0; transform: translateY(-100%);}
    .sale-step .page-aside {top: 105rem;}
    .sale-step .page-aside__card {align-items: flex-start; padding:12rem 20rem; padding-bottom: 65rem;}
    .sale-aside__thumb {width: 60rem; border-radius: 5rem; border: 1px solid var(--br-default);}
    .sale-aside__info {padding-top: 0;}
    .sale-aside__info .aside-card__title i {height: 12rem;}
    .sale-aside__cloud {margin-top: 0;}
    .sale-aside__total {position: absolute; left: 0; top: auto; bottom: 0; width: 100%; max-width: none; height: 50rem; display: flex; align-items: center; justify-content: space-between; padding: 0 20rem; border-radius: 0; background: var(--c-primary);}
    .sale-aside__total .small {margin-bottom: 0; font-weight: 400; color: var(--op-w70);}
    .sale-aside__total strong {color: var(--w);}

    .sale-notice .page-aside__part .check-box em {font-size: 14rem;}

    /* 상품 상태, 예상 금액 없는 버전 */
    .sale-page:has(.sale-step.step02, .sale-step.step03) .page-title-wrap + *{margin-top: 50rem !important;}
    .sale-step .page-aside__card {align-items: center; padding-bottom: 12rem;}
    .sale-aside__thumb {width: 75rem;}
    .sale-aside__info .aside-card__title i {margin-bottom: 7rem;}
    .sale-aside__info .aside-card__title {margin-bottom: 0;}
    .aside-card__title {gap: 3rem;}
    .sale-aside__list,
    .sale-aside__total {display: none;}
}

/* 중고폰 판매 아코디언 */
.sale-page .sale-accordion .sale-accordion__list {gap: 15rem;}
.sale-page .sale-accordion .sale-accordion__list label {padding: 25rem 20rem; color: var(--b-title); font-weight: 600; transition: var(--trans-01);}

/* 중고판매 step01 */
.sale-maker label {min-height: 100rem;}
.sale-maker label img {max-width: 100%; max-height: 100%;}
.sale-model figure {width: 100%; height: 180rem; border-radius: 5rem; background: var(--bg-default);}
.sale-model figure img {object-fit: contain;}
.sale-model .comm-select.card:has(input:checked) figure {background: var(--w);}
.sale-page .step01 .comm-select {flex-direction: column; gap: 15rem; height: auto; padding: 15rem 15rem 20rem;}

@media all and (max-width:1023px){
    .sale-maker li:nth-child(1) label img {max-width: none; max-height: none; width: 32rem;}
    .sale-maker label {min-height: 90rem;}
	.sale-maker label img {max-width: 60%; max-height: 60%;}

    .sale-accordion .sale-model label {padding: 10rem 10rem 16rem;}
}

@media (max-width:860px){
    .sale-page:has(.sale-step, .sale-result) .page-title-wrap + * {margin-top: 40rem;}
    .sale-page:has(.sale-step.step02, .sale-step.step03) .page-title-wrap + * {margin-top: var(--space120);}
    .sale-step .page-con {padding-bottom: 0 !important;}
    .sale-step.step01 .page-aside {display: none;}
    .sale-maker label {min-height: 120rem;}

    .sale-model figure {height: 120rem;}
    .sale-accordion .sale-model label {padding: 5rem 5rem 12rem;}
}

@media (max-width:540px){
    .sale-page:has(.sale-step, .sale-result) .page-title-wrap + * {margin-top: 20rem;}
    .sale-page:has(.sale-step.step02, .sale-step.step03) .page-title-wrap + * {margin-top: 140rem;}
    .sale-page:has(.sale-step.step02, .sale-step.step03) .page-title-wrap + *:has(.sale-aside__list li:nth-child(5)) {margin-top: 160rem;}
    .sale-page .sale-accordion .sale-accordion__list label {padding: 17rem 12rem; font-size: 14rem;}
    
    .sale-maker label {min-height: 70rem;}
    .sale-maker label img {max-width: 75%;}
    .sale-maker li:nth-child(1) label img {width: 22rem;}

    .sale-page .sale-accordion .sale-accordion__list {gap: 8rem;}
    .sale-page .sale-accordion .sale-accordion__list li {height: 100%;}
    .sale-page .sale-accordion .sale-accordion__list.sale-model label {justify-content: flex-start; height: 100%; padding: 12rem 12rem 15rem; gap: 12rem; text-align: center; font-size: 14rem; line-height: 1.4;}
    .sale-page .sale-accordion .sale-accordion__list.sale-model label em {text-align: center;}

}

/* 중고판매 step02 */
.sale-page .sale-accordion .sale-delivery .comm-select {flex-direction: column; gap: 0; height: auto !important; padding: 35rem 20rem 55rem;}
.sale-delivery img {margin-bottom: 10rem;}
.sale-delivery strong {margin-bottom: 4rem;}

@media all and (max-width:1023px){
    .sale-page .sale-accordion .sale-delivery .comm-select {padding: 30rem 15rem 42rem; text-align: center;}
    .sale-delivery img {width: 75%;}
    .sale-delivery strong {margin-bottom: 6rem;}
}

@media (max-width:860px){
    .sale-delivery img {width: 65%;}
}

@media (max-width:540px){
    .sale-delivery img {width:85%; margin-bottom: 7rem;} 
    .sale-delivery strong {font-size: var(--default);}
    .sale-page .sale-accordion .sale-delivery .comm-select {padding: 20rem 15rem;}
}

/* 결과 */
.sale-result__con {position: sticky; top: var(--space150); padding: var(--space100) 20rem; text-align: center;}
.sale-result__con .ic-check {position: relative; display: block; width: 42rem; height: 42rem; margin: 0 auto; margin-bottom: 22rem; border-radius: 100%; background: var(--bg-light) url(../img/sub/inception-check.svg) no-repeat center / 16rem;}
.sale-result__con h4 {margin-bottom: 22rem;}
.sale-result__con .receipt-box {margin-top: 20rem;}

.receipt-box {display: inline-flex; justify-content: center; align-items: center; gap: 8rem; padding: 12rem 80rem; font-size: 16rem; border-radius: 3rem; background: var(--bg-default);}

@media (max-width:860px){
    .sale-result .page-aside {display: none;}
}

@media (max-width:540px){
    .sale-result .page-con {padding-bottom: 0;}
    .sale-result .page-aside {display: none;}
    .sale-result__con {position: relative; top: auto; padding: 32rem 20rem;}
    .sale-result__con .ic-check {width: 32rem; height: 32rem; margin-bottom: 20rem; background-size: 12rem;}
    .sale-result__con h4 {margin-bottom: 13rem;}

    .receipt-box {width: 100%; margin-top: 24rem; padding: 12rem 20rem; font-size: 14rem;}
}


 /* ========================================
 * 기업전용
 * ======================================== */
 .sub-content:has(.business-page) {padding-top: var(--space100);}
.business-sec {margin-bottom: var(--space100);}
.business-page .page-title-wrap p {color: var(--op-b50);}
.business-list {position: relative;}
.business-list::before {opacity: 0; position: absolute; right: 0; top: 0; content:''; width: 180rem; height: 170rem; background: url(../img/sub/pic-ah-ha.svg) no-repeat center / contain; transform: translateY(-60rem); transition: transform 1.2s ease .15s, opacity 1s ease .15s; transform-style:preserve-3d; will-change: transform;} 
.business-list:has(.is_moved)::before {opacity: 1; transform: translateY(-100%);}
.business-list__item {position: relative; padding: 40rem 20rem 20rem; text-align: center; border: 2rem dashed var(--br-default); background-color: var(--w);}
.business-list__item strong {display: block;}
.business-list__item > p {font-size: 16rem;}
.business-list--depth {margin-top: 32rem; text-align: left;}
.business-list--depth li + li {margin-top: 10rem;}
.business-list--depth li {display: flex; align-items: center; padding: 30rem; gap: 16rem; border-radius: 10rem; background:var(--bg-default);}
.business-list--depth li p {font-weight: 600; color: var(--b-title);}
.business-list--depth li i {display: flex; justify-content: center; align-items: center; width: 35rem; height: 35rem;}
.business-list--depth li i img {margin-top: 2rem;}
.business-list__item:last-child .business-list--depth li:last-child i img {margin-top: 5rem;}

.recommend-box__inr {margin-top: 25rem; text-align: center;}
.recommend-box__img {overflow: initial; z-index: 1; position: relative; width: 440rem; aspect-ratio: 440 / 158; margin: 0 auto;}
.recommend-box__img::after {position: absolute; left: 0; bottom: -12rem; content:''; width: 50rem; height: 53rem; background: url(../img/sub/pic-recommend--box.png) no-repeat center / contain;}
.recommend-box__con {display: inline-block; min-width: 680rem; padding: 30rem; border-radius:max(1.0417vw, 10rem); background: var(--bg-default);}
.recommend-box__list {padding: 40rem; text-align: left; border-radius:max(1.0417vw, 10rem); background: var(--w);}
.recommend-box__list li:is(:not(.rocommend-box__line)) {position: relative; padding-left: 40rem; font-size: var(--font-19); color: var(--b-title);}
.recommend-box__list li::before {position: absolute; left: 0; content:''; display: block; width: 26rem; height: 26rem; background: url(../img/sub/check-design.svg) no-repeat center / contain;}
.recommend-box__list li span {padding: 3rem 10rem; font-weight: 700; background: var(--bg-light);}
.recommend-box__line {display: block; width: 100%; height: 1px; margin: 24rem 0; border-top: 1px dashed var(--br-default);}
.recommend-box__line::before {display: none !important;}
.recommend-box__bottom {margin-top: 70rem;}
.recommend-box__bottom  > img {width: 105rem; margin: 7rem auto 20rem;}
.customer-tel {display: inline-flex; align-items: center; justify-content: center; min-width: 320rem; margin-top: 40rem; padding: 20rem; border-radius: 100rem; border: 1px solid transparent; background: var(--w); transition: var(--trans-01);}
.customer-tel span {position: relative; padding-right: 22rem; margin-right: 22rem; transition: var(--trans-01);}
.customer-tel span::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 14rem; background: var(--br-default); transform: translateY(-50%);}

.business-recommend__list {margin-top: var(--space80);}
.business-recommend__list li figure {margin-bottom: 12rem;}
.business-sec .process-list {flex-wrap: nowrap; gap: 30rem;}
.business-sec .process-list__arrow {width: 35rem; height: 35rem;}

.business-bottom {padding-top: var(--space60);}
.business-bottom h4 {margin-bottom: 7rem;}
.business-bottom hr {display: block; width: 100%; margin-top: var(--space60); border: none; border-top: 1px solid var(--br-default);}
.business-bottom .btn-wrap {position: absolute; right: 0; top: 8rem; gap: 8rem;}
.business-bottom .btn-basic.white i {background: var(--c-primary); mask: url(../img/sub/ic-red-phone.svg) no-repeat center / 20rem;}
.business-bottom .btn-kakao {color: var(--b-title);}

@media (hover: hover) and (pointer: fine){
    .customer-tel:hover {border-color: var(--c-primary); box-shadow: var(--btn-shadow);}
    .customer-tel:hover span {color: var(--b-title) !important;}
    .business-bottom .btn-basic.white:hover i {background: var(--w);}
}

@media all and (max-width:1200px){
	.business-list::before {width: 150rem; height: 140rem;}
    .business-list__item > p {min-height: 70rem;}
    .business-sec .process-list {flex-wrap: wrap; gap: 40rem 60rem;}
    .business-sec .process-list [data-delay] {transition-delay: 0ms !important;}
}

@media all and (max-width:1023px){
    .business-list {grid-template-columns: 1fr}
	.business-list::before {display: none;}
    .business-list__item > p {min-height: auto;}
    .business-list--depth {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10rem;}
    .business-list--depth li {flex-direction: column; justify-content: center; gap: 15rem; padding: 40rem 20rem;}
    .business-list--depth li + li {margin-top: 0;}
}
@media (max-width:860px){
    .business-list--depth li {gap:3rem; padding: 25rem 20rem 30rem;}
    .business-list--depth li i {width: 50rem; height: 50rem;}
    .business-list--depth li i img {max-width: 100%; max-height: 100%; margin-left: 10rem; margin-top: 0;}
    .business-list__item:nth-child(2) .business-list--depth li:nth-child(2) i img,
    .business-list__item:nth-child(3) .business-list--depth li:nth-child(2) i img {width: 43rem;}
    .business-list__item:nth-child(3) .business-list--depth li:nth-child(1) i img {width: 44rem;}

    .business-page .page-title-wrap + .business-sec {margin-bottom: var(--space130);}
    .business-sec .process-list__arrow {width: 30rem; height: 30rem;}

    .recommend-box__img {width: 400rem;}
    .recommend-box__img::after {width: 40rem; height: 45rem;}
    .recommend-box__con {min-width: auto; width: 100%;}
    .recommend-box__list li span {padding: 5rem 8rem; margin:0 5rem;}
    .recommend-box__list li span:first-child {margin-left: 0;}
    .recommend-box__bottom {margin-bottom: 30rem;}
    .recommend-box__bottom > img {width: 100rem; margin: 12rem auto 22rem;}

    .customer-tel {margin-top: 30rem;}
    
    .business-sec .process-list__item .process-list__icon img {width: 32rem;}
    
    .business-bottom {padding-top: var(--space100); text-align: center;}
    .business-bottom hr {margin-top: var(--space80);}
    .business-bottom .btn-wrap {position: relative; right: auto; top: auto; justify-content: center; margin-top: 27rem;}
}

@media (max-width: 540px){
    .business-list__item {padding: 30rem 20rem 20rem;}
    .business-list--depth {grid-template-columns: 1fr; gap: 5rem; margin-top: 25rem;}
    .business-list--depth li {flex-direction: row; justify-content: flex-start; padding:15rem; gap: 6rem; border-radius: 5rem;}
    .business-list--depth li i {width: 35rem; height: 35rem;}
    .business-list--depth li i img {margin-left: 0;}
    .business-list__item:nth-child(2) .business-list--depth li:nth-child(2) i img,
    .business-list__item:nth-child(3) .business-list--depth li:nth-child(2) i img,
    .business-list__item:nth-child(3) .business-list--depth li:nth-child(1) i img {width: auto;}
    
    .recommend-box__inr {margin-top: 18rem;}
    .recommend-box__img {width: 72%;}
    .recommend-box__img::after {left: 24rem; bottom: -18rem; width: 25rem; height: 30rem;}
    .recommend-box__con {padding: 10rem;}
    .recommend-box__list {padding: 25rem 20rem;}
    .recommend-box__list li {font-size: 14rem;}
    .recommend-box__list li::before {top: 3rem; width: 16rem; height: 16rem;}
    .recommend-box__list li:is(:not(.rocommend-box__line)) {padding-left: 25rem;}
    .recommend-box__list li span {margin: 0 1rem; padding: 3rem;}
    .recommend-box__line {margin: 17rem 0;}

    .recommend-box__bottom {margin-top: var(--space80);}
    .recommend-box__bottom > img {width: 80rem; margin-bottom: 18rem;}

    .business-recommend__list li figure {margin-bottom: 10rem;}

    .customer-tel {min-width: auto; margin-top: 22rem; padding: 12rem 25rem;}
    .customer-tel span{padding-right: 15rem; margin-right: 12rem;}
    .customer-tel [data-heading="lg"] {line-height: 1; font-size: var(--default);}

    .business-sec .process-list {gap: 24rem 20rem;}
    .business-sec .process-list__item {width: 40%;}
    .business-sec .process-list__txt p {display: block; margin-bottom: 5rem;}
    .business-sec .process-list__item:nth-child(5) .process-list__icon img {width: 27rem;}
    .business-sec .process-list__item .process-list__icon img {width: auto;}
    .business-sec .process-list__arrow {width: 20rem; height: 20rem; background-size: contain;}
    .business-sec .process-list__arrow:nth-child(4n) {display: none;}    
    .business-bottom .btn-wrap {gap: 5rem;}
}

/* 전국지점안내 */
.store-page .page-banner {margin-bottom: var(--space50);}
.store-map {position: relative; height: 100%;}
.store-map #map {height: 100% !important;}
.store-map__search {overflow: initial !important; position: absolute; right: 20rem; top: 20rem; width: 345rem; padding: 20rem; background: var(--w); box-shadow: 7rem 7rem 12rem 0 rgba(0, 0, 0, 0.09);}
.store-map__search h6 {display: flex; align-items: center; gap: 5rem; margin-bottom: 12rem;}
.store-map__search h6::before {content:''; width: 15rem; height: 16rem;background:url(../img/sub/ic-map.svg) no-repeat center / contain;}
.store-map__search .store_search_box {margin-top: 0 !important;}
.store-map__search .store_select {margin-bottom: 0;}
.store-map__search .store_select_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5rem;}
.store-map__search .store_select_list .store_service {width: auto; height: 47rem; padding: 0 15rem; border-color: var(--br-default);}
.store-map__search .store_select_list .store_service .ss_title {height: 100%; font-size: var(--font-13); color: var(--op-b30);}
.store-map__search .store_select_list .fa-solid,
.store-map__search .store_select_list .fa-angle-down {color: #000;}
.store-map__search .store_select_list .store_place select {width: 100%; height: 47rem; padding: 0 15rem; font-size: var(--font-13); border-color: var(--br-default); background-size: 11rem;}
.store-map__search .store_search {width: 100%; margin-top: 5rem; margin-bottom: 0; border-radius: 5rem; border-color: var(--br-default);}
.store-map__search .store_search input {width: 100%; height: 47rem; padding: 0 15rem; font-size: var(--font-15);}
.store-map__search .store_search input::placeholder {font-size: var(--font-13); color: var(--op-b30);}
.store-map__search .store_search button {flex-shrink: 0; width: 47rem; padding: 0; font-size: 0; background: url(../img/layout/ic-search.svg) no-repeat center / 36rem; transition: var(--trans-01);}

.store .store-map__search .store_select_list .store_service .service_select_box {top: 50rem; left: -1px; width: 305rem; padding: 12rem 15rem; border-color: var(--br-default); box-shadow:3rem 3rem 8rem 0 rgba(0, 0, 0, 0.09);}
.store .store-map__search .store_select_list .store_service .service_select_box .service_list_box {gap: 5rem; margin-top: 10rem; padding: 0;}
.store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button {width: calc((100% - 10rem)/3); padding: 15rem 2rem; border-color: var(--br-default); transition: var(--trans-01);}
.store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button:last-child {width: 100%; background: var(--bg-dark); border: 0 !important;}
.store .store-map__search .store_select_list .store_service .service_select_box .service_close {top: 13rem; right: 10rem; width: 24rem; height: 24rem; justify-content: center; align-items: center; padding: 0; line-height: 1; font-size: var(--default);}
.store .store-map__search .store_select_list .store_service .service_select_box .service_close_btn {padding: 0 !important;}
.store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button.on {background: var(--c-secondary); border-color: var(--c-primary); color: var(--c-primary);}

.page-list__top {margin-bottom: 10rem;}
.page-list__top .page-notice {color: var(--b-light01); font-weight: 400; line-height: 1;}
.page-list__top .page-notice::before {display: none;}
.store-page .page-aside__inr {height: 100%;}
.store-list {height: 620rem !important; overflow-y: auto;}
.store-list:has(.store_spot > li:nth-child(3)) {padding-right: 15rem;}
.store_spot {display: flex; flex-direction: column; gap: 8rem;}
.store_spot > li {overflow: initial; width: 100%; padding: 0; border-radius: 0; border:none; transition: transform 1.2s ease, opacity 1s ease;}
.store-list__item {padding: 20rem; border-radius:max(1.0417vw, 10rem); border: 1px solid var(--br-default);}
.store_spot > li .store-list__item .store_name {display: flex; align-items: center; gap: 7rem; margin-bottom: 10rem; font-family: var(--lang-ko) !important; font-size: var(--default); font-weight: 600; color: var(--b-title);}
.store_spot > li .store-list__item .store_name::before {content:''; width: 14rem; height: 18rem; margin-top: -1px; background: var(--c-primary); mask:url(../img/sub/ic-map.svg) no-repeat center / contain;}
.store-list__txt {position: relative; min-height: 100rem; padding-right: 110rem;}
.store-list__txt .store_img:not(:has(img)) {position: relative; background: var(--bg-default);}
.store-list__txt .store_img:not(:has(img))::after {filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .3; position: absolute; left: 50%; top: 50%; content:''; width: 60%; aspect-ratio: 1/1; background: url(../img/layout/logo.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.store-list__txt .btn-copy-wrap {display: inline-block;}
.store-list__txt .btn-copy-wrap p {display: inline; margin-right: 3rem;}
.store-list__txt .btn-copy-wrap .btn-copy {padding: 0;  border: none; color: var(--c-primary);}
.store_spot > li .store-list__txt .store_img {position: absolute; right: 0; top: 0; width: 100rem; height: auto; aspect-ratio: 1/1;}
.store-list__btn {gap: 5rem; margin-top: 20rem;}
.store-list__btn .btn-long {width: 100%; height: 42rem; font-size: var(--font-13);}
.store-list__btn .btn-kakao {flex-shrink: 0; width: 42rem; height: 42rem; padding: 0;}
.store-list__btn .btn-kakao span {display: none;}
.store-list__btn .btn-kakao .ic-kakao::after {width: 20rem; height: 20rem;}

@media (hover: hover) and (pointer: fine){
    .store-map__search .store_search button:hover {background-color: var(--bg-default);}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button:last-child:hover {background: var(--c-primary);}
    .store-page .store_spot > li:hover {box-shadow: none;}
}

@media all and (max-width:1023px){
	.store-map {height: 550rem; background-color: var(--bg-default);}
    .store_search_box {display: flex; align-items: center; height: 47rem; gap: 5rem;}
    .store-map__search {right: auto; left: 10rem; top: 10rem; display: flex; align-items: center; gap: 30rem; width: calc(100% - 20rem); padding: 8rem; padding-left: 15rem; box-shadow: 3rem 3rem 8rem 0 rgba(0, 0, 0, 0.09);}
    .store-map__search h6 {flex-shrink: 0; margin-bottom: 0;}
    .store-map__search .store_search {margin-top: 0; width: 100%; height: 100%;}
    .store-map__search .store_select {width: 100%; height: 100%;}
    .store-map__search form {width: 100%;}

    .store-page .page-con {width: 100%; padding-bottom: 0;}
    .store-page .page-aside {position: relative; bottom: auto; width: 100%; margin-bottom: 0;}
    .store-page .page-aside__inr {height: auto; padding: 0; border: none; border-radius: 0;}
    .store-page .page-column > [data-flex] {flex-direction: column; gap: 40rem;}

    .store_spot {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem;}
    .store-list {height: auto !important; overflow: initial;}
    .store-list:has(.store_spot > li:nth-child(3)) {padding-right: 0;}
    .store-list__item {height: 100%; padding: 25rem 20rem 20rem;}
    .store-list__txt {padding-right: 120rem;}
    .store-list__btn {margin-top: 25rem;}
    .page-list__top {margin-bottom: 15rem;}

    
    .store .store-map__search .store_select_list .store_service .service_select_box {top: 62rem; width: auto;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box {flex-wrap: nowrap;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button {padding: 15rem 10rem; white-space: nowrap;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button:last-child {min-width: 80rem;}
}

@media (max-width:860px){
    .store-page .page-banner {margin-bottom: 20rem;}
    .store-page .store_select_list .store_place {width: 100%;}
    .store-map__search .store_select_list .store_service {position: initial;}
    .store .store-map__search .store_select_list .store_service .service_select_box {top: 70rem; width: 100%;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button {white-space: initial;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button:last-child {max-width: 80rem;}
}

@media (max-width:540px){
    .store-map {height: auto; background: none;}
    .store-map #map {height: 240rem !important;}
    .store-map__search {position: relative; left: auto; top: auto; display: block; width: 100%; margin-top: 20rem; padding: 20rem; box-shadow: none; background: var(--bg-default);}
    .store-map__search .store_select_list .store_service,
    .store-page .store_select_list .store_place,
    .store-map__search .store_search {background: var(--w);}
    .store-map__search .store_select_list .store_place select {padding: 0 12rem;}
    .store-map__search .store_select_list .store_service {padding: 0 12rem;}
    .store-map__search .store_search input {padding: 0 12rem;}
    .store-map__search h6 {margin-bottom:10rem;}
    .store_search_box {flex-direction: column; height: auto;}
    
    .store-page .page-column > [data-flex] {gap: 30rem;}

    .store_spot {grid-template-columns: 1fr; gap: 10rem;}
    .store-list__item {padding: 20rem;}
    .store_spot > li .store-list__txt .store_img {border-radius: 5rem;}
    .store_spot > li .store-list__item .store_name::before {width: 12rem; height: 16rem;}

    .store-page .store-list {overflow-x: auto; padding-bottom: 10rem;}
    .store-page .store-list::-webkit-scrollbar{display:block !important; height:3rem; border-radius: 5rem;}
    .store-page .store_spot {display: flex; flex-wrap: nowrap; flex-direction: row;}
    .store-page .store-list__item {overflow: hidden; display: flex; flex-direction: column; min-width: 300rem;}
    .store-page .store_spot > li .store-list__txt .store_img {position: relative; right: auto; top: auto; width: calc(100% + 40rem); height: 180rem; margin:-20rem -20rem 20rem; border-radius: 0;}
    .store-page .store-list__txt {padding-right: 0;}
    .store-list__txt [data-list="dot"] {min-height: 70rem;}

    .store-map__search .store_select_list .store_service {position: relative;}
    .store .store-map__search .store_select_list .store_service .service_select_box {top: 50rem; width: calc(200% + 7rem);}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box {flex-wrap: wrap;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button {padding: 12rem 10rem;}
    .store .store-map__search .store_select_list .store_service .service_select_box .service_list_box button:last-child {max-width: none; width: 100%;}

    .page-list__top {margin-bottom: 12rem;}

    .store-list__txt .btn-copy-wrap * {text-decoration: none !important; -webkit-text-decoration-line: none !important;}
}   

/* 지점안내 팝업 */
.store-page + .store_popup {display:none; align-items:center; justify-content:center; position:fixed; inset:0; z-index:9999; width:100%; height:100vh; padding:20rem; overflow-y:auto; background:var(--op-b70);}
.store-page + .store_popup .popup_inner {position:relative;}
body.store-popup-open {overflow:hidden;}
.store-page + .store_popup .popup_inner {width:900rem; height: auto; overflow: initial; padding: 0; border-radius: 0; background: transparent;}
body:has(.store_popup) .store_popup .popup_inner .popup_close {position: absolute; right: -90rem;}
.popup-store {overflow: hidden; border-radius: 20rem; box-shadow: 20rem 20rem 20rem 0 var(--op-b10); background: var(--w);}
.popup-store__map {width: 50%; min-height: 420rem;}
.popup-store__map .root_daum_roughmap {height: 100%;}
.popup-store__map .root_daum_roughmap iframe {width: 100% !important; height: 100% !important;}
.popup-store__inr {padding: 40rem;}
.popup-store__con {width: 50%; padding-right: 40rem;}
.popup-store__list {margin-top: 25rem;}
.popup-store__item {display: flex; justify-content: space-between; padding: 15rem 0; font-size: var(--font-15); text-align: right; border-top: 1px solid var(--br-default);}
.popup-store__item:first-child {padding-top: 0; border-top: 0;}
.popup-store__item:last-child {padding-bottom: 0;}
.popup-store__item > em {min-width: 100rem; color: var(--op-b50); text-align: left;}
.popup-store__item .btn-copy-wrap {position: relative; display: inline-block;}
.popup-store__item .btn-copy-wrap p {display: inline; padding-right: 23rem;}
.popup-store__item .btn-copy {position: absolute; right: 0; bottom: 1px; width: 20rem; height: 20rem; padding: 0; font-size: 0; border-radius: 0; border: none; background: #000; mask:url(../img/sub/ic-copy.svg) no-repeat center / 14rem;}
.popup-store__item .work_list {justify-content: flex-end; gap: 3rem; flex-wrap: wrap;}
.popup-store__item .work_list .caption-box {padding: 5rem 8rem;}
.popup-store__item:has(.popup-store__service) {flex-direction: column;}
.popup-store__service {display: flex; flex-wrap: wrap; gap:15rem 35rem; margin-top: 15rem;}
.popup-store__service li {display: flex; align-items: center; gap: 10rem; color: var(--b-title);}
.popup-store__service li:not(:has(i)) {display: none;}
.popup-store__service li i {display: flex; align-items: center; justify-content: center; width: 42rem; height: 42rem; border-radius: 10rem; background: var(--bg-default);}
.popup-store__service li i img {width: 18rem;}
.popup-store__btn a {display: flex; align-items: center; justify-content: center; gap: 8rem; width: 100%; height: 65rem; color: var(--w); font-weight: 600; transition: var(--trans-01);}
.popup-store__btn img {width: 20rem;}
.popup-store__btn .btn-call {background: var(--bg-dark);}
.popup-store__btn .btn-reservation {background: var(--c-primary);}
.popup-store__btn .btn-kakaotalk {color: var(--b-title); background: var(--bg-kakao);}

.btn-popup-close {-webkit-appearance: none; appearance: none; width: 80rem; height: 80rem; padding: 0; border: 0; background: transparent; cursor: pointer;}
.btn-popup-close::before,
.btn-popup-close::after {position: absolute; left: 50%; top: 50%; content:''; width: 45rem; height: 3rem; border-radius: 10rem; background: var(--w);}
.btn-popup-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.btn-popup-close::after {transform: translate(-50%, -50%) rotate(-45deg);}

@media all and (max-width:1200px){
    .store-page + .store_popup .popup_inner {width: 800rem;}
    .popup-store__item:has(.work_list) {flex-direction: column;}
    .popup-store__item .work_list {justify-content: flex-start; margin-top: 10rem;}

    body:has(.store_popup) .store_popup .popup_inner .popup_close {right: -70rem;}
    .btn-popup-close::before, .btn-popup-close::after {width: 35rem;}
    .store_popup .popup_inner .popup_close {width: 60rem; height: 60rem; padding: 0;}
}

@media (max-width: 860px){
    .store-page + .store_popup .popup_inner {width: 100%; height: 100%;} 
    .popup-store {height: 100%; border-radius: 0; box-shadow: none;}
    .popup-store__inr {flex-direction: column; height: calc(100% - 70rem); overflow-y: auto;}
    .popup-store__inr::-webkit-scrollbar{display:block !important; width:8rem; border-radius: 5rem;}
    .popup-store__btn {position: absolute; left: 0; bottom: 0; width: 100%;}
    .popup-store__btn a {height: 70rem;}

    .popup-store__con {width: 100%; padding-right: 0;}
    .popup-store__map {width: 100%; margin-top: var(--space50);}
    .popup-store__item:has(.work_list, .popup-store__service) {flex-direction: row; align-items: center;}
    .popup-store__item .work_list,
    .popup-store__service {margin-top: 0;}
    
    body:has(.store_popup) .store_popup .popup_inner .popup_close {right: 0; width: 80rem; height: 80rem;}
    .btn-popup-close::before, .btn-popup-close::after {width: 30rem; height: 2rem; background: #000;}
}

@media (max-width: 540px){
    .popup-store__inr {height: calc(100% - 57rem); padding:25rem 20rem;}
    .popup-store__item .work_list {justify-content: flex-end;}
    .popup-store__item:has(.work_list, .popup-store__service) {align-items: flex-start;}
    .popup-store__item:has(.popup-store__service) {flex-direction: column;}
    .popup-store__service {gap: 12rem 24rem; margin-top: 10rem;}
    .popup-store__service li i {width: 32rem; height: 32rem;}
    .popup-store__service li i img {width: 15rem;}
    .popup-store__map {min-height: 200rem;}

    .popup-store__btn a {height: 57rem;}
    .popup-store__btn a img {display: none;}
    body:has(.store_popup) .store_popup .popup_inner .popup_close {width: 70rem; height: 70rem;}
    .btn-popup-close::before, .btn-popup-close::after {width: 24rem;}
}


 /* ========================================
 * 회사소개
 * ======================================== */
.sub-content:has(.company-intro) {padding-top: 0 !important;}
.company-intro > div {position: relative;}
.company-intro__bg {height: 100%;}

.scroll-down {z-index: 1; position: absolute; left: 50%; bottom:50rem; display: inline-flex; align-items: center; gap: 10rem; font-size: var(--font-15); color: var(--op-w30); transform: translateX(-50%);}
.scroll-down span {position:relative; width:10rem; height:14rem; display:block; overflow:hidden;}
.scroll-down span i {position:absolute; left:0; width:100%; height:7rem; margin-top: 2rem; display:block; background:url(../img/sub/ic-scrolldown.svg) no-repeat 50% 50% / contain; opacity:.15; animation:scroll_down_fade 1.8s ease infinite;}
.scroll-down span i:nth-child(1) {top:0; animation-delay:0s;}
.scroll-down span i:nth-child(2) {top:6rem; animation-delay:.3s;}

@keyframes scroll_down_fade {
    0%,100% {opacity:.1;}
    50% {opacity:1;}
}

@media (prefers-reduced-motion: reduce){
    .scroll-down span i {animation:none; opacity:1;}
}

/* 회사소개 인트로 */
.company-intro__top {height: calc(100vh - 90rem);}
.company-intro__bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; pointer-events:none;}
.company-intro__bg::before,
.company-intro__bg::after {position: absolute; left: 50%; top: 50%; content:''; width: 60%; aspect-ratio: 1/1; border-radius: 100%; background: #000; transform: translate(-50%, -50%) scale(1); opacity:0; animation:introCircle 3.5s ease-out infinite;}
.company-intro__bg::before {animation-delay:0s;}
.company-intro__bg::after {animation-delay:1s;}
.company-intro__top {background: #01244A;}
.company-intro__top h3 {margin-bottom: 18rem; font-size: 65rem; font-weight: 1000;}

@keyframes introCircle {
    0% {opacity: 0; transform: translate(-50%, -50%) scale(0.5);}
    50% {opacity:.2;}
    100% {opacity:0; transform: translate(-50%, -50%) scale(2);}
}

.company-intro__con {height: 200vh;}
.company-intro__img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.company-intro__img figure {position: absolute; transform: scale(0); transition: var(--trans-02);}
.company-intro__img figure.is_moved {transform: scale(1);}
.company-intro__img figure:nth-child(1) {left: 5%; top: 30vh; width: 350rem; height: 460rem;}
.company-intro__img figure:nth-child(2) {right: 10%; top: var(--space120); width: 320rem; height: 250rem;}
.company-intro__img figure:nth-child(3) {right: 4%; top: 70vh; width: 138rem; height: 109rem;}
.company-intro__img figure:nth-child(4) {right: 5%; top: 110vh; width: 380rem; height: 380rem;}
.company-intro__img figure:nth-child(5) {left: 15%; bottom: var(--space120); width: 270rem; height: 214rem;}
.company-intro__txt {position: sticky; top: 0; height: 100vh;}
.company-intro__txt .wrap {height:100%;}
.company-intro__txt h4 {margin-bottom: 25rem;}
.company-intro__txt .btn-wrap {gap: 8rem; margin-top: var(--space60);}
.company-intro__txt .btn-basic.white i {background: var(--c-primary); mask: url(../img/sub/ic-red-phone.svg) no-repeat center / 20rem;}
.company-intro__txt .btn-kakao {color: var(--b-title);}

.company-intro__keyword {overflow: hidden; padding: var(--space120) 0;}
.company-intro__keyword::before {position: absolute; left: 50%; top: 50%; content: ''; width: 700rem; aspect-ratio: 1/1; background: rgba(245, 70, 77, 0.1); border-radius: 100%; transform: translate(-50%, -50%); animation: introCircle 3s infinite;} 
.company-intro__keyword-list {z-index: 1; position: absolute; left: 50%; top: 50%; grid-template-columns: repeat(2, 200rem); gap: 360rem 440rem; transform: translate(-50%, -50%);}
.company-intro__keyword-list li {display: flex; align-items: center; cursor: pointer; gap: 12rem; font-size: var(--font-15); font-weight: 500; color: var(--b-light02); transition: var(--trans-01);}
.company-intro__keyword-list li:nth-child(3) {order:3}
.company-intro__keyword-list li:nth-child(3n+1) {flex-direction: row-reverse; text-align: right;}
.company-intro__keyword-list li i {display: flex; align-items: center; justify-content: center; width: 100rem; height: 100rem; padding: 20rem; background: var(--w); border-radius: 100%; border: 1px solid var(--br-default); transition: var(--trans-01);}
.company-intro__keyword-list li img {max-width: 100%; max-height: 100%;}

.company-intro__keyword-center {position: relative; width: 700rem; aspect-ratio: 1/1;}
.company-intro__keyword-center::before {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: var(--w); border-radius: 100%; border: 2rem dashed var(--br-default); box-shadow: 0 0 100rem 0 rgba(245, 70, 77, 0.10); animation: circleRotate 60s linear infinite;}
.company-intro__keyword-txt {position: relative; width: 100%; height: 100%;}
.company-intro__arrow {position: absolute; width: 42rem; height: 22rem; background: url(../img/sub/ic-triangle.svg) no-repeat center top / contain;}
.company-intro__arrow:nth-child(1) {left: 50%; top: -10rem; transform: translateX(-50%) rotate(90deg);}
.company-intro__arrow:nth-child(2) {right: 0; top: 50%; transform: translate(50%, -50%) rotate(180deg);}
.company-intro__arrow:nth-child(3) {left: 50%; bottom: -10rem; transform: translateX(-50%) rotate(270deg);}
.company-intro__arrow:nth-child(4) {left: 0; top: 50%; transform: translate(-50%, -50%) rotate(360deg);}
.company-intro__keyword-item {opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; transition: var(--trans-01);}
.company-intro__keyword-inr {z-index: 11; position: relative; padding-bottom: 105rem;}
.company-intro__keyword-inr .caption-box {margin-bottom: 30rem;}
.company-intro__keyword-inr h6 {margin-bottom: 15rem;}
.company-intro__keyword-list li.active {font-weight: 600; color: var(--b-title);}
.company-intro__keyword-list li.active i {border-color: var(--c-primary); box-shadow: 0 0 20rem rgba(216, 124, 128, 0.30);}
.company-intro__keyword-item.active {opacity: 1; visibility: visible;}

.company-intro__keyword .btn-wrap {z-index: 12; position: absolute; left: 50%; top: 50%; gap: 8rem; margin-top: 105rem; transform: translate(-50%, -50%);}

.company-count {overflow: hidden; position: relative; padding: var(--space120) 0; background: #01244A;}
.company-count::before {position: absolute; left: 0; bottom: 0; content:''; width: 975rem; height: 664rem; background: url(../img/sub/export-bg.svg) no-repeat left bottom; background-size: 975rem; transform-origin: left bottom;}
.company-count:has(.is_moved)::before {animation:countArrow ease-in 2s forwards}
.company-count h4 {margin-top: 10rem; margin-bottom: 22rem; text-transform: uppercase; font-size: 42rem; font-weight: 1000;}
.company-count .customer-tel {margin-top: 50rem;}

.company-count__list,
.company-count__list > ul {gap: 20rem;}
.company-count__list {justify-content: flex-end; flex-wrap: wrap;}
.company-count__item {backdrop-filter: blur(5rem); -webkit-backdrop-filter: blur(5rem); display: flex; flex-direction: column; width: 320rem; height: 245rem; padding: 30rem; border-radius: 20rem; background: var(--op-w10);}
.company-count__item > p {display: block; margin-top: 7rem; font-size: var(--font-16); color: var(--op-w70);}
.company-count__item > div {margin-top: auto;}
.company-count__item img {width: 36rem;}
.company-count__item > div p {display: inline-flex; gap: 5rem; font-size: var(--font-38); font-weight: 800; letter-spacing: -5%;}

@keyframes circleRotate {
    0% {transform:rotate(0);}
    100% {transform:rotate(360deg);}
}

@keyframes countArrow {
    0% {width: 0;}
    100% {width: 975rem;}
}

@media (hover: hover) and (pointer: fine){
    .company-intro__txt .btn-basic.white:hover {border-color: var(--c-primary); box-shadow: var(--btn-shadow);}
    .company-intro__txt .btn-basic.white:hover span {color: var(--b-title) !important;}
    .company-intro__txt .btn-basic.white:hover i {background: var(--w);}
    .company-intro__keyword-list li:hover {color: var(--b-title);}
    .company-count .customer-tel:hover {box-shadow: 5rem 7rem 12rem 0 var(--op-b20);}
}

.company-merit {padding: var(--space130) 0;}
.company-merit__list {gap: 24rem;}
.company-merit__item {min-width: 320rem; padding: 66rem 30rem 55rem;}
.company-merit__item img {height: 110rem; margin: 0 auto 30rem;}
.company-merit__item strong {display: block; margin-bottom: 8rem;}
.company-process .wrap {gap: var(--space120);}
.company-process__title {flex-shrink: 0; min-width: 400rem;}
.company-process__title-inr {position: sticky; top: var(--space100);}
.company-process__title .caption-box {margin-bottom: 12rem;}
.company-process__item {display: flex; align-items: center; gap: 35rem; padding: 40rem; border-radius: 20rem; background: var(--bg-default); border: 1px solid transparent;}
.company-process__item + .company-process__item {margin-top: 24rem;}
.company-process__item i {display: flex; align-items: center; justify-content: center; min-height: 207rem; aspect-ratio: 1/1; border: 1px solid transparent; border-radius: 10rem; background:var(--w); transition: var(--trans-01);}
.company-process__item i img {max-width: 50rem; max-height: 50rem;}
.company-process__txt .page-title__dec {margin-bottom: 7rem;}
.company-process__txt strong {display: block; margin-bottom: 20rem;}
.company-process__txt [data-list="dot"] {margin-top: 10rem; color: var(--b-light01);}
.company-process__txt [data-list="dot"] > * {margin-bottom: 3rem;}
.company-process__list:not(:last-child) {margin-bottom: 24rem;}
.company-process__item.active {background: var(--w); border-color: var(--c-primary); box-shadow: 0 0 20rem #FFEAEB;}
.company-process__item.active i {border-color: var(--br-default);}

.company-banner {margin-top: var(--space130);}

@media all and (max-width:1200px){
	.company-intro__img figure:nth-child(1) {left: 60rem; width: 270rem; height: 320rem;}
    .company-intro__img figure:nth-child(2) {right: 7%; width: 230rem; height: 165rem;}
    .company-intro__img figure:nth-child(3) {right: 20rem; width: 120rem; height: 90rem;}
    .company-intro__img figure:nth-child(4) {right: 60rem; width: 270rem; height: 270rem;}
    .company-intro__img figure:nth-child(5) {left: 9%; width: 200rem; height: 160rem;}
    .company-process__item {align-items: flex-start;}
    .company-process__item i {flex-shrink: 0; min-height: 100rem;}
    .company-process__item i img {max-width: 40rem; max-height: 40rem;}
}

@media all and (max-width:1023px){
    .company-intro__top {height: calc(100vh - 150rem);}
	.company-intro__top h3 {margin-bottom: 15rem; font-size: 48rem;}

    .company-intro__con {height: 180vh;}
    .company-intro__img figure:nth-child(1) {left: 40rem; top: 34vh; width: 220rem; height: 270rem;}
    .company-intro__img figure:nth-child(2) {right: 60rem; width: 180rem; height: 135rem;}
    .company-intro__img figure:nth-child(3) {width: 100rem; height: 80rem;}
    .company-intro__img figure:nth-child(4) {width: 200rem; height: 200rem;}
    .company-intro__img figure:nth-child(5) {left:var(--space120); width: 160rem; height: 120rem;}

    .company-intro__keyword-center {width: 580rem;}
    .company-intro__keyword .btn-wrap .btn-basic {white-space: nowrap;}
    .company-intro__keyword-list {gap: 300rem 360rem;}
    .company-intro__keyword-list li i {width: 82rem; height: 82rem;}

    .company-count > .wrap {align-items: stretch;}
    .company-count__list > ul {grid-template-columns: 1fr;}
    .company-count__title {flex-shrink: 0;}
    .company-cout__title-inr {position: sticky; top: var(--space120);}
    .company-count__item {width: 400rem; height: auto;}
    .company-count__item > div {justify-content: flex-end; gap: 15rem; margin-top: 30rem;}

    .company-merit__list {display: grid; grid-template-columns: repeat(3, 1fr);}
    .company-merit__item {min-width: auto; padding: 50rem 20rem 45rem;}
    .company-merit__item img {height: 85rem;}

    .company-process__title {min-width: auto; width: 30%;}
    .company-process__item {gap: 25rem; padding: 30rem;}
    .company-process__item i{min-height: 80rem;}
    .company-process__item i img {max-width: 30rem; max-height: 30rem;}
}

@media (max-width:860px){
    .company-intro__top h3 {font-size: 42rem;}

    .company-intro__img figure.is_moved {opacity: .3;}
    .company-intro__img figure:nth-child(1) {top: 30vh; width: 180rem; height: 240rem;}
    .company-intro__img figure:nth-child(2) {width: 160rem; height: 115rem;}
    .company-intro__img figure:nth-child(4) {right: 40rem; width: 180rem; height: 180rem;}
    .company-intro__img figure:nth-child(5) {left:60rem; bottom: 60rem; width: 140rem; height: 100rem;}

    .company-intro__keyword {padding: var(--space150) 0;}
    .company-intro__keyword::before {width: 580rem;}

    .company-cout__title-inr {position: relative; top: auto;}

    .company-count::before {display: none;}
    .company-count > .wrap {flex-direction: column;}
    .company-count h4 {margin-bottom: 18rem;}
    .company-count .customer-tel {position: absolute; right: 0; bottom: -5rem; min-width: auto; margin-top: 0; padding: 14rem 20rem;}
    .company-count .customer-tel span {padding-right: 15rem; margin-right: 11rem;}
    .company-count__list {margin-top: var(--space60); gap: 10rem;}
    .company-count__list > ul {width: 100%; gap: 10rem;}
    .company-count__item {width: 100%;}
    .company-count__item br,
    .company-merit__item br {display: none;}
    .company-count__item > div {position: absolute; right: 30rem; top: 50%; margin-top: 0; transform: translateY(-50%);}
    .company-merit__item {min-height: 310rem;}
    .company-process__item i{min-height: 60rem;}
    .company-process__item i img {max-width: 22rem; max-height: 22rem;}
}

@media (max-width:540px){
    .company-intro__top {height: calc(100vh - 107rem);}
    .company-intro__top h3{font-size: 27rem; line-height: 1.4;}
    .company-intro__title {padding: 0 20rem;}
    .company-intro__title p {font-size: var(--default); line-height: 1.5;}

    .scroll-down {bottom: 40rem;}

    .company-intro__con {height: 150vh;}
    .company-intro__img figure:nth-child(1) {left: 20rem; top: 17vh; width: 120rem; height: 140rem;}
    .company-intro__img figure:nth-child(2) {right: 20rem; width: 100rem; height: 80rem;}
    .company-intro__img figure:nth-child(3) {top: 67vh; width: 80rem; height: 60rem;}
    .company-intro__img figure:nth-child(4) {top: 94vh; left: 20rem; right: auto; width: 140rem; height: 140rem;}
    .company-intro__img figure:nth-child(5) {left: auto; right: 40rem; top: 130vh; bottom: auto; width: 100rem; height:80rem;}

    .company-intro__txt h4 {margin-bottom: 10rem;}
    .company-intro__txt .btn-wrap{margin-top: 27rem;}

    .company-intro__keyword::before {display: none;}
    .company-intro__keyword-center {width: 100%;}
    .company-intro__keyword-center::before,
    .company-intro__arrow {display: none;}
    .company-intro__keyword-txt {height: auto;}
    .company-intro__keyword-inr {padding-bottom: 0;}
    .company-intro__keyword-item {opacity: 1; visibility: visible; position: relative; left: auto; top: auto; height: auto; padding:50rem 20rem 52rem; border-radius: 10rem; border: 2rem dashed var(--br-default);}
    .company-intro__keyword-item:not(:last-child) {margin-bottom: 20rem;}
    .company-intro__keyword-item img {max-width: 45rem; max-height: 30rem; margin: 0 auto 23rem;}
    .company-intro__keyword-item:last-child img {max-height: 40rem;}
    .company-intro__keyword-inr h6 {margin-bottom: 10rem;}
    .company-intro__keyword .btn-wrap {position: relative; left: auto; top: auto; margin-top: var(--space60); transform: none;}

    .company-count__title {text-align: center;}
    .company-cout__title-inr [data-heading="lg"] {font-size: 16rem;}
    .company-count h4 {margin-bottom: 15rem; font-size: 27rem;}
    .company-count .customer-tel {position: relative; right: auto; bottom: auto; margin-top: 30rem;}
    .company-count__list {margin-top: 45rem;}
    .company-count__item > div {position: relative; right: auto; top: auto; margin-top: 25rem; gap: 11rem; transform: none;}
    .company-count__item > p br {display:block;}
    .company-count__item img {width: 25rem;}

    .company-merit__list {grid-template-columns: 1fr; gap: 10rem;}
    .company-merit__item {min-height: auto; padding: 40rem 20rem;}
    .company-merit__item img {height: 70rem; margin-bottom: 20rem;}
    .company-merit__item:last-child img {height: 65rem;}

    .company-process .wrap > .company-process__title {display: none;}
    .company-process__title {width: 100%; margin-bottom: 20rem;}
    .company-process__item {flex-direction: column; padding: 20rem; gap: 20rem;}
    .company-process__item i {min-height: 50rem; border-radius: 5rem;}
    .company-process__txt .page-title__dec {margin-bottom: 5rem;}
    .company-process__txt [data-list="dot"] {margin-top: 8rem;}

    .company-process__list:not(:last-child) {margin-bottom: 45rem;}
} 

/* 검색결과 */
.search-page .list-toolbar {padding-top: 0 !important; padding-bottom: 30rem;}
.search-page .btn-wrap {margin-top: var(--space60);}

@media (max-width:540px){
    .search-page .page-title-wrap {justify-content: center;}
    .search-page .list-toolbar {flex-direction: column-reverse; gap: 25rem; align-items: flex-start; margin-top: 10rem !important; padding-bottom: 10rem;}
    .search-page .list-search {width: 100%;}
    .search-page .list-total {font-size: 11rem;}
    .search-page .btn-wrap {margin-top: var(--space80);}
}

 /* ========================================
 * 게시글 뷰
 * ======================================== */
 .board_new {max-width:1024rem; padding-top: 85rem; margin-top: 0;}
 .board_title {font-size: var(--font-24); color: var(--b-title);}
 .comment_divs  {max-width: 1024rem;}
 .chamcode-write #fwrite {padding-top: 0;}

 #bo_w.chamcode-write .bo_w_tit .frm_input {height: 60rem;}

 #board-menu {margin-top: 0; margin-bottom: 15rem;}
 #board-menu ul {gap: 5rem; align-items: center; height: auto !important;}
 #board-menu li a,
 #board-menu li button {display: block; padding: 6rem 10rem; font-size: var(--font-13); color: var(--b-light01); border-radius: 5rem; border: 1px solid var(--br-default); transition: var(--trans-01);}
 #board-menu li a:hover,
 #board-menu li button:hover {color: var(--b-title); border-color: var(--b-title);}

 #bo_w, #bo_v {padding: 0 !important;}
 #bo_v #board-menu li a {padding: 10rem;}
 #bo_v_con {font-family: var(--lang-ko); line-height: 1.6;}
 .bo_vc_w .btn_submit {display: inline-flex; gap: 8rem; width: auto; align-items: center; padding:15rem 20rem; font-size: var(--font-15) !important; color: var(--w); border: 0; background: var(--c-primary); transition: var(--trans-01);}
 .bo_vc_w .btn_submit svg {margin: 0; margin-top: -2rem; color: var(--w);}
 .bo_vc_w .chk_box input[type="checkbox"]+label span {top: 4rem;}
  #bo_vc .bo_vl_opt {display: flex; align-items: center; gap: 8rem;}

 @media (hover: hover) and (pointer: fine){
     .bo_vc_w .btn_submit:hover {background: var(--b-title); border-color:transparent;}
 }
 
  @media all and (max-width:1500px){
    #bo_v, #bo_w {padding: 0;}
  }

 @media all and (max-width:1200px){
	.board_new {max-width:none;width: auto; margin: 0 60rem 80rem;}
	.comment_divs {max-width:none; width: auto !important; margin: 0 60rem;}
 }
 
 @media all and (max-width:1023px){
	.board_new {margin: 0 40rem 80rem;}
    .comment_divs {margin: 0 40rem;}
 }

 @media (max-width:860px){
    .board_new{padding-top: 70rem;}
}
 
 @media all and (max-width:540px){
	.board_new {margin: 0 20rem 40rem; padding: 0; padding-top: 40rem;}
	.comment_divs{margin: 0 20rem;}
    .board_new .view_img_btn {float: none; display: flex; gap: 5rem !important; margin-top: 15rem;}
     #bo_w.chamcode-write .bo_w_tit .frm_input {height: 46rem;}

    #board-menu {margin-top: 15rem; margin-bottom: 10rem;}
    #board-menu ul {justify-content: flex-start;}
    #bo_v #board-menu ul {gap: 3rem;}
    #bo_v #board-menu li {width: 100%;}
    #bo_v #board-menu li a {padding: 8rem;}
    #bo_vc .cmt_contents {padding-bottom: 8rem;}

    .cmt_btn {margin-top: 10rem;}
    .cm_wrap strong {display: block; margin-bottom: 3rem;}
    .cmt_btn b,
    .cmt_btn span.total {font-size: 13rem;}
    #bo_vc article .pf_img {margin-bottom: 10rem;}
    #bo_vc article .pf_img img{width: 40rem; height: 40rem;}

    .write_div .chk_box input[type="checkbox"]+label span,
    .bo_vc_w .chk_box input[type="checkbox"]+label span {top: 1px;}
 }

 /* ========================================
 * 관리자 로그인
 * ======================================== */
 .login-page__form .form-area {margin-bottom: 20rem;}
#adm-login-page .check-box em {font-weight: 500;}
#adm-login-page .btn_submit {height: 60rem; margin: 0; font-weight: 600; font-size: var(--default); border: none !important;}

 /* ========================================
 * 문의하기
 * ======================================== */

 /* 비밀번호 확인 */
 #pw_confirm .login-page__title {gap: 15rem;}
 .pw-notice {padding:27rem 20rem;}
 .pw-notice strong {display: block; margin-bottom: 5rem;}
 .pw-notice span {display: block; color: var(--b-light01);}
 #pw_confirm .login-page__form {gap: 40rem;}
 #pw_confirm .login-page__form .form-area {margin-bottom: 0;}
 #pw_confirm input.btn_submit {height: 60rem; font-size: var(--default); background: var(--c-primary); border: none !important;}

 @media (hover: hover) and (pointer: fine){
    #pw_confirm input.btn_submit:hover {background: #EB3A41;}
 }
 
 @media (max-width: 540px){
    #pw_confirm .login-page__form {gap: 25rem;}
    #pw_confirm input.btn_submit {height: 52rem; border-radius: 5rem;}
}

 /* ========================================
 * 포토후기 작성하기
 * ======================================== */
 #captcha #captcha_key {font-size: var(--font-13) !important;}
 .photo-review_w .form-body:has(.form-part:nth-child(2)) {flex-direction: column; gap: 17rem;}
 .photo-review_w .form-body:has(.form-part:nth-child(2)) .form-part {width: 50%;}
 .photo-review_w .form-body:has(.form-part:nth-child(2)) .form-select {width: 100%; gap: 5rem;}
 .photo-review_w .form-body:has(.form-part:nth-child(2)) .form-select select {width: 100%;}
 .photo-review_w .form-body:has(.check-box) {margin-top: 7rem;}
 .photo-review_w .form-part:has(.form-file) {display: grid; grid-template-columns: 1fr; gap: 5rem;}
 .photo-review_w .check_cont:has(.review-star) {display: inline-flex; align-items: center;}
 .photo-review_w .form-part:has(.review-star) .check-box {margin-right: 0;}
 .photo-review_w .review-star {display: flex; align-items: center; gap: 2rem; margin-left: 10rem;}
 #sit_use_write_star {gap: 20rem;}
 .photo-review_w .review-star li {width: 13rem !important; height: 13rem; background: var(--op-b10); mask: url(../img/layout/ic-star.svg) no-repeat center / contain;}
 .photo-review_w .check_cont:has(#is_score5) .review-star li {background: #F4CB3F;}
 .photo-review_w .check_cont:has(#is_score4) .review-star li:nth-child(-n+4) {background: #F4CB3F;}
 .photo-review_w .check_cont:has(#is_score3) .review-star li:nth-child(-n+3) {background: #F4CB3F;}
 .photo-review_w .check_cont:has(#is_score2) .review-star li:nth-child(-n+2) {background: #F4CB3F;}
 .photo-review_w .check_cont:has(#is_score1) .review-star li:nth-child(1) {background: #F4CB3F;}
 .photo-review_w .btn-wrap {gap: 8rem; margin-top: var(--space60);}
 .photo-review_w .btn-wrap .btn-long {min-width:160rem;}

 @media all and (max-width:1023px){
	#sit_use_write_star {flex-wrap: wrap; gap:12rem 0;}
 }

 @media (max-width: 540px){
    #captcha #captcha_key {font-size:12rem !important;}
    .photo-review_w .form-body:has(.check-box) {margin-top: 2rem;}
    .photo-review_w .form-body:has(.form-part:nth-child(2)) .form-part {width: 100%;}
    #sit_use_write_star {flex-direction: column; align-items: flex-start;}
    #sit_use_write_star {gap: 8rem;}
    .photo-review_w .review-star {margin-left: 7rem;}
    .photo-review_w .form-body:has(.form-part:nth-child(2)) {margin-top: 0; gap: 14rem;}
    .photo-review_w .check_cont:has(.review-star) {display: flex; width: 100%;}
    .photo-review_w .check_cont:has(.review-star) em {white-space: nowrap;}
    .photo-review_w .review-star li {width: 10rem !important; height: 10rem;}
    .check-box:has(.review-star) [type="radio"]:not(:checked) + .checkmark,
    .check-box:has(.review-star) [type="radio"]:checked + .checkmark {top: -1rem;}

    .photo-review_w .btn-wrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5rem; margin-top: 20rem;}
    .photo-review_w .btn-wrap .btn-long {min-width: none;}
 }

 /* ========================================
 * 마이페이지
 * ======================================== */
 /* 주문취소내역 */
 .order-view__cancel .form-submit {text-align: center;}

 /* 포인트 */
 .new_win #win_title {padding: 10rem 20rem;}
 .new_win .new_win_con2 {margin: 5rem 20rem 0;}
 .new_win_con2 .mypage__point {margin-bottom: 15rem;}
 .point_list {height: 52vh; text-align: left; overflow-y: auto;}
 .point_list::-webkit-scrollbar{display:block !important; width:8rem; border-radius: 5rem;}
 .point_list li {padding: 20rem; border-bottom: 1px solid var(--br-default);}
 .point_list .point_tit {float: none; font-size: var(--font-16); color: var(--b-default); font-weight: 700; line-height: 1.6;}
 .point_list .point_top {margin-bottom: 0;}
 .point_list .point_date {float: none;}
 .point_list .point_date1 {float: none; font-size: var(--font-13); color: var(--b-light02);}
 .point_list .point_num {float: none !important; right: 20rem; top: 20rem; font-size: var(--font-16) !important; color: var(--c-primary); line-height: normal;}
 .point_list .point_date {color: var(--c-primary); font-size: var(--font-13);}
 #point .point_status {position: fixed; left:0; bottom:0; display: flex; align-items: center; width: 100%; height: 60rem; padding: 0 20rem; font-size: var(--font-15); background: var(--bg-dark);}
 #point .point_status span {font-size: var(--font-19); line-height: 1;}
 #point .point_status span:first-child {position: relative; margin-left: auto; margin-right:6rem; padding-right: 14rem;}
 #point .point_status span:first-child::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 12rem; background: var(--op-w20); transform: translateY(-50%);}

  .point_list .point_use {background: var(--bg-default);}
  .point_list .point_use .point_tit {color: var(--b-light02);}

  @media (max-width:540px){
    #point .pg_page {display: inline-flex; align-items: center; justify-content: center; width: 30rem; height: 30rem; padding: 0; border-radius: 100%;}
    #point .pg_wrap {margin: 20rem 0;}
    #point .pg_current {display: inline-flex; align-items: center; justify-content: center; width: 30rem; height: 30rem; padding: 0; border-radius: 100%; background: var(--c-primary);}
    #point .pg_prev,
    #point .pg_next {background-size: 12rem;}
    #point .pg_wrap .pg_end,
    #point .pg_page.pg_start {background-size: 12rem;}
  }

/* ========================================
 * 중고폰 구매
 * ======================================== */
 /* 문의쓰기 */
 body:has(#sit_qa_write) {padding-top: 0 !important;}
 #sit_qa_write .new_win_con {margin: 0; padding: 20rem 20rem var(--space60);}
 #sit_qa_write .new_win_con ul {display: flex; flex-direction: column; gap: 20rem; }
 .new-itemqaform .form-area {margin-bottom: 15rem;}
 .new-itemqaform .form_01 > ul > li[data-flex] {gap: 20rem;}
 .new-itemqaform .form_01 li {margin: 0;}
 .new-itemqaform .form_01 li:after {display: none;}
 .new-itemqaform .form-area.w50 {width: 50% !important;}
 .new-itemqaform .btn-wrap {gap: 7rem; margin-top: 40rem;}
 .new-itemqaform .btn-wrap .btn-long {min-width: 120rem;}

 @media (max-width:860px){
    .new-itemqaform .check-box [type="checkbox"]:not(:checked) + .checkmark,
    .new-itemqaform .check-box [type="checkbox"]:checked + .checkmark {top: 1px;}
 }

 /* 문의하기 */
 .buy-qalist-page .bo_sch select {height: 50rem !important; background-color: transparent !important; border-bottom: 1px solid var(--br-default);}
 .buy-qalist-page .list-toolbar {padding-top: 0; padding-bottom: 40rem;}
 .buy-qalist-page #sqa {border-top: 1px solid #000;}
 .buy-qalist-page #sqa li {display: flex; padding: 37rem 0;}
 .buy-qalist-page .sqa_section {position: relative; width: 100%;}
 .buy-qalist-page .sqa-state {position: absolute !important; right: 90rem !important; top: 12rem !important; display: inline-flex; height: 38rem !important; align-items: center; line-height: normal; padding: 0 12rem; transform: none !important;}
 .buy-qalist-page .sqa_con {margin-top: 35rem; margin-bottom: 0;}
 .buy-qalist-page .sqa_con_btn {position: absolute; right: 0; top: 12rem;}
 .sqa_con_btn button {position: relative; margin: 0; padding-right: 30rem; font-size: var(--font-13); border-radius: 3rem;}
 .sqa_con_btn button::after {position: absolute; right: 5rem; top: 11rem; content:''; width: 14rem; height: 14rem; mask: url(../img/board/arrow-select.svg) no-repeat center / 8rem; background: var(--b-title);}
 .sqa_con_btn button .fa-caret-down,
 .sqa_con_btn button .fa-caret-up {display: none !important;}
 .sqa-title {position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 80%; padding-left: 80rem;}
 .sqa-title .sqa_img {position: absolute; left:0; top:0; float: none; width:57rem; aspect-ratio: 1/1; border-radius: 5rem; border: 1px solid rgba(0, 0, 0, .05); overflow: hidden;}
 .sqa-title .sqa_img a {display: block; width: 100%; height: 100%;}
 .sqa-title .sqa_img a img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
 .buy-qalist-page .sqa_section .sqa_con {background: transparent;}
 .sqa-title h2 {display: inline-flex; align-items: center; gap: 8rem; font-size: var(--font-22); padding-right: 0;}
 .sqa-title .fa-lock {font-size: var(--font-13);}
 .sqa-title .sqa_dl {display: inline-flex; align-items: center; font-size: var(--font-15);}
 .sqa-title .sqa_dl * {float: none;}
 .sqa-title .sqa_dl dd {position: relative; margin-right: 10rem; padding-right: 12rem; }
 .sqa-title .sqa_dl dd::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 12rem; background: var(--br-default); transform: translateY(-50%);}
 .sqa-title .sqa_dl dd:last-child::after {display: none;}

 @media (hover: hover) and (pointer: fine){
     .sqa_con_btn button:hover::after {background: var(--w);}
 }

 @media (max-width: 540px){
    .buy-qalist-page .bo_sch {display: none;}
    .buy-qalist-page .list-toolbar {padding-bottom: 5rem;}
    .buy-qalist-page #sqa dl {margin: 3rem 0;}
    .buy-qalist-page .sqa-state {right: auto !important; left: 80rem; top: 0 !important; height: 30rem !important; padding: 0 8rem;}
    .buy-qalist-page .sqa_con_btn {top: 0;}
    .buy-qalist-page .sqa_con_btn .btn-long {height: 30rem;}
    .buy-qalist-page #sqa li {padding: 25rem 0;}
    .sqa_con_btn button::after {top: 7rem; mask-size : 7rem;}
    .buy-qalist-page .sqa_con {margin-top: 20rem;}
    .sqa-title {padding-top: 43rem;}
}