/* CSS Document */

#main {
    overflow: hidden;
}

/* main_visual */
#mVisual {
    position: relative;
    height: 100svh;
    min-height: 600px;
    overflow: hidden;
    background: #0a1a38;
}

#mVisual .visual-body {
    width: 100%;
    height: 100%;
}

#mVisual .mVisual-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5;
}

#mVisual .swiper-wrapper,
#mVisual .swiper-slide {
    height: 100%;
}

#mVisual .swiper-slide {
    position: relative;
    overflow: hidden;
}

#mVisual .visual-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#mVisual .visual-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.15);
}

#mVisual .swiper-slide.is-shown .visual-bg img {
    animation: visual-zoom 8s cubic-bezier(.22, .61, .36, 1) both;
}

#mVisual .visual-bg .scrim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(243deg, rgba(0, 0, 0, 0) 33.33%, rgba(9, 26, 56, 0.8) 100%);
}

#mVisual .swiper-slide.slide2 .visual-bg .scrim {
    background: linear-gradient(256deg, rgba(0, 0, 0, 0.1) 35%, rgba(2, 15, 37, 0.8) 81%);
}

#mVisual .visual-txt {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 136px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 1520px;
    padding: 0 40px;
}

#mVisual .visual-txt .eyebrow {
    font-family: "Inter", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #ffffff;
    text-transform: uppercase;
}

#mVisual .visual-txt .tit {
    font-family: "Inter", sans-serif;
    font-size: 8.8rem;
    font-weight: 600;
    line-height: 1.6;
    color: #ffffff;
}

#mVisual .visual-txt .ko-txt {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #ffffff;
    line-height: 1.6;
    margin-top: 10px;
}

#mVisual .visual-txt .en-txt {
    margin-top: 10px;
    font-family: "Inter", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.6;
}

#mVisual .visual-txt .txt-mask {
    overflow: hidden;
}

#mVisual .visual-txt .txt-group {
    display: block;
    transform: translateY(130%);
}

#mVisual .swiper-slide.is-shown .visual-txt .txt-group {
    animation: visual-rise-up 1200ms cubic-bezier(.22, .61, .36, 1) both;
}

#mVisual .visual-txt a.txt-group {
    display: inline-flex;
    margin-top: 20px;
}

#mVisual .swiper-slide.is-shown .visual-txt .group2 {
    animation-delay: 200ms;
}

#mVisual .swiper-slide.is-shown .visual-txt .group3 {
    animation-delay: 800ms;
}

#mVisual .swiper-slide.is-shown .visual-txt .group4 {
    animation-delay: 1000ms;
}

#mVisual .swiper-slide.is-shown .visual-txt .group5 {
    animation-delay: 1600ms;
}

/* 스와이퍼 이전/다음 버튼 */
#mVisual .visual-nav {
    position: absolute;
    left: 50%;
    bottom: 136px;
    transform: translateX(-50%);
    z-index: 6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    max-width: 1520px;
    padding: 0 40px;
    pointer-events: none;
}

#mVisual .visual-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 0;
    padding: 0;
    cursor: pointer;
    pointer-events: visible;
}

#mVisual .visual-nav button img {
    width: 24px;
    height: 24px;
}

@keyframes visual-zoom {
    from {
        transform: scale(1.15);
    }
    to {
        transform: scale(1);
    }
}

@keyframes visual-rise-up {
    from {
        transform: translateY(130%);
    }
    to {
        transform: translateY(0);
    }
}

#main .section {
    padding: 160px 0;
}

#main .section .section-body {
    width: 100%;
    max-width: 1520px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

#main .tit-area {
    margin-bottom: 80px;
}

#main .tit-area.center {
    text-align: center;
}

#main .tit-box .small-tit {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #5e2b03;
}

#main .tit-box .big-tit {
    font-family: "Inter", sans-serif;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 1.6;
    color: #111111;
}

#main .tit-box .big-tit::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #5e2b03;
    margin-left: 6px;
    position: relative;
    top: 3px;
}

#main .tit-box .sub-txt {
    font-size: 1.8rem;
    font-weight: 400;
    color: #333333;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.br-390 {
    display: none !important;
}

#main .section1 .service-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

#main .section1 .service-box {
    position: relative;
    display: block;
    height: 400px;
    overflow: hidden;
    background: #eeeeee;
    transition: opacity 300ms cubic-bezier(.22, .61, .36, 1);
}

#main .section1 .service-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .section1 .service-box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000c16;
    opacity: 0.4;
    mix-blend-mode: multiply;
    transition: opacity 300ms cubic-bezier(.22, .61, .36, 1);
}

#main .section1 .service-box .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    padding: 0 40px;
}

#main .section1 .service-box .txt .tit {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#main .section1 .service-box .txt strong {
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

#main .section1 .service-box .txt span {
    font-family: "Inter", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
}

#main .section1 .service-box .txt .detail {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.6;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(100px);
    transition: max-height 400ms cubic-bezier(.22, .61, .36, 1), opacity 400ms cubic-bezier(.22, .61, .36, 1), transform 400ms cubic-bezier(.22, .61, .36, 1);
}

#main .section2 {
    padding: 0 0 148px 0;
}

#main .section2 .tit-area {
    margin-bottom: 45px;
}

#main .section2 .tilt-slide {
    position: relative;
    height: 615px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
}

#main .section2 .tilt-rotate {
    position: absolute;
    left: -80px;
    top: 74%;
    transform: translateY(-50%);
}

#main .section2 .tilt-track {
    display: flex;
    gap: 50px;
    width: max-content;
    will-change: transform;
}

#main .section2 .tilt-box {
    position: relative;
    flex: none;
    width: 390px;
    aspect-ratio: 390/380;
    overflow: hidden;
    background: #111111;
    display: grid;
    grid-template-rows: 1fr auto 0fr;
    padding: 40px;
    color: #ffffff;
    transition: grid-template-rows 400ms cubic-bezier(.22, .61, .36, 1);
}

#main .section2 .tilt-box::before {
    content: '';
    display: block;
    min-height: 0;
}

#main .section2 .tilt-box img {
    -webkit-user-drag: none;
}

/* <picture> 로 감싸면 picture 가 자식이 되므로 래퍼째로 배경 레이어 처리
   (자식 선택자라 감싸는 순간 규칙이 끊겨 grid 흐름에 끼어들었음) */
#main .section2 .tilt-box > img,
#main .section2 .tilt-box > picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#main .section2 .tilt-box > img,
#main .section2 .tilt-box > picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .section2 .tilt-box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    background: linear-gradient(229deg, rgba(0, 7, 30, 0) 50%, rgba(0, 7, 30, 0.5) 95%);
    transition: opacity 400ms cubic-bezier(.22, .61, .36, 1);
}

#main .section2 .tilt-box .dim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 28, 139, 0.6);
    opacity: 0;
    transition: opacity 400ms cubic-bezier(.22, .61, .36, 1);
    z-index: 1;
}

#main .section2 .tilt-box .tit {
    position: relative;
    z-index: 2;
    letter-spacing: -0.02em;
}

#main .section2 .tilt-box .tit em {
    display: block;
    font-style: normal;
    font-size: 1.8rem;
    font-weight: 600;
}

#main .section2 .tilt-box .tit strong {
    display: block;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.56px;
}

#main .section2 .tilt-box .txt-list {
    position: relative;
    z-index: 2;
    align-self: end;
    min-height: 0;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    color: #ffffff;
    letter-spacing: -0.02em;
    list-style: none;
    padding: 0;
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 400ms cubic-bezier(.22, .61, .36, 1), transform 400ms cubic-bezier(.22, .61, .36, 1);
}

#main .section2 .tilt-box .txt-list li {
    display: flex;
    gap: 4px;
}

#main .section2 .tilt-box .txt-list li::before {
    content: '•';
}

#main .section3 {
    padding-top: 0;
}

.network-list {
    border-bottom: 1px solid #dddddd;
}

.network-item {
    display: flex;
    gap: 40px;
    align-items: stretch;
    background: #ffffff;
    cursor: pointer;
}

.network-item + .network-item {
    margin-top: 6px;
}

.network-item .img-area {
    position: relative;
    flex: none;
    width: 480px;
    overflow: hidden;
    min-height: 132px;
}

.network-item .img-area img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.network-item.is-open .img-area {
    min-height: 400px;
}

.network-item .txt-area {
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: center;
    border-top: 1px solid #dddddd;
    margin-bottom: -1px;
    padding: 40px 16px;
}

.network-item.is-open .txt-area {
    padding-top: 80px;
    padding-bottom: 80px;
    gap: 40px;
}

.network-item .txt-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.network-item.is-open .txt-body {
    gap: 40px;
}

.network-item .txt-head {
    display: flex;
    gap: 20px;
    align-items: center;
}

.network-item .txt-head strong {
    flex: none;
    width: 100px;
    font-size: 2rem;
    font-weight: 600;
    color: #5e2b03;
    letter-spacing: -0.02em;
    line-height: 1.6;
    white-space: nowrap;
}

.network-item.is-open .txt-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.network-item.is-open .txt-head strong {
    width: auto;
    font-size: 2.8rem;
    font-weight: 700;
}

.network-item .desc {
    flex: 1;
    font-size: 1.6rem;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.network-item.is-open .desc {
    color: #111111;
    -webkit-line-clamp: none;
}

.network-item .info {
    display: none;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.network-item.is-open .info {
    display: block;
}

.network-item .info span + span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 8px;
    background: #dddddd;
    margin: 0 10px;
}

.network-item .more-btn {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background: none;
    cursor: pointer;
    transition: background-color 300ms cubic-bezier(.22, .61, .36, 1), border-color 300ms cubic-bezier(.22, .61, .36, 1);
}

.network-item .more-btn img {
    width: 24px;
    height: 24px;
    transform: rotate(0);
    transition: transform 300ms cubic-bezier(.22, .61, .36, 1), filter 300ms cubic-bezier(.22, .61, .36, 1);
}

.network-item.is-open .more-btn img {
    transform: rotate(-180deg);
}

#main .section4 {
    padding-top: 0;
}

#main .section4 .tit-area {
    margin-bottom: 120px;
}

#main .section4 .record-list {
    display: flex;
    gap: 40px;
}

#main .section4 .record-box {
    flex: 1;
    min-width: 0;
    border-left: 1px solid #dddddd;
    padding: 20px 40px 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#main .section4 .record-box .num {
    font-family: "Inter", sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.6;
    color: #111111;
    white-space: nowrap;
}

#main .section4 .record-box .num i {
    font-style: normal;
    font-weight: 400;
}

#main .section4 .record-box .meta {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
    height: 200px;
}

#main .section4 .record-box .label {
    font-family: "Inter", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    text-transform: uppercase;
    color: #111111;
    padding: 0;
    text-align: left;
    white-space: wrap;
}

#main .section4 .record-box .gloss {
    font-size: 1.4rem;
    color: #111111;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

#main .section4 .record-band {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    height: 400px;
    overflow: hidden;
}

#main .section4 .record-band img {
    width: 100vw;
    max-width: none;
    height: 100%;
    object-fit: cover;
}

#main .section5 {
    padding-top: 0;
}

#main .section5 .tit-area {
    margin-bottom: 40px;
}

#main .section5 .overview-txt {
    position: relative;
    padding-bottom: 100px;
}

#main .section5 .overview-txt .watermark {
    position: absolute;
    right: 0;
    bottom: -57px;
    font-family: "Inter", sans-serif;
    font-size: 12rem;
    font-weight: 700;
    line-height: 1.6;
    color: #eeeeee;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

#main .section5 .overview-txt .evt {
    position: relative;
    z-index: 2;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 1.6;
    color: #5e2b03;
}

#main .section5 .overview-txt .txt {
    position: relative;
    z-index: 2;
    font-size: 1.6rem;
    color: #111111;
    letter-spacing: -0.02em;
}

#main .section5 .overview-media {
    position: relative;
    width: 100%;
    aspect-ratio: 1440/760;
    overflow: hidden;
    background: #e8e8e8;
}

#main .section5 .overview-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .section6 {
    padding-top: 0;
}

#main .section6 {
    overflow: hidden;
}

#main .section6 .marquee-box {
    background: #f7f7f7;
    border-color: #eeeeee;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#main .section6 .marquee-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
    opacity: 0.5;
    transition: .3s ease;
}

#main .section6 .marquee-box img {
    height: auto;
    max-height: 44%;
    max-width: 60%;
    object-fit: contain;
}

#main .section7 {
    position: relative;
    min-height: 523px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
    padding: 80px 20px;
}

#main .section7 .cta-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#main .section7 .cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .section7 .cta-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
}

#main .section7 .section-body {
    position: relative;
    z-index: 2;
}

#main .section7 .tit-area {
    margin-bottom: 40px;
}

#main .section7 .tit-box .big-tit {
    color: #ffffff;
}

#main .section7 .tit-box .big-tit::after {
    background: #65e3ff;
}

#main .section7 .tit-box .sub-txt {
    color: rgba(255, 255, 255, 0.85);
}

.section.bg .tit-box > * {
    color: #ffffff !important;
}

.tit-box .small-tit {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1;
}

.tit-box h3 {
    font-size: 5.0rem;
    font-weight: 400;
    line-height: 64px;
}

.h3-wrap h3 {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 64px;
}

.h3-wrap h3 span {
    position: absolute;
    width: 100%;
    display: block;
}

.cont-wrap * {
    color: #444444;
    font-weight: 500;
}

.cont-wrap p.txt {
    font-size: 1.8rem;
    line-height: 34px;
}

.cont-wrap .add-txt li + li {
    margin-top: 40px;
}

.cont-wrap .add-txt .box {
    padding-left: 20px;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.63;
}

.cont-wrap .add-txt .box::before {
    content: '';
    display: block;
    clear: both;
    height: 100%;
    border-left: 2px solid #111111;
    position: absolute;
    top: 0;
    left: 0;
}

.cont-wrap .add-txt .box b {
    display: block;
    font-size: 1.8rem;
    line-height: 28px;
    font-weight: 700;
    color: #111111;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fade-in {
    animation: fade-in 0.5s ease-in;
    animation-fill-mode: forwards;
}

.fade-out {
    animation: fade-out 0.5s ease-out;
    animation-fill-mode: forwards;
}

.marquee-area {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 40px;
}

.marquee-area + .marquee-area {
    margin-top: 40px;
}

.marquee-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 40px;
    animation: scroll-x 30s linear infinite;
}

.marquee-area.hover .marquee-wrap {
    animation-play-state: paused;
}

.marquee-reverse .marquee-wrap {
    animation-direction: reverse;
    animation-delay: -3s;
}

.marquee-box {
    cursor: pointer;
    width: 320px;
    height: 200px;
    background: #fafafa;
    border: 1px solid #f2f2f2;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.marquee-box img {
    filter: grayscale(100%);
    height: 100%;
    max-height: 100px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@keyframes scroll-x {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 20px));
    }
}

/* sub 공통 */
#sub .cont-wrap * {
    color: #111111;
}

.required {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #d40000;
    border-radius: 50%;
    box-sizing: border-box;
}

#sub .more {
    font-size: 1.0rem;
    color: #ffffff;
    background: #a7a7a7;
    display: inline-block;
    width: 35px;
    height: 19px;
    line-height: 19px;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center;
    cursor: default;
}

#sub .consulting {
    font-size: 1.6rem;
    font-weight: 800;
    color: #929292;
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 10px !important;
    box-sizing: border-box;
    margin-top: 20px; /*margin-bottom: 126px;*/
    text-align: center;
    background-color: #d0d0d0 !important;
    border: none;
    cursor: not-allowed;
    pointer-events: none;
}

#sub .consulting.on {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(114, 52, 4, 1) 0%, rgba(60, 26, 0, 1) 100%);
    cursor: pointer !important;
    pointer-events: auto !important;
    box-shadow: 11px 12px 21.75px 7.25px rgba(17, 17, 17, 0.31);
}

.btnSet .btn.bsc1 {
    background: linear-gradient(90deg, rgba(114, 52, 4, 1) 0%, rgba(60, 26, 0, 1) 100%);
    color: #ffffff;
    max-width: 200px;
    border: none;
    height: 60px;
    line-height: 60px;
    border-radius: 5px !important;
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
}

.btnSet .btn.bsc2 {
    max-width: 80px;
    border: none;
    height: 34px;
    line-height: 34px;
    border-radius: 5px !important;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #333333;
    transition: none;
}

/* ==================================================
   서브비주얼
================================================== */
#sVisual.position-visual {
    height: auto;
    padding-top: 84px;
    background-color: transparent;
    z-index: 1;
}

#sVisual .visual-body {
    position: relative;
    width: auto;
    height: 480px;
    margin: 0 80px;
    border-radius: 0 0 40px 40px;
}

#sVisual.position-visual .visual-inner.position-ab {
    border-radius: 0 0 40px 40px;
    overflow: hidden;
}

#sVisual .visual-bg .back-img {
    height: 100%;
    background-position: center;
    background-size: cover;
}

#sVisual .visual-bg picture {
    display: block;
    width: 100%;
    height: 100%;
}

#sVisual .visual-bg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#sVisual.position-visual .visual-inner.position-ab::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
}

#sVisual.position-visual .visual-txt .txt-wrap {
    padding-top: 0;
}

#sVisual .visual-txt .txt-wrap .txt-box h2 {
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 1.6;
    color: #ffffff;
}

#sVisual .visual-txt .txt-wrap .txt-box p {
    margin-top: 10px;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.6;
    color: #ffffff;
}

#sVisual .visual-txt .txt-wrap .txt-box p br.br-mo {
    display: none;
}

#sVisual .visual-nav .nav-wrap.breadcrumb {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 80px;
    margin: 0 auto;
    padding: 20px 40px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px 10px 0 0;
}

#sVisual .nav-wrap.breadcrumb ul {
    display: flex;
    align-items: center;
    height: 100%;
}

#sVisual .nav-wrap.breadcrumb li.home {
    padding-right: 20px;
}

#sVisual .nav-wrap.breadcrumb li.home a {
    display: flex;
    align-items: center;
}

#sVisual .nav-wrap.breadcrumb li.home img {
    width: 20px;
    height: auto;
}

#sVisual .nav-wrap.breadcrumb li.dep {
    position: relative;
    display: flex;
    align-items: center;
    width: 309px;
    height: 80px;
    margin-left: 41px;
    padding: 0 20px;
    box-sizing: border-box;
}

#sVisual .nav-wrap.breadcrumb li.dep::before {
    content: '';
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: #ffffff;
}

#sVisual .nav-wrap.breadcrumb li.dep a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #ffffff;
}

#sVisual .nav-wrap.breadcrumb li.dep .arw {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

#sVisual .nav-wrap.breadcrumb li.dep.is-open .arw {
    transform: rotate(-180deg);
}

/* 뎁스 드롭다운 */
#sVisual .nav-wrap.breadcrumb li.dep .dep-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -20px;
    width: calc(100% + 40px);
    padding: 10px 40px 15px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    z-index: 5;
}

#sVisual .nav-wrap.breadcrumb li.dep + li.dep .dep-dropdown {
    width: calc(100% + 61px);
}

#sVisual .nav-wrap.breadcrumb li.dep .dep-dropdown ul {
    flex-direction: column;
    align-items: flex-start;
}

#sVisual .nav-wrap.breadcrumb li.dep .dep-dropdown li + li {
    margin-top: 10px;
}

#sVisual .nav-wrap.breadcrumb li.dep .dep-dropdown a {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub.inquiry .info_wrap {
    padding-top: 80px;
}

#sub .info_wrap {
    padding-top: 51px;
    flex-wrap: wrap;
    gap: 20px;
}

#sub .info_wrap li {
    width: calc(50% - 10px);
}

#sub .info_wrap li.etc {
    margin-top: -20px;
}

#sub .info_wrap li.etc input[type='text'] {
    min-height: 400px;
}

#sub .info_wrap li .id_box b {
    font-size: 1.4rem;
    font-weight: 700;
    color: #c20000;
    display: inline-block;
}

#sub .info_wrap li .price_wrap {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
}

#sub .info_wrap li .price_wrap b {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    font-size: 1.6rem;
    font-weight: 600;
}

#sub .info_wrap li p {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.75px;
    color: #a09560;
    gap: 3px;
    padding-bottom: 9px;
}

#sub .info_wrap li input[type='text'], #sub .info_wrap li input[type='password'], #sub .info_wrap li textarea {
    background: #ffffff;
    border: 1px solid #a09560;
    border-radius: 10px;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    padding: 27px 25px 25px;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.75px;
}

#sub .info_wrap li input[type='text']::placeholder, #sub .info_wrap li input[type='password']::placeholder {
    font-size: 1.6rem;
    color: #999999;
}

#sub .info_wrap li textarea {
    width: 100%;
    min-height: 400px;
    padding: 28px;
    line-height: 26px;
    resize: none;
}

#sub .info_wrap li em {
    font-size: 1.4rem;
    line-height: 1;
    color: #6d6d6d;
    padding-top: 10px;
    display: block;
}

#sub.join {
    padding-top: 90px;
}

#sub.join .size {
    max-width: 100%;
    padding: 0;
}

#sub.join .bbs .in-wrap {
    max-width: 960px;
    padding: 0 80px;
    margin: 0 auto;
}

#sub.join .bbs .in-wrap.min {
    max-width: 640px;
    padding: 0 20px;
    margin: 0 auto;
}

#sub.join .step1 .consulting {
    display: inline-block;
    width: 250px;
    border-radius: 35px !important;
    color: #929292;
    cursor: not-allowed;
    pointer-events: none;
}

#sub .step_box {
    gap: 122px;
    padding: 79px 0;
    box-shadow: 0px 0px 33.2px 6.8px rgba(17, 17, 17, 0.1);
}

#sub .step_box li {
    position: relative;
    top: 0;
    left: 0;
}

#sub .step_box li .circle {
    font-size: 2.4rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.75px;
    width: 60px;
    height: 60px;
    background: #3c1a00;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
}

#sub .step_box li .circle.no {
    background: #e1e1e1;
    color: #ffffff;
}

#sub .step_box li p {
    font-size: 1.8rem;
    font-weight: 700;
    color: #3c1a00;
    padding-top: 14px;
}

#sub .step_box li p.no {
    color: #8f8f8f;
}

#sub .step_box .line::before {
    content: '';
    clear: both;
    width: 125px;
    height: 1px;
    border: 1px solid #8f8f8f;
    position: absolute;
    position: absolute;
    top: 30px;
    left: 60px;
}

#sub .step_box .dot::before {
    content: '';
    clear: both;
    width: 125px;
    height: 1px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8F8FFF' stroke-width='1' stroke-dasharray='4%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    position: absolute;
    top: 30px;
    left: 60px;
}

#sub.join h3 {
    font-size: 4.0rem;
    font-weight: 400;
    letter-spacing: -0.75px;
    text-align: center;
    padding-top: 100px;
}

#sub.join .content {
    border-top: 3px solid #a29661;
    border-bottom: 3px solid #a29661;
}

#sub.join .content > div {
    padding: 25px 30px;
    box-sizing: border-box;
}

#sub.join .content > div + div {
    border-top: 1px solid #dcdcdc;
}

#sub.join .content > div > span {
    cursor: pointer;
    width: 30px;
    text-align: end;
}

#sub.join .content .check-box {
    display: flex;
    align-items: center;
    gap: 9px;
}

#sub.join .content .check-box + .check-box {
    border-top: 1px solid #dcdcdc;
    position: relative;
    top: 0;
    right: 0;
}

#sub.join .content .check-box > input[type="checkbox"] ~ label {
    color: #999999 !important;
    font-size: 1.6rem;
    font-weight: 700;
}

#sub.join .content .check-box.on > input[type="checkbox"] ~ label {
    color: #111111 !important;
}

#sub.join .step2 {
    display: none;
}

#sub.join .step2 .info_wrap li {
    width: 100%;
}

#sub.join .step2 .info_wrap li + li {
    margin-top: 19px;
}

#sub.join .step2 .info_wrap li .price_wrap b {
    font-weight: 800;
}

#sub.join .step2 .info_wrap li .price_wrap.mail_wrap b {
    font-size: 2.0rem;
    font-weight: 700;
    right: 15%;
}

#sub.join .step2 input[type='text'] {
    width: 100%;
}

#sub.join .step2 .intable_wrap {
    position: relative;
    top: 0;
    right: 0;
}

#sub.join .step2 .intable_wrap .intable {
    width: 100px;
    height: 42px;
    border-radius: 5px !important;
    background: #a09560;
    line-height: 42px;
    font-size: 1.4rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    box-shadow: 0px 0px 4.32px 3.68px rgba(17, 17, 17, 0.1);
}

#sub.join .step3 {
    display: none;
    margin: 0 auto;
}

#sub.join .step3 .img {
    text-align: center;
    padding: 60px 0 50px 0;
}

#sub.join .step3 b {
    text-align: center;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 49px;
}

#sub.join .step3 .consulting {
    background: #ffffff !important;
    border: 1px solid #622d04;
    color: #622d04 !important;
    border-radius: 10px !important;
}

#sub.join .step3 .consulting.login {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(114, 52, 4, 1) 0%, rgba(60, 26, 0, 1) 100%) !important;
    border-radius: 10px;
    margin-bottom: 10px;
}

.check-box.all {
    background: #fafafa;
    padding: 27px 25px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 20px;
}

.check-box.all.on {
    background: #f5f4f0;
}

.check-box.all input[type="checkbox"] ~ label {
    display: block;
    text-align: center;
    font-size: 2.0rem !important;
    font-weight: 800;
    color: #999999 !important;
}

.check-box.all.on input[type="checkbox"] ~ label {
    color: #a29661 !important;
}

.check-box.all > input[type="checkbox"] ~ label:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -5px;
}

#sub.company .sec1 .txt-area {
    padding: 39px 0 0 0;
}

#sub.company .txt-area {
    padding: 149px 0 120px 0;
    text-align: start;
}

#sub.company .txt-area .txt-wrap h2 {
    font-size: 9.0rem;
    color: #a29661;
    line-height: 70px;
}

#sub.company em.tit {
    display: block;
    font-size: 7.0rem;
    color: #111111;
    line-height: 88px;
}

#sub.company .txt-area .txt-wrap b {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: -0.75px;
    padding: 40px 0 80px 0;
    display: block;
}

#sub.company .txt-area .txt-wrap p {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

#sub.company .txt-area .txt-wrap p span {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.75px;
    color: #666666;
}

#sub.company .section-column:nth-child(even) em.tit {
    color: #ffffff;
}

#sub.company .section-column.sec2 {
    background: url(/img/company_sec2_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
}

#sub.company .section-column.sec2 .cont-area {
    padding-top: 55px;
}

#sub.company .section-column.sec3 {
    background: #eae9e6;
}

#sub.company .section-column.sec3 .cont-area {
    padding-top: 94px;
}

#sub.company .section-column.sec3 ul.timeline_items {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

#sub.company .section-column.sec3 ul.timeline_items::before {
    content: '';
    clear: both;
    width: 1px;
    height: 100%;
    background: #111111;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

#sub.company .section-column.sec3 ul.timeline_items li {
    margin-top: -25px;
    padding-bottom: 60px;
    display: flex;
    opacity: 1;
    height: auto;
    overflow: hidden;
    transition: opacity 1s ease-in-out, height 1s ease-in-out;
}

#sub.company .section-column.sec3 ul.timeline_items li.no {
    display: none;
    opacity: 0;
    overflow: hidden;
}

#sub.company .section-column.sec3 ul.timeline_items li h3 {
    font-size: 5.0rem;
    font-weight: 900;
    color: #b2a397;
    width: 50%;
    text-align: end;
    position: relative;
    top: 0;
    right: 0;
}

#sub.company .section-column.sec3 ul.timeline_items li h3::after {
    content: '';
    clear: both;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #602b03;
    position: absolute;
    top: 25px;
    right: -23px;
}

#sub.company .section-column.sec3 ul.timeline_items li:nth-child(even) h3 {
    text-align: start;
}

#sub.company .section-column.sec3 ul.timeline_items li:nth-child(even) h3::after {
    left: -22px;
    right: 0;
}

#sub.company .section-column.sec3 ul.timeline_items li div.desc {
    text-align: start;
    width: 50%;
    margin-top: 16px;
}

#sub.company .section-column.sec3 ul.timeline_items li:nth-child(even) div.desc {
    text-align: end;
}

#sub.company .section-column.sec3 ul.timeline_items li div.desc p {
    font-size: 1.6rem;
    font-weight: 500;
}

#sub.company .section-column.sec3 ul.timeline_items li div.desc p + p {
    padding-top: 16px;
}

#sub.company .section-column.sec3 ul.timeline_items li div.desc p b {
    display: block;
    font-weight: 900;
    color: #5e2a03;
    text-align: end;
}

#sub.company .section-column.sec3 ul.timeline_items li:nth-child(odd) div.desc p b {
    text-align: start;
}

.timeline_bt {
    width: 40px;
    height: 40px;
    background: #602b03;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
}

.timeline_bt::before {
    content: '';
    clear: both;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: rgba(96, 43, 3, 0.3);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#sub.company .section-column.sec4 {
    background: url(/img/company_sec4_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    padding: 226px 0 224px 0;
    position: relative;
}

#sub.company .section-column.sec4 .cont-wrap p {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.75px;
    color: rgba(255, 255, 255, 0.7);
    padding-top: 70px;
}

#sub.company .section-column.sec4 span {
    font-size: 7.0rem;
    font-weight: 900;
    letter-spacing: -0.25px;
    color: rgba(255, 255, 255, 0.05);
    text-align: start;
    position: absolute;
    line-height: 1;
}

#sub.company .section-column.sec4 span.left {
    top: 83px;
    left: 58px;
}

#sub.company .section-column.sec4 span.right {
    bottom: 50px;
    right: 50px;
    text-align: end;
}

#sub.company .section-column.sec5 .cont-wrap {
    gap: 82px;
    padding-top: 79px;
}

#sub.company .section-column.sec5 ul.tabs li {
    font-size: 2.0rem;
    font-weight: 500;
    letter-spacing: -0.75px;
    background: #ffffff;
    display: inline-block;
    height: 80px;
    width: 240px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 0px 15.25px 3.75px rgba(17, 17, 17, 0.11);
}

#sub.company .section-column.sec5 ul.tabs li.on {
    background: #a09560;
    color: #ffffff;
}

#sub.company .section-column.sec5 .tab_content_wrap {
    width: 100%;
    text-align: start;
}

#sub.company .section-column.sec5 .tab-content {
    display: none;
}

#sub.company .section-column.sec5 .tab-content.on {
    display: block;
}

#sub.company .section-column.sec5 .tab-content .top em {
    display: block;
    font-size: 3.0rem;
    font-weight: 600;
    letter-spacing: -0.75px;
}

#sub.company .section-column.sec5 .tab-content .top span {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.75px;
    line-height: 26px;
}

#sub.company .section-column.sec5 .tab-content .middle {
    padding: 45px 0 80px 0;
    width: 100%;
}

#sub.company .section-column.sec5 .tab-content .middle li {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.75px;
    position: relative;
    top: 0;
    left: 0;
    width: 20%;
    margin-left: 14px;
}

#sub.company .section-column.sec5 .tab-content .middle li b {
    display: block;
    font-weight: 800;
}

#sub.company .section-column.sec5 .tab-content .middle li::before {
    content: '';
    clear: both;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #b9b9b9;
    position: absolute;
    top: 0;
    left: -14px;
}

#sub.company .section-column.sec5 .tab-content .map {
    width: 100%;
    max-width: 1280px;
    height: 503px;
}

#sub.search_login {
    padding-top: 0 !important;
    text-align: start;
    overflow: hidden;
}

#sub.search_login .label {
    padding: 0;
    display: flex !important;
}

.label span {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: -0.75px;
    color: #ffffff;
    width: 28px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    display: inline-block;
}

.monthly {
    background: #f7ba00 !important;
}

/*월세*/
.jeonse {
    background: #f57f00 !important;
}

/*전세*/
.recommend {
    background: #5a00e1 !important;
}

/*추천*/
.hold {
    background: #000000 !important;
}

/*보류*/
.sale {
    background: #a0924d !important;
}

/*매매*/
.q_sale {
    background: #e1000b !important;
}

/*급매*/
.short {
    background: #00cdd5 !important;
}

/*단기*/

#sub.search_login .section {
    padding: 0 !important;
    font-family: 'Pretendard', sans-serif !important;
}

#sub.search_login .section .section-body {
    max-width: 100%;
    padding: 0;
}

#sub.search_login .section .map_option {
    position: absolute;
    top: 110px;
    left: 20px;
    max-width: 368px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px 30px 67px;
    box-sizing: border-box;
    z-index: 100;
    max-height: calc(100% - 130px);
    overflow: hidden;
}

#sub.search_login .section .map_option.on {
    height: auto;
}

@media screen and (min-width: 1025px) {
    #sub.search_login .section .map_option,
    #sub.search_login .section .map_option .tab_area,
    #sub.search_login .section .map_option .tab_body,
    #sub.search_login .section .map_option .tab_wrap {
        display: flex;
        flex-direction: column;
    }

    #sub.search_login .section .map_option .tab_area,
    #sub.search_login .section .map_option .tab_body,
    #sub.search_login .section .map_option .tab_wrap {
        flex: 1 1 auto;
        min-height: 0;
    }

    #sub.search_login .section .map_option .search_area,
    #sub.search_login .section .map_option .tabs {
        flex: 0 0 auto;
    }

    #sub.search_login .section .map_option .pop_close {
        display: none;
    }

    #sub.search_login .section .map_option .tab_cont {
        flex: 1 1 auto;
        min-height: 0;
        margin: 0 -30px;
        padding: 0 30px;
        overflow-x: hidden;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #sub.search_login .section .map_option .tab_cont::-webkit-scrollbar {
        display: none;
    }
}

#sub.search_login .section .map_option.zIndex {
    z-index: 90;
}

#sub.search_login .section .map_option .search_wrap {
    position: relative;
    top: 0;
    right: 0;
}

#sub.search_login .section .map_option input[type="text"] {
    height: 46px;
    line-height: 46px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    transition: border-color 200ms ease;
}

#sub.search_login .section .map_option input[type="text"]:focus {
    border-color: #5e2b03;
    outline: none;
}

#sub.search_login .section .map_option input[type="button"] {
    text-indent: -9999px;
    background: url(/img/ico_search.svg) no-repeat center center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-size: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
}

#sub.search_login .section .tab_area .tab_btns input[type='button'] {
    transform: none;
}

#sub.search_login .section .map_option .tabs {
    list-style-type: none;
    gap: 19px;
    margin-top: 20px;
}

#sub.search_login .section .map_option .tab-link {
    font-size: 2.2rem;
    font-weight: 800;
    color: #999999;
    cursor: pointer;
}

#sub.search_login .section .map_option .tab-link.on {
    color: #111111;
    border-bottom: 4px solid #5e2b03;
}

#sub.search_login .section .map_option .tab-content > ul li + li {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
}

#sub.search_login .section .map_option .tab-content > ul li .txt {
    text-align: start;
}

#sub.search_login .section .map_option .tab-content > ul li .txt b {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
}

#sub.search_login .section .map_option .tab-content > ul li .txt p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #999999;
    line-height: 1;
    margin-top: 2px;
}

#sub.search_login .section .map_option .tab-content > ul li .txt p span {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111111;
    letter-spacing: -0.75px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 0px
}

#sub.search_login .section .map_option .tab-content > ul li .txt p span b {
    font-size: 1.8rem;
    font-weight: 900;
    color: #5e2b03;
    position: unset;
    background: none;
    display: inline-block;
}

.irs-min, .irs-max {
    display: none !important;
}

.col-sm-10 {
    margin-top: -7% !important;
}

#sub.search_login .section .map_option .tab-content > ul li .txt.txt_1 p span {
    gap: 5px !important;
    margin-right: 0 !important;
}

.range_1 span.irs-from {
    top: -7px !important;
    left: 56% !important;
}

.range_1 span.irs-to {
    top: -7px !important;
    left: 80% !important;
}

#sub.search_login .section .map_option .tab-content > ul li .con.option {
    max-height: 50vh;
    overflow-y: scroll;
    padding-top: 18px;
    padding-bottom: 80px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#sub.search_login .section .map_option .tab-content > ul li .con.option::-webkit-scrollbar {
    display: none;
}

#sub.search_login .section .map_option .tab-content > ul li .con.option .box {
    width: calc(33.333% - 7px);
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.3s;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sub.search_login .section .map_option .tab-content > ul li .con.option .box.on {
    background: #5e2b03;
    border-color: #5e2b03;
    color: #ffffff !important;
}

#sub.search_login .section .map_option .tab-content > ul li .con.option .box b {
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
    letter-spacing: -0.75px;
    line-height: 12px;
}

#sub.search_login .section .map_option .filter {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #5e2b03;
    width: 100%;
    color: #ffffff;
    line-height: 37px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.75px;
    cursor: pointer;
}

#sub.search_login .section .map_option .tab_wrap.on {
    display: none;
}

#sub.search_login .section .map_option .filter.filter.expanded #filterText::after {
    content: "검색필터 펼치기";
}

#sub.search_login .section .map_option .filter p {
    margin-bottom: 0;
}

#sub.search_login .section .map_option .filter p span.on {
    content: '검색필터 펼치기';
    text-indent: -9999px;
}

#sub.search_login .section .map_option .filter p svg {
    margin-left: 9px;
}

#sub.search_login .section .map_option .filter p svg.on {
    transform: rotate(180deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

#sub.search_login .section .map_list {
    position: absolute;
    top: 83px;
    right: 0;
    z-index: 99;
    max-width: 450px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    box-sizing: border-box;
    transition: all 0.5s;
}

#sub.search_login .section .map_list .nice-select {
    height: 52px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 48px;
    background-color: #ffffff;
    color: #111111;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    border: 1px solid #dddddd;
    border-radius: 8px;
    margin-bottom: 20px;
    transition: border-color 200ms ease;
}

#sub.search_login .section .map_list .nice-select:active,
#sub.search_login .section .map_list .nice-select:focus-visible,
#sub.search_login .section .map_list .nice-select.open {
    border-color: #5e2b03;
    color: #111111;
}

#sub.search_login .section .map_list .nice-select::after {
    width: 20px;
    height: 20px;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    border: 0;
    background: url('/img/ico_arrow_down_bl.svg') no-repeat center;
    background-size: 20px 20px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: transform 200ms ease;
    transition: transform 200ms ease;
}

#sub.search_login .section .map_list .nice-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#sub.search_login .section .map_list .nice-select .list {
    margin-top: 12px;
    border: 0;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
    max-height: 318px;
    overflow-x: hidden;
    overflow-y: auto;
}

#sub.search_login .section .map_list .nice-select .list::-webkit-scrollbar {
    width: 2px;
}

#sub.search_login .section .map_list .nice-select .list::-webkit-scrollbar-track {
    background: #dddddd;
    border-radius: 500px;
}

#sub.search_login .section .map_list .nice-select .list::-webkit-scrollbar-thumb {
    background: #5e2b03;
    border-radius: 500px;
}

#sub.search_login .section .map_list .nice-select .option {
    height: 52px;
    min-height: 52px;
    line-height: 1.6;
    padding: 13px 20px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #111111;
    background-color: #ffffff;
    box-sizing: border-box;
    margin-top: 0;
    border-top: 0;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: background-color .35s ease;
    transition: background-color .35s ease;
}

#sub.search_login .section .map_list .nice-select .option + .option {
    border-top: 0;
}

#sub.search_login .section .map_list .nice-select .option:last-child {
    border-bottom: 0;
}

#sub.search_login .section .map_list .nice-select .option.selected {
    font-weight: 400;
    background-color: #ffffff;
    color: #111111;
}

#sub.search_login .section .map_list .nice-select .option.focus,
#sub.search_login .section .map_list .nice-select .option.selected.focus {
    background-color: #fff8f5;
    color: #111111;
}

#sub.search_login .section .map_list ul.list_wrap {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#sub.search_login .section .map_list ul.list_wrap::-webkit-scrollbar {
    display: none;
}

#sub.search_login .section .map_list ul.list_wrap li {
    width: 100%;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

#sub.search_login .section .map_list ul.list_wrap li a.item-list {
    width: 100%;
}

#sub.search_login .section .map_list ul.list_wrap > div {
    display: block;
}

#sub.search_login .section .map_list ul.list_wrap > li:last-child {
    margin-bottom: 20px;
}

#sub.search_login .section .map_list ul.list_wrap > li + li {
    margin-top: 10px;
}

#sub.search_login .section .map_list .detail_list {
    position: absolute;
    z-index: 999;
    background: #f5f5f7;
    width: 100%;
    height: 100%;
    top: 0;
    right: -200%;
    cursor: auto;
    transition: 0.3s;
}

#sub.search_login .section .map_list .detail_list.on {
    right: 0;
}

#sub.search_login .section .map_list .detail_list .top {
    background: #ffffff;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 22px 30px;
    box-sizing: border-box;
}

#sub.search_login .section .map_list .detail_list .top .img {
    cursor: pointer;
    padding: 0 20px;
    margin-left: -20px;
    margin-right: -20px;
}

#sub.search_login .section .map_list .detail_list .top p {
    font-size: 1.7rem;
    font-weight: 800;
    display: block;
    width: 100%;
    text-align: center;
}

#sub.search_login .section .map_list .detail_list .middle {
    max-height: 100%;
    overflow-y: scroll;
    padding-bottom: 210px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#sub.search_login .section .map_list .detail_list .middle::-webkit-scrollbar {
    display: none;
}

#sub.search_login .section .map_list .detail_list .list {
    padding: 28px 30px;
    box-sizing: border-box;
    background: #ffffff;
}

#sub.search_login .section .map_list .detail_list .list.list_1 {
    padding: 0 30px 30px;
}

#sub.search_login .section .map_list .detail_list .list + .list {
    margin-top: 10px;
}

#sub.search_login .section .map_list .detail_list .list .list_tit {
    padding-bottom: 20px;
}

#sub.search_login .section .map_list .detail_list .list .list_info {
}

#sub.search_login .section .map_list .detail_list .list .list_info p {
    display: flex;
    padding-bottom: 15px;
    width: 100%;
}

#sub.search_login .section .map_list .detail_list .list .list_info p + p {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
    text-align: start;
}

#sub.search_login .section .map_list .detail_list .list .list_info p span {
    font-weight: 600;
    color: #444444;
    display: inline-block;
    text-align: start;
    max-width: 30%;
    width: 100%;
}

#sub.search_login .section .map_list .detail_list .list .list_info p b {
    text-align: start;
    font-size: 1.4rem;
    font-weight: 700;
    word-break: break-all;
}

#sub.search_login .section .map_list .detail_list .list .list_info p b {
    padding-left: 15px;
}

#sub.search_login .section .map_list .detail_list .list .list_info > em {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.75px;
    color: #444444;
    line-height: 28px;
    display: block;
    text-align: start;
}

#sub.search_login .section .map_list .detail_list .list .list_info #map, #sub.search_login .section .map_list .detail_list .list .list_info #map iframe, #map_s, #map_min {
    width: 288px;
    height: 158px;
}

#map_min {
    width: 390px;
}

#sub.search_login .section .map_list .detail_list .list .img_txt {
    margin-bottom: 26px;
}

#sub.search_login .section .map_list .detail_list .list .img_txt .img {
    max-width: 54px;
    max-height: 54px;
    width: 100%;
    height: 100%;
    border: 1px solid #ececec;
    border-radius: 50%;
    box-sizing: border-box;
}

#sub.search_login .section .map_list .detail_list .list .img_txt .img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

#sub.search_login .section .map_list .detail_list .list .img_txt b {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 20px;
    text-align: start;
    word-break: break-all;
}

#sub.search_login .section .map_list .detail_list .list .list_tit h4 {
    display: block;
    text-align: start;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

#sub.search_login .section .map_list .detail_list .list .detail_info p span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #444444;
    display: block;
    text-align: start;
    letter-spacing: -0.75px;
    padding-left: 12px;
}

#sub.search_login .section .map_list .detail_list .list .detail_info p span.triangle::before {
    content: '▶';
    clear: both;
    display: inline-block;
    margin-left: -12px;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper {
    position: relative;
    top: 0;
    overflow: hidden;
    max-width: 400px;
    max-height: 178px;
    width: 100%;
    height: 100%;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-pagination {
    position: absolute;
    left: 83%;
    font-size: 1.0rem;
    font-weight: 800;
    color: #f8f8f8;
    width: 35px;
    height: 20px;
    background: #010101;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-slide {
    position: relative;
    top: 0;
    left: 0;
    max-height: 178px;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-slide img {
    width: 100%;
    max-width: 100%;
    max-height: 178px;
    display: block;
    object-fit: cover;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper p {
    position: absolute;
    top: 15px;
    left: 0;
    width: 54px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    z-index: 9;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-prev, #sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-next {
    color: #ffffff;
    width: 9px;
    height: 16px;
    top: 58%;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-next {
    right: 14px;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-prev::after, #sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-next::after {
    font-size: 1.8rem;
    font-weight: 700;
}

#sub.search_login .section .map_list .detail_list .list_1 .swiper .swiper-button-prev {
    left: 14px;
}

#sub.search_login .section .map_list .detail_list .list_1 .txt_wrap {
    padding-top: 12px;
    text-align: start;
}

#sub.search_login .section .map_list .detail_list .list_1 .txt_wrap .tit_video {
}

#sub.search_login .section .map_list .detail_list .list_1 .txt_wrap .tit_video b {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
    padding-top: 10px;
}

#sub.search_login .section .map_list .detail_list .list_1 .txt_wrap .tit_video b em {
    color: #999999;
    font-size: 1.3rem;
    font-weight: 800;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

#sub.search_login .section .map_list .detail_list .list_1 .txt_wrap .tit_video a {
    background: #5e2b03;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    box-sizing: border-box;
    transition: background-color 200ms ease;
}

#sub.search_login .section .map_list .detail_list .list_4 .con .box {
    width: calc(33.333% - 4px);
    background: #f4f3fa;
    color: #5e2b03;
    border: 1px solid #ddd9f0;
    border-radius: 8px;
    box-sizing: border-box;
    transition: 0.3s;
    height: 40px;
    line-height: 38px;
}

#sub.search_login .section .map_list .detail_list .list_4 .con .box b {
    font-size: 1.1rem;
    font-weight: 800;
    text-align: center;
    letter-spacing: -0.75px;
}

#sub.search_login .section .map_list .detail_list .list_5 .detail_info {
    max-height: 400px;
}

#sub.search_login .section .map_list .detail_list .bottom {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    max-width: 450px;
}

#sub.search_login .section .map_list .detail_list .bottom .btn {
    border-radius: 0 !important;
    box-sizing: border-box;
}

#sub.search_login .btn.copy {
    background: #111111 url(/img/ico_copy.svg) no-repeat center center;
    background-size: 17px 19px;
    width: 100%;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
}

#sub.search_login .btn.copy > span {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #111111;
    border-radius: 8px;
    width: 200px;
    height: 50px;
    line-height: 50px;
}

#sub.search_login .btn.heart {
    background: #999999 url(/img/ico_heart.svg) no-repeat center center;
    background-size: 19px 18px;
    width: 100%;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
}

#sub.search_login .btn.heart.on {
    background: #5e2b03 url(/img/ico_heart_w.svg) no-repeat center center;
    background-size: 19px 18px;
    width: 100%;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
}

#sub.search_login .btn.contact {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 800;
    color: #ffffff;
    background: #5e2b03;
    transition: background-color 200ms ease;
}

#sub.search_login .section .map_list ul.list_wrap li .img {
    max-width: 82px;
    width: 100%;
    height: 82px;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
}

#sub.search_login .section .map_list ul.list_wrap li .img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}

#sub.search_login .section .map_list ul.list_wrap li .img .heart {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(/img/ico_heart.svg) no-repeat center center;
    background-size: 100% 100%;
    width: 17px;
    height: 15px;
    transition: 0.3s;
    z-index: 49;
}

#sub.search_login .section .map_list ul.list_wrap li .img .heart.on {
    background: url(/img/ico_heart_fill.svg) no-repeat center center;
}

#sub.search_login .section .map_list ul.list_wrap li .txt {
    letter-spacing: -0.75px;
    text-align: start;
    width: 100%;
}

#sub.search_login .section .map_list ul.list_wrap li .txt .top p {
    font-size: 1.4rem;
    font-weight: 800;
    color: #777777;
    margin-bottom: 0;
}

#sub.search_login .section .map_list ul.list_wrap li .txt .middle b {
    font-size: 1.7rem;
    font-weight: 800;
}

#sub.search_login .section .map_list ul.list_wrap li .txt .bottom p {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0;
}

#sub.search_login .section .map_list ul.list_wrap li .txt .bottom p em {
    color: #5e2b03;
    font-weight: 600;
}

.btn-fillter {
    display: block;
    width: 46px;
    height: 46px;
    background: #5e2b03 url(/img/ico_fillter.svg) no-repeat center / 16px;
    border-radius: 8px;
}

.map_list .list-btn {
    display: block;
    width: 30px;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    text-indent: -9999px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px 0 0 8px;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -30px;
    z-index: 100;
}

.map_list.off {
    right: -348px !important
}

/* search(비로그인) */
#sub.search .section .section-body {
    max-width: 100%;
}

#sub.search .tit-area .tit-box h4 {
    font-size: 4.0rem;
    font-weight: 400;
    letter-spacing: -0.75px;
    line-height: 60px;
}

#sub.search .tit-area .tit-box span {
    font-size: 1.8rem;
    font-weight: 500;
    color: #444444;
}

#sub.search .section-row {
    padding-top: 150px;
}

#sub.search .cont-area {
    padding: 50px 80px 0;
}

#sub.search .cont-area .swiper-container {
    width: calc(100% + 240px);
    margin-left: -120px;
}

#sub.search .cont-area .img_txt {
    position: relative;
    top: 0;
    left: 0;
    font-size: 0;
    text-align: center;
}

#sub.search .cont-area .img_txt .img_box {
    display: inline-block;
    position: relative;
}

#sub.search .cont-area .txt {
    background: #ffffff;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-sizing: border-box;
    width: 320px;
    box-shadow: 7px 17px 33.2px 6.8px rgba(17, 17, 17, 0.35);
    position: absolute;
}

#sub.search .cont-area .txt.r-txt {
    bottom: 76px;
    right: -80px;
    height: 190px;
}

#sub.search .cont-area .txt.l-txt {
    left: -90px;
    top: 82px;
    height: 151px;
}

#sub.search .cont-area .txt span {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.75px;
}

#sub.search .cont-area .txt span b {
    font-size: 2.4rem;
    font-weight: 800;
}

#sub.search .cont-area .btn-wrap {
    max-width: 960px;
    margin: 21px auto 0;
}

#sub.search .cont-area .btn-wrap a {
    display: block;
    width: 50%;
    height: 80px;
    line-height: 80px;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 2.0rem;
    font-weight: 800;
    color: #ffffff;
}

#sub.search .cont-area .btn-wrap a.btn_1 {
    background: #b9b9b9;
}

#sub.search .cont-area .btn-wrap a.btn_2 {
    background: #3c1a00;
    box-shadow: 11px 12px 21.75px 7.25px rgba(17, 17, 17, 0.31);
}

#sub.search .btnSet a {
    max-width: 250px;
    margin: 0 auto;
    border-radius: 35px !important;
}

p.logo_office {
    background: #a09561 !important;
    color: #ffffff !important;
}

p.logo_store {
    background: #5e2b03 !important;
    color: #ffffff !important;
}

#sub.search_login p.logo_office {
    background: #5e2b03 !important;
    color: #ffffff !important;
}

#sub.search_login p.logo_store {
    background: #111111 !important;
    color: #ffffff !important;
}

#sub.search.store .section-inner, #sub.search.office .section-inner {
    padding-bottom: 152px;
}

/* office */
#sub.office .section-row {
    padding-top: 0;
}

#sub.office .tit-area {
    padding-top: 100px;
}

#sub.office ul.content {
    padding-top: 65px;
    padding-bottom: 20px;
    max-width: 960px;
    margin: 0 auto;
}

#sub.office ul.content li {
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #a09560;
    width: calc(50% - 20px);
    height: 90px;
    line-height: 90px;
    background: #ffffff;
    border: 1px solid #a09560;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}

#sub.office .step1 ul.content li.best::before {
    content: '';
    clear: both;
    background: url(/img/ico_best.svg) no-repeat center center;
    background-size: cover;
    width: 58px;
    height: 58px;
    display: inline-block;
    position: absolute;
    top: -6px;
    left: -6px;
}

#sub.office ul.content li.on {
    color: #ffffff !important;
    background: #a09560;
    border: none;
    box-shadow: 9px 10px 19.44px 4.56px rgba(17, 17, 17, 0.3);
}

#sub.office ul.content li.on p {
    color: #ffffff !important;
}

#sub.office ul.content li.on b {
    color: #ffffff !important;
}

#sub.office .step2, #sub.office .step3, #sub.office .step4, #sub.office .finish {
    display: none;
}

#sub.office .step2 ul.content li, #sub.office .step3 ul.content li, #sub.office .step4 ul.content li, #sub.store .step5 ul.content li {
    width: calc(33.333% - 14px);
    height: 200px;
    gap: 9px;
}

#sub.office .step2 ul.content li p, #sub.office .step3 ul.content li p, #sub.store .step5 ul.content li p {
    color: #111111;
    line-height: 1;
}

#sub.office .step4 ul.content li p {
    color: #a09560;
    line-height: 24px;
}

#sub.office .step3 ul.content li b {
    font-size: 6.0rem;
    font-weight: 900;
    color: #a29661;
}

#sub.office ul.content li.etc {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

#sub.office ul.content li.etc p {
    font-size: 1.8rem;
    font-weight: 700;
    color: #9f945f !important;
}

#sub.office ul.content li.etc .wid_wrap {
    position: relative;
    border-bottom: 2px solid #a29661;
}

#sub.office ul.content li.etc .wid_wrap input {
    border: none;
    max-width: 160px;
}

#sub.office ul.content li.etc .wid_wrap input:focus {
    outline: none;
}

#sub.office ul.content li.etc .wid_wrap span {
    position: absolute;
    right: 0;
    color: #111111;
    font-weight: 700;
    font-size: 1.8rem;
}

#sub.office ul.content li.txt_area_wrap {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

#sub.office ul.content li.txt_area_wrap textarea {
    width: 100%;
    min-height: 400px;
    height: 100%;
    border: none;
    resize: none;
    border-radius: 10px;
    padding: 28px;
}

#sub.office .btnSet.pre_nex .prev {
    width: 70px;
    height: 70px;
    border-radius: 50% !important;
    display: inline-block;
    min-width: unset;
    margin: 0;
    cursor: pointer;
    pointer-events: unset;
    background: #2e2e2e !important;
}

#sub.office .btnSet.pre_nex .next {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 27px !important;
    text-align: center;
}

#sub.office .step4 .btnSet.pre_nex .next {
    justify-content: center;
}

#sub.office .finish .tit-area {
    padding-top: 71px;
}

#sub.office .finish .tit-area .tit-box h4 em {
    color: #9f945f;
}

#sub.office .finish ul.content {
    padding-bottom: 0;
    height: fit-content;
    width: 103.1%;
    margin-left: -3.1%;
    margin-top: 1%;
    max-width: 1280px;
    margin: 0 auto;
}

#sub.office .finish ul.content li {
    float: left;
    width: 30.23%;
    margin-left: 3.1%;
    margin-top: 3.1%;
    height: auto;
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #a09560;
    line-height: 90px;
    background: #ffffff;
    border: 1px solid #a09560;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: start;
    cursor: unset;
    transition: 0.3s;
    position: relative;
    top: 0;
    left: 0;
}

#sub.office .finish ul.content li .img {
    max-width: 398px;
    width: 100%;
    height: 280px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

#sub.office .finish ul.content li .img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#sub.office .finish ul.content li .img p {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.75px;
    width: 65px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

p.office_store {
    background: #a09561 !important;
    color: #ffffff !important;
}

#sub.office .finish ul.content li .txt {
    padding: 25px 30px;
    box-sizing: border-box;
}

#sub.office .finish ul.content li .txt .top {
    margin-bottom: 16px;
}

#sub.office .finish ul.content li .txt .top p {
    font-size: 1.6rem;
    font-weight: 700;
    color: #777777;
    letter-spacing: -0.75px;
    line-height: 22px;
}

#sub.office .finish ul.content li .txt .top span {
    font-size: 2.2rem;
    color: #111111;
    line-height: 30px;
}

#sub.office .finish ul.content li .txt .top span.phone {
    font-size: 1.6rem;
    color: #a09560;
}

#sub.office .finish ul.content li .txt .top span.phone b {
    font-size: 2.0rem;
    font-weight: 800;
}

#sub.office .finish ul.content li .txt .middle {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 30px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 23px 0;
    margin-bottom: 19px;
    gap: 10px;
}

#sub.office .finish ul.content li .txt .middle > p {
    width: 50%;
}

#sub.office .finish ul.content li .txt .middle p b {
    color: #111111;
    font-size: 2.4rem;
    font-weight: 800;
}

#sub.office .finish ul.content li .txt .bottom span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #777777;
    letter-spacing: -0.75px;
    line-height: 22px;
    width: calc(50% - 4px);
}

#sub.office .finish ul.content li .txt .bottom span b {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
    color: #111111;
}

#sub.office .finish .btn_wrap a {
    width: 50% !important;
    border-radius: 0 0 0 8px !important;
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    background: #424242;
    margin: 0;
    position: relative;
}

#sub.office .finish .btn_wrap a:last-child {
    border-radius: 0 0 8px 0 !important;
    background: #a09560;
}

.bottom_find {
    background: url(/img/bottom_login_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    text-align: start;
    display: none;
    width: 100%;
    padding: 34px;
    box-sizing: border-box;
    margin-top: 120px;
}

.bottom_find .div {
    width: 100%;
}

.bottom_find h4 {
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: -0.75px;
    line-height: 24px;
    margin-bottom: 6px;
}

.bottom_find h4 em {
    color: #d48b68;
}

.bottom_find p {
    font-size: 1.4rem;
    font-weight: 500;
    color: #a5a5a5;
}

.bottom_find .btn {
    font-size: 1.6rem;
    font-weight: 800;
    background: #87543b;
    width: 250px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px !important;
    display: flex;
    padding: 0 40px !important;
}

/* store */
#sub.store .step2 ul.content li b {
    font-size: 5.0rem;
    font-weight: 900;
    line-height: 92px;
}

#sub.store .step2 ul.content li b em {
    font-size: 3.0rem;
    font-weight: 900;
}

#sub.store .step4 ul.content li p {
    color: #111111;
}

#sub.store .step4 ul.content li .img {
    margin-left: 16px;
}

#sub.store .step4 ul.content li:last-child .imf {
    margin-left: 0;
}

#sub.store .step4 .btnSet.pre_nex .next {
    justify-content: space-between;
}

#sub.store .step5 ul.content li {
    height: 250px;
}

#sub.store .step5 ul.content li b {
    line-height: 1;
}

#sub.store .step5 ul.content li p {
    font-size: 1.4rem;
    color: #444444;
    line-height: 18px;
}

#sub.store .step5 .btnSet.pre_nex .next {
    justify-content: center;
}

#sub.store .step5, #sub.store .finish {
    display: none;
}

.swiper-slide .con-area {
    position: relative;
    padding: 0 120px;
}

.swiper-slide .con-area > img {
    visibility: hidden;
    width: 100%;
}

.swiper-slide .con-area .cont-wrap {
    width: 100%;
    height: 100%;
}

/* mypage */
#sub.mypage .tab-content {
    display: none;
    padding: 80px 0 0;
}

#sub.mypage .tab-content.active {
    display: block;
}

#sub.mypage .tab-content h2 {
    font-weight: 800;
    letter-spacing: -0.75px;
    padding-bottom: 24px;
}

#sub.mypage #tab1 .inner_tab_content {
    margin-top: 20px;
}

#sub.mypage #tab1 .inner_tab_content:first-child {
    margin-top: 0px;
}

#sub.mypage #tab1 .inner_tabs {
    position: relative;
    z-index: 10;
}

#sub.mypage #tab1 .inner_tabs .inner_tab_button {
    font-size: 2.0rem;
    font-weight: 800;
    letter-spacing: 0.75px;
    color: #666666;
}

#sub.mypage #tab1 .inner_tabs .inner_tab_button.active {
    color: #a09561;
    border-bottom: 4px solid #a09561;
}

#sub.mypage #tab3 .content {
    max-width: 800px;
    margin: 0 auto;
}

#sub.mypage #tab3 .info_wrap {
    padding-top: 0;
}

#sub.mypage #tab3 .info_wrap li {
    width: 100%;
}

#sub.mypage #tab3 .info_wrap li + li {
    margin-top: 19px;
}

#sub.mypage #tab3 .info_wrap li input[type='text'] {
    background: #f8f8f8;
}

#sub.mypage #tab3 .info_wrap li .price_wrap input[type='text'] {
    background: #ffffff;
}

#sub.mypage #tab3 .info_wrap li .intable_wrap {
    position: relative;
    top: 0;
    right: 0;
}

#sub.mypage #tab3 .info_wrap li .intable_wrap .btn.change {
    position: absolute;
    top: 50%;
    right: 24px;
    font-size: 1.4rem;
    font-weight: 700;
    background: none;
    color: #696969 !important;
    width: fit-content;
    height: fit-content;
    line-height: 1;
    min-width: unset;
    transform: translateY(-50%);
}

#sub.mypage #tab3 .consulting {
    box-shadow: none;
    margin-top: 40px;
}

#sub.mypage #tab3 .withdraw {
    display: block;
    text-align: end;
    margin-top: 49px;
}

#sub.mypage #tab3 .withdraw span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #696969;
    border-bottom: 1px solid #696969;
    padding-bottom: 4px;
    display: inline-block;
}

#sub.mypage .tab_content_wrap {
    margin-top: 20px;
}

#sub.mypage .tab_content_wrap ul.content {
    padding-bottom: 181px;
}

#sub.mypage #tab1 .tab_content_wrap ul.content {
    padding-bottom: 0;
    height: fit-content;
    width: 103.1%;
    margin-left: -3.1%;
    margin-top: -3.1%;
}

#sub.mypage .tab_content_wrap ul.content li {
    float: left;
    width: 30.23%;
    margin-left: 3.1%;
    margin-top: 3.1%;
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #a09560;
    line-height: 90px;
    background: #ffffff;
    border: 1px solid #a09560;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: start;
    cursor: unset;
    transition: 0.3s;
    position: relative;
    top: 0;
    left: 0;
}

#sub.mypage .tab_content_wrap ul.content li a {
    display: block;
}

#sub.mypage .tab_content_wrap ul.content .property_no {
    width: 100%;
    margin-left: 3.1%;
    margin-top: 3.1%;
    min-height: 300px;
    line-height: 300px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}

#sub.mypage .tab_content_wrap ul.content li .img {
    max-width: 398px;
    width: 100%;
    height: 280px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

#sub.mypage .tab_content_wrap ul.content li .img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

#sub.mypage .tab_content_wrap ul.content li .img p {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.75px;
    width: 65px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

#sub.mypage .tab_content_wrap ul.content li .img button {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 5;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url('/img/ico_trash_gry.svg');
    background-size: 17px 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #111111;
    box-shadow: 3px 4px 12.35px 0.65px rgba(0, 0, 0, 0.84);
    font-size: 0;
    text-indent: -9999px;
}

#sub.mypage .tab_content_wrap ul.content li .txt {
    padding: 25px 30px;
    box-sizing: border-box;
}

#sub.mypage .tab_content_wrap ul.content li .txt .top p {
    font-size: 1.6rem;
    font-weight: 700;
    color: #777777;
    letter-spacing: -0.75px;
    line-height: 22px;
    padding: 0 0 16px;
}

#sub.mypage .tab_content_wrap ul.content li .txt .top p span {
    font-size: 2.2rem;
    color: #111111;
    line-height: 30px;
}

#sub.mypage .tab_content_wrap ul.content li .txt .middle {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 30px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 23px 0;
    margin-bottom: 19px;
    gap: 10px;
}

#sub.mypage .tab_content_wrap ul.content li .txt .middle > p {
    width: 50%;
}

#sub.mypage .tab_content_wrap ul.content li .txt .middle p b {
    color: #111111;
    font-size: 2.4rem;
    font-weight: 800;
}

#sub.mypage .tab_content_wrap ul.content li .txt .bottom span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #777777;
    letter-spacing: -0.75px;
    line-height: 22px;
    width: calc(50% - 4px);
}

#sub.mypage .tab_content_wrap ul.content li .txt .bottom span b {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
    color: #111111;
}

#sub.mypage .tab_content_wrap .btn_wrap .btn {
    width: 50% !important;
    border-radius: 0 0 0 8px !important;
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    background: #424242;
    margin: 0;
    position: relative;
}

#sub.mypage .tab_content_wrap .btn_wrap .btn:nth-child(2) {
    border-radius: 0 0 8px 0 !important;
    background: #a09560;
}

#sub.mypage .tab_content_wrap .btn_wrap .btn.copyUrlButton span {
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 13px 13px 29px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 90%;
    right: -10%;
    z-index: 5;
    color: #111111;
    font-size: 1.4rem;
    font-weight: 500;
    transition: opacity .6s;
}

/* 회원탈퇴 */
#sub.mypage.withdraw .withdraw_wrap {
    max-width: 800px;
    margin: 0 auto;
}

#sub.mypage.withdraw .bbs {
    padding-top: 80px;
}

#sub.mypage.withdraw .bbs h2 {
    font-weight: 800;
    letter-spacing: -0.75px;
    padding-bottom: 39px;
}

#sub.mypage.withdraw .bbs .notice_txt {
    background: #f5f4f0;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 40px 50px;
}

#sub.mypage.withdraw .bbs .notice_txt .left {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.75px;
}

#sub.mypage.withdraw .bbs .notice_txt .right li {
    font-size: 1.4rem;
    font-weight: 500;
    color: #888888;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 7px;
    max-width: 530px;
}

#sub.mypage.withdraw .bbs .notice_txt .right li::before {
    content: '';
    clear: both;
    width: 3px;
    height: 3px;
    background: #9f945f;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-left: -7px;
}

#sub.mypage.withdraw .info_wrap {
    padding-top: 29px;
}

#sub.mypage.withdraw .info_wrap li {
    width: 100%;
}

#sub.mypage.withdraw .info_wrap li + li {
    margin-top: 19px;
}

#sub.mypage.withdraw textarea {
    min-height: 200px;
}

#sub.mypage.withdraw .login_btn {
    margin-top: 30px;
}

.btn.cancel {
    width: 150px !important;
    background: #9f945f !important;
    font-size: 1.6rem;
    font-weight: 700;
}

#sub.mypage.withdraw .login_btn input {
    min-width: 300px;
    background: #ffffff;
    border: 1px solid #666666;
    color: #666666 !important;
    font-size: 1.6rem;
    font-weight: 700;
}

#sub.bsc_brd .inner {
    padding-top: 80px;
}

#sub.bsc_brd .tit_area {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

#sub.bsc_brd .tit_area .title h2 {
    font-size: 3rem;
    font-weight: 800;
    color: #111111;
    line-height: 1;
}

#sub.bsc_brd .cont_area .tbl_box {
}

#sub.bsc_brd .reply_area {
    border-top: 1px solid #adadad;
}

.search_util {
    display: flex;
    gap: 26px;
    align-items: center;
}

.search_util .total > p {
    font-size: 1.8rem;
    font-weight: 800;
    color: #111111;
}

.search_util .total > p > span {
    color: #a09560;
}

.search_util .search_ipt {
    display: flex;
    gap: 5px;
}

.ipt, .slct {
    height: 46px;
    line-height: 44px;
}

.ipt > input, .slct .tp2 {
    height: 100%;
    border: none;
    line-height: 44px;
    background: transparent;
    font-size: 1.4rem;
    color: #111111;
    font-weight: 500;
}

.slct .tp2 {
    min-width: 144px;
    padding: 0 15px;
}

.slct .tp2 .option {
    padding: 0 10px;
    font-size: 1.4rem;
}

.nice-select.tp2:after {
    margin-top: -6px;
    right: 15px;
}

.ipt > input[type="text"] {
    min-width: 250px
}

.ipt, .slct {
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #a09560;
}

.keyword_box .ipt {
    position: relative;
}

.keyword_box .ipt input[type="submit"] {
    width: 44px;
    height: 44px;
    font-size: 0;
    text-indent: -9999px;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background-image: url('/img/ico_search.svg');
    background-size: 16px 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/* Range Slider widget */
.rangeslider-widget {
    position: relative;
}

.range-slider-one {
    position: relative;
    min-height: 48px;
    padding-top: 18px;
}

.range-slider-one .ui-widget.ui-widget-content {
    height: 10px;
    border: none;
    margin-bottom: 12px;
    border-radius: 500px;
    background: #eeeeee;
}

.range-slider-one .ui-slider .ui-slider-range {
    top: 0px;
    height: 10px;
    border-radius: 500px;
    background: #5e2b03;
}

.range-slider-one .ui-state-default, .range-slider-one .ui-widget-content .ui-state-default {
    position: absolute;
    top: -6px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 5px solid #5e2b03;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 4.4399999999999995px 1.56px rgba(17, 17, 17, 0.3);
}

.range-slider-one .input-outer {
    display: flex;
    justify-content: center;
}

.range-slider-one .amount-outer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    background: #f4f3fa;
    border-radius: 8px;
    font-size: 1.4rem;
    line-height: 19px;
    color: #5e2b03;
}

.range-slider-one .amount {
}

.range-slider-one .ui-state-default:last-child {
    display: block !important;
}

.range-slider-one.salary-range .ui-state-default {
    display: block !important;
}

.area-range-num ul {
    font-size: 1.5rem;
    color: #696969;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.area-range-num ul li {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
    position: relative;
    top: 0;
    left: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #999999;
    letter-spacing: -0.75px;
}

.area-range-num ul li:nth-child(1)::before {
    left: 0;
}

.area-range-num ul li:nth-child(5)::before {
    left: 100%;
}

.area-range-num ul li::before {
    content: '';
    clear: both;
    width: 1px;
    height: 5px;
    background: #dddddd;
    position: absolute;
    top: -5px;
    left: 50%;
}

.range-slider-one .amount, .range-slider-one .amount.area-amount9 {
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    color: #5e2b03 !important;
    position: unset !important;
    background: none !important;
    display: inline-block !important;
    position: absolute !important;
    top: -24px !important;
    left: 69% !important;
    width: fit-content !important;
    border-radius: 0 !important;
    margin-right: 5px;
}

.range-slider-one .amount.area-amount2, .range-slider-one .amount.area-amount8, .range-slider-one .amount.area-amount10 {
    top: -24px !important;
    left: 88% !important;
}

.range-slider-one .amount.area-amount3, .range-slider-one .amount.area-amount5 {
    top: -22px !important;
    left: 60% !important;
}

.range-slider-one .amount.area-amount4, .range-slider-one .amount.area-amount6 {
    top: -22px !important;
    left: 82% !important;
}

.cluster-marker {
    z-index: 999;
}

@keyframes CireleMarker_wave__KSX_O {
    0% {
        transform: scale(.7);
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

.custom-marker {
    width: 20px;
    height: 20px;
    background-color: #007bff;
    border-radius: 50%;
    border: 2px solid #ffffff;
    cursor: pointer;
}

@keyframes CireleMarker_wave__KSX_O {
    0% {
        transform: scale(.7);
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

.circle-marker {
    width: 200px;
    height: 200px;
    background-color: rgba(162, 150, 97, 0.3);
    border-radius: 50%;
    border: 2px solid rgba(162, 150, 97, 0.5);
    cursor: pointer;
    animation: circle 1s infinite;
}

@keyframes circle {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
}

/* ==================================================
   서브 공통 타이틀
   ================================================== */
#sub .tit-box .small-tit {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #5e2b03;
    line-height: 1.6;
}

#sub .tit-box .mid-tit {
    margin-top: 20px;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1.4;
    color: #111111;
}

/* ==================================================
   company — CEO 인사말
================================================== */
#sub.company.ceo .outline-band {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 140px;
    margin-top: -50px;
    overflow: hidden;
    user-select: none;
}

#sub.company.ceo .outline-band .band-track {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    animation: band-scroll 40s linear infinite;
}

#sub.company.ceo .outline-band .band-item {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    padding-right: 150px;
}

#sub.company.ceo .outline-band .band-logo {
    display: block;
    flex: 0 0 auto;
    width: 478px;
    height: 140px;
    margin-right: 103px;
}

#sub.company.ceo .outline-band .band-sub {
    display: block;
    flex: 0 0 auto;
    width: 1177px;
    height: 107px;
}

#sub.company.ceo .outline-band .band-logo img,
#sub.company.ceo .outline-band .band-sub img {
    display: block;
    width: 100%;
    height: 100%;
}

@keyframes band-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

/* section1 : 인사말 */
#sub.company.ceo .ceo-sec1 .section-row {
    display: flex;
    gap: 80px;
}

#sub.company.ceo .ceo-sec1 .txt-col {
    flex: 1;
    min-width: 0;
}

#sub.company.ceo .ceo-sec1 .greeting-txt {
    margin-top: 24px;
    max-width: 663px;
}

#sub.company.ceo .ceo-sec1 .greeting-txt p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.ceo .ceo-sec1 .greeting-txt p + p {
    margin-top: 29px;
}

#sub.company.ceo .ceo-sec1 .img-col {
    flex: 1;
    min-width: 0;
}

#sub.company.ceo .ceo-sec1 .img-sticky {
    position: sticky;
    top: 104px;
    height: 400px;
    overflow: hidden;
}

#sub.company.ceo .ceo-sec1 .img-sticky img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sub.company.ceo .cont-tit,
#sub.company.networks .cont-tit,
#sub.service .cont-tit {
    font-family: "Inter", sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.6;
    color: #111111;
    margin-bottom: 40px;
}

/* section2 : VISION / MISSION 박스 */
#sub.company.ceo .ceo-sec2 {
    padding-top: 0;
}

#sub.company.ceo .vision-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 80px;
    background: #fff8f5;
    text-align: center;
}

#sub.company.ceo .vision-box + .vision-box {
    margin-top: 40px;
}

#sub.company.ceo .vision-box .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    padding: 0 15px;
    border-radius: 500px;
    background: #5e2b03;
    font-family: "Inter", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    color: #ffffff;
}

#sub.company.ceo .vision-box .txt strong {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.6;
}

#sub.company.ceo .vision-box .txt strong br {
    display: none;
}

#sub.company.ceo .vision-box .txt p {
    margin-top: 10px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

/* section3 : CORE VALUE */
#sub.company.ceo .ceo-sec3 {
    padding-top: 0;
    margin-bottom: 148px;
}

#sub.company.ceo .value-wrap {
    position: relative;
    display: flex;
    width: 100%;
}

#sub.company.ceo .value-wrap .dot {
    opacity: 0;
}

#sub.company.ceo .value-wrap .dot.is-set {
    opacity: 1;
}

#sub.company.ceo .value-wrap .val-col {
    flex: 1;
    min-width: 0;
    margin-right: -60px;
}

#sub.company.ceo .value-wrap .val-col:last-of-type {
    margin-right: 0;
}

#sub.company.ceo .value-wrap .val-col:nth-child(2n) {
    padding-top: 120px;
}

#sub.company.ceo .value-wrap .value {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    text-align: center;
    background: transparent;
}

/* 원 테두리 : 좌상 → 우하 대각 그라데이션(#eee → #999 → #eee).
   내부는 투명해야 원끼리 겹친 선이 보이므로 mask 로 1px 링만 남김 */
#sub.company.ceo .value-wrap .value::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 50%;
    background: linear-gradient(135deg, #eeeeee 0%, #999999 50%, #eeeeee 100%);
    -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}

#sub.company.ceo .value-wrap .value strong {
    font-family: "Inter", sans-serif;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.6;
    color: #5e2b03;
    text-transform: capitalize;
}

#sub.company.ceo .value-wrap .value p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.ceo .value-wrap .dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5e2b03;
}

/* ==================================================
   company — Value Chain
================================================== */
#sub.company.value-chain .vc-sec1 {
    padding-bottom: 80px;
}

#sub.company.value-chain .tit-box .mid-tit br.br-380 {
    display: none;
}

#sub.company.value-chain .vc-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.value-chain .vc-band {
    position: relative;
    width: 100%;
    padding: 200px 40px;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

#sub.company.value-chain .vc-band .vc-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a0725;
    opacity: 0;
}

#sub.company.value-chain .vc-band .vc-bg .vc-texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

#sub.company.value-chain .vc-band .vc-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(10, 7, 37, 0.8) 0%, rgba(12, 0, 143, 0.8) 100%);
}

#sub.company.value-chain .vc-band .vc-diagram {
    position: relative;
    width: 100%;
    max-width: 935px;
    margin: 0 auto;
    z-index: 2;
}

#sub.company.value-chain .vc-band .vc-diagram img {
    width: 100%;
}

/* ==================================================
   company — 연혁
================================================== */
#sub.company.history .hist-sec1 {
    padding-bottom: 80px;
}

#sub.company.history .hist-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.history .hist-timeline {
    position: relative;
    width: 100%;
    padding-bottom: 160px;
    overflow-anchor: none; /* 더보기 펼침/접힘 때 브라우저 스크롤 앵커링이 끼어들지 않게 */
}

#sub.company.history .hist-timeline::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    bottom: 0;
    background: #f7f7f7;
}

#sub.company.history .hist-body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    width: 100%;
    max-width: 1520px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: border-box;
}

#sub.company.history .hist-body::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 25px; /* 타임라인 끝 토글 버튼(50px) 중심까지 */
    width: 1px;
    background: #dddddd;
}

#sub.company.history .hist-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #5e2b03;
}

#sub.company.history .hist-logo img {
    width: 113px;
}

#sub.company.history .hist-rows {
    display: flex;
    flex-direction: column;
    gap: 80px;
    width: 100%;
}

#sub.company.history .hist-row {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

#sub.company.history .hist-row .yr {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

#sub.company.history .hist-row .yr strong {
    font-size: 4.8rem;
    font-weight: 800;
    line-height: normal;
    color: #d4c7c5;
}

#sub.company.history .hist-row .ct {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
}

#sub.company.history .hist-row .ct .dot {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #5e2b03;
}

#sub.company.history .hist-row .items {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding-top: 12px;
}

#sub.company.history .hist-row .item .month {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 2rem;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6;
    color: #5e2b03;
}

#sub.company.history .hist-row .item .txt {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.history .hist-row.rev {
    flex-direction: row-reverse;
}

#sub.company.history .hist-row.rev .yr {
    justify-content: flex-start;
}

#sub.company.history .hist-row.rev .items {
    align-items: flex-end;
    text-align: right;
}

/* 더보기 (2019 이전) — 접힘 0fr ↔ 펼침 1fr 트랜지션. 접힌 동안은 보조기기/텍스트 선택에서도 제외 */
#sub.company.history .hist-more {
    display: grid;
    grid-template-rows: 0fr;
    width: 100%;
    margin-top: -80px; /* .hist-body gap 상쇄 — 접힌 상태에서 빈 간격이 남지 않도록 */
    visibility: hidden;
    transition: grid-template-rows 0.6s cubic-bezier(.22, .61, .36, 1), visibility 0s linear 0.6s;
}

#sub.company.history .hist-more.is-open {
    grid-template-rows: 1fr;
    visibility: visible;
    transition: grid-template-rows 0.6s cubic-bezier(.22, .61, .36, 1), visibility 0s;
}

#sub.company.history .hist-more-inner {
    min-height: 0;
    overflow: hidden;
}

#sub.company.history .hist-more .hist-rows {
    padding-top: 80px; /* 펼쳤을 때 앞 연혁과의 간격 (gap 대신 안쪽 여백 → 높이와 함께 자연스럽게 열림) */
}

/* 타임라인 끝 토글 버튼 — 접힘 + / 펼침 − */
#sub.company.history .hist-end {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50%;
    background: rgba(94, 43, 3, 0.3);
    transition: background-color 0.3s ease;
}

#sub.company.history .hist-end::after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5e2b03 url("/img/ico_plus_btn.svg") no-repeat center / 14px 14px;
}

#sub.company.history .hist-end[aria-expanded="true"]::after {
    background-image: url("/img/ico_minus_btn.svg");
    background-size: 14px 2px;
}

#sub.company.history .hist-end:hover {
    background: rgba(94, 43, 3, 0.45);
}

/* ==================================================
   company — OUR NETWORKS
================================================== */
#sub.company.networks .nw-sec1 {
    padding-bottom: 80px;
}

#sub.company.networks .tit-box .mid-tit br.br-375 {
    display: none;
}

#sub.company.networks .nw-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.networks .nw-sec2,
#sub.company.networks .nw-sec3 {
    padding-top: 0;
}

#sub.company.networks .cont-tit .cnt {
    font-size: 2rem;
    font-weight: 600;
    color: #999999;
}

#sub.company.networks .network-item .txt-area {
    padding: 40px 16px;
}

#sub.company.networks .network-item.is-open .txt-area {
    padding-top: 80px;
    padding-bottom: 80px;
}

#sub.company.networks .nw-sec3 .network-item:not(.is-open) .txt-head strong {
    width: 180px;
    white-space: nowrap;
}

/* ==================================================
   company — Contact Us
================================================== */
#sub.company.contact .ct-sec1 {
    padding-bottom: 0;
}

#sub.company.contact .ct-sec2 {
    padding-top: 80px;
}

#sub.company.contact .ct-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

#sub.company.contact .ct-head .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.company.contact .ct-head .btn-area {
    flex-shrink: 0;
}

#sub.company.contact .branch-tab,
#sub.faq .faq-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#sub.company.contact .branch-tab button,
#sub.faq .faq-tab a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 49px;
    padding: 0 24px;
    border: 1px solid #dddddd;
    border-radius: 500px;
    background: #ffffff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
    cursor: pointer;
    transition: .3s ease;
}

#sub.company.contact .branch-tab button.active,
#sub.faq .faq-tab a.active {
    border-color: #111111;
    background: #111111;
    color: #ffffff;
}

#sub.company.contact .branch-info {
    margin-top: 40px;
}

#sub.company.contact .b-name {
    display: block;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

#sub.company.contact .b-addr {
    margin-top: 10px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub.company.contact .b-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 40px;
}

#sub.company.contact .b-meta .meta {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 24px;
    background: #f7f7f7;
}

#sub.company.contact .b-meta .tit {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666666;
}

#sub.company.contact .b-meta .txt {
    font-family: "Inter", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    color: #111111;
}

#sub.company.contact .b-map {
    margin-top: 40px;
    width: 100%;
    height: 614px;
    background: #ededed;
}

/* ==================================================
   service — 서비스
================================================== */
#sub.service .svc-sec1 {
    padding-bottom: 0;
}

#sub.service .svc-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.service .svc-band {
    margin-top: 80px;
    width: 100%;
    overflow: hidden;
}

#sub.service .svc-band .band-txt {
    margin-bottom: -36px;
    padding: 0 80px;
    font-family: "Inter", sans-serif;
    font-size: 8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #eeeeee;
    text-align: right;
    white-space: nowrap;
}

#sub.service .svc-band .band-img {
    position: relative;
    width: 100%;
    height: 400px;
    background: #e0e0e0;
    overflow: hidden;
}

#sub.service .svc-band .band-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* section2 : Our Service */
#sub .svc-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

#sub .svc-box {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 64px 80px;
    background: #f7f7f7;
    box-sizing: border-box;
}

#sub .svc-box .txt {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sub .svc-box .tit {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub .svc-box li {
    position: relative;
    padding-left: 14px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub .svc-box li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
    color: #5e2b03;
}

#sub .svc-box .ico {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #ffffff;
}

#sub .svc-box .ico img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

#sub .svc-cta {
    position: relative;
    width: 100%;
    padding: 100px 40px;
    box-sizing: border-box;
    background: #0a0725;
    overflow: hidden;
}

#sub .svc-cta .cta-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#sub .svc-cta .cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sub .svc-cta .cta-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.5) 100%);
}

#sub .svc-cta .cta-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sub .svc-cta .cta-txt {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

#sub .svc-cta .cta-txt strong {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #ffffff;
}

#sub .svc-cta .cta-txt strong br.br-mo {
    display: none;
}

#sub .svc-cta .cta-txt p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #ffffff;
}

/* 문의 폼 (서비스 문의 / 매물 제안 요청) */
#sub.service .svc-sec3 .form-tit {
    margin-bottom: 40px;
}

#sub.service .svc-sec3 .form-tit .cont-tit {
    margin-bottom: 10px;
}

#sub.service .svc-sec3 .form-tit .desc {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub .inquiry-form .required-txt {
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #555555;
    text-align: right;
}

#sub .inquiry-form .required-txt span {
    color: #5e2b03;
}

#sub .inquiry-form .tbl-area .tbl-box {
    margin-top: 0;
}

#sub .inquiry-form .tbl-box table {
    table-layout: fixed;
}

#sub .inquiry-form .tbl-box table th .req {
    margin-left: 4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

#sub .inquiry-form .tbl-box table textarea {
    height: 252px;
    display: block;
}

#sub .inquiry-form .email-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

#sub .inquiry-form .email-box .at {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub .inquiry-form .domain-box {
    position: relative;
    min-width: 0;
}

#sub .inquiry-form .domain-box input[type="text"] {
    position: absolute;
    left: 1px;
    right: 41px;
    top: 1px;
    bottom: 1px;
    width: auto;
    height: auto;
    padding: 0 10px 0 19px;
    border: 0;
    border-radius: 8px 0 0 8px;
    background: #ffffff;
}

#sub .inquiry-form .domain-box:has(input:focus) .ss-main {
    border-color: #5e2b03;
}

/* 개인정보처리방침 동의 */
#sub .inquiry-form .agree-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

#sub .inquiry-form .agree-area .required-mark {
    color: #5e2b03;
}

#sub .inquiry-form .agree-box {
    height: 100px;
    padding: 10px 8px 10px 15px;
    border: 1px solid #eeeeee;
    background: #f7f7f7;
    box-sizing: border-box;
}

#sub .inquiry-form .agree-txt {
    height: 100%;
    padding-right: 15px;
    box-sizing: border-box;
}

#sub .inquiry-form .agree-box p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #555555;
}

#sub .btn-area {
    margin-top: 40px;
    text-align: center;
}

#sub .section.pd-type2 {
    padding: 160px 0 200px;
}

/* ==================================================
   검색 조건 (매물 필터)
================================================== */
/* 검색 조건 헤더 — .filter-toggle 은 모바일 아코디언 전용(768 이하에서만 노출) */
.search-filter .filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.search-filter .filter-toggle {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

.search-filter .filter-toggle img {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
}

.search-filter.is-closed .filter-toggle img {
    transform: rotate(90deg);
}

.search-filter .filter-tit {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

.search-filter .tbl-box.tbl-type2 table tbody th {
    border-right: 0;
}

.search-filter .tbl-box.tbl-type2 table tbody th em {
    display: block;
    margin-top: 4px;
    margin-left: 0;
    font-size: 1.3rem;
    font-weight: 400;
    color: #999999;
}

.search-filter .tbl-box.tbl-type2 table tbody td {
    padding: 15px 0 15px 20px;
}

.search-filter .filter-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.search-filter .filter-chips-area {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.search-filter .filter-chips-area .filter-chips {
    flex: 1;
    min-width: 0;
}

.search-filter .filter-chips-area.is-collapsed .filter-chips {
    max-height: 36px;
    overflow: hidden;
}

.search-filter .chips-toggle {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.search-filter .filter-chips-area.has-toggle .chips-toggle {
    display: inline-flex;
}

.search-filter .filter-chips-area.no-toggle .chips-toggle {
    display: none;
}

.search-filter .chips-toggle img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.search-filter .filter-chips-area.is-open .chips-toggle img {
    transform: rotate(180deg);
}

.search-filter .chip-check {
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.search-filter .chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: fit-content;
    height: 36px;
    padding: 0 15px;
    border-radius: 500px;
    background: #f7f7f7;
    border: 1px solid transparent;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
    transition: .3s ease;
}

.search-filter .chip .chip-unit {
    font-size: 1.3rem;
    letter-spacing: -0.02em;
    color: #999999;
    transition: .3s ease;
}

.search-filter .chip-check:checked + .chip,
.search-filter .selected-list .chip {
    background: #5e2b03;
    font-weight: 500;
    color: #ffffff !important;
}

.search-filter .chip-check:checked + .chip .chip-unit,
.search-filter .selected-list .chip .chip-unit {
    color: #dddddd !important;
    font-weight: 400;
}

.search-filter .chip-check:focus-visible + .chip {
    outline: 2px solid #5e2b03;
    outline-offset: 2px;
}

.search-filter .selected-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    padding: 14px 20px;
    background: #fff8f5;
}

.search-filter .selected-bar .selected-tit {
    flex-shrink: 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666666;
}

.search-filter .selected-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    min-width: 0;
    gap: 10px;
}

.search-filter .selected-list .chip-del {
    margin-left: 6px;
}

.search-filter .selected-list .chip-unit + .chip-del {
    margin-left: 0;
}

.search-filter .chip-del {
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.search-filter .chip-del img {
    display: block;
    width: 100%;
    height: 100%;
}

.search-filter .selected-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 10px;
}

.search-filter .selected-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 38px;
    padding: 0 20px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
    white-space: nowrap;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.search-filter .btn-reset {
    border: 1px solid #eeeeee;
    background: #ffffff;
    color: #5e2b03;
}

.search-filter .btn-search {
    background: #5e2b03;
    color: #ffffff;
}

/* ==================================================
   매물 리스트
================================================== */
.result-head {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-bottom: 16px;
    border-bottom: 1px solid #333333;
}

.result-head .result-count {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

.result-head .result-count em {
    font-style: normal;
    font-weight: 600;
    color: #5e2b03;
}

/* .sort-trigger 는 모바일 드롭다운 전용(768 이하에서만 노출) */
.result-head .result-sort-box {
    position: relative;
    flex-shrink: 0;
}

.result-head .sort-trigger {
    display: none;
    align-items: center;
    padding: 0;
    border: 0;
    background: none;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #5e2b03;
    white-space: nowrap;
    cursor: pointer;
}

.result-head .result-sort {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
}

.result-head .result-sort li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.result-head .result-sort li + li::before {
    content: '';
    width: 1px;
    height: 10px;
    background: #dddddd;
}

.result-head .result-sort a {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #999999;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.result-head .result-sort li.active a {
    font-weight: 500;
    color: #5e2b03;
}

.property-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
}

.result-head + .property-list {
    margin-top: 40px;
}

.property-list .property-item {
    transition: transform 0.3s ease;
}

.property-list .property-item.is-appended {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}

.property-list .property-item.is-appended.is-in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 650ms ease-out, transform 650ms ease-out;
}

.property-list .property-card {
    display: block;
    background: #ffffff;
}

.property-list .card-thumb {
    position: relative;
    display: block;
    aspect-ratio: 330 / 220;
    overflow: hidden;
}

.property-list .card-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.property-list .card-tag {
    position: absolute;
    left: 16px;
    top: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 500px;
    background: #5e2b03;
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.property-list .card-body {
    display: block;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
    transition: box-shadow 400ms cubic-bezier(.22, .61, .36, 1);
}

.property-list .card-cont {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background: #ffffff;
}

.property-list .card-tit {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.property-list .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.property-list .card-head .area {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #999999;
}

.property-list .card-head .tel {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

.property-list .card-head .tel img {
    width: 14px;
    height: 14px;
}

.property-list .card-name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
    transition: color 0.3s ease;
    word-break: break-all;
}

.property-list .card-price {
    display: flex;
    gap: 10px;
}

.property-list .price-box {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 16px;
    background: #f7f7f7;
    box-sizing: border-box;
}

.property-list .price-box .label {
    padding: 0;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
    text-align: left;
}

.property-list .price-box .value {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

.property-list .card-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 4px;
}

.property-list .info-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.property-list .info-row .label {
    padding: 0;
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666666;
}

.property-list .info-row .value {
    flex: 1;
    min-width: 0;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    color: #111111;
    font-family: "Inter", sans-serif;
}

.property-list .card-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 20px;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
    color: #5e2b03;
    transition: background-color 0.3s ease, color 0.3s ease;
}

a.more-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px;
    background: #5e2b03;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
    color: #ffffff;
    transition: background-color 0.3s ease;
}

/* ==================================================
   매물정보
================================================== */
#sub.properties .prop-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.properties .prop-sec1 .search-filter {
    margin-top: 80px;
}

#sub.properties .prop-sec1 .result-head {
    margin-top: 80px;
}

#sub.properties .prop-sec1 .section-row {
    height: auto;
    align-items: flex-start;
}

#sub.properties .prop-sec1 .section-column {
    min-width: 0;
    max-width: 100%;
}


/* ==================================================
   신청하기 — 매물 제안 요청
================================================== */
#sub.request .req-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

/* 안내 박스 (신청하기 / 채용정보) */
#sub .point-list {
    display: flex;
    gap: 20px;
    margin-top: 80px;
}

#sub .point-box {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 40px;
    background: #fff8f5;
    box-sizing: border-box;
}

#sub .point-box .tit {
    display: flex;
    align-items: center;
    gap: 5px;
}

#sub .point-box .tit .ico {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

#sub .point-box .tit .ico img {
    display: block;
}

#sub .point-box .tit strong {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

#sub .point-box .txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

/* 안내사항 불릿 */
#sub .point-box .dot-list li {
    position: relative;
    padding-left: 12px;
}

#sub .point-box .dot-list li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
    color: #5e2b03;
}

/* 요청 폼 */
#sub.request .req-sec1 .inquiry-form {
    margin-top: 40px;
}

#sub.request .inquiry-form .unit-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

#sub.request .inquiry-form .unit-box input {
    flex: 1;
    min-width: 0;
}

#sub.request .inquiry-form .unit-box .unit {
    flex-shrink: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

/* ==================================================
   자주 하는 질문
================================================== */
#sub.faq .faq-tab {
    margin-top: 80px;
}

#sub.faq .faq-tab + .faq-list,
#sub.faq .faq-tab + .faq-empty {
    margin-top: 40px;
}

#sub.faq .faq-list {
    margin-top: 80px;
    border-top: 1px solid #dddddd;
}

#sub.faq .faq-item {
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}

/* 질문 */
#sub.faq .faq-q {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 32px 24px;
    box-sizing: border-box;
    text-align: left;
    transition: padding-bottom 0.3s ease;
}

#sub.faq .faq-item .num {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 500px;
    background: #f7f7f7;
    font-family: "Inter", sans-serif;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.6;
    color: #5e2b03;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#sub.faq .faq-item .num .a {
    display: none;
}

#sub.faq .faq-item.is-open .num {
    background: #5e2b03;
    color: #ffffff;
}

#sub.faq .faq-item.is-open .num .q {
    display: none;
}

#sub.faq .faq-item.is-open .num .a {
    display: block;
}

#sub.faq .faq-q .tit {
    display: flex;
    align-items: center;
    gap: 40px;
    flex: 1;
    min-width: 0;
}

#sub.faq .faq-q .txt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

#sub.faq .faq-q .cate {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    color: #666666;
}

#sub.faq .faq-q .subject {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
    transition: color 0.3s ease;
}

#sub.faq .faq-q .arw {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

#sub.faq .faq-item.is-open .faq-q {
    padding-bottom: 15px;
}

#sub.faq .faq-item.is-open .faq-q .arw {
    transform: rotate(180deg);
}

/* 답변 */
#sub.faq .faq-a {
    display: none;
    padding: 0 24px 32px;
}

#sub.faq .faq-a-box {
    padding: 24px;
    background: #fff8f5;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111827;
}

#sub.faq .faq-a-box img {
    max-width: 100%;
    height: auto;
}

/* 첨부파일 */
#sub.faq .faq-a-box .file-area {
    margin-top: 20px;
}

#sub.faq .faq-file {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    height: 42px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #eeeeee;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
    text-decoration: none;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

#sub.faq .faq-file .ico {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url('/img/ico_download.svg') no-repeat center / 16px 16px;
}

#sub.faq .faq-file .name {
    min-width: 0;
}

#sub.faq .faq-empty {
    margin-top: 80px;
    padding: 80px 24px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
    color: #666666;
}

/* ==================================================
   페이지네이션
================================================== */
#sub.faq .pagination-area {
    margin-top: 40px;
}

.pagenate .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    list-style: none;
}

.pagenate .pagination > li {
    display: flex;
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
}

.pagenate .pagination > li.paginate-prev {
    margin-right: 15px;
}

.pagenate .pagination > li.paginate-next {
    margin-left: 15px;
}

.pagenate .pagination > li > a {
    position: static;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 500px;
    background: none;
    text-decoration: none;
}

.pagenate .pagination img {
    display: block;
    width: auto;
    height: 20px;
}

.pagenate .pagination > li.paginate-first > a,
.pagenate .pagination > li.paginate-prev > a,
.pagenate .pagination > li.paginate-next > a,
.pagenate .pagination > li.paginate-last > a {
    border: 1px solid #eeeeee;
}

.pagenate .paginate-num > a {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666666;
}

.pagenate .paginate-num > a.active {
    background: #5e2b03;
    color: #ffffff;
    cursor: default;
}

.pagenate .pagination > li > a:focus {
    background: none;
    text-decoration: none;
}

.pagenate .pagination > li.paginate-first > a:focus,
.pagenate .pagination > li.paginate-prev > a:focus,
.pagenate .pagination > li.paginate-next > a:focus,
.pagenate .pagination > li.paginate-last > a:focus {
    border-color: #eeeeee;
}

.pagenate .paginate-num > a:focus {
    font-weight: 500;
    color: #666666;
}

.pagenate .paginate-num > a.active:focus {
    background: #5e2b03;
    color: #ffffff;
}

/* ==================================================
   채용정보 — 채용안내
================================================== */
#sub.employment .emp-sec1 .sub-txt {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.employment .emp-sec1 .btn-area.left {
    text-align: left;
}

#sub.employment .emp-sec1 .point-box {
    justify-content: flex-start;
}

#sub.employment .point-box.type2 {
    gap: 10px;
}

#sub.employment .card-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

#sub.employment .info-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.76);
    box-sizing: border-box;
}

#sub.employment .info-card .card-tit {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub.employment .info-card .card-mail {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

#sub.employment .emp-sec1 .inquiry-form {
    margin-top: 40px;
}

/* 인재상 */
#sub.employment .value-list {
    margin-top: 80px;
}

#sub.employment .value-row {
    display: flex;
    align-items: center;
    gap: 80px;
}

#sub.employment .value-row.reverse {
    flex-direction: row-reverse;
}

#sub.employment .value-row + .value-row {
    margin-top: 80px;
}

#sub.employment .value-row .img-col {
    flex: 1 1 0;
    min-width: 0;
    height: 430px;
    background: #dedfe3;
    overflow: hidden;
}

#sub.employment .value-row .img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sub.employment .value-row .txt-col {
    flex: 1 1 0;
    min-width: 0;
}

#sub.employment .value-row .txt-box + .line {
    margin-top: 60px;
}

#sub.employment .value-row .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #eeeeee;
}

#sub.employment .value-row .line + .txt-box {
    margin-top: 60px;
}

#sub.employment .value-row .tit {
    display: flex;
    align-items: center;
    gap: 10px;
}

#sub.employment .value-row .tit .no {
    flex-shrink: 0;
    width: 28px;
    font-size: 1.8rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #5e2b03;
}

#sub.employment .value-row .tit strong {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub.employment .value-row .desc {
    margin-top: 5px;
    padding-left: 31px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #111111;
}

#sub.employment .value-list + .btn-area {
    margin-top: 80px;
}

#sub .inquiry-form .file-upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

#sub .inquiry-form .file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

#sub .inquiry-form .file-upload .file-btn {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 8px 14px;
    margin-bottom: 0;
    box-sizing: border-box;
    border: 1px solid #111111;
    border-radius: 4px;
    background: #111111;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

#sub .inquiry-form .file-upload:has(input[type="file"]:focus-visible) .file-btn {
    background: #333333;
    border-color: #333333;
}

#sub .inquiry-form .file-upload .file-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

#sub .inquiry-form .file-upload .file-list:empty {
    display: none;
}

#sub .inquiry-form .file-upload .file-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    background: #fff8f5;
    border-radius: 500px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #333333;
}

#sub .inquiry-form .file-upload .file-list .name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sub .inquiry-form .file-upload .file-del {
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

#sub .inquiry-form .file-upload .file-del img {
    display: block;
    width: 100%;
    height: 100%;
}

#sub .inquiry-form .file-upload .guide-list {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: #666666;
}

#sub .inquiry-form .file-upload .guide-list li {
    position: relative;
    padding-left: 10px;
}

#sub .inquiry-form .file-upload .guide-list li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
    color: #5e2b03;
}

.pc-br480 {
    display: block !important;
}

.block425, .block480 {
    display: none;
}

/* ==================================================
    hover — 1025px 이상(포인터 환경)에서만 적용
================================================== */
@media screen and (min-width: 1025px) {
    #main .section1 .service-list:has(.service-box:hover) .service-box {
        opacity: 0.3;
    }

    #main .section1 .service-list:has(.service-box:hover) .service-box:hover {
        opacity: 1;
    }

    #main .section1 .service-box:hover::after {
        opacity: 0.8;
    }

    #main .section1 .service-box:hover .txt .detail {
        max-height: 120px;
        opacity: 1;
        transform: translateY(0);
    }

    #main .section2 .tilt-box:hover {
        grid-template-rows: 0fr auto 1fr;
    }

    #main .section2 .tilt-box:hover::after {
        opacity: 0;
    }

    #main .section2 .tilt-box:hover .dim {
        opacity: 1;
    }

    #main .section2 .tilt-box:hover .txt-list {
        opacity: 1;
        transform: translateY(0);
    }

    .network-item:hover .more-btn {
        background: #5e2b03;
        border-color: #5e2b03;
    }

    .network-item:hover .more-btn img {
        filter: brightness(0) invert(1);
    }

    #main .section6 .marquee-area:hover .marquee-wrap {
        animation-play-state: paused;
    }

    #main .section6 .marquee-box:hover::before {
        opacity: 0;
    }

    .marquee-box:hover {
        background: #ffffff !important;
    }

    .marquee-box:hover img {
        filter: grayscale(0%);
    }

    .btnSet .btn.bsc2:hover {
        background-color: #111111;
    }

    #sub.search_login .section .map_option .tab-content > ul li .con.option .box:hover {
        border-color: #5e2b03;
        color: #5e2b03;
    }

    #sub.search_login .section .map_list .nice-select .option:hover,
    #sub.search_login .section .map_list .nice-select .option.selected:hover {
        background-color: #fff8f5;
        color: #111111;
    }

    #sub.search_login .section .map_list ul.list_wrap li:hover {
        background: #ffffff;
        box-shadow: 0 6px 20px 0 rgba(37, 28, 139, 0.14);
        border: 1px solid #5e2b03;
    }

    #sub.search_login .section .map_list .detail_list .list_1 .txt_wrap .tit_video a:hover {
        background: #5e2b03;
    }

    #sub.search_login .btn.contact:hover {
        background: #5e2b03;
    }

    #sub.office .finish ul.content li:hover {
        transform: translateY(-30px);
        box-shadow: 9px 10px 19.44px 4.56px rgba(17, 17, 17, 0.3);
    }

    #sub.mypage .tab_content_wrap ul.content li:hover {
        box-shadow: 9px 10px 19.44px 4.56px rgba(0, 0, 0, 0.3);
        transform: translateY(-10px);
    }

    #sub.mypage .tab_content_wrap ul.content li .img button:hover {
        background-color: #a09560;
    }

    .cluster-marker:hover {
        position: relative;
    }

    .cluster-marker:hover:after {
        content: "";
        position: absolute;
        background-color: rgba(0, 120, 255, 0.8);
        width: 120%;
        height: 120%;
        left: -10%;
        top: -10%;
        border-radius: 50%;
        animation: CireleMarker_wave__KSX_O 2s linear infinite;
        z-index: -1
    }

    #sub.company.contact .branch-tab button:hover,
    #sub.faq .faq-tab a:hover {
        border-color: #111111;
    }

    .search-filter .chip:hover {
        border-color: #5e2b03;
        color: #5e2b03;
    }

    .search-filter .chip:hover .chip-unit {
        color: #666666;
    }

    .search-filter .btn-reset:hover {
        border-color: #5e2b03;
        background: #5e2b03;
        color: #ffffff;
    }

    .search-filter .btn-search:hover {
        background: #5e2b03;
    }

    .result-head .result-sort a:hover {
        color: #5e2b03;
    }

    .property-list .property-item:hover {
        transform: translateY(-20px);
    }

    .property-list .property-card:hover .card-body {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12);
    }

    .property-list .property-card:hover .card-name {
        color: #5e2b03;
    }

    .property-list .property-card:hover .card-detail {
        background: #5e2b03;
        border-top-color: #5e2b03;
        color: #ffffff;
    }

    a.more-view-btn:hover {
        background: #1a1466;
    }

    .popup .btnSet .btn:hover {
        background: #5e2b03;
    }

    .popup .btnSet .btn.consulting.on:hover {
        background: #1a1466 !important;
    }

    #sub.faq .faq-item:hover .faq-q .subject {
        color: #5e2b03;
    }

    #sub.faq .faq-file:hover {
        background: #5e2b03;
        border-color: #5e2b03;
        color: #ffffff;
    }

    #sub.faq .faq-file:hover .ico {
        background-image: url('/img/ico_download_w.svg');
    }

    .pagenate .pagination > li > a:hover {
        background: none;
        text-decoration: none;
    }

    .pagenate .pagination > li.paginate-first > a:hover,
    .pagenate .pagination > li.paginate-prev > a:hover,
    .pagenate .pagination > li.paginate-next > a:hover,
    .pagenate .pagination > li.paginate-last > a:hover {
        border-color: #eeeeee;
    }

    .pagenate .paginate-num > a:hover {
        font-weight: 500;
        color: #666666;
    }

    .pagenate .paginate-num > a.active:hover {
        background: #5e2b03;
        color: #ffffff;
    }

    #sub .inquiry-form .file-upload .file-btn:hover {
        background: #333333;
        border-color: #333333;
    }
}