@charset "utf-8"; /* 260928 서브페이지 css [s] */ /* 서브페이지 공통 */ .pagecommon{padding-top: 60px;} .pagecommon .inner{max-width:1378px !important} .pagecommon .inner.sub{max-width:1315px !important} .pagecommon .ri-arrow-left-right-line{transform: scaleX(-1);} .pagecommon .btn--secondary{display: flex;align-items: center;justify-content: center;height: 48px;background-color:#4F46E5;border-radius: 100px;color: #fff;font-size: 15px;font-weight: 700;box-shadow: 0 1px 2px rgba(0,0,0,0.05);} .pagecommon .btn--secondary .txt{display: flex;align-items: center;gap: 8px;} .pagecommon .link-btn-wrap{display: flex;gap: 12px;align-items: center;justify-content: center;margin-top:20px;} .pagecommon .link-btn-wrap .link{display: flex;align-items: center;justify-content: center;text-align: center;height: 60px;padding: 20px 34px;background-color: #fff;border-radius: 16px;font-size: 16px;font-weight: 700;color: var(--secondary);border: 2px solid rgba(37,32,92,0.22);box-shadow:0 2px 6px rgba(12,24,68,0.04),0 8px 30px rgba(12,24,68,0.06);transition:background-color 0.3s, color 0.3s} .pagecommon .link-btn-wrap .link.btn--modify{background-color: #fef2f2;border: 1px solid #FECACA;color:#ef4444} /* .pagecommon .link-btn-wrap .link.btn--modify:hover{background-color: #fef2f2} */ /* .pagecommon .btn--rute{max-width: 200px;width: 100%;} */ .pagecommon .link-btn-wrap .link .txt{display: flex;align-items: center;gap: 10px;} .pagecommon .link-btn-wrap .link svg{width: 19px;height: 19px;} .pagecommon .link-btn-wrap .link:not(.btn--modify):hover{background-color: var(--secondary);color:#fff} /* 매물 상세페이지 공통 */ .cm_property_view .col-2{display:flex;gap:32px} .cm_property_view .property--main .col-2 > *{flex:1;min-width: 0;max-width: 672px;width: 100%;aspect-ratio: 672 / 520;border-radius:16px;box-shadow: 0 8px 30px -4px rgba(12, 24, 68, 0.06), 0 2px 6px -1px rgba(12,24,68,0.04);} .cm_property_view .property--main .swiper-container{margin:0;min-width: 0;width:100%;height:100%;} .cm_property_view .property--main .swiper-slide::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);opacity: 0.5;} .cm_property_view .property--main .swiper-slide img{width:100%;height: 100%;object-fit:cover;} .cm_property_view .property--main .fl-r{position:relative;padding: 26px 30px 55px;background-color: #fff;border: 1px solid #e2e8f0;} .cm_property_view .property--main .fl-r .tag-unit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px;} .cm_property_view .property__tags{display: flex;gap: 8px;} .cm_property_view .tag{display: flex;align-items: center;justify-content: center;text-align: center;padding: 4px 10px;border-radius: 50px;font-size: 13px;font-weight: 700;} .cm_property_view .tag.purple{color: #4f46e5;background-color: #eef2ff;border: 1px solid #dbeafe;} .cm_property_view .tag.green{color: #047857;background-color: #ECFDF5;border: 1px solid #C2F7DF} .cm_property_view .property__title{font-size: 30px;line-height: 1.3;font-weight: 700;color: #0f172a;} .cm_property_view section > .head{display: flex;align-items: center;justify-content: space-between;padding-bottom: 18px;margin-bottom: 30px;border-bottom: 1px solid #f3f4f6;} .cm_property_view section > .head h2{display: flex;align-items: center;gap: 15px;font-size: 22px;font-weight: 700;line-height: 1.3;color: #0f172a;letter-spacing: -0.3px;} .cm_property_view section > .head h2::before{display: inline-block;content:'';width: 6px;height: 20px;background-color: #4f46e5;border-radius:50px} .cm_property_view .property--main .btn-wrap{display: grid;gap: 10px;grid-template-columns: repeat(2, 1fr);} .cm_property_view .property--main .btn-wrap .btn--secondary{display: flex;align-items: center;justify-content: center;height: 48px;background-color:#4F46E5;border-radius: 100px;color: #fff;font-size: 15px;font-weight: 700;box-shadow: 0 1px 2px rgba(0,0,0,0.05);} .cm_property_view .property--main .btn-wrap .btn--secondary img{width:21px} .cm_property_view .property--main .btn-wrap .btn--secondary.line{background-color: #fff;border: 2px solid #000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);color: #252525;} .cm_property_view .property--main .btn-wrap .btn--secondary.phone:hover img{animation: phoneShake 0.5s ease-in-out infinite;} .cm_property_view .property--main .btn-wrap .btn--secondary.contact:hover img{animation: messageBounce 0.5s ease infinite;} .cm_property_view .property--advantage{} .cm_property_view .property--advantage ul{display: flex;background-color: #4F46E5;border-radius: 16px;padding:50px 32px;} .cm_property_view .property--advantage ul li{flex: 1;position: relative;display: flex;justify-content: center;gap: 30px;color: #fff;} .cm_property_view .property--advantage ul li:not(:last-child)::after{position: absolute;content:'';top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 100%;background-color:rgba(255,255,255,0.3);} .cm_property_view .property--advantage ul li img{height: 73px;} .cm_property_view .property--advantage ul li dl{display: flex;flex-direction: column;gap: 12px;} .cm_property_view .property--advantage ul li dt{font-size: 20px;font-weight: 700;} .cm_property_view .property--advantage ul li dd{font-size: 16px;font-weight: 500;line-height: 1.4;white-space: pre-line;} .cm_property_view .property--sub{position: relative;padding: 26px 30px 80px;background-color: #fff;box-shadow:0 8px 30px rgba(12,24,68,0.06), 0 2px 6px rgba(12,24,68,0.04);border-radius: 16px;border: 1px solid rgba(229,231,235,0.9);} .cm_property_view .property--main .tag-unit .unit, .cm_property_view .property--sub .head .unit{display: flex;align-items: center;gap: 12px;background-color: #f5f6ff;border: 1px solid #dfe4f0;border-radius: 16px;padding:6px 6px 6px 12px;} .cm_property_view .property--main .tag-unit .unit .tit, .cm_property_view .property--sub .head .tit{display: flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 600;color: #64748b;} .cm_property_view .property--main .tag-unit .unit .tit i, .cm_property_view .property--sub .head .tit i{color:#4F46E5} .cm_property_view .property--main .tag-unit .unit .unit-box, .cm_property_view .property--sub .head .unit-box{position: relative;display: flex;align-items: center;justify-content: center;height: 32px;background-color: #E9EDF6;border-radius: 12px;} .cm_property_view .property--main .tag-unit .unit .unit-box::before, .cm_property_view .property--sub .head .unit-box::before{position: absolute;content: '';top:50%;left:0;transform: translateY(-50%);width: 43px;height: 28px;background-color:var(--primary);border-radius: 8px;transition: transform 0.25s ease;} .cm_property_view .property--main .tag-unit .unit .unit-box.unit-p::before, .cm_property_view .property--sub .head .unit-box.unit-p::before {transform: translateY(-50%) translateX(100%);} .cm_property_view .property--main .tag-unit .unit .unit-box button, .cm_property_view .property--sub .head .unit-box button{all: unset;position: relative;z-index:1;display: flex;align-items: center;justify-content: center;width: 43px;height: 28px;font-size: 14px;font-weight: 500;color: #475569;cursor:pointer;transition:color 0.3s ease} .cm_property_view .property--main .tag-unit .unit .unit-box button.active, .cm_property_view .property--sub .unit-box button.active{color:#fff} .cm_property_view .property--sub .info-list{display: flex;flex-direction: column;gap: 16px;width: 100%;} .cm_property_view .property--sub .info__item{padding: 20px;border-radius: 16px;} .cm_property_view .property--sub .info__item .head{display: flex;align-items: center;padding-bottom: 10px;margin-bottom: 16px;border-bottom: 1px solid rgba(226,232,240,0.6);} .cm_property_view .property--sub .info__item .head h3{display: flex;align-items: center;font-size: 18px;color: #0f172a;} .cm_property_view .property--sub .info__item .head h3{display: flex;align-items: center;gap: 8px;font-size: 18px;color: #0f172a;} .cm_property_view .property--sub .info__item .head h3 i{display: flex;align-items: center;justify-content: center;width: 24px;aspect-ratio: 1;border-radius: 8px;font-size: 14px;} .cm_property_view .property--sub .info__item .cont{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;} .cm_property_view .property--sub .info__item .cont li dl{display: flex;flex-direction: column;justify-content: center;gap: 8px;width: 100%;height: 100%;padding: 12px;border:1px solid rgba(226,232,240,0.7);background-color: #fff;border-radius:12px} .cm_property_view .property--sub .info__item .cont li dt{font-size: 14px;color: #5c6676;font-weight: 500;} .cm_property_view .property--sub .info__item .cont li dd{font-size: 15px;font-weight: 700;color: #0f172a;} .cm_property_view .property--sub .info__item .cont li dd b{font-weight: 700;color:var(--primary)} .cm_property_view .property--sub .info__item .cont li dd b.green{color:#047857} .cm_property_view .property--sub .info__item .cont li.point dt{display: flex;align-items: center;color:#4F46E5} .cm_property_view .property--sub .info__item .cont li.point dt span{font-size: 16px;} .cm_property_view .property--sub .info__item .cont li.map{} .cm_property_view .group-cont{display: flex;flex-direction: column;gap: 45px;} /* 공통) swiper pagination + fraction */ .cm_property_view .pagination{z-index: 1;position: absolute;left: 16px;bottom: 16px;display: flex;align-items: center;justify-content: center;gap: 6px;width: 73px;height: 28px;background-color: rgba(0,0,0,0.6);border-radius: 6px;font-size: 12px;font-weight: 500;color: #fff;} .cm_property_view .pagination img{width: 13px;} .cm_property_view .pagination .fraction{display:flex;align-items:center;justify-content:center;width:26px} .cm_property_view .swiper-navigation button{all: unset;position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1;border-radius: 100px;background-color: rgba(255,255,255,0.95);border: 1px solid rgba(0,0,0,0.05);color: #334155;cursor:pointer;transition:background-color 0.3s, color 0.3s} .cm_property_view .swiper-navigation button.btn--prev{left: 12px;} .cm_property_view .swiper-navigation button.btn--prev svg{transform: translateX(-0.5px);} .cm_property_view .swiper-navigation button.btn--next{right: 12px;} .cm_property_view .swiper-navigation button.btn--next svg{transform: translateX(1px);} .cm_property_view .swiper-navigation button svg{width: 20px;height: 20px; stroke-width: 2.5px;} .cm_property_view .swiper-navigation button:hover{background-color:var(--secondary);color:#fff} /* 임대 > 매물정보 상세페이지 */ #property_view{} /* 메인 매물 정보 */ #property_view .property--main .property__tags{} #property_view .property--main .property__title{padding-bottom: 46px;} #property_view .property--main .property__info{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;padding-bottom: 30px;} #property_view .property--main .property__info li{width: 100%;aspect-ratio: 190 / 110;} #property_view .property--main .property__info dl{display: flex;flex-direction: column;align-items: center;gap: 6px;justify-content: center;width: 100%;height: 100%;border-radius:12px;background-color: rgba(248,250,252,0.9);border: 1px solid rgba(226,232,240,0.8);} #property_view .property--main .property__info dt{font-size: 15px;font-weight: 500;color: #64748b;} #property_view .property--main .property__info dd{font-size: 18px;font-weight: 700;color: #0f172a;} #property_view .property--main .property__info .point dl{background-color:rgba(238,240,255,0.7);border:1px solid rgba(58,40,229,0.4)} #property_view .property--main .property__info .point dt{font-weight: 700;color:#3A28E5} #property_view .property--main .property__info .point dd{font-size: 12px;letter-spacing:-0.3px;color:#3A28E5} /* 건물 기본 정보 */ #property_view .property--sub .fl-l{display: flex;flex-direction: column;gap: 12px;max-width: 414px;width: 100%;} #property_view .property--sub .fl-l .swiper-container{width: 100%;aspect-ratio: 414 / 448;border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);border: 1px solid #e5e7eb;} #property_view .property--sub .fl-l .swiper-slide img{width: 100%;height: 100%;object-fit: cover;} #property_view .property--sub .fl-l .btn--secondary{gap: 20px;height: 55px;font-size: 16px;} #property_view .property--sub .fl-l .btn--secondary .txt svg{width: 16px;height: 16px;} #property_view .property--sub .fl-l .btn--secondary > svg{width: 22px;height: 22px;} #property_view .property--sub .fl-l .btn--secondary:hover > svg{animation: arrow 0.7s ease-in-out infinite;} #property_view .property--sub .info__item{background-color: rgba(248,250,252,0.7);border: 1px solid rgba(226,232,240,0.8);} #property_view .property--sub .fl-r .info__item .head{justify-content: space-between;} #property_view .property--sub .fl-r .info__item.scale .head h3 i{background-color: #eff6ff;color:#3B82F6} #property_view .property--sub .fl-r .info__item.space .head h3 i{background-color: #ECFDF5;color:#059669} #property_view .property--sub .fl-r .info__item.infra .head h3 i{background-color: rgba(238,240,255,0.7);color:#3A28E5} #property_view .property--sub .fl-r .info__item .head .type{display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;color: #546070;} #property_view .property--sub .fl-r .info__item .head .type b{background-color: rgba(226,232,240,0.7);color: #334155;border-radius: 4px;padding: 6px 8px;font-size: 14px;font-weight: 600;} #property_view .property--sub .fl-r .info__item.infra{border: 2px solid rgba(58,40,229,0.2);background-color: #fff;} #property_view .property--sub .fl-r .info__item.infra .head .location{display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;color: #fff;background-color: var(--primary);border-radius: 4px;padding: 6px 10px;} #property_view .property--sub .fl-r .info__item.infra .cont li dl{background-color: rgba(248,250,252,0.8);} #property_view .property--sub .info__item .cont li{min-height: 70px;} #property_view .property--sub .bd-empty{position:relative;padding: 10px;} #property_view .property--sub .bd-empty .empty-text{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:3;display: flex;flex-direction: column;align-items: center;justify-content: center;} #property_view .property--sub .bd-empty .empty-text .icon{display: flex;align-items: center;justify-content: center;margin-bottom: 36px;width: 60px;aspect-ratio: 1;border-radius: 14px;background-color: #f5f6ff;border: 1px solid #dfe4f0;} #property_view .property--sub .bd-empty .empty-text .icon svg{stroke: #4F46E5;} #property_view .property--sub .bd-empty .bd-empty__msg{font-size: 24px;text-align: center;font-weight: 700;white-space: pre-line;color: #111;} #property_view .property--sub .bd-empty .bd-empty__msg span{display: inline-block;padding-top: 24px;font-size: 16px;font-weight: 500;color: #64748b;} #property_view .property--sub .bd-empty::before{z-index:2;position: absolute;content: '';inset: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.4);backdrop-filter: blur(10px);} #property_view .property--sub .bd-empty .btn--secondary{background-color: #ddd;} /* 주변 공실 */ #property_view .property--vacancy .head{padding-bottom:20px;margin-bottom: 0;} #property_view .property--vacancy .cont .slide-box{position: relative;} #property_view .property--vacancy .cont .swiper-container{width: 100%;height: 100%;padding: 30px 0;margin: -30px 0;} #property_view .property--vacancy .cont .swiper-slide a{display: flex;flex-direction: column;border-radius: 16px;overflow: hidden;border:1px solid #E5E7EB;box-shadow:0 2px 6px -1px rgba(12, 24, 68, 0.04), 0 8px 30px -4px rgba(12, 24, 68, 0.06)} #property_view .property--vacancy .cont .swiper-slide .thumb-box{position: relative;width: 100%;aspect-ratio: 324 / 192;overflow: hidden;} #property_view .property--vacancy .cont .swiper-slide .thumb-box img{width: 100%;height: 100%;object-fit: cover;transition:transform 0.3s} #property_view .property--vacancy .cont .swiper-slide a:hover .thumb-box img.property-img{transform: scale(1.15);} #property_view .property--vacancy .cont .swiper-slide .thumb-box .keyword{position: absolute;top: 16px;left: 18px;font-size: 13px;font-weight: 700;color: #fff;padding: 6px 14px;background-color: var(--primary);border-radius: 100px;} #property_view .property--vacancy .cont .swiper-slide .text-box{padding: 20px;background-color: #fff;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__name{display: flex;flex-direction: column;gap: 12px;border-bottom: 1px solid #f3f4f6;padding-bottom: 14px;margin-bottom: 14px;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__name b{font-size: 20px;font-weight: 700;line-height: 1.2;color: #0f172a;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__name .adr{font-size: 16px;line-height: 1.2;color: #64748B;display: flex;align-items: center;gap: 4px;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__name .adr span{font-size: 15px;color: #94A3B8;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price{display: flex;flex-direction: column;gap: 12px;padding-bottom: 16px;margin-bottom: 12px;border-bottom:1px solid #f3f4f6} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dl{display: flex;align-items: center;justify-content: space-between;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dt{font-size: 15px;font-weight: 600;color:#64748B} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dd{font-size: 15px;font-weight: 700;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dl.deposit dd{color:#1E293B} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dl.rent dd{color:#3A28E5} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dl.area dt{color:#94A3B8} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dl.area dd{font-weight: 400;color:#475569} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dt{font-size: 15px;font-weight: 600;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__price dd{font-size: 15px;font-weight: 700;} #property_view .property--vacancy .cont .swiper-slide .text-box .build__floor{font-size: 15px;font-weight: 500;color:#64748B} #property_view .property--vacancy .cont .swiper-slide .text-box .build__floor b{font-weight: 700;color:#1e293b} #property_view .property--vacancy .cont .swiper-navigation button{position: absolute;top: 50%;transform: translateY(-50%);box-shadow: 0 0 10px rgba(164,164,164,0.25);color:#81879D} #property_view .property--vacancy .cont .swiper-navigation button.btn--prev{left: calc(-48px - 20px);} #property_view .property--vacancy .cont .swiper-navigation button.btn--next{right: calc(-48px - 20px);} #property_view .link-btn-wrap{margin-top: 60px;} /* 매매정보 상세페이지 */ #sale_view .property--main .property__tags{padding-bottom: 24px;} #sale_view .property--main .property__title{padding-bottom: 17px;} #sale_view .property--main .property__price{display: flex;flex-direction: column;gap: 4px;padding: 16px 20px;margin-bottom: 24px;border: 1px solid #e5e7eb;border-radius: 16px;} #sale_view .property--main .property__price dt{font-size: 14px;font-weight: 500;color: #6b7280;} #sale_view .property--main .property__price dd{font-size: 32px;font-weight: 700;color: var(--primary);} .cm_property_view .property--main .property__description{padding: 24px;margin-bottom: 34px;background-color: #f6f8fc;border: 1px solid rgba(79,70,229,0.06);border-radius: 12px;font-size: 15px;line-height: 1.5;color: #334155;white-space:pre-line} #sale_view section > .head{margin-bottom: 24px;} #sale_view .property--sub .info__item{padding: 24px;border: 1px solid rgba(229,231,235,0.9);box-shadow: 0 1px 2px rgba(0,0,0,0.05);} #sale_view .property--sub .info__item .head{gap: 33px;padding-bottom: 16px;margin-bottom: 16px;} #sale_view .property--sub .info__item .head h3{font-size: 20px;} #sale_view .property--sub .info__item .head .tit--en{font-family: var(--o-font);color: #9ca3af;} #sale_view .property--sub .info__item .cont{gap: 16px;} #sale_view .property--sub .info__item .cont li{min-height:92px} #sale_view .property--sub .info__item .cont dl{gap: 18px;padding: 16px;border: 1px solid #f3f4f6;background-color: #f8f9fc;} #sale_view .property--sub .info__item .cont dt{display: flex;align-items: center;justify-content: space-between;font-size: 15px;} #sale_view .property--sub .info__item .cont dt span{display: flex;align-items: center;justify-content: center;width: 43px;height: 26px;border-radius: 4px;background-color: #fff;border: 1px solid #e5e7eb;font-size: 14px;font-weight: 500;color: #9ca3af;} #sale_view .property--sub .info__item .cont li dd{font-size: 18px;} /* 빌딩정보 상세페이지 */ #building_view{} #building_view .property--main .fl-r{padding: 26px 30px;} #building_view .property--main .property__tags{padding-bottom: 20px;} #building_view .property--main .property__title{padding-bottom: 14px;} #building_view .property--main .property__description{margin-bottom: 14px;} #building_view .property--main .property__benefit{margin:14px 0;border-top: 1px solid #F1F5F9;} #building_view .property--main .property__benefit div{display: flex;align-items: center;justify-content: space-between;margin-top: 14px;padding: 10px 16px;border-radius: 12px;background-color: rgba(239,238,255,0.6);border: 1px solid #e5e8f2;} #building_view .property--main .property__benefit p{display: flex;align-items: center;font-size: 16px;font-weight: 700;color: #1E293B;} #building_view .property--main .property__benefit p::before{content: '';width: 8px;aspect-ratio: 1;margin-right: 8px;border-radius: 50px;background-color: var(--primary);} #building_view .property--main .property__benefit p b{font-weight: 700;color: #4f46e5;} #building_view .property--main .property__benefit .benefit{padding: 6px 10px;background-color: #fff;border-radius: 4px;border: 1px solid #e0e7ff;font-size: 13px;font-weight: 700;color: #4937e8;transition:background-color 0.3s, color 0.3s} /* #building_view .property--main .property__benefit .benefit:hover{background-color: #4f46e5;color: #fff;} */ #building_view .sub-cont.col-2 > *{max-width: 672px;width: 100%;aspect-ratio: 672 / 390;border-radius: 16px;padding: 26px 30px;} #building_view .property--sub.location{} #building_view .property--sub.location .head{margin-bottom: 0;padding-bottom: 20px;border-bottom: none;} #building_view .property--sub.condition{} #building_view .property--sub.condition .head{margin-bottom: 0;padding-bottom: 20px;border-bottom: none;} #building_view .property--sub.condition .head h2{} #building_view .property--sub.condition .cont{} #building_view .property--sub.condition .condition-list{display: grid;grid-template-columns: repeat(2,1fr);gap: 14px;} #building_view .property--sub.condition .condition-list li{width: 100%;min-height: 137px;} #building_view .property--sub.condition .condition-list dl{display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;padding: 20px;border: 1px solid var(--border-color);background-color:var(--bg);border-radius: 16px;} #building_view .property--sub.condition .condition-list dt{display: flex;align-items: center;gap: 6px;font-size: 16px;font-weight: 700;color: var(--color);} #building_view .property--sub.condition .condition-list dt i{font-size: 14px;} #building_view .property--sub.condition .condition-list dd{display: flex;align-items: flex-end;gap: 8px;font-size: 14px;font-weight: 600;color: var(--color);} #building_view .property--sub.condition .condition-list dd b{font-size: 30px;line-height: 1;letter-spacing: -1px;} #building_view .property--sub.condition .deposit{--color:#0f317b;--border-color:rgba(31,19,143,0.1);--bg:rgba(216,235,253,0.6)} #building_view .property--sub.condition .rent{--color:#432BE3;--border-color:rgba(9,36,94,0.1);--bg:rgba(240,237,255,0.51)} /* #building_view .property--sub.condition .rent dt::before{content:'';width: 8px;aspect-ratio: 1;border-radius:50px;background-color: var(--color);} */ #building_view .property--sub.condition .set{--color:#0f4e3f;--border-color:rgba(196,222,232,0.3);--bg:#e2f5f8} #building_view .property--sub.condition .parking{--color:#0F172A;--border-color:rgba(226,232,240,0.8);--bg:#F8FAFC} #building_view .property--sub.condition .parking dt{color:#64748B} #building_view .property--sub.condition dt .icon{font-size: 20px;color:#432BE3} #building_view .property--sub.condition .parking dt .icon{font-size: 22px;} #building_view .property--sub.condition dt svg{width: 17px;height: 17px;} #building_view .property--sub.condition .parking dd{display: flex;flex-direction: column;align-items: flex-start;font-size: 15px;font-weight: 700;} .cm_property_view .bd-info .info-list{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;} .cm_property_view .property--sub.location #map{width: 100%;aspect-ratio: 614 / 288;border-radius:12px;overflow:hidden;border:1px solid #E2E8F0} .cm_property_view .property--sub.location #map img{width: 100%;height: 100%;object-fit: cover;}.cm_property_view .bd-info .info__item{border: 1px solid rgba(226,232,240,0.8);background-color: rgba(248,250,252,0.7);} .cm_property_view .bd-info .info__item .head{} .cm_property_view .bd-info .info__item .head h3{} .cm_property_view .bd-info .info__item .head h3 .icon{display: flex;align-items: center;justify-content: center;width: 32px;aspect-ratio: 1;border-radius: 12px;background-color:var(--bg);} .cm_property_view .bd-info .info__item .head h3 .icon i{font-size: 16px;color:var(--color)} .cm_property_view .bd-info .info__item .cont{display: flex;flex-direction: column;gap: 18px;} .cm_property_view .bd-info .info__item.system .cont, #building_view .property--sub .info__item.parking .cont{gap: 10px;} .cm_property_view .bd-info .info__item .cont li{} /* .cm_property_view .bd-info .info__item .cont li.point{padding: 8px;border: 1px solid #e0e7ff;background-color: rgba(238,242,255,0.7);border-radius: 6px;} */ /* .cm_property_view .bd-info .info__item .cont li.point dt{color:#0A155C;font-weight: 700;} */ .cm_property_view .bd-info .info__item:not(.system, .parking) .cont li dl{flex-direction: row;justify-content: space-between;align-items: center;padding: 0;border-radius: 0;border: none;background-color: transparent;} .cm_property_view .bd-info .info__item .cont li dt{font-size: 15px;} .cm_property_view .bd-info .info__item .cont li dd{} .cm_property_view .bd-info .info__item .cont li dd.white-box{padding: 4px 8px;background-color: #fff;border: 1px solid rgba(226,232,240,0.6);border-radius: 4px;} .cm_property_view .bd-info .info__item .cont li dd .green{padding: 4px 10px;color:#059669;background-color: #e0f8ec;border-radius:4px} .cm_property_view .bd-info .info__item.scale{--color:#1D39F5;--bg:#EEF2FF} .cm_property_view .bd-info .info__item.location{--color:#4F46E5;--bg:#EEF2FF} .cm_property_view .bd-info .info__item.system{--color:#0D9488;--bg:#F0FDFA} .cm_property_view .bd-info .info__item.system .cont li dt{} .cm_property_view .bd-info .info__item.system .cont li dd{} .cm_property_view .bd-info .info__item.parking{--color:#059669;--bg:#ECFDF5} .cm_property_view .bd-info .info__item.parking .cont li dl{flex-direction: row;justify-content: space-between;align-items: center;min-height: 68px;background-color: rgba(236,253,245,0.6);border-color: #D1FAE5;} .cm_property_view .bd-info .info__item.parking .cont li dt{font-weight: 700;color: #064E3B;} .cm_property_view .bd-info .info__item.parking .cont li dd{color: #047857;text-align:right} /* perspective */ #building_view .perspective{overflow:hidden;position: relative;display: flex;flex-direction: column;gap: 26px;background: linear-gradient(40deg, #5146d8 0%,#6758e8 50%, #8878f2 100%);border-radius: 24px;padding: 32px 40px 60px;box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);} #building_view .perspective > *{position: relative;z-index: 1;} #building_view .perspective::after{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);pointer-events: none;} #building_view .perspective h2{display: flex;align-items: center;gap: 12px;font-family: var(--o-font);font-size: 26px;font-weight: 700;color: #fff;} #building_view .perspective h2 img{width: 28px;} #building_view .perspective .article{display: flex;gap: 43px;} #building_view .perspective .article .thumb-box{position: relative;max-width: 450px;width: 100%;aspect-ratio: 450 / 390;border-radius: 16px;overflow: hidden;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);background-color: #fff;} #building_view .perspective .article .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #building_view .perspective .article .text-box{flex: 1;display: flex;flex-direction: column;align-items: flex-start;} #building_view .perspective .article .text-box .date{padding-bottom: 13px;font-family: var(--o-font);font-size: 16px;font-weight: 600;color: #eee;} #building_view .perspective .article .text-box h3{padding-bottom: 13px;font-size: 30px;font-weight: 700;line-height: 1.2;color: #fff;} #building_view .perspective .article .text-box p.desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 12;overflow: hidden;margin-bottom: 34px;color: rgba(237,237,237,0.85);font-size: 16px;line-height: 1.6;white-space: pre-line;} #building_view .perspective .article .text-box .btn--more{display: inline-flex;align-items: center;justify-content: center;padding: 12px 20px;background-color: rgba(255,255,255,0.1);border-radius: 12px;border: 1px solid rgba(255,255,255,0.2);} #building_view .perspective .article .text-box .btn--more .txt{display: flex;align-items: center;gap: 53px;font-size: 15px;font-weight: 700;color: #fff;} #building_view .perspective .article .text-box .btn--more .txt svg{width: 19px;height: 19px;stroke-width: 2.5px;} #building_view .perspective .article .text-box .btn--more:hover .txt svg{animation: arrow 0.7s ease-in-out infinite;} /* 임대 가능 매물 */ #building_view .property--lease{} #building_view .property--lease .head{flex-direction: column;align-items: flex-start;gap: 10px;margin-bottom: 0;padding-bottom: 24px;border-bottom: none;} #building_view .property--lease .head h2{} #building_view .property--lease .head p.desc{font-size: 16px;line-height: 1.3;color: #64748b;} #building_view .property--lease .lease-list{display: grid;grid-template-columns: repeat(2,1fr);gap: 14px 24px;} #building_view .property--lease .lease-list li{display: flex;gap: 20px;padding: 24px;background-color: #fff;border-radius: 16px;box-shadow:0 8px 30px -4px rgba(12, 24, 68, 0.06), 0 2px 6px -1px rgba(12, 24, 68, 0.04);border:1px solid #E2E8F0} #building_view .property--lease .lease-list li .thumb-box{position: relative;border-radius: 12px;overflow: hidden;max-width: 176px;width: 100%;} #building_view .property--lease .lease-list li .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #building_view .property--lease .lease-list li .thumb-box .floor{position: absolute;top: 10px;left: 12px;padding: 5px 10px;border-radius: 4px;background-color: var(--primary);color: #fff;font-size: 13px;font-weight: 700;} #building_view .property--lease .lease-list li .text-box{display: flex;flex-direction: column;align-items: flex-start;flex: 1;} #building_view .property--lease .lease-list li .text-box h3{padding-bottom: 5px;font-size: 22px;font-weight: 700;color: #0f172a;} #building_view .property--lease .lease-list li .text-box .adr{padding: 6px 12px;border-radius: 4px;background-color: #f1f5f9;font-size: 14px;font-weight: 600;color: #64748b;} #building_view .property--lease .lease-list li .text-box .info{display: flex;flex-direction: column;gap: 12px;width: 100%;margin-top: 18px;margin-bottom: 20px;padding-top: 12px;border-top: 1px solid #f1f5f9;} #building_view .property--lease .lease-list li .text-box .info dl{display: flex;align-items: center;justify-content: space-between;} #building_view .property--lease .lease-list li .text-box .info dt{font-size: 15px;font-weight: 600;color: #64748b;} #building_view .property--lease .lease-list li .text-box .info dd{font-size: 15px;font-weight: 500;color: #0f172a;} #building_view .property--lease .lease-list li .text-box .info dd > *{font-size: 20px;font-weight: 700;color: #1e293b;} #building_view .property--lease .lease-list li .text-box .info dd strong{color:#4F46E5} #building_view .property--lease .lease-list li .text-box .btn-wrap{width: 100%;display: flex;gap: 8px;} #building_view .property--lease .lease-list li .text-box .btn-wrap .link{display: flex;align-items: center;justify-content: center;flex: 1;width: 100%;height: 39px;border-radius: 100px;font-size: 15px;font-weight: 700;transition: all 0.3s;} #building_view .property--lease .lease-list li .text-box .btn-wrap .link-contact{background-color:#4F46E5;color: #fff;} #building_view .property--lease .lease-list li .text-box .btn-wrap .link-view{background-color: #fff;border: 1px solid #CBD5E1;color: #334155;} #building_view .property--lease .lease-list li .text-box .btn-wrap .link:hover{background-color: var(--primary);color: #fff;} #building_view .property--lease .lease-list li .text-box .btn-wrap .link-view:hover{background-color:#fff;color:#4F46E5;border-color:#4F46E5} #building_view .property--nearby{} .cm_property_view .property--nearby .head{margin-bottom: 0;padding-bottom: 24px;} .cm_property_view .property--nearby .head h2{} .cm_property_view .property--nearby .slide-box{position: relative;} .cm_property_view .property--nearby .slide-box .swiper-container{width: 100%;height: 100%;padding: 30px 0;margin: -30px 0;} .cm_property_view .property--nearby .slide-box .swiper-wrapper{} .cm_property_view .property--nearby .slide-box .swiper-slide{} .cm_property_view .property--nearby .slide-box .swiper-slide a{display: flex;flex-direction: column;border-radius: 16px;overflow: hidden;box-shadow: 0 2px 6px -1px rgba(12, 24, 68, 0.04), 0 8px 30px -4px rgba(12, 24, 68, 0.06);} .cm_property_view .property--nearby .slide-box .swiper-slide a .thumb-box{position: relative;width: 100%;aspect-ratio: 327 / 225;overflow: hidden;} .cm_property_view .property--nearby .slide-box .swiper-slide a .thumb-box img{width: 100%;height: 100%;object-fit: cover;transition:transform 0.3s} .cm_property_view .property--nearby .slide-box .swiper-slide a:hover .thumb-box img.property-img{transform: scale(1.15);} .cm_property_view .property--nearby .slide-box .swiper-slide a .thumb-box .keyword{position: absolute;top: 16px;left: 16px;z-index: 1;padding: 6px 18px;background-color: var(--primary);border-radius: 100px;font-size: 13px;font-weight: 700;color: #fff;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box{padding: 16px 16px 28px;background-color: #fff;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .adr{display: flex;align-items: center;gap: 4px;padding-bottom: 10px;font-size: 14px;font-weight: 600;color: var(--secondary);} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .adr span{font-size: 16px;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box h3{padding-bottom: 10px;font-size: 20px;font-weight: 700;color: #0f172a;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info{display: flex;flex-direction: column;gap: 14px;padding-top: 14px;border-top: 1px solid #F1F5F9;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dl{display: flex;justify-content: space-between;align-items: center;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dt{font-size: 15px;font-weight: 600;color: #64748B;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dd{font-size: 15px;font-weight: 500;color: #1e293b;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dd > *{font-weight: 700;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dd b{color: #0F172A;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dd strong{color: #4F46E5;} .cm_property_view .property--nearby .slide-box .swiper-slide a .text-box .info dd.green{padding:2px 6px;background-color:#ECFDF5;border:1px solid #D1FAE5;color:#059669;font-size: 15px;font-weight: 700;border-radius:4px} .cm_property_view .property--nearby .slide-box .swiper-navigation{} .cm_property_view .property--nearby .slide-box .swiper-navigation button{position: absolute;top: 50%;transform: translateY(-50%);box-shadow: 0 0 10px rgba(164,164,164,0.25);color:#81879D} .cm_property_view .property--nearby .slide-box .swiper-navigation button:hover{color:#fff} .cm_property_view .property--nearby .slide-box .swiper-navigation .btn--prev{left: calc(-48px - 20px);} .cm_property_view .property--nearby .slide-box .swiper-navigation .btn--next{right: calc(-48px - 20px);} /* Perspective */ #perspective_view{padding-top:0} #perspective_view .ac__head{position: relative;z-index:0;display: flex;align-items: center;justify-content: center;height: 247px;background-color: var(--secondary);border-bottom:1px solid #1E293B} #perspective_view .ac__head::before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background-image: url(../sh_page/img/perspective_banner_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;opacity:0.05} #perspective_view .ac__head a.link-list{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;color: #CBD5E1;margin-bottom: 30px;} #perspective_view .ac__head a.link-list svg{width: 16px;height: 16px;} #perspective_view .ac__head .ac__tit{padding-bottom: 12px;font-size: 34px;font-weight: 700;line-height: 1.2;color: #fff;} #perspective_view .ac__head .date{display: flex;align-items: center;gap: 8px;font-size: 14px;color: #94A3B8;} #perspective_view .ac__head .date svg{width: 16px;height: 16px;} #perspective_view .ac__body{padding-top: 82px;} #perspective_view .property--main .property__tags{padding-bottom: 30px;} #perspective_view .property--main .property__title{padding-bottom: 26px;} #perspective_view .property--main .btn-wrap{display: flex;justify-content: center;} #perspective_view .property--main .btn-wrap .btn--secondary{max-width:410px;width:100%;border-radius:12px} #perspective_view .property--main .btn-wrap .btn--secondary .txt{gap: 12px;transform: translateX(6px);} #perspective_view .property--main .btn-wrap .btn--secondary svg{width:18px;height:18px;} #perspective_view .property--main .btn-wrap .btn--secondary:hover svg{animation: arrow 0.7s ease-in-out infinite;} #perspective_view .property--sub{padding:26px 30px 30px} #perspective_view .bd-info .info-list{grid-template-columns: repeat(3,1fr)} #perspective_view .sub-cont.col-2 > *{max-width: 672px;width: 100%;aspect-ratio: 672 / 390;border-radius: 16px;padding: 26px 30px;} #perspective_view .sub-cont.col-2 > * .head{margin: 0;padding-bottom: 16px;border-bottom:none} #perspective_view .property--sub.sketch{} #perspective_view .property--sub.sketch .head{} #perspective_view .property--sub.sketch .head h2{} #perspective_view .property--sub.sketch .swiper-container{width: 100%;aspect-ratio: 16 / 9;border-radius:12px; border:1px solid #e2e8f0} #perspective_view .property--sub.sketch .swiper-wrapper{} #perspective_view .property--sub.sketch .swiper-slide{display: flex;align-items: center;justify-content: center;} #perspective_view .property--sub.sketch .swiper-slide img{} #perspective_view .property--sub.sketch .swiper-navigation{} #perspective_view .property--sub.sketch .swiper-navigation button{border:none;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0,0,0,0.1)} #perspective_view .property--sub.location{} #perspective_view .property--sub.location #map{} #perspective_view .property--sub.insight{} #perspective_view .property--sub.insight .title{display: flex;flex-direction: column;align-items: flex-start;gap: 16px; margin-bottom: 40px;padding-bottom: 26px;border-bottom: 1px solid #F1F5F9;} #perspective_view .property--sub.insight .title .tag{} #perspective_view .property--sub.insight .title .property__title{} #perspective_view .property--sub.insight .insight-list{display: flex;flex-direction: column;gap: 32px;padding: 40px;background-color: #f8fafc;border:1px solid rgba(226,232,240,0.8);border-radius:16px} #perspective_view .property--sub.insight .insight-list li{} #perspective_view .property--sub.insight .insight-list li .head{display: flex;align-items: center;justify-content: space-between;padding-bottom: 12px;margin-bottom: 16px;border-bottom: 1px solid #E5E7EB;} #perspective_view .property--sub.insight .insight-list li .head h3{display: flex;align-items: center;gap: 10px;font-size: 24px;font-weight: 700;color: #0F172A;} #perspective_view .property--sub.insight .insight-list li .head h3::before{content:'';width:6px;aspect-ratio:1;background-color:#3B28CC;border-radius:50PX} #perspective_view .property--sub.insight .insight-list li .head .cate{display: flex;align-items: center;justify-content: center;text-align: center;width: 73px;height: 22px;border-radius: 6px;background-color: #eef2ff;border: 1px solid #e0e7ff;font-size: 14px;color: #4f46e5;font-weight: 700;} #perspective_view .property--sub.insight .insight-list li .cont{font-size: 16px;line-height: 1.6;color: #334155;white-space: pre-line;} /* 매물검색 지도 디자인(공통) */ #map_search_design{} #map_search_design .col-2{display:flex} #map_search_design .area-search{max-width: 500px;width: 100%;background-color: #fff;border: 1px solid #E5E7EB;} #map_search_design .area-search .search__head{display: flex;flex-direction: column;gap: 10px;padding: 12px 16px 10px;} #map_search_design .area-search .tab--cate{display: flex;align-items: center;padding: 6px;background-color: #f3f4f6;border-radius: 8px;} #map_search_design .area-search .tab--cate li{flex: 1;display: flex;align-items: center;justify-content: center;height: 42px;border-radius: 6px;font-size: 16px;font-weight: 500;color: #6b7280;cursor:pointer} #map_search_design .area-search .tab--cate li.active{background-color: #fff;font-weight: 700;color: #111827;} #map_search_design .area-search .sch_wrap{display: flex;align-items: center;gap: 8px;height: 42px;} #map_search_design .area-search .sch_wrap .fl-l{display: flex;align-items: center;gap: 10px;max-width: 390px;width: 100%;height:100%;padding: 12px;border-radius: 4px;border: 1px solid #d1d5db;} #map_search_design .area-search .sch_wrap svg{width: 18px;height: 18px;stroke: #9ca3af;} #map_search_design .area-search .sch_wrap input[type="text"]{flex: 1;font-size: 14px;font-weight: 500;color: #7f8389;border: none !important;box-shadow: none;} #map_search_design .area-search .sch_wrap .sch_btn{all:unset;display: flex;align-items: center;justify-content: center;text-align: center;max-width: 70px;width: 100%;height: 100%;background-color: #1e293b;border-radius: 4px;color: #fff;font-size: 15px;font-weight: 700;cursor:pointer} #map_search_design .area-search .property__list{display: none;} #map_search_design .area-search .property__list.on{display:block;} #map_search_design .area-search .property__list .head{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background-color: rgba(249,250,251,0.8);border:solid #e1e1e1;border-width:1px 0 1px 0} #map_search_design .area-search .property__list .head h3{font-size: 16px;font-weight: 700;color: #111827;} #map_search_design .area-search .property__list .head .total{display: inline-flex;align-items: center;padding: 0 8px;height: 22px;border-radius: 50px;background-color: rgba(238,237,254,0.6);font-size: 14px;font-weight: 700;color: #432be3;} #map_search_design .area-search .property__list .item_list_wrap{} #map_search_design .area-search .property__list .item_list_wrap .item_list{} #map_search_design .area-search .property__list .item_list_wrap .item_list li{position: relative;display: flex;align-items: flex-start;gap: 15px;padding: 20px;border-bottom:1px solid #F3F4F6;background-color: #fff;transition:background-color 0.3s} #map_search_design .area-search .property__list .item_list_wrap .item_list li:last-child{border-bottom:none} #map_search_design .area-search .property__list .item_list_wrap .item_list li::before{opacity:0;visibility:hidden;position: absolute;content:'';top: 0;left: -1px;width: 4px;height: 100%;background-color:#432BE3;pointer-events: none;transition:opacity 0.3s, visibility 0s 0.3s} #map_search_design .area-search .property__list .item_list_wrap .item_list li:hover{background-color:rgba(245,244,255,0.55);} #map_search_design .area-search .property__list .item_list_wrap .item_list li:hover::before{opacity:1;visibility:visible;transition:opacity 0.3s, visibility 0s} #map_search_design .area-search .property__list .item_list_wrap .item_list .link-view{overflow: hidden;display: flex;align-items: center;justify-content: center;max-width: 113px;width: 100%;aspect-ratio: 1;border-radius: 6px;} #map_search_design .area-search .property__list .item_list_wrap .item_list .link-view .thumb-box{width: 100%;height: 100%;overflow: hidden;} #map_search_design .area-search .property__list .item_list_wrap .item_list .link-view .thumb-box img{width: 100%;height: 100%;object-fit: cover;transition:transform 0.3s} #map_search_design .area-search .property__list .item_list_wrap .item_list .link-view:hover .thumb-box img{transform:scale(1.15);} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box{display: flex;flex-direction: column;align-items: flex-start;width: 100%;} /* #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box >* {width: 100%;} */ #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__name{font-size: 19px;font-weight: 700;line-height: 1.2;color: #111827;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__adr{padding: 8px 0;font-size: 14px;color: #4b5563;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__traffic{display: flex;gap: 4px;padding-bottom: 10px;font-size: 14px;font-weight: 500;color: var(--secondary);} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__traffic i{} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__scale{width: 100%;padding-bottom: 8px;font-size: 14px;color: #6b7280;border-bottom: 1px solid #E8E9EA;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info{display: flex;flex-direction: column;gap: 8px;width: 100%;padding-top: 12px;border-top: 1px solid rgba(226,232,240,0.7);} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info dl{display: flex;align-items: center;justify-content: space-between;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info dt{font-size: 15px;font-weight: 500;color: #64748b;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info dd{font-size: 15px;color:#334155} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info dd b{font-weight: 700;color: #432be3;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info .rent dt{font-size: 13px;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .bd__info .scale dd{font-weight: 500;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .link-property{display: inline-flex;align-items: center;padding-top: 8px;font-size: 15px;font-weight: 700;color: #432BE3;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .link-property svg{width: 18px;height: 18px;} #map_search_design .area-search .property__list .item_list_wrap .item_list .text-box .link-property:hover svg{animation: arrow 0.7s ease-in-out infinite;} #map_search_design .area-search .pagination{display: flex;align-items: center;justify-content: center;gap: 4px;padding: 12px 0;border-top:1px solid #E5E7EB} #map_search_design .area-search .pagination span{display: flex;align-items: center;justify-content: center;width: 28px;aspect-ratio: 1;border-radius: 4px;background-color: #fff;color:#374151;font-size: 13px;font-weight: 500;} #map_search_design .area-search .pagination span.btn--page{} #map_search_design .area-search .pagination span.btn--page.on{background-color:#432BE3;color:#fff} #map_search_design .area-search .pagination span svg{width: 18px;} #map_search_design .area-search .pagination .btn--front{} #map_search_design .area-search .pagination .btn--front svg{stroke: #9CA3AF;} #map_search_design .area-search .pagination .btn--back{} #map_search_design .area-search .pagination .btn--back svg{stroke:#4B5563} #map_search_design .admin-btn-wrap, .pagecommon .admin-btn-wrap{display: flex;align-items: center;justify-content: flex-end;padding:16px;} #map_search_design .admin, .pagecommon .admin{display: inline-block;padding: 4px 10px;background-color: #fef2f2;border: 1px solid #FECACA;border-radius: 4px;font-size: 14px;font-weight: 700;color: #ef4444;} #map_search_design .area-map{width: 100%;} #map_search_design .area-map img{width: 100%;height: 100%;object-fit: cover;} .cm-bd-list:not(.cm-office){max-width: 1378px;width: 100%;margin: 0 auto;padding-top: 60px;} .cm-bd-list .all-check-box{position: relative;display: flex;align-items: center;gap: 10px;width: 100%;height: 62px;padding: 20px;margin-bottom: 46px;border-radius: 12px;background-color: #fff;border: 1px solid #E5E7EB;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} /* 체크박스 커스텀 */ .cm-bd-list .custom-checkbox{display: flex;align-items: center;gap: 10px;} .cm-bd-list .custom-checkbox{font-size: 17px;font-weight: 700;color: #374151;} .cm-bd-list .custom-checkbox .checkbox{display: flex;align-items: center;justify-content: center;width: 16px;aspect-ratio: 1;border-radius: 4px;border: 1px solid #D1D5DB;background-color: #fff;} .cm-bd-list .custom-checkbox .checkbox svg{width: 12px;height: 12px;stroke-width:3px;transform: translateY(1px);opacity:0;transition:opacity 0.2s} .cm-bd-list .custom-checkbox input[type="checkbox"]:checked + .checkbox{} .cm-bd-list .custom-checkbox input[type="checkbox"]:checked + .checkbox svg{opacity:1} .cm-bd-list #lansList{} .cm-bd-list .item_list{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px 20px;} .cm-bd-list .item_list li{position: relative;} .cm-bd-list .item_list .custom-checkbox{position: absolute;top: 17px;left: 14px;} .cm-bd-list .item_list a{overflow: hidden;display: flex;flex-direction: column;width: 100%;height: 100%;} .cm-bd-list .item_list .img{width: 100%;height: 290px;background-repeat: no-repeat;background-size: cover;} .cm-bd-list .item_list .img .keyword{position: absolute;top: 14px;left: 44px;padding: 5px 8px;border-radius: 100px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);font-size: 13px;font-weight: 700;color: #fff;line-height: 1;} .cm-bd-list .item_list .img .keyword.opt1{background-color: #E0F8EC;color: #18A77A;} .cm-bd-list .item_list .img .keyword.opt2{background-color: #E84A8A;} .cm-bd-list .item_list .img .keyword.opt3{background-color: rgba(38,50,61,0.8);} .cm-bd-list .item_list .img .keyword.opt4{background-color: #432BE3;} .cm-bd-list .item_list .img .keyword.opt5{background-color: #F28A2E;} .cm-bd-list .item_list .img .keyword.opt6{background-color: #6654C8;} .cm-bd-list .item_list .img .keyword.opt7{background-color: #353183;} .cm-bd-list .item_list .img .keyword.opt8{background-color: #E34343;} .cm-bd-list .item_list .info{display: flex;flex-direction: column;padding: 16px;background-color: #fff;} .cm-bd-list .item_list .info .bd__tit{margin-bottom:6px;font-size: 18px;font-weight: 700;line-height: 1.2;color: #111827;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .cm-bd-list .item_list .info .adr{display: flex;align-items: center;gap: 4px;padding-bottom: 16px;font-size: 15px;line-height: 1.2;color: #6b7280;font-family: var(--k-font);} .cm-bd-list .item_list .info .adr span{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;font-size: 16px;color: #9CA3AF;} .cm-bd-list .item_list .info .area{display: flex;gap: 5px;font-family: var(--k-font);font-size: 15px;font-weight: 600;color: var(--secondary);} .cm-bd-list .item_list .info .area dt{} .cm-bd-list .item_list .info .area dd{} .cm-bd-list .item_list .info .price.sale{display: flex;align-items: center;justify-content: space-between;gap: 5px;font-family: var(--k-font);padding: 12px 0 10px;} .cm-bd-list .item_list .info .price.sale dt{font-size: 15px;font-weight: 600;color: #747474;} .cm-bd-list .item_list .info .price.sale dd{font-family: var(--o-font);font-size: 20px;font-weight: 600;color: var(--secondary);} .cm-bd-list .item_list .info .price{display: flex;flex-direction: column;gap: 5px;font-family: var(--k-font);} .cm-bd-list .item_list .info .price dl{display:flex;align-items: center;gap: 5px;line-height: 1.2;} .cm-bd-list .item_list .info .price dt{font-size: 15px;font-weight: 600;color: #747474;} .cm-bd-list .item_list .info .price dd{font-size: 12px;font-weight: 600;color:#6b7280} .cm-bd-list .item_list .info .price dd b{font-size: 17px;font-weight: 700;color: var(--secondary);} .cm-bd-list .item_list .info .price dd b.purple{color: #4F46E5;} .cm-bd-list .item_list .info .bd__info{padding: 12px 0;border: solid #E2E7FF;border-width: 1px 0 1px 0;display: flex;gap: 10px;} .cm-bd-list .item_list .info .bd__info.row-2{position: relative;flex-direction:column;gap: 0;border-bottom:none} .cm-bd-list .item_list .info .bd__info.row-2 svg{position: absolute;top:14px;right: 0;stroke:#9CA3AF;width: 16px;height: 16px;} .cm-bd-list .item_list .info .bd__info.col-3 dl{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 2px;} .cm-bd-list .item_list .info .bd__info.col-3 dt{font-size: 14px;font-weight: 500;color: #777587;text-align: center;} .cm-bd-list .item_list .info .bd__info.col-3 dd{font-size: 15px;font-weight: 700;line-height: 1.3;color: #131b2e;text-align: center;} /* .cm-bd-list .admin-btn-wrap{display: flex;justify-content: space-between;padding: 60px 0;} .cm-bd-list .admin-btn-wrap > *{all: unset;display: flex;align-items: center;gap: 8px;padding: 14px 20px;background-color: #fff;border-radius: 8px;border: 2px solid rgba(37,32,92,0.22);font-size: 16px;font-weight: 700;color: var(--secondary);cursor:pointer;transition:all 0.2s} .cm-bd-list .admin-btn-wrap .btn--write:hover{color:#fff;background-color: var(--secondary);border-color:var(--secondary)} .cm-bd-list .admin-btn-wrap button svg{width: 16px;height: 16px;} */ .cm-bd-list .pagination{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 60px;} .cm-bd-list .pagination span{display: flex;align-items: center;justify-content: center;width: 32px;aspect-ratio: 1;border-radius: 4px;border: 1px solid #e5e7eb;background-color: #fff;font-size: 14px;font-weight: 500;color: #4B5563;transition:all 0.2s;cursor:pointer} .cm-bd-list .pagination span.on{border-color:#432BE3;background-color: #432BE3;color:#fff;font-weight: 700;} .cm-bd-list .pagination span .btn--front, .cm-bd-list .pagination span .btn--back{border-color:#D1D5DB} .cm-bd-list .pagination span .btn--page{} .cm-bd-list .pagination span svg{width: 18px;height: 18px;stroke:#6B7280} /* 260928 서브페이지 css [e] */ /* 261012 임대 페이지 */ .cm_about{padding-top: 0;} .cm_about .sub_banner{overflow:hidden;} .cm_about .sub_banner .inner{max-width:1592px !important;justify-content: space-between;} .cm_about .inner{} .cm_about .col-2{display: flex;gap: 70px;} .cm_about .col-2 .fl-l{} .cm_about .sub_banner .tit{font-size: 50px;font-family: var(--sub-font);font-weight: 700;white-space: pre-line;line-height: 1.2;color: #23262F;} .cm_about .sub_banner .tit b{} .cm_about .sub_banner p.desc{font-size: 18px;font-weight: 500;line-height: 1.55;white-space: pre-line;color: #202423;} .cm_about .col-2 .fl-l .btn-wrap{display: flex;gap: 16px;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{padding: 20px 28px !important;font-size: 17px !important; background-color: var(--point-color) !important;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary > span.txt{gap: 35px !important;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary.line{background-color: #fff !important;color: var(--point-color) !important;border:2px solid var(--point-color) !important;} .cm_about .col-2 .fl-r{} .cm_about .col-2 .fl-r .thumb-box-l{} .cm_about .col-2 .fl-r .thumb-box-s{} .cm_about .col-2 .fl-r .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_lease_about{--point-color: #0A6351;} #sh_lease_about .sub_banner{padding: 116px 0 88px;background-image: url('../sh_page/img/sh_lease_about_banner_bg.jpg');background-size: cover;background-position: center;} #sh_lease_about .sub_banner .col-2 .fl-l{} #sh_lease_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 28px;} #sh_lease_about .sub_banner .col-2 .fl-l .tit b{font-weight: 700;color: var(--point-color);} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 52px;} #sh_lease_about .sub_banner .col-2 .fl-l .btn-wrap{} #sh_lease_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary{} #sh_lease_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary:hover svg{animation: arrow 0.7s ease-in-out infinite;} #sh_lease_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary.line{} #sh_lease_about .sub_banner .col-2 .fl-r{position: relative;max-width:816px;width: 100%;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{border-top-left-radius: 200px;overflow: hidden;max-width: 816px;width: 100%;aspect-ratio: 816 / 493;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{position: absolute;bottom: 0;right: 16px;max-width: 280px;width: 100%;aspect-ratio: 1;border-radius: 50px 50px 50px 0;overflow: hidden;border: 3px solid #fff;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box img{} #sh_lease_about .all-in-one{padding-bottom: 140px;background-color: #F3F4F6;} #sh_lease_about .all-in-one .inner{} #sh_lease_about .all-in-one .data-list{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;padding: 112px 0 134px;} #sh_lease_about .all-in-one .data-list li{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;padding: 28px;height: 210px;background-color: #fff;border-radius: 16px;box-shadow:0 8px 10px -6px rgba(226,232,240,0.6), 0 20px 25px -5px rgba(226,232,240,0.6)} #sh_lease_about .all-in-one .data-list li i{display: flex;align-items: center;justify-content: center;width: 48px;aspect-ratio: 1;border-radius: 12px;background-color: #eef2ff;border: 1px solid #e0e7ff;} #sh_lease_about .all-in-one .data-list li i span{color:#4F46E5;font-size: 26px;} #sh_lease_about .all-in-one .data-list li .txt{display: flex;flex-direction: column;} #sh_lease_about .all-in-one .data-list li .txt b{padding-bottom: 5px;font-size: 30px;line-height: 1;color: var(--font-color-dark);font-weight: 700;} #sh_lease_about .all-in-one .data-list li .txt span{font-size: 15px;font-weight: 600;line-height: 1.2;color: #64748b;} #sh_lease_about .all-in-one .area-process{max-width: 1215px;width: 100%;margin: 0 auto;} #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 58px;} #sh_lease_about .all-in-one .area-process .process-list{display: flex;flex-direction: column;gap: 32px;} #sh_lease_about .all-in-one .area-process .process-list > li{display: flex;align-items: flex-start;padding: 48px;gap: 40px;border-radius: 24px;background-color: #fff;border: 1px solid #E2E8F0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} #sh_lease_about .all-in-one .area-process .process-list > li:nth-child(even){flex-direction: row-reverse;justify-content: space-between;} #sh_lease_about .all-in-one .area-process .process-list > li.solution{--point:#4338CA;--bg:#eef2ff} #sh_lease_about .all-in-one .area-process .process-list > li.infra{--point:#047857;--bg:#ecfdf5} #sh_lease_about .all-in-one .area-process .process-list > li.legal{--point:#7E22CE;--bg:#faf5ff} #sh_lease_about .all-in-one .area-process .process-list > li.finance{--point:#B45309;--bg:#fffbeb} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{display: flex;align-items: center;justify-content: center;max-width: 540px;width: 100%;aspect-ratio: 540 / 310;border-radius: 16px;overflow: hidden;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box{display: flex;flex-direction: column;align-items: flex-start;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .cate{padding: 8px 12px;border-radius: 6px;background-color: var(--bg);color: var(--point);font-size: 14px;font-weight: 700;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 20px 0;font-size: 30px;font-weight: 700;line-height: 1.2;color: var(--font-color-dark);} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{display: flex;flex-direction: column;gap: 14px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{display: flex;align-items: center;gap: 12px;font-size: 16px;line-height: 1.4;color: #475569;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li .ic--check{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 20px;aspect-ratio: 1;border-radius: 100px;background-color: var(--bg);color: var(--point);} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li .ic--check svg{width: 12px;height: 12px;stroke-width: 3px;} /* #sh_lease_about .material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24} */ .cm_about .group--subtit{display: flex;flex-direction: column;align-items: center;text-align: center;} .cm_about .group--subtit .tit--en{padding-bottom: 36px;font-family: var(--o-font);font-size: 14px;font-weight: 700;line-height: 1.44;color: #4f46e5;text-transform:uppercase} .cm_about .group--subtit .tit--ko{padding-bottom: 16px;font-size: 40px;font-weight: 700;line-height: 1.25;white-space: pre-line;color: var(--font-color-dark);} .cm_about .group--subtit p.desc{font-size: 16px;font-weight: 500;line-height: 1.5;color: #475569;white-space: pre-line;} #sh_lease_about .business-hubs{padding: 130px 0 150px;border-bottom: 1px solid #E2E8F0;background-color: #fff;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 67px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 57px;} #sh_lease_about .business-hubs .map-box .caption{display: flex;align-items: center;justify-content: center;padding-bottom: 58px;} #sh_lease_about .business-hubs .map-box .caption .tip{display: flex;align-items: center;justify-content: center;padding: 6px 14px;background-color: rgba(238, 242, 255, 0.8);border-radius: 100px;font-size: 14px;font-weight: 600;line-height: 1.4;color: #4338ca;border-bottom: 1px solid #E0E7FF;} #sh_lease_about .business-hubs .map-box .caption .material-symbols-outlined{font-size: 22px;} #sh_lease_about .business-hubs .map-box #map{position: relative;width: 100%;height: 558px;border-radius: 24px;background-image: url(../sh_page/img/sh_lease_about_hubs_bg.jpg);background-repeat: no-repeat;background-size: cover;} #sh_lease_about .business-hubs .map-box #map .area--list{} #sh_lease_about .business-hubs .map-box #map .area--list li{position: absolute;max-width:297px;width: 100%;transition:max-width 0.5s cubic-bezier(0.22,1,0.36,1)} #sh_lease_about .business-hubs .map-box #map .area--list li.ybd{--color:#0891B2;--bg:#ECFEFF;--dot:#06b6d4;--border-color:#CFFAFE;bottom: 150px;left: 194px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{--color:#25205C;--bg:rgba(49,57,107,0.07);--dot:#25205C;--border-color:rgba(37,32,92,0.15);top: 90px;left: 52%;transform: translateX(-50%);} #sh_lease_about .business-hubs .map-box #map .area--list li.gbd{--color:#25b07e;--bg:#e1fff4;--dot:#34D399;--border-color:#9dd8c5;bottom: 120px;right: 120px;} #sh_lease_about .business-hubs .map-box #map .area--list li a{display: flex;flex-direction: column;gap: 6px;position: relative;overflow: hidden;padding: 19px;background-color: rgba(255, 255, 255, 0.95);backdrop-filter:blur(12px);border-radius: 16px;box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);border: 2px solid rgba(226, 232, 240, 0.9);transition:border-color 0.5s cubic-bezier(0.22,1,0.36,1), box-shadow 0.5s cubic-bezier(0.22,1,0.36,1)} #sh_lease_about .business-hubs .map-box #map .area--list li .link-map[data-aos="zoom-in"] {transform: scale(0.94);opacity: 0;transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);} #sh_lease_about .business-hubs .map-box #map .area--list li .link-map[data-aos="zoom-in"].aos-animate {transform: scale(1);opacity: 1;} #sh_lease_about .business-hubs .map-box #map .area--list li a::before{content:'';position: absolute;inset: 0;background: linear-gradient(45deg, #4f46e5 0%, #4338ca 100%);opacity: 0;transition:opacity 0.5s cubic-bezier(0.22,1,0.36,1);z-index: 0;} #sh_lease_about .business-hubs .map-box #map .area--list li a > *{position: relative;z-index: 1;} #sh_lease_about .business-hubs .map-box #map .area--list li .tag{display: flex;align-items: center;justify-content: space-between;} #sh_lease_about .business-hubs .map-box #map .area--list li .tag .area{display: flex;align-items: center;gap: 5px;padding: 4px 10px;border-radius: 6px;background-color:var(--bg);border: 1px solid var(--border-color);color:var(--color);font-size: 12px;font-weight: 700;transition:background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease} #sh_lease_about .business-hubs .map-box #map .area--list li .tag .area::before{content:'';width: 6px;aspect-ratio: 1;border-radius:30px;background-color: var(--dot);} #sh_lease_about .business-hubs .map-box #map .area--list li .tag .keyword{display: inline-flex;align-items: center;justify-content: center;padding: 4px 0;background-color: rgba(15,23,42,0);border-radius: 50px;font-size: 11px;font-weight: 600;color: #94a3b8;transition:padding 0.4s cubic-bezier(0.22,1,0.36,1), background-color 0.4s ease, color 0.4s ease} #sh_lease_about .business-hubs .map-box #map .area--list li .count{font-size: 12px;color: #64748b;display: flex;align-items: flex-end;gap: 4px;transition:color 0.4s ease} #sh_lease_about .business-hubs .map-box #map .area--list li .count b{font-size: 24px;font-weight: 700;color: var(--font-color-dark);transition:font-size 0.5s cubic-bezier(0.22,1,0.36,1), color 0.4s ease} #sh_lease_about .business-hubs .map-box #map .area--list li .desc{font-size: 13px;font-weight: 500;color: #64748b;transition:color 0.4s ease} #sh_lease_about .business-hubs .map-box #map .area--list li:hover{max-width:354px} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a{border-color:rgba(199,210,254,0.8);box-shadow:0 25px 50px -12px rgba(79,70,229,0.35)} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a::before{opacity: 1;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .tag{} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .tag .area{background-color: rgba(255,255,255,0.2);border-color: transparent;backdrop-filter: blur(4px);color: #fff;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .tag .keyword{padding: 4px 10px;background-color: rgba(15,23,42,0.4);border-radius: 50px;color: #E0E7FF;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count{color: #C7D2FE;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count b{font-size: 30px;color: #fff;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .desc{color: #E0E7FF;} #sh_lease_about .business-hubs .advantages{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px;counter-reset: num;} #sh_lease_about .business-hubs .advantages li{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 32px;border: 1px solid #e2e8f0;border-radius: 16px;} #sh_lease_about .business-hubs .advantages li .num{flex-shrink:0;display: flex;align-items: center;justify-content: center;width: 35px;aspect-ratio: 1;margin-bottom: 10px;border-radius: 12px;background-color: #eef2ff;border: 1px solid #e0e7ff;} #sh_lease_about .business-hubs .advantages li .num::before{content:counter(num,decimal-leading-zero);counter-increment: num;font-size: 13px;font-weight: 700;color: #4f46e5;} #sh_lease_about .business-hubs .advantages li i{display: flex;align-items: center;justify-content: center;height: 47px;margin-bottom: 14px;} #sh_lease_about .business-hubs .advantages li.infra img{width: 56px;} #sh_lease_about .business-hubs .advantages li i img{} #sh_lease_about .business-hubs .advantages li p{font-size: 20px;font-weight: 700;white-space: pre-line;word-break: keep-all;text-align: center;line-height: 1.55;} #sh_lease_about .business-hubs .advantages li p b{font-weight: 700;color:#4F46E5} #sh_lease_about .step-by-step{padding: 100px 0 113px;background-color: #fff;} #sh_lease_about .step-by-step .group--subtit{} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 55px;} #sh_lease_about .step-by-step .group--subtit .btn--primary{padding: 16px 24px;border-radius: 100px;background-color: var(--primary);box-shadow: 0 2px 4px -2px rgba(79,70,229,0.25);} #sh_lease_about .step-by-step .group--subtit .btn--primary:hover svg{animation: arrow 0.7s ease-in-out infinite;} #sh_lease_about .step-by-step .group--subtit .btn--primary .txt{} #sh_lease_about .step-by-step .step-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;padding-top: 78px;} #sh_lease_about .step-by-step .step-list li{display: flex;flex-direction: column;justify-content: space-between;gap: 20px;position: relative;padding: 28px;border-radius: 24px;background-color: #fff;border: 1px solid rgba(226,232,240,0.9);transition:all 0.3s} #sh_lease_about .step-by-step .step-list li .tip{opacity:0;visibility: hidden;position: absolute;top: -16px;left: 24px;display: flex;align-items: center;justify-content: center;gap: 2px;border-radius: 100px;background-color: #4F46E5;color: #fff;padding: 7px 12px 7px 10px;font-size: 10px;font-weight: 900;transition:all 0.3s} #sh_lease_about .step-by-step .step-list li .tip span{font-size: 17px;} #sh_lease_about .step-by-step .step-list li .head{display: flex;align-items: center;justify-content: space-between;} #sh_lease_about .step-by-step .step-list li .head .step{padding: 4px 12px;background-color: #F1F5F9;color: #334155;border-radius: 50px;font-size: 12px;font-family: var(--o-font);font-weight: 700;transition:all 0.3s} #sh_lease_about .step-by-step .step-list li .head .material-symbols-outlined{display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1;border-radius: 50px;background-color: #eef2ff;border: 1px solid #E0E7FF;color: #4338CA;transition:all 0.3s} #sh_lease_about .step-by-step .step-list li p{font-size: 19px;font-weight: 700;color: var(--font-color-dark);} #sh_lease_about .step-by-step .step-list li .ic-arrow{position: absolute;top: 50%;right: -14px;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 28px;aspect-ratio: 1;border-radius: 50px;border: 1px solid #e2e8f0;background-color: #fff;box-shadow: 0 2px 4px -2px rgba(0,0,0,0.1), 0 4px 6px -1px rgba(0,0,0,0.1);color: #7F8996;transition:all 0.3s} #sh_lease_about .step-by-step .step-list li .ic-arrow svg{width: 18px;height: 18px;transform: translateX(1px);} #sh_lease_about .step-by-step .step-list li.active{border:1px solid #4F46E5;background-color:rgba(238,242,255,0.5);box-shadow:0 0 0 1px #4F46E5,0 4px 6px -4px rgba(79,70,229,0.1),0 10px 15px -3px rgba(79,70,229,0.1);} #sh_lease_about .step-by-step .step-list li.active .head .step{background-color: #4F46E5;color: #fff;font-weight:800;} #sh_lease_about .step-by-step .step-list li.active .head .material-symbols-outlined{background-color: #4F46E5;color:#fff;box-shadow:0 2px 4px -2px rgba(79,70,229,0.25), 0 4px 6px -1px rgba(79,70,229,0.25)} #sh_lease_about .step-by-step .step-list li.active .tip{opacity:1;visibility: visible;} #sh_lease_about .step-by-step .step-list li.active .ic-arrow{color:#4f46e5;border-color:#4F46E5} @media (max-width:1600px){ .cm_about .sub_banner .inner{align-items: center; padding: 0 20px;} .cm_about .col-2{gap: 50px;} .cm_about .sub_banner .tit{font-size: 42px;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{padding: 15px 24px !important;} .cm_about .col-2 .fl-l{flex-shrink: 0;} #sh_lease_about .sub_banner{padding: 80px 0;} #sh_lease_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 22px;} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 42px;} #sh_lease_about .sub_banner .col-2 .fl-r{max-width:770px} .cm_about .group--subtit .tit--en{padding-bottom: 30px !important;} /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 110px;} #sh_lease_about .all-in-one .inner{padding: 0 20px;} #sh_lease_about .all-in-one .data-list{gap: 20px;padding: 90px 0 100px;} #sh_lease_about .all-in-one .data-list li{padding: 24px;height: 190px;} #sh_lease_about .all-in-one .data-list li .txt b{font-size: 27px;} /* #sh_lease_about .all-in-one .data-list li .txt span{font-size: 14px;} */ /* #sh_lease_about .all-in-one .area-process{max-width: 1100px;} */ #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 48px;} #sh_lease_about .all-in-one .area-process .process-list{gap: 24px;} #sh_lease_about .all-in-one .area-process .process-list > li{padding: 40px;gap: 32px;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{max-width: 480px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 16px 0;font-size: 27px;} /* #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{gap: 12px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{font-size: 15px;} */ /* business-hubs */ #sh_lease_about .business-hubs{padding: 100px 0 120px;} #sh_lease_about .business-hubs .inner{padding: 0 20px;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 52px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 48px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 44px;} #sh_lease_about .business-hubs .map-box #map{height: 500px;} /* #sh_lease_about .business-hubs .map-box #map .area--list li{max-width: 270px;} */ /* #sh_lease_about .business-hubs .map-box #map .area--list li:hover{max-width: 320px;} */ #sh_lease_about .business-hubs .map-box #map .area--list li.ybd{bottom: 120px;left: 140px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{top: 70px;} #sh_lease_about .business-hubs .map-box #map .area--list li.gbd{bottom: 100px;right: 118px;} #sh_lease_about .business-hubs .advantages{gap: 18px;} #sh_lease_about .business-hubs .advantages li{padding: 28px;} #sh_lease_about .business-hubs .advantages li p{font-size: 18px;} /* step-by-step */ #sh_lease_about .step-by-step{padding: 90px 0 100px;} #sh_lease_about .step-by-step .inner{padding: 0 20px;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 46px;} #sh_lease_about .step-by-step .step-list{gap: 20px;padding-top: 64px;} /* #sh_lease_about .step-by-step .step-list li{gap: 18px;padding: 24px;border-radius: 20px;} */ #sh_lease_about .step-by-step .step-list li .tip{left: 20px;} /* #sh_lease_about .step-by-step .step-list li p{font-size: 18px;} */ } @media (max-width:1400px){ .cm_about .sub_banner .tit{font-size: 38px;} .cm_about .sub_banner p.desc{font-size: 16px;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{padding: 15px 20px !important;font-size: 16px !important;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary > span.txt{gap: 25px !important;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:clamp(180px,18.57vw,260px)} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 32px;} .cm_about .group--subtit .tit--en{padding-bottom: 26px !important;} .cm_about .group--subtit .tit--ko{font-size: 36px;} /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 90px;} #sh_lease_about .all-in-one .data-list{gap: 16px;padding: 70px 0 80px;} /* #sh_lease_about .all-in-one .data-list li{height: 170px;} */ /* #sh_lease_about .all-in-one .data-list li .txt b{font-size: 24px;} */ /* #sh_lease_about .all-in-one .data-list li .txt span{font-size: 13px;} */ #sh_lease_about .all-in-one .area-process{max-width:1000px;} #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 38px;} #sh_lease_about .all-in-one .area-process .process-list{gap: 24px;} #sh_lease_about .all-in-one .area-process .process-list > li{padding: 32px;gap: 28px;border-radius: 20px;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{max-width: 400px;border-radius:10px} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{font-size: 25px;} /* #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{gap: 10px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{font-size: 14px;} */ /* business-hubs */ #sh_lease_about .business-hubs{padding: 90px 0 100px;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 44px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 40px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 36px;} /* #sh_lease_about .business-hubs .map-box #map{height: 440px;border-radius: 20px;} */ #sh_lease_about .business-hubs .map-box #map .area--list li{max-width: 270px;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover{max-width: 320px;} #sh_lease_about .business-hubs .map-box #map .area--list li.ybd{bottom: 100px;left: 90px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{top: 60px;} #sh_lease_about .business-hubs .map-box #map .area--list li.gbd{bottom: 80px;} #sh_lease_about .business-hubs .advantages{gap: 16px;} /* #sh_lease_about .business-hubs .advantages li{padding: 24px;} */ /* #sh_lease_about .business-hubs .advantages li p{font-size: 17px;} */ /* step-by-step */ #sh_lease_about .step-by-step{padding: 80px 0 90px;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 40px;} #sh_lease_about .step-by-step .step-list{gap: 8px;padding-top: 56px;} /* #sh_lease_about .step-by-step .step-list li{gap: 16px;padding: 20px;border-radius: 18px;} */ #sh_lease_about .step-by-step .step-list li .tip{left: 16px;} /* #sh_lease_about .step-by-step .step-list li .head .material-symbols-outlined{width: 36px;} */ #sh_lease_about .step-by-step .step-list li p{font-size: 18px;} #sh_lease_about .step-by-step .step-list li .ic-arrow{right: -16px;width: 24px;z-index:1;} #sh_lease_about .step-by-step .step-list li .ic-arrow svg{width: 16px;height: 16px;} } @media (max-width:1200px){ .cm_about .col-2{gap: 35px;} .cm_about .sub_banner .inner{flex-direction: column;} .cm_about .sub_banner .tit{font-size: 34px;text-align: center;} .cm_about .sub_banner p.desc{text-align: center;} .cm_about .col-2 .fl-l{flex-shrink:1;} .cm_about .col-2 .fl-l .btn-wrap{justify-content: center;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{padding: 12px 18px !important;font-size: 15px !important;} #sh_lease_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 16px;} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 25px;} #sh_lease_about .sub_banner .col-2 .fl-r{max-width:840px} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{border-top-left-radius: 150px;max-width:700px;aspect-ratio: 816 / 460;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{bottom:35%;right:-20px;max-width:220px;} .cm_about .group--subtit .tit--en{padding-bottom: 20px !important;} .cm_about .group--subtit .tit--ko{font-size: 34px;} #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 30px;} /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 80px;} #sh_lease_about .all-in-one .data-list{grid-template-columns: repeat(2,1fr);padding: 50px 0 70px;width: 70%;margin: 0 auto;} #sh_lease_about .all-in-one .data-list li{height: 160px;} #sh_lease_about .all-in-one .data-list li i{width: 40px;} #sh_lease_about .all-in-one .data-list li i span{font-size: 22px;} #sh_lease_about .all-in-one .data-list li .txt b{font-size: 24px;} /* #sh_lease_about .all-in-one .area-process{max-width: 720px;} */ /* #sh_lease_about .all-in-one .area-process .process-list > li, */ /* #sh_lease_about .all-in-one .area-process .process-list > li:nth-child(even){flex-direction: column;align-items: stretch;gap: 24px;} */ /* #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{max-width: none;} */ #sh_lease_about .all-in-one .area-process .process-list{gap: 16px;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{max-width:360px;aspect-ratio:540 / 365;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 14px 0;font-size: 22px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{font-size: 15px;} /* business-hubs */ #sh_lease_about .business-hubs{padding: 80px 0 90px;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 30px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 36px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 30px;} #sh_lease_about .business-hubs .map-box #map{height: 400px;} #sh_lease_about .business-hubs .map-box #map .area--list li{max-width: 250px;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover{max-width: 280px;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count b{font-size: 28px;} #sh_lease_about .business-hubs .map-box #map .area--list li.ybd{bottom: 80px;left: 50px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{top: 50px;} #sh_lease_about .business-hubs .map-box #map .area--list li.gbd{bottom: 60px;right: 40px;} #sh_lease_about .business-hubs .advantages{gap: 14px;} #sh_lease_about .business-hubs .advantages li{padding: 24px 16px;} #sh_lease_about .business-hubs .advantages li i{margin-bottom: 10px;} #sh_lease_about .business-hubs .advantages li.infra img{width: 50px;} #sh_lease_about .business-hubs .advantages li p{font-size: 17px;} /* step-by-step */ #sh_lease_about .step-by-step{padding: 70px 0 80px;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 34px;} #sh_lease_about .step-by-step .step-list{grid-template-columns: repeat(2, 1fr);gap: 22px 8px;padding-top: 46px;width: 70%;margin: 0 auto;} #sh_lease_about .step-by-step .step-list li{padding: 24px;} #sh_lease_about .step-by-step .step-list li p{font-size: 17px;} #sh_lease_about .step-by-step .step-list li:nth-child(even) .ic-arrow{display: none;} /* .cm_about .sub_banner .tit{font-size: 34px;} .cm_about .sub_banner p.desc{font-size: 15px;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{padding: 12px 18px !important;font-size: 15px !important;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary > span.txt{gap: 20px !important;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:clamp(150px,15vw,220px)} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 28px;} */ } @media (max-width:1024px){ /* #sh_lease_about .sub_banner .col-2 .fl-r{max-width:none} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{max-width:none;border-top-left-radius: 200px;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{bottom:0;right: 16px;max-width:clamp(240px,28.3vw,290px)} */ /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 70px;} #sh_lease_about .all-in-one .inner{padding: 0 20px;} #sh_lease_about .all-in-one .data-list{padding: 30px 0 70px;width: 100%;} #sh_lease_about .all-in-one .data-list li{height: 150px;} #sh_lease_about .all-in-one .area-process{max-width:670px} #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom:26px;} #sh_lease_about .all-in-one .area-process .process-list > li{flex-direction: column !important;padding: 28px;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{max-width:none;aspect-ratio: 538/290;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .cate{padding: 6px 10px;font-size: 13px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 12px 0;font-size: 21px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{gap: 8px;} /* business-hubs */ #sh_lease_about .business-hubs{padding: 70px 0 80px;} /* #sh_lease_about .business-hubs .group--subtit{padding-bottom: 30px;} */ #sh_lease_about .business-hubs .map-box{padding-bottom: 30px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 24px;} #sh_lease_about .business-hubs .map-box #map{border-radius: 16px;} /* #sh_lease_about .business-hubs .map-box #map .area--list li{max-width: 190px;} */ /* #sh_lease_about .business-hubs .map-box #map .area--list li:hover{max-width: 210px;} */ #sh_lease_about .business-hubs .map-box #map .area--list li.ybd{bottom: 60px;left: 30px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{top: 40px;} #sh_lease_about .business-hubs .map-box #map .area--list li.gbd{bottom: 40px;right: 30px;} #sh_lease_about .business-hubs .map-box #map .area--list li a{padding: 14px;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count b{font-size: 26px;} #sh_lease_about .business-hubs .advantages{gap: 12px;} #sh_lease_about .business-hubs .advantages li{padding: 20px 12px;} #sh_lease_about .business-hubs .advantages li p{font-size: 16px;} #sh_lease_about .business-hubs .advantages li i{height: 38px;margin-bottom: 5px;} #sh_lease_about .business-hubs .advantages li i img{transform:scale(0.8)} /* step-by-step */ #sh_lease_about .step-by-step{padding: 60px 0 70px;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 30px;} #sh_lease_about .step-by-step .group--subtit .btn--primary{padding: 14px 22px;} /* #sh_lease_about .step-by-step .step-list{gap: 36px 16px;padding-top: 44px;} */ #sh_lease_about .step-by-step .step-list{width: 80%;} #sh_lease_about .step-by-step .step-list li{gap: 16px;padding: 20px;border-radius: 18px;} #sh_lease_about .step-by-step .step-list li p{font-size: 16px;} .cm-bd-list .custom-checkbox{font-size:16px} } @media (max-width:768px){ .cm-bd-list .all-check-box{margin-bottom:20px} .cm-bd-list .custom-checkbox{font-size:15px} .cm_about .col-2{gap: 26px;} .cm_about .sub_banner .tit{font-size: 30px;} .cm_about .col-2 .fl-l .btn-wrap .btn--primary{font-size: 14px !important;padding: 10px 18px !important;} #sh_lease_about .sub_banner{padding: 60px 0;} /* #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{border-top-left-radius: 120px;} */ #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{display: none;} #sh_lease_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 12px;} #sh_lease_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 20px;} .cm_about .sub_banner p.desc{font-size: 15px;} .cm_about .group--subtit .tit--en{padding-bottom: 14px !important;font-size: 13px;} .cm_about .group--subtit .tit--ko{padding-bottom: 14px;font-size: 30px;white-space:normal} .cm_about .group--subtit p.desc{font-size: 15px;white-space:normal} /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 60px;} #sh_lease_about .all-in-one .data-list{gap: 12px;padding: 30px 0 60px;} #sh_lease_about .all-in-one .data-list li{padding: 16px;height: 135px;} #sh_lease_about .all-in-one .data-list li i{width: 36px;border-radius: 10px;} #sh_lease_about .all-in-one .data-list li i span{font-size: 22px;} #sh_lease_about .all-in-one .data-list li .txt b{font-size: 22px;} #sh_lease_about .all-in-one .data-list li .txt span{font-size: 14px;} #sh_lease_about .all-in-one .area-process{max-width:none} #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 28px;} #sh_lease_about .all-in-one .area-process .process-list{gap: 12px;} #sh_lease_about .all-in-one .area-process .process-list > li, #sh_lease_about .all-in-one .area-process .process-list > li:nth-child(even){padding: 20px;gap: 16px;border-radius: 16px;} #sh_lease_about .all-in-one .area-process .process-list > li .thumb-box{border-radius: 10px;aspect-ratio:538 / 205;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .cate{padding: 6px 10px;font-size: 13px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 10px 0;font-size: 17px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{gap: 8px;} /* #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{align-items: flex-start;gap: 8px;font-size: 14px;} */ /* #sh_lease_about .sub_banner .col-2 .fl-r{max-width:none} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{max-width:none;border-top-left-radius: 150px;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-s{bottom:0;right: 16px;max-width:clamp(200px,28.3vw,240px)} */ /* business-hubs */ #sh_lease_about .business-hubs{padding: 60px 0;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 26px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 26px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 20px;} #sh_lease_about .business-hubs .map-box .caption .tip{padding: 5px 12px;font-size: 13px;} #sh_lease_about .business-hubs .map-box #map{height: auto;padding: 20px;border-radius: 14px;} #sh_lease_about .business-hubs .map-box #map .area--list{display: flex;flex-direction: column;gap: 12px;} #sh_lease_about .business-hubs .map-box #map .area--list li, #sh_lease_about .business-hubs .map-box #map .area--list li:hover{position: static;max-width: none;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count b{font-size: 24px;} #sh_lease_about .business-hubs .map-box #map .area--list li.cbd{transform: none;} #sh_lease_about .business-hubs .advantages{grid-template-columns: 1fr;gap: 10px;} #sh_lease_about .business-hubs .advantages li{flex-direction: row;justify-content: flex-start;gap: 12px;padding: 16px 20px;} #sh_lease_about .business-hubs .advantages li .num{margin-bottom: 0;} #sh_lease_about .business-hubs .advantages li i{display: none;} #sh_lease_about .business-hubs .advantages li p{font-size: 15px;text-align: left;white-space:normal} /* step-by-step */ /* #sh_lease_about .step-by-step{padding: 50px 0 60px;} */ #sh_lease_about .step-by-step{padding: 60px 0;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 26px;} #sh_lease_about .step-by-step .group--subtit .btn--primary{padding: 12px 20px;} #sh_lease_about .step-by-step .step-list{padding-top: 36px;width: 100%;} #sh_lease_about .step-by-step .step-list li{border-radius: 16px;} #sh_lease_about .step-by-step .step-list li .tip{top: -14px;left: 14px;padding: 5px 10px 5px 8px;} #sh_lease_about .step-by-step .step-list li .head .material-symbols-outlined{width: 32px;font-size: 22px;} #sh_lease_about .step-by-step .step-list li p{font-size: 15px;} } @media(max-width:480px){ .cm_about .sub_banner .tit{font-size: 26px;white-space: normal !important;} .cm_about .sub_banner p.desc{font-size: 14px;white-space: normal !important;} #sh_lease_about .sub_banner{padding: 50px 0;} #sh_lease_about .sub_banner .col-2 .fl-r .thumb-box-l{border-radius:0} .cm_about .group--subtit .tit--en{padding-bottom: 12px !important;font-size: 12px;} .cm_about .group--subtit .tit--ko{padding-bottom: 12px;font-size: 26px;} .cm_about .group--subtit p.desc{font-size: 14px;} /* all-in-one */ #sh_lease_about .all-in-one{padding-bottom: 50px;} #sh_lease_about .all-in-one .data-list li{height: 130px;} #sh_lease_about .all-in-one .data-list li .txt b {font-size: 17px;} #sh_lease_about .all-in-one .data-list li .txt span{font-size: 13px;} #sh_lease_about .all-in-one .data-list li i{font-size: 13px;} #sh_lease_about .all-in-one .data-list li i span{font-size: 20px;} /* #sh_lease_about .all-in-one .data-list{grid-template-columns: 1fr;gap: 10px;padding: 32px 0 40px;} */ /* #sh_lease_about .all-in-one .data-list li{flex-direction: row;align-items: center;justify-content: flex-start;gap: 14px;height: auto;padding: 16px;} */ #sh_lease_about .all-in-one .area-process .group--subtit{padding-bottom: 24px;} #sh_lease_about .all-in-one .area-process .process-list{gap: 16px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .cate{padding: 4px 8px;font-size: 12px;} /* #sh_lease_about .all-in-one .area-process .process-list > li, #sh_lease_about .all-in-one .area-process .process-list > li:nth-child(even){padding: 16px;gap: 14px;border-radius: 14px;} */ /* #sh_lease_about .all-in-one .area-process .process-list > li .text-box h3{padding: 8px 0;font-size: 16px;} */ #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list{gap: 6px;} #sh_lease_about .all-in-one .area-process .process-list > li .text-box .check-list li{font-size: 14px;} #sh_lease_about .all-in-one .data-list{grid-template-columns: repeat(1,1fr);} #sh_lease_about .all-in-one .data-list li{height: auto;flex-direction: row;justify-content: flex-start;gap: 13px;} #sh_lease_about .all-in-one .data-list li .txt b{padding-bottom: 6px;} /* business-hubs */ #sh_lease_about .business-hubs{padding: 50px 0 60px;} #sh_lease_about .business-hubs .group--subtit{padding-bottom: 22px;} #sh_lease_about .business-hubs .map-box{padding-bottom: 22px;} #sh_lease_about .business-hubs .map-box .caption{padding-bottom: 16px;} #sh_lease_about .business-hubs .map-box .caption .tip{padding: 4px 10px;font-size: 12px;} #sh_lease_about .business-hubs .map-box #map{padding: 14px;border-radius: 12px;} #sh_lease_about .business-hubs .map-box #map .area--list{gap: 10px;} #sh_lease_about .business-hubs .map-box #map .area--list li a{padding: 14px;border-radius: 12px;} #sh_lease_about .business-hubs .map-box #map .area--list li .count b{font-size: 22px;} #sh_lease_about .business-hubs .map-box #map .area--list li:hover a .count b{font-size: 22px;} #sh_lease_about .business-hubs .advantages{gap: 8px;} #sh_lease_about .business-hubs .advantages li{flex-direction:column;gap: 10px;padding: 14px 16px;border-radius: 12px} #sh_lease_about .business-hubs .advantages li p{text-align: center;} #sh_lease_about .business-hubs .advantages li .num{width: 25px;border-radius:5px} /* #sh_lease_about .business-hubs .advantages li p{font-size: 14px;} */ #sh_lease_about .step-by-step{padding: 50px 0 60px;} #sh_lease_about .step-by-step .group--subtit p.desc{padding-bottom: 20px;} #sh_lease_about .step-by-step .step-list{grid-template-columns: repeat(1, 1fr);gap: 18px;padding-top: 28px;} #sh_lease_about .step-by-step .step-list li{gap: 12px;border-radius:12px} #sh_lease_about .step-by-step .step-list li .ic-arrow{display: none;} /* #sh_lease_about .step-by-step .step-list li p{font-size: 14px;} */ #sh_lease_about .step-by-step .step-list li .head .step{font-size: 11px;} } @media (max-width:390px){ } /* 공통 */ .cm_about .curated{padding: 135px 0;background-color: #F3F4F6;} .cm_about .curated .group--subtit{align-items: flex-start;text-align: left;padding-bottom: 60px;} .cm_about .curated .group--subtit .tit--en{padding-bottom: 30px;} .cm_about .curated .group--subtit .col-2{justify-content: space-between;width: 100%;align-items: flex-end;} .cm_about .curated .group--subtit .tit--ko{padding-bottom: 0;} .cm_about .curated .group--subtit .btn--primary{border: 1px solid #cbd5e1;background-color: #fff !important;color: #252525 !important;border-radius: 12px !important;} .cm_about .curated .group--subtit .btn--primary:hover svg{animation: arrow 0.7s ease-in-out infinite;} .cm_about .curated .curated-list{} .cm_about .curated .curated-list ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;} .cm_about .curated .curated-list ul li{border-radius: 16px;overflow: hidden;} .cm_about .curated .curated-list ul li a{} .cm_about .curated .curated-list ul li a .thumb-box{position: relative;width: 100%;aspect-ratio: 1;overflow:hidden;} .cm_about .curated .curated-list ul li a .thumb-box img{width: 100%;height: 100%;object-fit: cover;transition:transform 0.3s} .cm_about .curated .curated-list ul li a .thumb-box .keyword{position: absolute;top: 20px;left: 20px;padding: 6px 18px;border-radius: 50px;font-size: 13px;font-weight: 700;color: #fff;background-color:rgba(5,5,5,0.5);transition: all 0.3s;} .cm_about .curated .curated-list ul li a:hover .thumb-box .keyword{background-color: var(--primary);} .cm_about .curated .curated-list ul li a:hover .thumb-box img.property-img{transform: scale(1.05)} .cm_about .curated .curated-list ul li a .text-box{padding: 24px;background-color: #fff;} .cm_about .curated .curated-list ul li a .text-box h4{margin-bottom: 4px;font-size: 20px;line-height: 1.3;font-weight: 700;color: var(--font-color-dark); text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .cm_about .curated .curated-list ul li a .text-box .location{display: flex;align-items: center;gap: 4px;} .cm_about .curated .curated-list ul li a .text-box .location span{display: inline-flex;align-items: center;font-size: 14px;font-weight: 700;color: var(--secondary);} .cm_about .curated .curated-list ul li a .text-box .location span.txt{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cm_about .curated .curated-list ul li a .text-box .location span.material-symbols-outlined {font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;} .cm_about .contact{padding: 126px 0 156px;background-color: #fff;} .cm_about .contact .area-contact-banner{max-width: 1263px;width: 100%;margin: 0 auto;border-radius: 24px;padding: 64px 20px;background-image: url(../sh_page/img/cm_about_contact_bg.jpg);background-repeat: no-repeat;background-size: cover;display: flex;flex-direction: column;align-items: center; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .cm_about .contact .tip{position: relative;margin-bottom: 30px; animation: bounce 1.5s ease-in-out infinite;} .cm_about .contact .tip::after{position: absolute;content: '';width: 11px;height: 8px;background-color: #ff6b2c;transform: rotate(45deg) translateX(-50%);bottom: -6px;left: 50%;border-radius:1px} .cm_about .contact .tip span{display: inline-flex;padding: 10px 16px;border-radius: 100px;background-color: #ff6b2c;font-size: 14px;font-weight: 700;line-height: 1;color: #fff;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);} .cm_about .contact p{padding-bottom: 44px;font-size: 36px;font-weight: 700;color: #fff;white-space: pre-line;word-break: keep-all;text-align: center;line-height: 1.27;} .cm_about .contact .btn-wrap{display: flex;gap: 16px;} .cm_about .contact .btn-wrap .btn--contact{display: flex;align-items: center;justify-content: center;padding: 18px 30px;border-radius: 100px;font-size: 20px;font-weight: 700;color: #fff;} .cm_about .contact .btn-wrap .btn--contact.tel{background-color: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.2);backdrop-filter: blur(4px);} .cm_about .contact .btn-wrap .btn--contact.tel span.txt{display: flex;align-items: center;gap: 20px;transform: translateX(0);} .cm_about .contact .btn-wrap .btn--contact.tel span.material-symbols-outlined{color:#34D399} .cm_about .contact .btn-wrap .btn--contact.tel:hover span.material-symbols-outlined{ animation: phone 0.7s ease-in-out infinite} .cm_about .contact .btn-wrap .btn--contact.contact{background-color: #fff;color: #171717;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt{display: flex;align-items: center;gap: 30px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt svg{width: 20px;height: 20px;} .cm_about .contact .btn-wrap .btn--contact.contact:hover span.txt svg{ animation: arrow 0.7s ease-in-out infinite;} @keyframes bounce {0%, 100% {transform: translateY(0);} 50% {transform: translateY(-5px);}} @keyframes phone {0%, 100% {transform: translateY(0);} 20%{transform: rotate(-12deg);} 40%{transform: rotate(10deg);} 60% {transform: rotate(-8deg);} 80% {transform: rotate(5px);}} .cm_about .faq{padding-bottom: 100px;background-color: #fff;} .cm_about .faq .group--subtit{padding-bottom: 48px;} .cm_about .faq .group--subtit .tit--ko{padding-bottom: 0;} .cm_about .faq .faq-list{display: flex;flex-direction: column;gap: 16px;max-width: 1000px;width: 100%;margin: 0 auto;} .cm_about .faq .faq-list li{border-radius: 16px;border: 1px solid #e2e8f0;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.05)} .cm_about .faq .faq-list li .que{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 24px;transition: background-color 0.3s;} .cm_about .faq .faq-list li .que p{position: relative;padding-left: 34px;font-size: 18px;font-weight: 700;line-height: 1.5;color: var(--font-color-dark);} .cm_about .faq .faq-list li .que p::before{position: absolute;content: 'Q.';left: 0;top: 2px;font-family: var(--o-font);font-size: 20px;font-weight: 700;color: #4f46e5;line-height: 1;} .cm_about .faq .faq-list li .que svg{flex-shrink:0;stroke:#94A3B8;width: 20px;height: 20px;transition: transform 0.3s;} .cm_about .faq .faq-list li .ans {display: grid;grid-template-rows: 0fr;padding: 0;border-top: 0;transition: grid-template-rows 0.35s ease, padding 0.3s;} .cm_about .faq .faq-list li .ans p {min-height: 0;overflow: hidden;margin: 0;padding: 0 24px;font-size: 15px;line-height: 1.6;color: #475569;white-space: pre-line;word-break: keep-all;opacity: 0;visibility:hidden;transition: opacity 0.3s ease, visibility 0.3s ease;} .cm_about .faq .faq-list li.active .que{background-color:rgba(248,250,252,0.6)} .cm_about .faq .faq-list li.active .que svg{transform: rotate(180deg);} .cm_about .faq .faq-list li.show .ans{grid-template-rows: 1fr;border-top: 1px solid #F1F5F9;padding: 20px 0 24px; } .cm_about .faq .faq-list li.show .ans p{opacity: 1;visibility:visible;transition:opacity 0.3s ease,visibility 0s} @media (max-width:1600px){ .cm_about .curated{padding: 100px 0;} .cm_about .curated .inner{padding: 0 20px;} .cm_about .curated .curated-list ul{gap: 20px;} .cm_about .curated .curated-list ul li a .text-box h4{font-size: 18px;} .cm_about .contact{padding: 100px 0 120px;} .cm_about .faq{padding-bottom: 80px;} } @media (max-width:1400px){ .cm_about .curated{padding: 80px 0;} .cm_about .curated .group--subtit{padding-bottom: 52px;} .cm_about .group--subtit .tit--ko{font-size: 36px;} /* .cm_about .curated .group--subtit .tit--en{padding-bottom: 26px;} */ .cm_about .contact{padding: 80px 0 100px;} .cm_about .contact .inner{padding: 0 20px;} .cm_about .contact .area-contact-banner{padding: 60px 20px;} .cm_about .contact .tip{margin-bottom: 25px;} .cm_about .contact p{padding-bottom: 38px;font-size: 32px;} .cm_about .contact .btn-wrap .btn--contact{padding: 15px 30px;font-size: 18px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt{gap: 25px;} .cm_about .contact .btn-wrap .btn--contact.tel span.txt{gap: 15px;} .cm_about .faq .inner{padding: 0 20px;} .cm_about .faq .group--subtit{padding-bottom: 40px;} } .cm_about .curated .curated-list .swiper-pagination{display: none;} @media (max-width:1200px){ .cm_about .group--subtit .tit--ko{font-size: 32px;} .cm_about .curated .group--subtit{align-items: center;text-align: center;padding:0 20px 40px} .cm_about .curated .group--subtit .col-2{flex-direction: column;align-items: center;gap: 30px;} .cm_about .curated .curated-list ul{display: flex;gap:0;} .cm_about .curated .inner{padding:0;} .cm_about .curated .curated-list ul li{height: auto;} .cm_about .curated .curated-list .swiper-pagination{display: block;position: static;margin-top: 24px;} .cm_about .curated .curated-list .swiper-pagination-bullet-active{background-color: var(--primary);} .cm_about .faq{padding-bottom: 60px;} .cm_about .faq .faq-list li .que p{font-size: 17px;} } @media (max-width:1024px){ .cm_about .curated{padding: 70px 0;} .cm_about .contact{padding: 70px 0 80px;} .cm_about .contact .area-contact-banner{padding: 50px 20px;box-shadow:0 15px 40px -12px rgba(0, 0, 0, 0.25)} .cm_about .contact p{padding-bottom: 30px;font-size: 30px;} .cm_about .contact .btn-wrap .btn--contact{padding: 13px 26px;font-size: 16px;} .cm_about .faq{padding-bottom: 40px;} .cm_about .faq .group--subtit{padding-bottom: 30px;} .cm_about .faq .faq-list li .que{padding: 20px;} .cm_about .faq .faq-list li .que p{padding-left: 28px;font-size: 16px;} .cm_about .faq .faq-list li .que p::before{font-size: 18px;} .cm_about .faq .faq-list li .ans p{padding:0 20px;} .cm_about .faq .faq-list li.show .ans{padding: 16px 0 20px;} } @media (max-width:768px){ .cm_about .curated{padding: 60px 0;} .cm_about .group--subtit .tit--ko{font-size: 28px;} .cm_about .curated .inner{padding:0 20px;} .cm_about .curated .curated-list ul li a .text-box h4{} .cm_about .curated .group--subtit .col-2{gap: 26px;} .cm_about .curated .curated-list ul li a .text-box{padding: 18px 20px;} .cm_about .curated .curated-list ul li a .text-box h4{margin-bottom: 6px;font-size: 16px;} .cm_about .contact{padding: 60px 0;} .cm_about .contact .tip span{padding: 7px 12px;font-size: 13px;} .cm_about .contact p{padding-bottom: 20px;font-size: 26px;} .cm_about .contact .tip{margin-bottom: 20px;} .cm_about .contact .btn-wrap{gap: 8px;} .cm_about .contact .btn-wrap .btn--contact{padding: 12px 20px;font-size: 15px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt{gap: 15px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt svg{width: 18px;height: 18px;} .cm_about .contact .btn-wrap .btn--contact.tel span.txt{gap: 8px;} .cm_about .contact .btn-wrap .btn--contact.tel span.material-symbols-outlined{font-size: 20px;} .cm_about .faq .group--subtit{padding-bottom: 25px;} } @media (max-width:480px){ .cm_about .curated{padding: 50px 0;} .cm_about .group--subtit .tit--ko{font-size: 24px;} .cm_about .curated .inner{padding:0;} .cm_about .curated .group--subtit{padding-bottom: 30px;} .cm_about .curated .group--subtit .col-2{gap: 20px;} .cm_about .curated .curated-list ul li a .thumb-box .keyword{padding: 5px 10px;font-size: 12px;} .cm_about .contact{padding: 50px 0;} .cm_about .contact .area-contact-banner{box-shadow:0 10px 22px -12px rgba(0, 0, 0, 0.25)} .cm_about .contact .tip{margin-bottom: 15px;} .cm_about .contact .tip span{font-size: 12px;} .cm_about .contact p{padding-bottom: 14px;font-size: 22px;} .cm_about .contact .btn-wrap .btn--contact{padding: 10px 17px;font-size: 14px;} .cm_about .faq{padding-bottom: 60px;} .cm_about .faq .faq-list li .que p{padding-left: 25px;font-size: 15px;} .cm_about .faq .faq-list li .que p::before{font-size: 16px;} .cm_about .faq .faq-list li .ans p{font-size: 14px;} .cm_about .curated .group--subtit .btn--primary{padding: 10px 12px !important;border-radius: 7px !important;} .cm_about .curated .curated-list ul li a .thumb-box .keyword{top: 16px;left: 16px;} } @media (max-width:390px){ .cm_about .contact .btn-wrap{flex-wrap:wrap;align-items: center;justify-content: center;} .cm_about .contact .btn-wrap .btn--contact{font-size: 13px;} .cm_about .contact .btn-wrap .btn--contact.tel span.material-symbols-outlined{font-size: 17px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt svg{width: 16px;height: 16px;} .cm_about .contact .btn-wrap .btn--contact.contact span.txt{gap: 8px;} /* .cm_about .contact .btn-wrap{flex-direction: column;} */ /* .cm_about .contact .btn-wrap .btn--contact{justify-content: space-between;} */ } /* 매매 */ #sh_sale_about{--point-color: #752E3E;} #sh_sale_about .sub_banner{padding: 60px 0 75px;background-color: #E9E8E4;overflow:hidden;} #sh_sale_about .sub_banner .col-2{gap:0} #sh_sale_about .sub_banner .col-2 .fl-l{padding-top: 65px;} #sh_sale_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 28px;} #sh_sale_about .sub_banner .col-2 .fl-l .tit b{font-weight: 700;color: var(--point-color);} #sh_sale_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 52px;} #sh_sale_about .sub_banner .col-2 .fl-l .btn-wrap{} #sh_sale_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary{} #sh_sale_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary:hover svg{animation: arrow 0.7s ease-in-out infinite;} #sh_sale_about .sub_banner .col-2 .fl-l .btn-wrap .btn--primary.line{} #sh_sale_about .sub_banner .col-2 .fl-r{position: relative;max-width: 633px;width: 100%;aspect-ratio: 633 / 533;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-l{position: absolute;max-width: 370px;width: 100%;aspect-ratio: 370 / 466;right: 60px;} #sh_sale_about .sub_banner .col-2 .fl-r::before{position: absolute;content: '';max-width: 151px;width: 100%;aspect-ratio: 151 / 246;background-color: var(--point-color);left: 116px;top: 97px;} #sh_sale_about .sub_banner .col-2 .fl-r::after{position: absolute;content: '';max-width: 141px;width: 100%;aspect-ratio: 141 / 297;background-color: var(--point-color);bottom: 24px;right: 0;z-index: -1;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-s{position: absolute;max-width: 375px;width: 100%;aspect-ratio: 375 / 285;border: 2px solid #fef9f5;bottom: 0;left: 0;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_sale_about .property-search{padding-top: 110px;padding-bottom: 10px;background-color: #F3F4F6;overflow:hidden;} #sh_sale_about .property-search .group--subtit{padding-bottom: 52px;} #sh_sale_about .property-search .col-2{display: flex;justify-content: center;gap: 22px;} #sh_sale_about .property-search .col-2 .fl-l{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;max-width: 500px;width: 100%;padding: 25px 25px 18px;background-color: #fff;border-radius: 16px;border:1px solid #E2E8F0;box-shadow:0 2px 4px -2px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.1)} #sh_sale_about .property-search .col-2 .fl-l .cate{padding: 6px 12px;background-color: rgba(79,70,229,0.1);border-radius: 100px;font-size: 14px;font-weight: 700;color: #4f46e5;} #sh_sale_about .property-search .col-2 .fl-l b{font-size: 24px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .property-search .col-2 .fl-l .thumb-box{position: relative;width: 100%;aspect-ratio: 451 / 253;border-radius: 12px;overflow: hidden;} #sh_sale_about .property-search .col-2 .fl-l .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_sale_about .property-search .col-2 .fl-l .info{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;padding-top: 8px;width: 100%;} #sh_sale_about .property-search .col-2 .fl-l .info dl{display: flex;flex-direction: column;gap: 4px;border-radius: 12px;border: 1px solid #F1F5F9;padding: 14px;background-color: #f8fafc;} #sh_sale_about .property-search .col-2 .fl-l .info dt{font-size: 14px;font-weight: 500;color: #64748b;} #sh_sale_about .property-search .col-2 .fl-l .info dd{font-size: 20px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .property-search .col-2 .fl-l .info dd.purple{color:#4F46E5} #sh_sale_about .property-search .col-2 .fl-l .info dd.green{color:#059669} #sh_sale_about .property-search .col-2 .fl-r{--purple:#4f46e5;--fill: rgba(79, 70, 229, .18); --grid: #dfe3ee;--text: #5b6478;--title: #111827;--muted: #94a0b8;display: flex;flex-direction: column;justify-content: space-between;max-width: 710px;width: 100%;padding: 33px;background-color: #fff;border-radius: 16px;border:1px solid #E2E8F0;box-shadow:0 2px 4px -2px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.1)} /* 카드 */ #sh_sale_about .property-search .col-2 .fl-r .caption{position: relative;padding-left: 18px;font-size: 20px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .property-search .col-2 .fl-r .caption::before{position: absolute;content:'';top: 8px;left: 0;width: 10px;aspect-ratio: 1;border-radius:100px;background-color:#4f46e5} #sh_sale_about .property-search .col-2 .fl-r .card { max-width: 560px; margin: 0 auto; padding: clamp(16px, 4vw, 32px); } #sh_sale_about .property-search .col-2 .fl-r .card h2 {display: flex; align-items: center; gap: 10px;margin: 0 0 8px; font-size: clamp(16px, 4.2vw, 20px); color: var(--title);} #sh_sale_about .property-search .col-2 .fl-r .card h2::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--purple); } #sh_sale_about .property-search .col-2 .fl-r .note { margin: 8px 0 0; text-align: center; font-size: clamp(11px, 2.8vw, 13px); color: var(--muted); } /* 차트: 가로폭에 맞춰 정사각형으로 늘어남 */ #sh_sale_about .property-search .col-2 .fl-r .radar {position: relative;width: 100%;max-width: 448px;aspect-ratio: 448 / 420;margin: 0 auto;} #sh_sale_about .property-search .col-2 .fl-r .radar svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } #sh_sale_about .property-search .col-2 .fl-r .grid-line { fill: none; stroke: var(--grid); stroke-width: 1; } #sh_sale_about .property-search .col-2 .fl-r .axis-line { stroke: var(--grid); stroke-width: 1; } /* 보라색 영역: 차트 중심(viewBox의 50% 50%)에서 펼쳐짐 */ #sh_sale_about .property-search .col-2 .fl-r .area {transform-box: view-box;transform-origin: 50% 50%;transform: scale(0);opacity: 0;} #sh_sale_about .property-search .col-2 .fl-r .area-fill { fill: var(--fill); stroke: var(--purple); stroke-width: 2.5; stroke-linejoin: round; } #sh_sale_about .property-search .col-2 .fl-r .area-dot { fill: var(--purple); } #sh_sale_about .property-search .col-2 .fl-r .radar.is-visible .area {transform: scale(1);opacity: 1;transition: transform 1s cubic-bezier(.22, 1, .36, 1), opacity .5s ease;} /* 라벨: SVG 밖 HTML이라 모바일에서도 글자 크기 유지 */ #sh_sale_about .property-search .col-2 .fl-r .label {position: absolute; transform: translate(-50%, -50%);text-align: center; white-space: nowrap; line-height: 1.25;opacity: 0; transition: opacity .6s ease .4s;} #sh_sale_about .property-search .col-2 .fl-r .radar.is-visible .label { opacity: 1; } #sh_sale_about .property-search .col-2 .fl-r .label span { display: block; font-size:14px; color:#64748B; font-weight: 700; } #sh_sale_about .property-search .col-2 .fl-r .label b { display: block; font-size:20px; color: var(--purple);font-weight: 700; font-variant-numeric: tabular-nums; } @media (prefers-reduced-motion: reduce) { #sh_sale_about .property-search .col-2 .fl-r .area, #sh_sale_about .property-search .col-2 .fl-r .label { transition: none !important; transform: none; opacity: 1; } #sh_sale_about .property-search .col-2 .fl-r .area { transform: scale(1); } } #sh_sale_about .diligence {padding: 117px 0 140px;background-color: #F3F4F6;overflow:hidden;} #sh_sale_about .diligence .group--subtit {padding-bottom: 50px;} #sh_sale_about .diligence .diligence-list{display: flex;gap: 33px;} #sh_sale_about .diligence .diligence-list li{flex: 1;border-radius: 16px;overflow: hidden;border: 1px solid rgba(226,232,240,0.8);box-shadow: 0 1px 2px rgba(0,0,0,0.05);background-color: #fff;} #sh_sale_about .diligence .diligence-list li .thumb-box{position: relative;width: 100%;aspect-ratio: 415 / 256;} #sh_sale_about .diligence .diligence-list li .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_sale_about .diligence .diligence-list li .thumb-box .keyword{position: absolute;top: 16px;left: 16px;padding: 5px 12px;background-color: rgba(255,255,255,0.9);border: 1px solid rgba(255,255,2555,0.2);color: #4f46e5;font-size: 12px;font-weight: 700;border-radius: 50px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);backdrop-filter: blur(8px);} #sh_sale_about .diligence .diligence-list li .text-box{padding: 32px;background-color: #fff;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 10px;} #sh_sale_about .diligence .diligence-list li .text-box h3{font-size: 26px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .diligence .diligence-list li .text-box p.desc{font-size: 16px;line-height: 1.6;color: #475569;white-space: pre-line;word-break: keep-all;} #sh_sale_about .strategy{padding-top: 90px;background-image: url(../sh_page/img/sh_sale_about_compare_bg.png);background-repeat: no-repeat;background-position: center top 70px;overflow:hidden;} #sh_sale_about .strategy .group--subtit{padding-bottom: 170px;} #sh_sale_about .strategy .group--subtit i{margin-bottom: 40px;} #sh_sale_about .strategy .group--subtit i img{width: 36px;} #sh_sale_about .strategy .group--subtit .tit--ko{padding-bottom: 60px;font-size: 45px;} #sh_sale_about .strategy .group--subtit .tit--ko b{font-weight: 700;color: #F43F5E;} #sh_sale_about .strategy .group--subtit .btn--primary{padding: 16px 24px;border-radius: 100px;background-color: #1A1A1D;box-shadow: 0 2px 4px -2px rgba(79,70,229,0.25);font-size: 16px;} #sh_sale_about .strategy .group--subtit .btn--primary .txt{gap: 20px;} #sh_sale_about .strategy .group--subtit .btn--primary:hover svg{animation: arrow 0.7s ease-in-out infinite;} #sh_sale_about .strategy .strategy-box{display: flex;gap: 32px;} #sh_sale_about .strategy .strategy-box .buy-strategy{--point: #10b981;--item-bg: #F0FDF4;--border-color:#c4f4df;--tip-border:#A5F0CE;--tip-bg:#ECFDF5} #sh_sale_about .strategy .strategy-box .sell-strategy{--point: #F43F5E;--item-bg: #FFF5F5;--border-color:rgba(244,63,94,0.5);--tip-border:rgba(255,255,255,0.3);--tip-bg:#FFF1F2} #sh_sale_about .strategy .strategy-box > div{flex: 1;background-color: #fff;border:2px solid var(--border-color);border-radius: 24px;padding: 40px;display: flex;flex-direction: column;align-items: flex-start;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)} #sh_sale_about .strategy .strategy-box > div .tip{display: flex;align-items: center;gap: 8px;padding: 5px 12px;margin-bottom: 24px;font-family: var(--o-font);font-size: 14px;font-weight: 700;color: var(--point);background-color: var(--tip-bg);border: 1px solid var(--tip-color);border-radius: 100px;} #sh_sale_about .strategy .strategy-box > div .tip::before{content:'';width:6px;aspect-ratio: 1;border-radius:50px;background-color:var(--point);} #sh_sale_about .strategy .strategy-box > div h3{padding-bottom: 8px;font-size: 30px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .strategy .strategy-box > div p.desc{padding-bottom: 32px;font-size: 16px;line-height: 1.6;color: #64748b;} #sh_sale_about .strategy .strategy-box > div .strategy-list{display: flex;flex-direction: column;gap: 16px;width: 100%;} #sh_sale_about .strategy .strategy-box > div .strategy-list li{display: flex;align-items: center;gap: 16px;padding: 16px;border-radius: 16px;background-color:var(--item-bg);font-size: 16px;font-weight: 700;line-height: 1.5;color: #1e293b;} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check{flex-shrink:0;display: flex;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1;border-radius: 12px;background-color: var(--point);color: #fff;} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check svg{width: 16px;height: 16px;stroke-width:2.5px} #sh_sale_about .one-stop{padding: 170px 0 140px;} #sh_sale_about .one-stop .group--subtit{padding-bottom: 50px;} #sh_sale_about .one-stop .one-stop-view{position: relative;overflow:hidden;padding: 120px 0 104px;background-color: #fff;border: 1px solid #e2e8f0;border-radius: 24px;display: flex;align-items: center;justify-content: center;} #sh_sale_about .one-stop .one-stop-view::before{z-index:-1;position: absolute;content: '';top: -82px;left: -100px;max-width: 320px;width: 100%;aspect-ratio: 1;border-radius: 500px;backdrop-filter: blur(64px);background: radial-gradient(closest-side, rgba(79,70,229,0.1), rgba(79,70,229,0));} #sh_sale_about .one-stop .one-stop-view::after{z-index:-1;position: absolute;content: '';bottom: -82px;right: -100px;max-width: 320px;width: 100%;aspect-ratio: 1;border-radius: 500px;backdrop-filter: blur(64px);background: radial-gradient(closest-side, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0));} #sh_sale_about .one-stop .one-stop-view .circle-wrap{position: relative;max-width: 620px;width: 100%;aspect-ratio: 1;} #sh_sale_about .one-stop .one-stop-view .circle-l{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;} #sh_sale_about .one-stop .one-stop-view .circle-l svg{fill: #fff;stroke: #E2E8F0;stroke-width: 1.5;stroke-dasharray: 6 6;animation: orbitRotation 30s linear infinite reverse;} #sh_sale_about .one-stop .one-stop-view .circle-m{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width:480px;width: 100%;aspect-ratio: 1;overflow:visible} #sh_sale_about .one-stop .one-stop-view .circle-m svg{overflow:visible;fill: #fff;stroke: url(#circleGradient);stroke-width: 1.5;stroke-dasharray: 6 6;} #sh_sale_about .one-stop .one-stop-view .circle-m .orbit-rotate{transform-box: view-box;transform-origin: center;animation: orbitRotation 30s linear infinite;} #sh_sale_about .one-stop .one-stop-view .circle-m .orbit-dot{fill: #4f46e5;} #sh_sale_about .one-stop .one-stop-view .circle-s{display: flex;align-items: center;justify-content: center;max-width: 330px;width: 100%;aspect-ratio: 1;border: 1px solid #cbd5e1;background-color: #F8FAFC;border-radius: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-shadow: 0 10px 30px -5px rgba(79,70,229,0.1);background-image: url(../sh_page/img/sh_sale_about_one_stop_thumb01.jpg);background-repeat: no-repeat;} #sh_sale_about .one-stop .one-stop-view .circle-s .thumb-box{display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 1;border-radius: 500px;border: 4px solid #fff;} #sh_sale_about .one-stop .one-stop-view .logo-box{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;max-width: 188px;width: 100%;aspect-ratio: 188 / 148;background-color: rgba(255,255,255,0.95);border: 1px solid rgba(226,232,240,0.9);border-radius: 16px;backdrop-filter: blur(12px);box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(99, 102, 241, 0.1);} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box{display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1;margin-bottom: 25px;border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(59,130,246,0.3),0 2px 4px -2px rgba(59,130,246,0.3);background-color: #4F46E5;color: #fff; font-size: 20px;} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box i{} #sh_sale_about .one-stop .one-stop-view .logo-box b{font-family: var(--o-font);font-size: 22px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .one-stop .one-stop-view .logo-box .tit{font-family: var(--o-font);font-size: 14px;font-weight: 700;color: #4F46E5;} @keyframes orbitRotation { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } #sh_sale_about .one-stop .one-stop-view .broker{--bg:#EFF6FF;--border-color:rgba(191,219,254,0.8);--color:#4F46E5} #sh_sale_about .one-stop .one-stop-view .law{--bg:#EEF2FF;--border-color:rgba(191,219,254,0.8);--color:#4F46E5} #sh_sale_about .one-stop .one-stop-view .account{--bg:linear-gradient(135deg,#ECFDF5 0%, #f0fdfa 100%);--border-color:rgba(167,243,208,0.8);--color:#059669} #sh_sale_about .one-stop .one-stop-view .valuation{--bg:linear-gradient(135deg,#faf5ff 0%, #eef2ff 100%);--border-color:rgba(233,213,255,0.8);--color:#9333EA} #sh_sale_about .one-stop .one-stop-view .service-list{position: absolute;width: 100%;height: 100%;} #sh_sale_about .one-stop .one-stop-view .service-list li{position:absolute;display: inline-flex;align-items: center;gap: 14px;max-width:260px;width: 100%;border-radius: 16px;background-color: #fff;border: 1px solid rgba(226, 232, 240, 0.9);box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(99, 102, 241, 0.05);padding: 22px 16px;} #sh_sale_about .one-stop .one-stop-view .service-list li .icon{display: flex;align-items: center;justify-content: center;width: 48px;aspect-ratio: 1;font-size: 24px;border-radius: 12px;background: var(--bg);border: 1px solid var(--border-color);color: var(--color);} #sh_sale_about .one-stop .one-stop-view .service-list li dl{display: flex;flex-direction: column;gap: 4px;} #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 18px;font-weight: 700;color: var(--font-color-dark);} #sh_sale_about .one-stop .one-stop-view .service-list li dd{font-size: 13px;font-weight: 600;color: #64748b;} #sh_sale_about .one-stop .one-stop-view .service-list li dd span{display:none} #sh_sale_about .one-stop .one-stop-view .service-list li.broker{top: -54px;left: 50%;transform: translateX(-50%);} #sh_sale_about .one-stop .one-stop-view .service-list li.law{top: 50%;right:-160px;transform: translateY(-50%);} #sh_sale_about .one-stop .one-stop-view .service-list li.account{bottom: -54px;left: 50%;transform: translateX(-50%);} #sh_sale_about .one-stop .one-stop-view .service-list li.valuation{top: 50%;left: -160px;transform: translateY(-50%);} #sh_sale_about .one-stop .one-stop-view .tip-list{position: absolute;width: calc(100% - 10px);height: 460px;top: 50%;left: 50%;transform: translate(-50%, -50%);} #sh_sale_about .one-stop .one-stop-view .tip-list li{position: absolute;display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: 100px;background-color: rgba(255, 255, 255, 0.95);border: 1px solid var(--border-color);backdrop-filter: blur(12px);font-size: 14px;font-weight: 700;color: #1e293b;box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);} #sh_sale_about .one-stop .one-stop-view .tip-list li::before{content:'';width: 8px;aspect-ratio: 1;border-radius: 50px;background-color: var(--color);} #sh_sale_about .one-stop .one-stop-view .tip-list li.broker{top: 0;right: 0;} #sh_sale_about .one-stop .one-stop-view .tip-list li.law{bottom: 0;right: 0;} #sh_sale_about .one-stop .one-stop-view .tip-list li.account{bottom: 0;left: 0;} #sh_sale_about .one-stop .one-stop-view .tip-list li.valuation{top: 0;left: 0;} @media (max-width:1600px){ #sh_sale_about .sub_banner .col-2 .fl-l{padding-top: 0;} #sh_sale_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 22px;} #sh_sale_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 42px;} #sh_sale_about .sub_banner .col-2 .fl-r{max-width:600px;aspect-ratio: 633 / 470;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:305px;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-l{max-width:336px;aspect-ratio: 370 / 442;} #sh_sale_about .sub_banner .col-2 .fl-r::before{left: 115px;top: 80px;} #sh_sale_about .sub_banner .col-2 .fl-r::after{max-width:120px;aspect-ratio: 141 / 297;bottom: 20px;} #sh_sale_about .property-search{padding-top: 100px;} #sh_sale_about .property-search .group--subtit{padding-bottom: 45px;} #sh_sale_about .diligence{padding: 100px 0 120px;} #sh_sale_about .diligence .group--subtit{padding-bottom: 42px;} #sh_sale_about .diligence .diligence-list{gap: 22px;} #sh_sale_about .diligence .diligence-list li .text-box{padding: 28px 12px;} #sh_sale_about .diligence .diligence-list li .text-box h3{font-size: 24px;} #sh_sale_about .strategy .group--subtit{padding-bottom: 100px;} #sh_sale_about .strategy .group--subtit .tit--ko{padding-bottom: 50px;} #sh_sale_about .strategy .strategy-box{gap: 22px;} #sh_sale_about .one-stop{padding: 130px 0 100px;} #sh_sale_about .one-stop .group--subtit{padding-bottom: 42px;} .cm_property_view .property--nearby .slide-box .swiper-navigation .btn--prev{left: 10px;} .cm_property_view .property--nearby .slide-box .swiper-navigation .btn--next{right: 10px;} } @media (max-width:1400px){ #sh_sale_about .inner{padding:0px 20px;} #sh_sale_about .sub_banner .col-2 .fl-l{max-width:585px} #sh_sale_about .sub_banner .col-2 .fl-l .tit{white-space:normal} #sh_sale_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 32px;} #sh_sale_about .sub_banner .col-2 .fl-r{max-width:550px} #sh_sale_about .sub_banner .col-2 .fl-r::before{left: 115px;top: 52px;} #sh_sale_about .sub_banner .col-2 .fl-r::after{bottom: 18px;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-l{max-width:288px} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:280px} #sh_sale_about .property-search .col-2 .fl-l b{font-size: 22px;} #sh_sale_about .property-search .col-2 .fl-r .caption{font-size: 18px;} #sh_sale_about .property-search .col-2 .fl-r .caption::before{top: 6px;} #sh_sale_about .property-search .col-2 .fl-r .radar{max-width:400px} #sh_sale_about .property-search .col-2 .fl-l .thumb-box{aspect-ratio: 451 / 230;} #sh_sale_about .strategy .group--subtit{padding-bottom: 80px;} #sh_sale_about .strategy .group--subtit i{margin-bottom: 32px;} #sh_sale_about .strategy .group--subtit i img{width: 32px;} #sh_sale_about .strategy .group--subtit .tit--ko{font-size: 42px;} #sh_sale_about .strategy .strategy-box > div .tip{margin-bottom: 20px;} #sh_sale_about .strategy .strategy-box > div h3{font-size: 26px;} #sh_sale_about .strategy .strategy-box > div p.desc{padding-bottom: 22px;} #sh_sale_about .one-stop .one-stop-view{padding: 100px 0 90px;border-radius: 20px;} #sh_sale_about .one-stop .one-stop-view::before{top: -70px;left: -80px;max-width: 260px;} #sh_sale_about .one-stop .one-stop-view::after{bottom: -70px;right: -80px;max-width: 260px;} #sh_sale_about .one-stop .one-stop-view .circle-wrap{max-width: 540px;} #sh_sale_about .one-stop .one-stop-view .circle-m{max-width: 420px;} #sh_sale_about .one-stop .one-stop-view .circle-s{max-width: 290px;background-size: cover;} #sh_sale_about .one-stop .one-stop-view .logo-box{max-width: 168px;} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box{width: 36px;margin-bottom: 20px;font-size: 18px;} #sh_sale_about .one-stop .one-stop-view .logo-box b{font-size: 20px;} #sh_sale_about .one-stop .one-stop-view .service-list li{max-width: 250px;padding: 18px 14px;} #sh_sale_about .one-stop .one-stop-view .service-list li .icon{width: 42px;font-size: 21px;} #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 17px;} /* #sh_sale_about .one-stop .one-stop-view .service-list li dd{font-size: 12px;} */ #sh_sale_about .one-stop .one-stop-view .service-list li.broker{top: -42px;} #sh_sale_about .one-stop .one-stop-view .service-list li.law{right: -160px;} #sh_sale_about .one-stop .one-stop-view .service-list li.account{bottom: -42px;} #sh_sale_about .one-stop .one-stop-view .service-list li.valuation{left: -160px;} #sh_sale_about .one-stop .one-stop-view .tip-list{height: 350px;width: 100%;} /* #sh_sale_about .one-stop .one-stop-view .tip-list li{padding: 7px 12px;font-size: 13px;} */ #building_view{padding: 0 20px;} #building_view .property--main .property__tags{padding-bottom: 15px;} .cm_property_view .property__title{font-size: 26px;} .cm_property_view .property--main .property__description{padding: 20px;} .cm_property_view .col-2{gap: 22px;} .cm_property_view .group-cont{gap: 32px;} } @media (max-width:1200px){ #sh_sale_about .sub_banner .col-2{gap: 35px;} #sh_sale_about .sub_banner .col-2 .fl-l{max-width:none} #sh_sale_about .sub_banner .col-2 .fl-l .tit{white-space:pre-line;padding-bottom: 16px;} #sh_sale_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 25px;} #sh_sale_about .property-search{padding-top: 80px;} #sh_sale_about .property-search .group--subtit{padding-bottom: 34px;} #sh_sale_about .property-search .col-2{gap: 14px;} #sh_sale_about .property-search .col-2 .fl-l{gap: 12px;} #sh_sale_about .property-search .col-2 .fl-l b{font-size: 20px;} #sh_sale_about .property-search .col-2 .fl-l .cate{padding: 4px 10px;font-size: 13px;} #sh_sale_about .property-search .col-2 .fl-l .info dd{font-size: 18px;} #sh_sale_about .property-search .col-2 .fl-r .caption{font-size: 16px;} #sh_sale_about .property-search .col-2 .fl-r .caption::before{width: 7px;} #sh_sale_about .property-search .col-2 .fl-r .radar{max-width:350px} #sh_sale_about .property-search .col-2 .fl-r .label b{font-size: 18px;} #sh_sale_about .diligence{padding: 80px 0 100px;} #sh_sale_about .diligence .group--subtit{padding-bottom: 34px;} #sh_sale_about .diligence .diligence-list{gap: 14px;} #sh_sale_about .diligence .diligence-list li .text-box h3{font-size: 20px;} #sh_sale_about .diligence .diligence-list li .text-box p.desc{white-space: normal;} #sh_sale_about .strategy{padding-top: 80px;} #sh_sale_about .strategy .group--subtit{padding-bottom: 75px;} #sh_sale_about .strategy .group--subtit i{margin-bottom: 26px;} #sh_sale_about .strategy .group--subtit i img{width: 28px;} #sh_sale_about .strategy .strategy-box{gap: 14px;} #sh_sale_about .strategy .strategy-box > div .tip{margin-bottom: 16px;font-size: 13px;} #sh_sale_about .strategy .group--subtit .tit--ko{padding-bottom: 42px;font-size: 38px;} #sh_sale_about .strategy .strategy-box > div h3{font-size: 24px;} #sh_sale_about .strategy .strategy-box > div p.desc{padding-bottom: 16px;} #sh_sale_about .one-stop{padding: 120px 0 90px;} #sh_sale_about .curated .inner{padding: 0;} } @media (max-width:1024px){ #sh_sale_about .property-search .col-2 .fl-l b{font-size: 18px;} #sh_sale_about .property-search .col-2 .fl-l .info dd{font-size: 17px;} #sh_sale_about .property-search .col-2 .fl-r .label span{font-size: 13px;} #sh_sale_about .property-search .col-2 .fl-r .label b{font-size: 16px;} #sh_sale_about .diligence .diligence-list li .text-box{padding: 20px 12px;} #sh_sale_about .diligence .diligence-list li .text-box h3{font-size: 18px;} #sh_sale_about .diligence .diligence-list li .text-box p.desc{font-size: 15px;} #sh_sale_about .strategy .group--subtit{padding-bottom: 60px;} #sh_sale_about .strategy .group--subtit .tit--ko{font-size: 34px;} #sh_sale_about .strategy .strategy-box{flex-direction: column;} #sh_sale_about .strategy .strategy-box > div{padding: 30px;box-shadow:0 4px 20px -12px rgba(0,0,0,0.25)} #sh_sale_about .strategy .strategy-box > div .tip{margin-bottom: 12px;font-size: 12px;} #sh_sale_about .strategy .strategy-box > div .strategy-list{gap: 6px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li{padding: 12px;border-radius:10px} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check{width: 32px;} #sh_sale_about .strategy .strategy-box > div h3{padding-bottom: 4px;font-size: 22px;} #sh_sale_about .strategy .strategy-box > div p.desc{font-size: 15px;} #sh_sale_about .one-stop{padding: 100px 0 80px;} #sh_sale_about .one-stop .group--subtit{padding-bottom: 36px;} #sh_sale_about .one-stop .one-stop-view{padding: 90px 0 80px;border-radius: 16px;} #sh_sale_about .one-stop .one-stop-view::before{top: -60px;left: -70px;max-width: 220px;} #sh_sale_about .one-stop .one-stop-view::after{bottom: -60px;right: -70px;max-width: 220px;} #sh_sale_about .one-stop .one-stop-view .circle-wrap{max-width: 480px;} #sh_sale_about .one-stop .one-stop-view .circle-m{max-width: 380px;} #sh_sale_about .one-stop .one-stop-view .circle-s{max-width: 260px;} #sh_sale_about .one-stop .one-stop-view .logo-box{max-width: 150px;border-radius: 14px;} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box{width: 32px;margin-bottom: 16px;font-size: 16px;border-radius: 10px;} #sh_sale_about .one-stop .one-stop-view .logo-box b{font-size: 18px;} #sh_sale_about .one-stop .one-stop-view .logo-box .tit{font-size: 13px;} #sh_sale_about .one-stop .one-stop-view .service-list li{max-width: 230px;padding: 14px 12px;border-radius: 14px;} #sh_sale_about .one-stop .one-stop-view .service-list li .icon{width: 38px;font-size: 19px;border-radius: 10px;} #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 16px;} /* #sh_sale_about .one-stop .one-stop-view .service-list li dd{font-size: 12px;} */ #sh_sale_about .one-stop .one-stop-view .service-list li.broker{top: -38px;} #sh_sale_about .one-stop .one-stop-view .service-list li.law{right: -155px;} #sh_sale_about .one-stop .one-stop-view .service-list li.account{bottom: -38px;} #sh_sale_about .one-stop .one-stop-view .service-list li.valuation{left: -155px;} #sh_sale_about .one-stop .one-stop-view .tip-list{height: 320px;} #sh_sale_about .one-stop .one-stop-view .tip-list li{gap: 6px;padding: 6px 10px;font-size: 13px;} #sh_sale_about .one-stop .one-stop-view .tip-list li::before{width: 5px;} } @media (max-width:890px){ #sh_sale_about .one-stop{padding: 80px 0 70px;} #sh_sale_about .one-stop .group--subtit{padding-bottom: 30px;} #sh_sale_about .one-stop .one-stop-view{padding: 80px 0 70px;} #sh_sale_about .one-stop .one-stop-view::before{top: -50px;left: -60px;max-width: 180px;} #sh_sale_about .one-stop .one-stop-view::after{bottom: -50px;right: -60px;max-width: 180px;} #sh_sale_about .one-stop .one-stop-view .circle-wrap{max-width: 420px;} #sh_sale_about .one-stop .one-stop-view .circle-m{max-width: 330px;} #sh_sale_about .one-stop .one-stop-view .circle-s{max-width: 230px;} #sh_sale_about .one-stop .one-stop-view .logo-box{max-width: 132px;} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box{width: 28px;margin-bottom: 12px;font-size: 14px;} #sh_sale_about .one-stop .one-stop-view .logo-box b{font-size: 16px;} #sh_sale_about .one-stop .one-stop-view .logo-box .tit{font-size: 12px;} #sh_sale_about .one-stop .one-stop-view .service-list li{max-width: 190px;gap:10px;padding: 12px 10px;} #sh_sale_about .one-stop .one-stop-view .service-list li .icon{width: 34px;font-size: 17px;} #sh_sale_about .one-stop .one-stop-view .service-list li dl{gap: 6px;} /* #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 15px;} */ /* #sh_sale_about .one-stop .one-stop-view .service-list li dd{font-size: 11px;} */ #sh_sale_about .one-stop .one-stop-view .service-list li.broker{top: -34px;} #sh_sale_about .one-stop .one-stop-view .service-list li.law{right: -125px;} #sh_sale_about .one-stop .one-stop-view .service-list li.account{bottom: -34px;} #sh_sale_about .one-stop .one-stop-view .service-list li.valuation{left: -125px;} #sh_sale_about .one-stop .one-stop-view .tip-list{height: 280px;} /* #sh_sale_about .one-stop .one-stop-view .tip-list li{padding: 5px 9px;} */ } @media (max-width:768px){ #sh_sale_about .sub_banner{padding: 60px 0;} #sh_sale_about .sub_banner .col-2 .fl-l .tit{padding-bottom: 12px;} #sh_sale_about .sub_banner .col-2 .fl-l p.desc{padding-bottom: 20px;} #sh_sale_about .sub_banner .col-2 .fl-r{max-width:440px;aspect-ratio:633 / 600;} #sh_sale_about .sub_banner .col-2 .fl-r::before{left: 60px;top: 70px;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-l{max-width:260px;right: 47px;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:260px;} #sh_sale_about .sub_banner .col-2 .fl-r::after{bottom: 55px;aspect-ratio: 141 / 297;} #sh_sale_about .property-search{padding-top: 60px;} #sh_sale_about .property-search .col-2{flex-direction:column} #sh_sale_about .property-search .col-2 .fl-l{max-width:none;align-items: center;} #sh_sale_about .property-search .col-2 .fl-l .info{padding-top: 0;} #sh_sale_about .property-search .col-2 .fl-r{gap: 14px;} #sh_sale_about .property-search .col-2 .fl-r .note{text-align: center;} #sh_sale_about .diligence{padding: 60px 0 80px;} #sh_sale_about .diligence .diligence-list{flex-direction: column;} #sh_sale_about .diligence .diligence-list li{display: flex;} #sh_sale_about .diligence .diligence-list li .thumb-box{max-width:clamp(150px,29.94vw,230px);} #sh_sale_about .diligence .diligence-list li .thumb-box .keyword{padding: 4px 8px;top:12px;left: 12px;} #sh_sale_about .diligence .diligence-list li .text-box{justify-content: center;align-items: flex-start;justify-content: center;gap: 4px;width: 100%;padding:24px;text-align: left;} #sh_sale_about .diligence .diligence-list li .text-box h3{font-size: 16px;} /* #sh_sale_about .diligence .diligence-list li .text-box p.desc{white-space:pre-line} */ #sh_sale_about .strategy{padding-top: 60px;} #sh_sale_about .strategy .group--subtit{padding-bottom: 50px;} #sh_sale_about .strategy .group--subtit i{margin-bottom: 20px;} #sh_sale_about .strategy .group--subtit i img{width: 22px;} #sh_sale_about .strategy .group--subtit .tit--ko{padding-bottom: 30px;font-size: 30px;} #sh_sale_about .strategy .group--subtit .btn--primary{padding: 14px 22px;font-size: 15px;} #sh_sale_about .strategy .strategy-box > div{padding: 22px;} #sh_sale_about .strategy .strategy-box > div .tip{font-size: 11px;} #sh_sale_about .strategy .strategy-box > div h3{font-size: 18px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li{gap: 10px;font-size: 15px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check{width: 27px;border-radius:6px} /* one-stop: 원형은 상단에 유지, 서비스 카드는 아래 2열 그리드로 배치 */ #sh_sale_about .one-stop{padding: 60px 0;} #sh_sale_about .one-stop .group--subtit{padding-bottom: 28px;} #sh_sale_about .one-stop .one-stop-view{align-items: flex-start;padding: 40px 16px 32px;border-radius: 16px;} #sh_sale_about .one-stop .one-stop-view .circle-wrap{max-width:none;aspect-ratio: auto;padding-top: 300px;} #sh_sale_about .one-stop .one-stop-view .circle-l{top: 150px;width: 300px;height: 300px;} #sh_sale_about .one-stop .one-stop-view .circle-m{top: 150px;max-width: none;width: 240px;} #sh_sale_about .one-stop .one-stop-view .circle-s{top: 150px;max-width: none;width: 170px;} #sh_sale_about .one-stop .one-stop-view .logo-box{max-width: 108px;border-radius: 12px;} #sh_sale_about .one-stop .one-stop-view .logo-box .ic-box{width: 26px;margin-bottom: 8px;font-size: 14px;border-radius: 8px;} #sh_sale_about .one-stop .one-stop-view .logo-box b{font-size: 13px;} #sh_sale_about .one-stop .one-stop-view .logo-box .tit{font-size: 10px;} #sh_sale_about .one-stop .one-stop-view .service-list{position: static;display: grid;grid-template-columns: repeat(1, 1fr);gap: 10px;height: auto;margin-top: 20px;} #sh_sale_about .one-stop .one-stop-view .service-list li[class]{position: static;transform: none;top: auto;right: auto;bottom: auto;left: auto;max-width: none;padding: 14px 12px;} #sh_sale_about .one-stop .one-stop-view .service-list li .icon{flex-shrink: 0;width: 36px;font-size: 18px;} #sh_sale_about .one-stop .one-stop-view .service-list li dl{width: 100%;} /* #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 15px;} */ #sh_sale_about .one-stop .one-stop-view .service-list li dd{display: flex;flex-direction: column;gap: 6px;font-size: 14px;} #sh_sale_about .one-stop .one-stop-view .service-list li dd span{display:flex;align-items:center;gap: 4px;padding-top: 6px;border-top:1px solid #e2e8f0} #sh_sale_about .one-stop .one-stop-view .service-list li dd span::before{content: '•';color:var(--color)} #sh_sale_about .one-stop .one-stop-view .tip-list{display: none;} #sh_sale_about .curated .inner{padding: 0 20px;} } @media (max-width:480px){ #sh_sale_about .sub_banner .col-2 .fl-r::before, #sh_sale_about .sub_banner .col-2 .fl-r::after{display: none;} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-l{right: 0;max-width:clamp(135px,54.16vw,260px)} #sh_sale_about .sub_banner .col-2 .fl-r .thumb-box-s{max-width:clamp(130px,50vw,240px)} #sh_sale_about .one-stop .one-stop-view .service-list{grid-template-columns: 1fr;} #sh_sale_about .one-stop .one-stop-view .circle-wrap{padding-top: 260px;} #sh_sale_about .one-stop .one-stop-view .circle-l, #sh_sale_about .one-stop .one-stop-view .circle-m, #sh_sale_about .one-stop .one-stop-view .circle-s{top: 130px;} #sh_sale_about .one-stop .one-stop-view .circle-l{width: 260px;height: 260px;} #sh_sale_about .one-stop .one-stop-view .circle-m{width: 208px;} #sh_sale_about .one-stop .one-stop-view .circle-s{width: 150px;} #sh_sale_about .property-search .group--subtit{padding-bottom: 22px;} #sh_sale_about .property-search .col-2 .fl-l{padding: 20px;} #sh_sale_about .property-search .col-2 .fl-l .info{gap: 8px;} #sh_sale_about .property-search .col-2 .fl-l .cate{font-size: 12px;} #sh_sale_about .property-search .col-2 .fl-l b{font-size: 17px;} #sh_sale_about .property-search .col-2 .fl-l .info dt{font-size: 13px;} #sh_sale_about .property-search .col-2 .fl-l .info dd{font-size: 16px;} #sh_sale_about .property-search .col-2 .fl-r{padding: 20px;} #sh_sale_about .property-search .col-2 .fl-r .caption{display: flex;align-items: center;justify-content: center;gap: 8px;padding-left: 0;font-size: 15px;text-align: center;} #sh_sale_about .property-search .col-2 .fl-r .caption::before{position:static; width: 6px;} #sh_sale_about .property-search .col-2 .fl-r .label b{font-size: 15px;} #sh_sale_about .diligence{padding: 50px 0;} #sh_sale_about .diligence .group--subtit{padding-bottom: 22px;} #sh_sale_about .diligence .diligence-list li{flex-direction: column;} #sh_sale_about .diligence .diligence-list li .thumb-box{max-width:100%;aspect-ratio:415 / 195;} #sh_sale_about .diligence .diligence-list li .text-box{align-items: center;gap: 6px;padding: 20px;text-align: center;} #sh_sale_about .diligence .diligence-list li .text-box p.desc{font-size: 14px;white-space:pre-line;line-height: 1.4;} #sh_sale_about .strategy{padding-top: 40px;} #sh_sale_about .strategy .group--subtit{padding-bottom: 30px;} #sh_sale_about .strategy .group--subtit i{margin-bottom: 14px;} #sh_sale_about .strategy .group--subtit i img{width: 20px;} #sh_sale_about .strategy .group--subtit .tit--ko{padding-bottom: 20px;font-size: 24px;} #sh_sale_about .strategy .group--subtit .btn--primary{font-size: 14px;} #sh_sale_about .strategy .strategy-box > div{padding: 20px;} #sh_sale_about .strategy .strategy-box > div h3{font-size: 17px;} #sh_sale_about .strategy .strategy-box > div p.desc{padding-bottom: 10px;font-size: 14px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li{font-size: 14px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check{width: 22px;} #sh_sale_about .strategy .strategy-box > div .strategy-list li .ic-check svg{width: 14px;height: 14px;} #sh_sale_about .one-stop .one-stop-view .service-list li dt{font-size: 15px;} #sh_sale_about .curated .inner{padding: 0;} } /* 회사소개 */ #sh_company_about{} #sh_company_about .sub_banner{padding: 135px 0;background-image: url('../sh_page/img/sh_company_about_banner_bg.jpg');background-size: cover;background-position: center;} #sh_company_about .sub_banner .text-box{position: relative;display: flex;flex-direction: column;align-items: center;gap: 34px;text-align: center;} #sh_company_about .sub_banner .text-box::after{position: absolute;content: '';max-width: 1020px;width: 100%;height: 100%;border-radius: 100%;background-color: rgba(255,255,255,0.85);filter: blur(100px);z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);} #sh_company_about .sub_banner .text-box .tit--en{font-family: var(--o-font);font-size: 20px;font-weight: 500;color: #565696;letter-spacing: 5px;} #sh_company_about .sub_banner .text-box .tit{color: #373A49;} #sh_company_about .sub_banner .text-box .tit b{color: #4F46E5;font-weight: 700;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 22px;line-height: 1.45;color: #2C2E3A;} #sh_company_about .sub_banner .text-box .desc:last-of-type{color:#363844} #sh_company_about .marquee{--x:-3860px;--xReverse:-3630px;--gap:50px;padding: 85px 0 112px;overflow:hidden} #sh_company_about .marquee .marquee-container{position:relative;display:flex;flex-direction:column;gap:40px;} #sh_company_about .marquee .marquee-container::before, #inc03 .area-marquee .marquee-container::after{z-index:1;position:absolute;content:'';top:0;width:200px;height:100%} #sh_company_about .marquee .marquee-container::before{left:0;background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%)} #sh_company_about .marquee .marquee-container::after{right:0;background:linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%)} #sh_company_about .marquee .marquee-wrapper{display:flex;gap:var(--gap);animation:logoMarquee 70s linear infinite} #sh_company_about .marquee .marquee-wrapper:last-child{animation:logoMarqueeReverse 70s linear infinite} #sh_company_about .marquee .marquee-wrapper ul{display:flex;gap:var(--gap);align-items:center} #sh_company_about .marquee .marquee-wrapper ul li{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:180px;aspect-ratio:180 / 75} #sh_company_about .marquee .marquee-wrapper ul li img{width:100%;height:100%;object-fit:contain} #sh_company_about .marquee .img-box{display:flex;justify-content:center} #sh_company_about .marquee .img-box img{max-width:880px;width:100%} @keyframes logoMarquee {0%{transform:translateX(0)}100%{transform:translateX(var(--x))}} @keyframes logoMarqueeReverse {0%{transform:translateX(var(--x))} 100%{transform:translateX(0)}} #sh_company_about .philosophy{overflow:hidden;padding-bottom: 110px;border-bottom: 1px solid #e2e8f0;} #sh_company_about .philosophy .group--subtit{padding-bottom: 97px;} #sh_company_about .philosophy .group--subtit .tip{display: flex;align-items: center;gap: 8px;margin-bottom: 24px;padding: 6px 14px !important;border-radius:50px;border:1px solid rgba(235,235,255,0.8);box-shadow: 0 1px 2px rgba(0,0,0,0.05);} #sh_company_about .philosophy .group--subtit .tip::before{content:'';width:6px;aspect-ratio: 1;border-radius:50px;background-color: #4f46e5;} #sh_company_about .philosophy .group--subtit .tit--ko{padding-bottom:24px;} #sh_company_about .philosophy .group--subtit .tit--ko i{font-style:normal;color:#334155;} #sh_company_about .philosophy .group--subtit .tit--ko b{font-weight: 700;} #sh_company_about .philosophy .group--subtit .tit--ko b.front{color:#1E3A8A} #sh_company_about .philosophy .group--subtit .tit--ko b.range{color:#004125} #sh_company_about .philosophy .group--subtit .desc{font-size:17px;color:#64748B} #sh_company_about .philosophy .col-2{align-items: center;} #sh_company_about .philosophy .col-2 .fl-l{max-width: 584px;width: 100%;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 20px;counter-reset:num} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li{overflow:hidden;position: relative;display: flex;flex-direction: column;align-items: flex-start;padding:28px 28px 28px 36px;border-radius: 16px;background-color: #fff;border: 1px solid rgba(226,232,240,0.9);box-shadow: 0 1px 2px rgba(0,0,0,0.05);} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li.best{--point: #4f46e5;--num-border: rgba(79,70,229,0.03);--num-bg:rgba(79,70,229,0.06);--stroke:#1E3A8A} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li.trust{--point: #004125;--num-border: rgba(0,6,37,0.06);--num-bg:rgba(0,6,37,0.06);--stroke:#004125} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li.growth{--point: #1E3A8A;--num-border: rgba(30,55558,138,0.1);--num-bg:rgba(30,58,138,0.06);--stroke:#25205C} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li::before{position: absolute;content:'';top: 0;left: 0;width: 9.5px;height:100%;background-color:var(--point);} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .num{display: flex;justify-content: center;align-items: center;width: 38px;aspect-ratio: 38 / 33;border-radius: 6px;background-color: var(--num-bg);border: 1px solid var(--num-border);color: var(--point);font-size: 13px;font-weight: 700;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .num::before{content:counter(num,decimal-leading-zero);counter-increment:num} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{padding: 12px 0 18px;font-size: 24px;font-weight: 700;color: var(--font-color-dark);} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list{display: flex;flex-direction: column;gap: 10px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list li{display: flex;align-items: center;gap: 8px;font-size: 17px;font-weight: 500;color: #475569;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list li svg{flex-shrink:0;width: 15px;height: 15px;stroke:var(--stroke);} #sh_company_about .philosophy .col-2 .fl-r{} #sh_company_about .philosophy .col-2 .fl-r img{width: 100%;height: 100%;object-fit: cover;} #sh_company_about .why-frontrange{padding: 96px 0 140px;} #sh_company_about .why-frontrange .group--subtit{padding-bottom: 52px;} #sh_company_about .why-frontrange .group--subtit .tit--en{} #sh_company_about .why-frontrange .why-frontrange-list{margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(3,1fr);gap: 25px 32px;counter-reset:num;} #sh_company_about .why-frontrange .why-frontrange-list li{display: flex;flex-direction: column;align-items: flex-start;padding: 32px;border: 1px solid #E2E8F0;box-shadow: 0 1px 2px rgba(0,0,0,0.05);border-radius: 12px;} #sh_company_about .why-frontrange .why-frontrange-list li .num{display: flex;align-items: center;justify-content: center;width: 48px;aspect-ratio: 1;margin-bottom: 24px;border-radius: 8px;background-color: rgba(79,70,229,0.06);color: #4f46e5;font-size: 17px;font-weight: 700;} #sh_company_about .why-frontrange .why-frontrange-list li .num::before{content:counter(num,decimal-leading-zero);counter-increment:num} #sh_company_about .why-frontrange .why-frontrange-list li h3{padding-bottom: 10px;font-size: 20px;font-weight: 700;color: var(--font-color-dark);} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{margin-bottom: 16px;padding-bottom: 24px;font-size: 15px;line-height: 1.6;white-space: pre-line;word-break: keep-all;color: #475569;border-bottom:1px solid #F1F5F9} #sh_company_about .why-frontrange .why-frontrange-list li .en{font-family: var(--o-font);font-size: 14px;font-weight: 500;color: #94a3b8;} #sh_company_about .our-service{padding: 130px 0 140px;background-color: #F3F4F6;} #sh_company_about .our-service .group--subtit{padding-bottom: 50px;} #sh_company_about .our-service .group--subtit .tit--ko{padding-bottom: 0;} #sh_company_about .our-service .group--subtit .tit--ko b{font-weight: 700;color: #4f46e5;} #sh_company_about .our-service .service-list{display: flex;flex-direction: column;gap: 24px;counter-reset:num;} #sh_company_about .our-service .service-list > li{display: flex;flex-direction: column;align-items: flex-start;background-color: #fff;border: 1px solid rgba(226,232,240,0.9);border-radius: 16px;padding: 36px;} #sh_company_about .our-service .service-list > li .head{display: flex;align-items: center;gap: 12px;padding-bottom: 12px;} #sh_company_about .our-service .service-list > li .head .num{padding: 4px 10px;border-radius: 4px;background-color: rgba(79,70,229,0.06);color: #4f46e5;font-family: var(--o-font);font-size: 12px;font-weight: 700;} #sh_company_about .our-service .service-list > li .head .num::after{content:counter(num,decimal-leading-zero);counter-increment:num} #sh_company_about .our-service .service-list > li .head h3{font-size: 24px;font-weight: 700;color: var(--font-color-dark);} #sh_company_about .our-service .service-list > li p.desc{padding-bottom: 20px;font-size: 16px;line-height: 1.6;color: #475569;} #sh_company_about .our-service .service-list > li .keyword-list{display: flex;gap: 8px;width: 100%;padding-top: 16px;border-top: 1px solid #f1f5f9;} #sh_company_about .our-service .service-list > li .keyword-list li{padding: 4px 12px;border-radius: 6px;background-color: #f8fafc;border: 1px solid #e2e8f0;color: #64748b;font-size: 14px;font-weight: 500;} #sh_company_about .location{padding: 104px 0 110px;} #sh_company_about .location .group--subtit{padding-bottom: 50px;} #sh_company_about .location .group--subtit .tit--ko{padding-bottom: 0;} #sh_company_about .location .location-list{display: flex;gap: 33px;justify-content: center;} #sh_company_about .location .location-list li{max-width: 526px;width: 100%;border-radius: 16px;overflow: hidden;border: 1px solid #E2E8F0;box-shadow: 0 1px 2px rgba(0,0,0,0.05);} #sh_company_about .location .location-list li .thumb-box{width: 100%;aspect-ratio: 526 / 256;} #sh_company_about .location .location-list li .thumb-box img{width: 100%;height: 100%;object-fit: cover;} #sh_company_about .location .location-list li .text-box{display: flex;flex-direction: column;gap: 8px;padding: 28px;background-color: #fff;} #sh_company_about .location .location-list li .text-box h3{font-size: 22px;font-weight: 700;color: var(--font-color-dark);word-break:break-all;} #sh_company_about .location .location-list li .text-box .adr{font-size: 15px;font-weight: 500;color: #475569;} #sh_company_about section.contact{padding:0 0 80px} @media (max-width:1600px){ #sh_company_about .sub_banner{padding: 125px 0;} #sh_company_about .sub_banner .text-box{gap: 30px;} #sh_company_about .sub_banner .text-box .tit--en{font-size: 18px;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 20px;} #sh_company_about .marquee{--x:-3435px;--xReverse:-3230px} #sh_company_about .marquee .marquee-container{gap:25px} #sh_company_about .marquee .marquee-wrapper ul li{width:155px} #sh_company_about .philosophy{padding-bottom: 90px;} #sh_company_about .philosophy .group--subtit{padding-bottom: 60px;} #sh_company_about .philosophy .col-2 .fl-l{max-width:525px} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{font-size: 22px;} #sh_company_about .why-frontrange{padding: 96px 0 120px;} #sh_company_about .why-frontrange .group--subtit{padding-bottom: 45px;} #sh_company_about .why-frontrange .why-frontrange-list{gap: 22px;} #sh_company_about .our-service{padding: 100px 0 110px;} #sh_company_about .our-service .service-list{gap: 22px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 22px;} #sh_company_about .our-service .service-list > li p.desc{padding-bottom: 15px;} #sh_company_about .location .group--subtit{padding-bottom: 45px;} #sh_company_about .location .location-list{gap: 22px;} #sh_company_about .location .location-list li .text-box{padding: 24px;} #sh_company_about .location .location-list li .text-box h3{font-size: 20px;} } @media (max-width:1400px){ #sh_company_about .inner{padding: 0 20px;} #sh_company_about .sub_banner{padding: 115px 0;} #sh_company_about .sub_banner .text-box{gap: 25px;} #sh_company_about .sub_banner .text-box .tit--en{font-size: 16px;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 18px;} #sh_company_about .philosophy .group--subtit{padding-bottom: 40px;} #sh_company_about .philosophy .group--subtit .tip{margin-bottom: 20px;} #sh_company_about .philosophy .group--subtit .tit--ko{padding-bottom: 18px;} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{white-space: normal;} #sh_company_about .our-service .group--subtit{padding-bottom: 40px;} #sh_company_about .our-service .service-list{gap: 14px;} #sh_company_about .our-service .service-list > li{padding: 32px;} #sh_company_about .our-service .service-list > li .head{gap: 8px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 20px;} #sh_company_about .our-service .service-list > li p.desc{padding-bottom: 12px;} #sh_company_about .our-service .service-list > li .keyword-list{padding-top: 14px;} } @media (max-width:1200px){ #sh_company_about .sub_banner{padding: 100px 0 90px;} #sh_company_about .sub_banner .text-box{gap: 18px;} #sh_company_about .sub_banner .text-box .tit--en{padding-bottom: 5px;font-size: 15px;letter-spacing: 2px;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 17px;} #sh_company_about .marquee{--x:-3037px;--xReverse:-2856px;--gap:40px;padding: 80px 0 100px;} /* #sh_company_about .marquee .marquee-container{padding-bottom:50px} */ #sh_company_about .marquee .marquee-wrapper ul li{width:140px} #sh_company_about .philosophy .col-2 .fl-l{max-width:460px} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li{padding: 22px 22px 22px 30px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{padding: 12px 0 14px;font-size: 20px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list li{font-size: 16px;} #sh_company_about .why-frontrange{padding: 80px 0 100px;} #sh_company_about .why-frontrange .why-frontrange-list{grid-template-columns: repeat(2, 1fr);gap: 14px;} #sh_company_about .why-frontrange .why-frontrange-list li{padding: 28px;} #sh_company_about .why-frontrange .why-frontrange-list li h3{font-size: 18px;} #sh_company_about .why-frontrange .why-frontrange-list li .num{width: 42px;margin-bottom: 18px;font-size: 16px;} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{padding-bottom: 14px;} #sh_company_about .our-service{padding: 80px 0 90px;} #sh_company_about .our-service .group--subtit{padding-bottom: 35px;} #sh_company_about .our-service .service-list > li .head{padding-bottom: 8px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 18px;} #sh_company_about .location{padding: 80px 0 90px;} #sh_company_about .location .location-list{gap: 14px;} #sh_company_about .location .location-list li .text-box h3{font-size: 19px;} } @media(max-width:1024px){ #sh_company_about .sub_banner{padding: 80px 0 70px;} #sh_company_about .marquee{padding: 60px 0 80px;} #sh_company_about .philosophy{padding-bottom: 80px;} #sh_company_about .philosophy .group--subtit{padding-bottom: 14px;} #sh_company_about .philosophy .group--subtit .tip{margin-bottom: 14px;} #sh_company_about .philosophy .group--subtit .tit--ko{padding-bottom: 15px;} #sh_company_about .philosophy .group--subtit .desc{font-size: 16px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list{gap: 14px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{font-size: 18px;} #sh_company_about .philosophy .col-2{flex-direction: column-reverse;gap:7px} #sh_company_about .philosophy .col-2 .fl-l{max-width:none} #sh_company_about .philosophy .col-2 .fl-r{max-width:520px} #sh_company_about .why-frontrange .group--subtit{padding-bottom: 34px;} #sh_company_about .why-frontrange .why-frontrange-list li{padding: 24px;} #sh_company_about .why-frontrange .why-frontrange-list li .num{margin-bottom: 12px;width: 38px;font-size: 15px;} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{padding-bottom: 10px;margin-bottom: 12px;} #sh_company_about .our-service .service-list > li{padding: 28px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 17px;} #sh_company_about .our-service .service-list > li p.desc{padding-bottom: 8px;font-size: 15px;} #sh_company_about .our-service .service-list > li .keyword-list{padding-top: 10px;flex-wrap:wrap} #sh_company_about .our-service .service-list > li .keyword-list li{font-size: 13px;} #sh_company_about .location .group--subtit{padding-bottom: 36px;} #sh_company_about .location .location-list li .text-box h3{font-size: 18px;} } @media (max-width:768px){ #sh_company_about .sub_banner .text-box .tit--en{padding-bottom: 0;font-size: 14px;letter-spacing: 0.5px;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 16px;} #sh_company_about .sub_banner .text-box p.desc{white-space:normal} #sh_company_about .sub_banner .text-box::after{background-color: #fff;filter:blur(60px);border-radius:0} #sh_company_about .marquee{--x:-2600px;--xReverse:-2445px;--gap:35px} #sh_company_about .marquee .marquee-container{gap:18px;} #sh_company_about .marquee .marquee-container::before, #sh_company_about .marquee .marquee-container::after{width:100px} #sh_company_about .marquee .marquee-wrapper ul li{width:120px} #sh_company_about .philosophy{padding-bottom: 60px;} #sh_company_about .philosophy .group--subtit .desc{font-size: 15px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .num{width: 34px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{font-size: 17px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list{gap: 7px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list li{font-size: 15px;} #sh_company_about .philosophy .col-2 .fl-r{max-width:455px} #sh_company_about .why-frontrange{padding: 60px 0 80px;} #sh_company_about .why-frontrange .why-frontrange-list{grid-template-columns: repeat(1, 1fr);} #sh_company_about .why-frontrange .why-frontrange-list li .num{margin-bottom: 10px;width: 32px;font-size: 14px;} #sh_company_about .why-frontrange .why-frontrange-list li h3{padding-bottom: 8px;font-size: 16px;} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{padding-bottom: 6px;margin-bottom: 8px;} #sh_company_about .why-frontrange .why-frontrange-list li .en{font-size: 13px;} #sh_company_about .our-service{padding: 60px 0 70px;} #sh_company_about .our-service .group--subtit{padding-bottom: 30px;} #sh_company_about .our-service .service-list > li{padding: 24px;} #sh_company_about .our-service .service-list > li .head .num{font-size: 11px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 16px;} #sh_company_about .our-service .service-list > li .keyword-list{gap: 6px;} #sh_company_about .location{padding: 60px 0 70px;} } @media (max-width:620px){ #sh_company_about .location .location-list{flex-direction: column;} #sh_company_about .location .location-list li{max-width:none} #sh_company_about .location .location-list li .text-box h3{font-size: 17px;} } @media (max-width:480px){ #sh_company_about .sub_banner .text-box{gap: 14px;} #sh_company_about .sub_banner .text-box .tit--en{font-size: 13px;} #sh_company_about .sub_banner .text-box .desc:first-of-type{font-size: 15px;} #sh_company_about .marquee{--x:-1884px;--xReverse:-1772px;--gap:20px} #sh_company_about .marquee .marquee-wrapper ul li{width:92px} #sh_company_about .marquee{padding: 50px 0 60px;} #sh_company_about .philosophy{padding-bottom: 50px;} #sh_company_about .philosophy .group--subtit{padding-bottom: 6px;} #sh_company_about .philosophy .group--subtit .desc{font-size: 14px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li{padding: 18px 18px 18px 26px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li::before{width: 8px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li h3{padding: 12px 0;font-size: 16px;} #sh_company_about .philosophy .col-2 .fl-l .philosophy-list > li .check-list li{gap: 6px;font-size: 14px;} #sh_company_about .why-frontrange{padding: 50px 0;} #sh_company_about .why-frontrange .group--subtit{padding-bottom: 24px;} #sh_company_about .why-frontrange .why-frontrange-list{gap: 12px;} #sh_company_about .why-frontrange .why-frontrange-list li{padding: 20px;} #sh_company_about .why-frontrange .why-frontrange-list li p.desc{font-size: 14px;} #sh_company_about .why-frontrange .why-frontrange-list li .num{width: 30px;font-size: 13px;} #sh_company_about .why-frontrange .why-frontrange-list li h3{font-size: 15px;} #sh_company_about .our-service{padding: 50px 0;} #sh_company_about .our-service .service-list > li{padding: 20px;} #sh_company_about .our-service .service-list > li .head h3{font-size: 15px;} #sh_company_about .our-service .service-list > li p.desc{font-size: 14px;} #sh_company_about .our-service .service-list > li .keyword-list li{font-size: 12px;} #sh_company_about .location{padding: 50px 0 40px;} #sh_company_about .location .group--subtit{padding-bottom: 24px;} #sh_company_about .location .location-list li .text-box{padding: 20px;} #sh_company_about .location .location-list li .text-box h3{font-size: 16px;} #sh_company_about .location .location-list li .text-box .adr{font-size:14px} }