/*****************************************
서브 공통
******************************************/
/* 서브 블랙 배경 */
.bg-color { background-color: #101012; } 

/* 서브 비주얼 */
/* sec-visual */
.sec-visual { position: relative; padding-top: 300px; } 
.sec-visual .heading { color: #fe6b21; font-weight: 600; font-size: 20px; padding-bottom: 20px; } 
.sec-visual .title { font-size: 80px; font-weight: bold; line-height: 1.3; } 
.sec-visual .sub-top { padding-bottom: 120px; } 
.sec-visual.ani .sub-top { position: sticky; top: 300px; z-index: 1; } 
.sec-visual.ani .sub-top .inner { position:relative; max-width:1720px; padding: 0; } 
.sec-visual.ani .sub-top .title-inner { padding: 0 20px; } 
.sec-visual.ani .sub-top .title-inner.white { position:absolute; left:0; top:0; color: #fff; z-index:-1; } 
.sec-visual.ani .sub-top .title-inner.white .heading { color: #fff; } 
.sec-visual.ani .top-bg { margin: 0 auto; position: relative; width: auto; overflow: hidden; opacity: 0; animation: fadeInBg 1.3s .3s forwards; z-index: 0; height:100vh; } 
.sec-visual.ani .top-bg .bg-inner { width:100%; overflow: hidden; } 
.sec-visual.ani .top-bg .bg-inner .bg { width:100%; height:100%; object-fit:cover; background-size:cover; background-position:center center; background-repeat:no-repeat; } 
.bg01 .bg { background-image:url('../../images/sub/sv_bg1.jpg'); } 
.bg02 .bg { background-image:url('../../images/sub/sv_bg2.jpg'); } 
.bg03 .bg { background-image:url('../../images/sub/sv_bg3.jpg'); } 
.bg04 .bg { background-image:url('../../images/sub/sv_bg4.jpg'); } 


@keyframes fadeInBg { 
 0% { opacity: 0; transform: translateY(30%)}
 to { opacity: 1; transform: translateY(0)} 
 }

@media screen and (max-width: 1240px){
 .sec-visual .title { font-size: 60px; } 
 }

@media screen and (max-width: 767px){
 .sec-visual:not(.ani) { padding-top: 150px; } 
 .sec-visual .title { font-size: 32px; } 
 }

/*****************************************
회사소개
******************************************/

/*** 텍스트 스크롤 애니메이션 ***/
.marquee-section { position: relative; overflow: hidden; padding: clamp(44px, 6vw, 90px) 0; } 
.marquee-inner { position: relative; max-width: 100%; margin: 0 auto; } 

.marquee-row { position: relative; width: 100%; overflow: hidden; line-height: 1; } 
.marquee-row--top { padding-bottom: clamp(14px, 2.4vw, 30px); } 
.marquee-row--bottom { padding-top: clamp(6px, 1.6vw, 18px); } 

.marquee-track { display: inline-flex; align-items: baseline; white-space: nowrap; will-change: transform; transform: translate3d(0,0,0); } 
.marquee-text { display: inline-block; margin-right: clamp(24px, 4vw, 80px); font-weight: 800; letter-spacing: -0.02em; font-size: clamp(56px, 10.5vw, 150px); color: #0b0d10; /* text-transform: uppercase; */ } 

@media screen and (min-width: 1024px){
 .marquee-text { letter-spacing: -0.03em; font-family: 'Paperozi', sans-serif; } 
 }
@media screen and (max-width: 480px){
 .marquee-section { padding: 44px 0; } 
 .marquee-text { font-size: clamp(46px, 13vw, 120px); margin-right: 32px; } 
 }
@media (prefers-reduced-motion: reduce){
 .marquee-track { transform: none !important; } 
 }


/*** 소개 문구 ***/
.about-page .about-slogan { width: 100%; padding-top: 100px; padding-bottom: 100px; } 

.about-page .about-slogan .container { height: 100%; } 

.about-page .about-sloganlayout { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; height: 100%; display: grid; grid-template-columns: 1fr min(25.1666666667vw, 46rem) 1fr; justify-content: space-between; align-items: center; column-gap: 2rem; } 

.about-page .about-slogancopy { width: 100%; max-width: 38.5rem; } 

[lang=en] .about-page .about-slogancopy { max-width: 100%; } 

.about-page .about-slogantitle { display: flex; flex-direction: column; justify-content: center; font-size: 32px; } 

.about-page .about-sloganline { display: inline-block; width: fit-content; letter-spacing: -0.03em; } 

.about-page .about-sloganhighlight { color: #fe6b21; } 

.about-page .about-sloganvisual { position: relative; margin: 0 auto; aspect-ratio: 1/1; width: min(25.1666666667vw, 46rem); /* height: min(29.1666666667vw, 56rem); */
 box-sizing: border-box; } 

.about-page .about-sloganspinner { position: absolute; top: 50%; left: 50%; width: min(16.6666666667vw, 32rem); height: min(16.6666666667vw, 32rem); transform: translate(-50%, -50%); will-change: transform; } 

.about-page .about-sloganspinner svg { width: 100%; height: 100%; } 

.about-page .about-sloganspinner .paint { width: 100%; height: 100%; border-radius: 50%; --start: 85deg; background: conic-gradient(from var(--start), #fe6b21 0deg, transparent 360deg); } 

.about-page .about-sloganspinner .rotor { transform-origin: center; animation: spin 1.2s linear infinite; } 

@keyframes spin { to { transform: rotate(360deg); } 
 }

.about-page .about-sloganmask { position: relative; width: 100%; height: 100%; background-color: #fe6b21; clip-path: circle(50% at 50% 50%); will-change: clip-path, --webkit-clip-path; } 

.about-page .about-sloganimage { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; } 

.about-page .about-sloganimage img { width: 100%; height: 100%; object-fit: cover; will-change: clip-path, --webkit-clip-path; user-select: none; -webkit-user-drag: none; } 

.about-page .about-slogandescription { display: flex; flex-direction: column; gap: 12px; max-width: 38.5rem; margin-left: auto; line-height: 1.6;font-size: 20px;letter-spacing: -.7px;font-weight: 600; } 

.about-page .summary { padding-top: 100px; padding-bottom: 100px; background: #E5F0FB; } 

.about-page .summary .layout { display: flex; flex-direction: column; row-gap: 96px; } 

.about-page .summary .headline { display: grid; grid-template-columns: 1fr 34.1145833333vw; align-items: center; justify-content: space-between; } 

.about-page .summary .item { position: relative; width: 100%; padding-bottom: 100%; background: #fff; border-radius: 9999px; overflow: hidden; } 

.about-page .summary .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 36px; } 

.about-page .summary .icon { width: 7.6rem; height: 7.6rem; } 

.about-page .summary .icon img { width: 100%; height: 100%; object-fit: contain; } 

.about-page .summary .text { display: flex; flex-direction: column; align-items: center; row-gap: 8px}

.about-page .summary .text .value { display: flex; gap: 1.6rem; } 

.about-page .summary .text .value>span { display: flex; align-items: flex-end; gap: 0.4rem; } 

.about-page .summary .text .value .--unit { padding-bottom: 1.2rem; } 

.about-page .summary .text .value .--unit.--en { display: none; padding-bottom: 0.15em; } 

[lang=en] .about-page .summary .text .value .--unit.--en { display: block; } 

[lang=en] .about-page .summary .text .value .--unit:not(.--en) { display: none; } 

.about-page .summary .text .value .--date-en-format { padding-bottom: 0.3rem; display: none; } 

[lang=en] .about-page .summary .text .value .--date-en-format { display: inline; } 

.about-page .ci { position: relative; width: 100%; padding-top: 100px; padding-bottom: 60px; } 

.about-page .ci>.container>.boxed { display: flex; flex-direction: column; gap: 20px; } 

.about-page .ci .sub-content+.sub-content { margin-top: 60px; } 

.about-page .ci .sub-content h4 { padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 

.about-page .ci .sub-content p { margin-top: 28px; } 

.about-page .ci .sub-content .grid { margin-top: 40px; } 

.about-page .ci .sub-content .cta-btns { margin-top: 40px; } 

.about-page .ci .ci-banners li { border-radius: 8px; overflow: hidden; } 

.about-page .ci .ci-banners li img { width: 100%; height: 100%; object-fit: cover; } 

.about-page .ci .ci-colors .color { position: relative; height: 19.2rem; border-radius: 8px; } 

.about-page .ci .ci-colors .color:nth-child(1) { background-color: #fe6b21; } 

.about-page .ci .ci-colors .color:nth-child(2) { background-color: #b6b7bb; } 

.about-page .ci .ci-colors .color .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border-radius: 8px; box-sizing: border-box; } 

.about-page .ci .ci-colors .color .cont .name { color: #fff; font-size: 3.2rem; font-weight: 600; line-height: 1.3; } 

.about-page .ci .ci-colors .color .cont .swatch { display: inline-flex; align-items: center; gap: 10px; } 

.about-page .ci .ci-colors .color .cont .swatch-val { color: #fff; display: inline-flex; align-items: center; font-weight: 400; line-height: 1.6; letter-spacing: -0.02em; } 

.about-page .ci .ci-colors .color .cont .swatch-val strong { font-weight: 500; } 

.about-page .ci .ci-colors .color .cont .swatch-val span { padding-left: 8px; padding-right: 8px; } 

.about-page .ci .ci-colors .color .cont .swatch-val span:first-child { padding-left: 0; } 

.about-page .ci .ci-colors .color .cont .swatch-val span:last-child { padding-right: 0; } 

@media (max-width: 1120px) {
 .about-page .ci .ci-banners,
 .about-page .ci .ci-colors { grid-template-columns: repeat(1, 1fr); } 
 }

@media (max-width: 1023px){
 .about-page .about-slogan { padding: 9rem 0; } 

 .about-page .about-sloganlayout { display: flex; flex-direction: column; gap: 20px; } 

 .about-page .about-sloganvisual { width: 100%; height: 100%; /* padding: 0 4rem; */}

 .about-page .about-sloganspinner { width: 100%; height: 100%; } 

 .about-page .about-slogancopy,
 .about-page .about-slogandescription { max-width: 100%; } 

 .about-page .summary .headline { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } 

 .about-page .summary .item:not(:first-child) { margin-top: -17%; } 

 .about-page .summary .list { padding: 0 5.3rem; } 

 .about-page .summary .cont { gap: 1.6rem; } 

 .about-page .summary .icon { width: 5.6rem; height: 5.6rem; } 

 .about-page .summary .text { gap: 0; } 

 .about-page .summary .text .title { line-height: 1.6; letter-spacing: -0.02em; } 

 .about-page .summary .text .value { gap: 1rem; } 

 [lang=en] .about-page .summary .text .value { gap: 0.2rem; } 

 .about-page .summary .text .value strong { font-weight: 530; line-height: 1.4; letter-spacing: -0.02em; } 

 .about-page .summary .text .value .--unit { padding-bottom: 0.3rem; line-height: 1.32; } 

 .about-page .summary .text .value .--date-en-format { line-height: 1.32; letter-spacing: -0.02em; padding-bottom: 0.3rem; } 

 .about-page .ci { padding-top: 60px; padding-bottom: 60px; } 

 .about-page .ci .ci-colors .color .cont .name { font-size: 2.4rem; line-height: 1.3; } 
 }

@media (max-width: 767px){
 .about-page .ci .ci-colors .color { height: auto; padding-bottom: 42%; } 
 }


/*** 왜 하와솔루션인가 ***/
#aboutwhy { padding:100px 0 200px; /* height: 100vh; */ box-sizing: border-box; overflow: hidden; display: flex; align-items: center; justify-content: center; } 
#aboutwhy .about-why-tit-box { text-align: center; } 
#aboutwhy .about-why-tit-box .about-why-category { display: block; color: #fe6b21; font-size:56px; font-weight:700; } 
#aboutwhy .about-why-tit-box .about-why-tit { display: block; font-size:30px; line-height:1.4; letter-spacing:-0.02em; font-weight:700; color:#000; margin-bottom:0; } 
.about-why-list { display: flex; flex-direction: column; gap: 18px; margin-top: 60px;} 

.about-why-item { display: flex; align-items: center; gap: 34px; min-height: 108px; padding: 24px 42px 24px 26px; border-radius: 999px; background: #f8f8f8; } 
.about-why-num { flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%; background: #ff6a1a; color: #fff; font-size: 24px; font-weight: 800; line-height: 72px; text-align: center; letter-spacing: -0.03em; } 
.about-why-text { flex: 1; text-align: center; } 
.about-why-text h4 { margin: 0 0 8px; font-size: 34px; line-height: 1.3; font-weight: 800; color: #111; letter-spacing: -0.03em; } 
.about-why-text p { margin: 0; font-size: 18px; line-height: 1.7; font-weight: 500; color: #666; letter-spacing: -0.02em; word-break: keep-all; } 

@media (max-width: 1024px){
 #aboutwhy { padding: 90px 0; } 
 .about-why-category { font-size: 44px; } 
 .about-why-item { gap: 24px; padding: 22px 28px 22px 22px; border-radius: 40px; min-height: auto; } 
 .about-why-num { flex: 0 0 62px; width: 62px; height: 62px; font-size: 20px; line-height: 62px; } 
 .about-why-text h4 { font-size: 28px; } 
 .about-why-text p { font-size: 17px; line-height: 1.6; } 
 }

@media (max-width: 768px){
 #aboutwhy { padding: 70px 0; } 
 .about-why-tit-box { margin-bottom: 30px; } 
 .about-why-category { font-size: 34px; } 
 .about-why-list { gap: 14px; } 
 .about-why-item { flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px 18px; border-radius: 24px; } 
 .about-why-num { flex: none; width: 54px; height: 54px; font-size: 18px; line-height: 54px; } 
 .about-why-text { text-align: left; } 
 .about-why-text h4 { font-size: 22px; margin-bottom: 8px; } 
 .about-why-text p { font-size: 15px; line-height: 1.6; } 
 }

@media (max-width: 480px){
 .about-why-category { font-size: 28px; } 
 .about-why-item { padding: 18px 16px; } 
 .about-why-text h4 { font-size: 19px; } 
 .about-why-text p { font-size: 14px; } 
 }

/*** 미션과 비전 ***/
#aboutValue { padding:100px 0 200px; /* height: 100vh; */ box-sizing: border-box; overflow: hidden; display: flex; align-items: center; justify-content: center; } 
#aboutValue .about-value-tit-box { text-align: center; } 
#aboutValue .about-value-tit-box .about-value-category { display: block; color: #fe6b21; font-size:56px; font-weight:700; } 
#aboutValue .about-value-tit-box .about-value-tit { display: block; font-size:30px; line-height:1.4; letter-spacing:-0.02em; font-weight:700; color:#000; margin-bottom:0; } 

.about-value-list { margin-top: 80px; width: 100%; display: flex; flex-wrap:wrap; } 
.about-value-item { width: 25%; /* opacity:0; transform:translateY(50px); transition:var(--transition-custom2); */ } 
.about-value-cir { position: relative; width: 100%; height: 0; padding-top: 100%; } 
.about-value-item:nth-child(1) { transform:translateX(150%); } 
.about-value-item:nth-child(2) { transform:translateX(50%); } 
.about-value-item:nth-child(3) { transform:translateX(-49%); } 
.about-value-item:nth-child(4) { transform:translateX(-150%); } 


.about-value-cir:before { position: absolute; content:''; width:100%; height:100%; border-radius:50%; box-sizing:border-box; top:50%; left:50%; transform:translate(-50%, -50%); animation: aboutValueCir 3s linear infinite; } 
.about-value-item:nth-child(1) .about-value-cir:before { border-top:4px solid #fe6b21; } 
.about-value-item:nth-child(2) .about-value-cir:before { border-bottom:4px solid #fe6b21; } 
.about-value-item:nth-child(3) .about-value-cir:before { border-top:4px solid #fe6b21; } 
.about-value-item:nth-child(4) .about-value-cir:before { border-bottom:4px solid #fe6b21; } 
@keyframes aboutValueCir {0% {transform: translate(-50%, -50%) rotate(0); } 
100% {transform: translate(-50%, -50%) rotate(360deg); } 
 }
.about-value-cir:after { position: absolute; top: 50%; margin-top: -30px; left: -30px; width: 60px; height: 60px; font-size: 24px; color: #000; border-radius: 100%; display: flex; align-items: center; justify-content: center; content: "\2b"; font-family: "Font Awesome 6 Free"; font-weight: 900; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(20px); } 
.about-value-item:nth-child(1) .about-value-cir:after { display: none; } 
.about-value-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.about-value-img { width: 100%; height: 77px; display: flex; align-items: center; justify-content: center; } 
.about-value-img img { max-height: 100%; } 
.about-value-txt { margin-top: 20px; text-align: center; } 
.about-value-txt h5 { font-size: 24px; line-height: 1.33; letter-spacing: -0.04em; font-weight: 700; color: #000; display: flex; align-items: center; justify-content: center; } 
.about-value-txt p { margin-top: 10px; font-size: 16px; line-height: 1.3; letter-spacing: -0.04em; color: rgba(0,0,0,0.5); } 

/* animated */
/* .animated .about-value-list { transform:translateY(0); } 
.animated .about-value-item { opacity:1; transform:translateY(0px); } 
.animated .about-value-item:nth-child(1) { transition-delay:0.6s } 
.animated .about-value-item:nth-child(2) { transition-delay:0.8s } 
.animated .about-value-item:nth-child(3) { transition-delay:1s } 
.animated .about-value-item:nth-child(4) { transition-delay:1.2s } */

@media all and (max-width:1279px) {#aboutValue { padding: 60px 0 160px; } 
.about-value-img { height: 55px; } 
.about-value-txt { margin-top: 20px; } 
.about-value-txt h5 { font-size: 20px; } 
.about-value-txt p { margin-top: 15px; font-size: 15px; } 
 }
@media all and (max-width:800px) {#aboutValue { padding:120px 0; } 
#aboutValue .about-value-tit-box .about-value-category { font-size:26px; margin-bottom:20px; } 
#aboutValue .about-value-tit-box .about-value-tit { font-size:24px; line-height:1.4; } 

.about-value-list { margin: 40px auto 0; max-width: 360px; width: 100%; } 
.about-value-item { width: 100%; } 
.about-value-cir:after { top: -30px; margin-top: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; font-size: 24px; } 
.about-value-img { height: 77px; } 
.about-value-txt { margin-top: 30px; } 
.about-value-txt h5 { /* height: 2.66em; */ font-size: 24px; line-height: 1.33; } 
.about-value-txt p { margin-top: 20px; font-size: 16px; line-height: 1.3; } 
 }

/*****************************************
주요업무
******************************************/
/* company-mission */
.company-mission { padding: 240px 0 0; height: 100svh; } 
.company-mission .content-top { text-align: center; } 
.company-mission .content-top .heading { font-size: 60px; font-weight: bold; margin-bottom: 20px; } 
.company-mission .content-top .heading-sub { display: block; font-size: 20px; color: #fe6b21; margin-bottom: 60px; } 
.company-mission .content-body { display: flex; height: 100vh; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } 
.company-mission .grid-box { flex-direction: column; width: 50%; position: absolute; left: 0; grid-template-rows: repeat(3, 1fr); transform: translate(0px, -100%); } 
.company-mission .grid-box:last-child { transform: translate(0px, 100%); } 
.company-mission .grid-box .col { width: 100%; height: 100vh; background: #fff; overflow: hidden; } 
.company-mission .grid-box .col .img-box { width: 100%; height: 100%; } 
.company-mission .grid-box .col .img-box img { height: 100%; object-fit: cover; } 
.company-mission .grid-box .col .text-boxs { padding: 130px; display: flex; justify-content: center; flex-direction: column; height: 100%; width: 100%; } 
.company-mission .grid-box .col .text-boxs .sbj { font-size: 48px; font-weight: bold; margin-bottom: 64px; line-height: inherit; } 
.company-mission .grid-box .col .text-boxs .text { font-size: 20px; color: #666; line-height: 1.5; } 
.company-mission .grid-box:nth-child(2) .col:last-child { display: flex; justify-content: flex-end; } 
.company-mission .grid-box:nth-child(2) .col:last-child .text-boxs { padding-right: 5%; } 
.company-mission .grid-box:last-child { left: auto; right: 0; bottom: 0; } 
@media screen and (max-width: 1024px){
 .company-mission .grid-box .col .text-boxs { padding: 30px; } 
 }
@media screen and (max-width: 767px){
 .company-mission { height: auto; padding-top: 80px; } 
 .company-mission .content-top { margin-bottom: 50px; } 
 .company-mission .content-top .heading-sub { margin-bottom: 30px; } 
 .company-mission .content-body { position: static; height: auto; } 
 .company-mission .grid-box { position: static; transform: none; width: 100%; } 
 .company-mission .grid-box .img-box { display: none; } 
 .company-mission .grid-box:last-child { transform: none; display: none; } 
 .company-mission .grid-box .col { position: relative; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; } 
 .company-mission .grid-box .col::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } 
 .company-mission .grid-box .col .text-boxs { padding: 100px 5% !important; position: relative; z-index: 1; } 
 .company-mission .grid-box .col .text-boxs .sbj { margin-bottom: 30px; } 
 .company-mission .grid-box .col .text-boxs .text { color: #fff; font-size: 14px; } 
 .company-mission .grid-box .col:first-child { background-image: url(https://www.plantym.com/images/sub/company-mission-bg1.png); } 
 .company-mission .grid-box .col:nth-child(2) { background-image: url(https://www.plantym.com/images/sub/company-mission-bg2.png); } 
 .company-mission .grid-box .col:nth-child(3) { background-image: url(https://www.plantym.com/images/sub/company-mission-bg3.png); } 
 }

.business-page .partners { --partner-card-height: 520px; --partner-card-offset-max: 120px; height: fit-content; overflow: visible; padding: 200px 0 0; } 

.business-page .partners .content { display: flex; flex-direction: column; align-items: center; } 

.business-page .partners .content .scene_title { width: 1600px; margin-bottom: 80px; font-style: normal; font-weight: 700; font-size: 60px; line-height: 140%; letter-spacing: -0.025em; } 

@media screen and (max-width: 1680px){
 .business-page .partners .content .scene_title { font-size: 4vw; width: 90%; } 
 }

@media screen and (max-width: 1024px){
 .business-page .partners .content .scene_title { font-size: 32px; } 
 }

@media screen and (max-width: 768px){
 .business-page .partners .content .scene_title { font-size: 20px; } 
 }

@media screen and (max-width: 425px){
 .business-page .partners .content .scene_title { font-size: 7.1vw; } 
 }

.business-page .partners .content > div { position: relative; width: 100%; } 

/* .business-page .partners .content > div .dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(180deg, rgba(0, 0, 0, 0.667), transparent); z-index: 3; pointer-events: none; } */

.business-page .partners .content > div ul { position: relative; width: 100%; } 

.business-page .partners .content > div ul li { position: sticky; top: 0; width: 100%; height: max(100vh, calc(var(--partner-card-height) + var(--partner-card-offset-max) + 40px)); display: flex; justify-content: center; align-items: center; overflow: hidden; /* background-color: #fe6b21; */}

/* .business-page .partners .content > div ul li::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(5, 5, 5, 0.5); opacity: 0; z-index: 1; transition: opacity ease 0.9s; pointer-events: none; } */

.business-page .partners .content > div ul li.back::after { opacity: 1; } 

.business-page .partners .content > div ul li.back .info { transform: translateX(-50%) scale(0.95); } 

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li.back .info { transform: translate(-50%, -50%) scale(1); } 
 }

/* .business-page .partners .content > div ul li:nth-of-type(1) { background: url("https://richdivine.co.kr/assets/images/sub01/partner_bg01.png") no-repeat center / cover; } 

.business-page .partners .content > div ul li:nth-of-type(2) { background: url("https://richdivine.co.kr/assets/images/sub01/partner_bg02.png") no-repeat center right / cover; } 

.business-page .partners .content > div ul li:nth-of-type(3) { background: url("https://richdivine.co.kr/assets/images/sub01/partner_bg03.png") no-repeat center right / cover; } 

.business-page .partners .content > div ul li:nth-of-type(4) { background: url("https://richdivine.co.kr/assets/images/sub01/partner_bg05.png") no-repeat center / cover; } 

.business-page .partners .content > div ul li:nth-of-type(5) { background: url("https://richdivine.co.kr/assets/images/sub01/partner_bg04.png") no-repeat left / cover; } */

.business-page .partners .content > div ul li .info { transition: 0.3s ease-in-out; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 1840px; height: var(--partner-card-height); background: rgba(29, 29, 29, 0.3); backdrop-filter: blur(30px); border-radius: 24px; display: flex; align-items: center; gap: 240px; padding: 0 60px; background-color: #fe6b21; } 

.business-page .partners .content > div ul li:nth-of-type(1) .info { top: 40px; background-color: #fe6b21; } 

.business-page .partners .content > div ul li:nth-of-type(2) .info { top: 80px; background-color: #cf581d; } 

.business-page .partners .content > div ul li:nth-of-type(3) .info { top: 120px; background-color: #a54a18; } 

.business-page .partners .content > div ul li:nth-of-type(4) .info { top: 160px; background-color: #8a3d14; } 

.business-page .partners .content > div ul li:nth-of-type(5) .info { top: 200px; background-color: #6f300f; } 

@media screen and (max-width: 1680px){
 .business-page .partners .content > div ul li .info { width: 90%; gap: 120px; } 
 }

@media screen and (max-width: 1280px){
 .business-page .partners .content > div ul li .info { top: 120px; } 
 }

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li { height: 100vh; } 

 .business-page .partners .content > div ul li .info { top: 50%; transform: translate(-50%, -50%); height: auto; flex-direction: column; align-items: flex-start; gap: 30px; padding: 30px; } 
 }

.business-page .partners .content > div ul li .info .logo_area { flex: 0 0 240px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; } 

.business-page .partners .content > div ul li .info .logo_area .partner_number { display: block; font-size: 140px; font-weight: 800; line-height: 1; letter-spacing: -0.06em; color: rgba(255, 255, 255, 0.95); } 

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li .info .logo_area { flex: 0 0 120px; min-height: 0; justify-content: flex-start; } 

 .business-page .partners .content > div ul li .info .logo_area .partner_number { font-size: 72px; } 
 }

.business-page .partners .content > div ul li .info .logo_area img { width: auto; height: auto; } 

.business-page .partners .content > div ul li .info .text_area { flex: 1 0 0; display: flex; flex-direction: column; align-items: flex-start; } 

.business-page .partners .content > div ul li .info .text_area span { padding: 8px 12px; margin-bottom: 24px; background: rgba(255, 255, 255, 0.12); border-radius: 4px; font-family: "Pretendard"; font-style: normal; font-weight: 600; font-size: 16px; line-height: 130%; letter-spacing: -0.025em; color: #ffffff; } 

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li .info .text_area span { font-size: 16px; margin-bottom: 0; padding: 4px 8px; } 
 }

.business-page .partners .content > div ul li .info .text_area .partner_title { font-family: "Pretendard"; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; letter-spacing: -0.025em; color: #ffffff; } 

@media screen and (max-width: 1024px){
 .business-page .partners .content > div ul li .info .text_area .partner_title { font-size: 3.125vw; } 
 }

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li .info .text_area .partner_title { font-size: 24px; } 
 }

.business-page .partners .content > div ul li .info .text_area .partner_affiliation { display: inline-flex; align-items: center; gap: 14px; margin-top: 18px; padding: 12px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); } 

.business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_label { margin: 0; padding: 0; background: none; border-radius: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } 

.business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_value { position: relative; margin: 0; padding-left: 18px; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.03em; color: #ffffff; } 

.business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_value::before { content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #ffffff; transform: translateY(-50%); } 

.business-page .partners .content > div ul li .info .text_area .partner_desc { margin-top: 18px; font-family: "Pretendard"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 160%; letter-spacing: -0.025em; white-space: nowrap; color: #ffffff; } 

@media screen and (max-width: 1280px){
 .business-page .partners .content > div ul li .info .text_area .partner_desc { white-space: wrap; word-break: keep-all; } 

 .business-page .partners .content > div ul li .info .text_area .partner_desc br { display: none; } 
 }

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li .info .text_area .partner_affiliation { flex-wrap: wrap; gap: 8px; margin-top: 12px; padding: 10px 14px; border-radius: 18px; } 

 .business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_label { font-size: 11px; } 

 .business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_value { padding-left: 14px; font-size: 15px; } 

 .business-page .partners .content > div ul li .info .text_area .partner_affiliation .affiliation_value::before { width: 5px; height: 5px; } 

 .business-page .partners .content > div ul li .info .text_area .partner_desc { font-size: 14px; } 
 }

.business-page .partners .content > div ul li .info .link_btn { flex: 0 0 80px; aspect-ratio: 1/1; cursor: pointer; background: url("https://richdivine.co.kr/assets/images/sub01/link_btn.png") no-repeat center / 100%; } 

@media screen and (max-width: 1680px){
 .business-page .partners .content > div ul li .info .link_btn { flex: 0 0 40px; } 
 }

@media screen and (max-width: 1280px){
 .business-page .partners .content > div ul li .info .link_btn { flex: 0; width: 40px; height: 40px; position: absolute; top: 40px; right: 40px; } 
 }

@media screen and (max-width: 768px){
 .business-page .partners .content > div ul li .info .link_btn { position: relative; align-self: flex-end; top: auto; right: auto; } 
 }

/*****************************************
문의하기
******************************************/
.contactus-wrap { padding: 110px 0; background: #101012; color: #0b0d10; } 
.contactus-head { text-align: left; max-width: 860px; } 
.contactus-title { margin: 0 0 12px; font-size: 120px; font-weight: 800; letter-spacing: -0.03em; color: #0b0d10; } 
.contactus-subtitle { margin: 0; font-size: 30px; line-height: 1.65; color: rgba(255, 255, 255, 0.7); } 
.contactus-subtitle .point { color: #fe21a4; font-weight: 700; font-size: 32px; padding-right: 6px; } 
.quote-choice { margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; } 
.quote-card { background: rgba(255, 255, 255, 0.04); border-radius: 20px; padding: 32px; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; gap: 18px; } 
.quote-card.is-primary { border-color: #ff6a1a; } 
.quote-card h3 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #0b0d10; } 
.quote-card p { margin: 0; line-height: 1.65; color: rgba(255, 255, 255, 0.72); } 

.quote-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: -0.02em; color: #ff6a1a; background: rgba(255, 255, 255, 0.1); } 
.quote-badge-dark { color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.1); } 

.quote-feature { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; color: rgba(255, 255, 255, 0.85); font-size: 15px; } 
.quote-feature li { display: flex; gap: 10px; align-items: flex-start; } 
.quote-feature i { color: #ff6a1a; margin-top: 2px; } 

.quote-card-btn { margin-top: auto; height: 52px; border-radius: 14px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: #0b0d10; background: #ff6a1a; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28); transition: transform .2s ease, box-shadow .2s ease; } 
.quote-card-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 38px rgba(0, 0, 0, 0.32); } 
.quote-card-btn.is-outline { background: transparent; color: #0b0d10; border: 1px solid rgba(255, 255, 255, 0.35); box-shadow: none; } 

.quote-form-area { margin-top: 52px; background: rgba(255, 255, 255, 0.03); border-radius: 22px; padding: 34px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2); } 
.quote-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; } 
.quote-tab-btn { height: 44px; padding: 0 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: 800; letter-spacing: -0.02em; transition: background .2s ease, color .2s ease; } 
.quote-tab-btn.is-active { background: #fff; color: #101012; } 

.quote-panel { display: none; } 
.quote-panel.is-active { display: block; } 

.form_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } 
.form_grid .field_full { grid-column: 1 / -1; } 
.form_field label { color: #0b0d10; font-weight: 600; font-size: 16px; padding-bottom: 12px; display: block; } 
.form_field .point { display: inline-block; padding-right: 5px; font-size: 18px; color: #fe21a4; font-weight: 700; } 
.form_field textarea,
.form_field input,
.form_field select { width: 100%; padding: 18px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.18); color: #0b0d10; box-sizing: border-box; } 
.form_field textarea { min-height: 220px; resize: vertical; } 
.form_field select option { background: #101012; color: #0b0d10; } 
.form_section_title { font-size: 17px; font-weight: 700; color: rgba(255, 255, 255, 0.9); padding: 12px 0 6px; } 

.form_field input:focus,
.form_field textarea:focus,
.mobile_wrap select:focus,
.form_field select:focus { background: rgba(255, 255, 255, 0.02); color: #0b0d10; outline: none; border-color: #fe21a4; box-shadow: 0 0 0 3px rgba(254, 33, 164, 0.14); } 

.mobile_wrap,
.email_wrap { display: flex; align-items: center; gap: 6px; } 
.mobile_wrap select { min-width: 120px; text-align: center; } 
.mobile_wrap p,
.email_wrap p { color: rgba(255, 255, 255, 0.7); } 

.file_input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.file_wrap { display: flex; align-items: center; gap: 12px; } 
.file_btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 18px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25); color: #0b0d10; cursor: pointer; white-space: nowrap; } 
.file_btn:hover { border-color: #fe21a4; box-shadow: 0 0 0 3px rgba(254, 33, 164, 0.15); } 
.file_name { flex: 1; min-width: 0; padding: 16px 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.02); color: rgba(255, 255, 255, 0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.service_tabs,
.option_tabs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; } 
.service_tabs input[type="checkbox"],
.option_tabs input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; padding: 0; } 
.service_tabs label,
.option_tabs label { display: inline-flex; align-items: center; justify-content: center; padding: 14px 18px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.92); font-size: 15px; font-weight: 600; cursor: pointer; user-select: none; transition: all .2s ease; white-space: nowrap; } 
.service_tabs label:hover,
.option_tabs label:hover { border-color: rgba(254, 33, 164, 0.7); box-shadow: 0 0 0 3px rgba(254, 33, 164, 0.14); transform: translateY(-1px); } 
.service_tabs input[type="checkbox"]:checked + label,
.option_tabs input[type="checkbox"]:checked + label { border-color: #fe21a4; background: #fe21a4; box-shadow: 0 10px 22px rgba(254, 33, 164, 0.18); } 

.visit_tabs { display: flex; gap: 12px; flex-wrap: wrap; } 
.visit_item { position: relative; color: #0b0d10; } 
.visit_item input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; padding: 0; } 
.visit_item label { display: inline-flex; align-items: center; gap: 10px; padding: 14px 18px !important; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.92); font-size: 15px; font-weight: 700; cursor: pointer; transition: all .2s ease; } 
.visit_item label::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.55); box-sizing: border-box; display: inline-block; } 
.visit_item label:hover { border-color: rgba(254, 33, 164, 0.7); } 
.visit_item input[type="radio"]:checked + label { border-color: #fe21a4; } 
.visit_item input[type="radio"]:checked + label::before { border-color: #fe21a4; } 

.privacy_box { margin-top: 28px; padding: 22px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(6px); } 
.privacy_box textarea { width: 100%; min-height: 180px; resize: none; padding: 18px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(0, 0, 0, 0.18); color: rgba(255, 255, 255, 0.85); line-height: 1.6; font-size: 15px; outline: none; } 
.privacy_box textarea:focus { border-color: rgba(254, 33, 164, 0.7); box-shadow: 0 0 0 3px rgba(254, 33, 164, 0.14); } 
.agree_label { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 10px 14px; } 
.agree_label input[type="checkbox"] { width: 18px; height: 18px; accent-color: #fe21a4; cursor: pointer; } 
.agree_label label { margin: 0; padding: 0; font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, 0.92); cursor: pointer; } 
.agree_label label::after { content: " *"; color: #fe21a4; font-weight: 800; } 

.btn_submit { display: block; width: fit-content; margin: 40px auto 0; padding: 18px 28px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.05); color: #0b0d10; font-size: 17px; font-weight: 700; letter-spacing: .02em; cursor: pointer; transition: all .2s ease; } 
.btn_submit:hover { border-color: #fe21a4; box-shadow: 0 0 0 3px rgba(254, 33, 164, 0.15); transform: translateY(-2px); } 

@media screen and (max-width: 1024px){
 .contactus-wrap { padding: 90px 0; } 
 .contactus-title { font-size: 60px; } 
 .quote-choice { grid-template-columns: 1fr; } 
 }

@media screen and (max-width: 768px){
 .contactus-title { font-size: 42px; } 
 .contactus-subtitle { font-size: 18px; } 
 .quote-form-area { padding: 26px; } 
 .form_grid { grid-template-columns: 1fr; } 
 .quote-card { padding: 26px; } 
 .mobile_wrap select { min-width: 90px; } 
 .file_btn { padding: 14px 12px; font-size: 14px; } 
 .form_field label { padding-bottom: 10px; font-size: 14px; } 
 .form_field textarea { min-height: 200px; } 
 .btn_submit { margin: 32px auto 0; font-size: 15px; padding: 16px 24px; } 
 }

@media screen and (max-width: 480px){
 .contactus-wrap { padding: 72px 0; } 
 .contactus-title { font-size: 24px; } 
 .contactus-subtitle { font-size: 15px; } 
 .quote-card-btn { width: 100%; } 
 .service_tabs label,
 .option_tabs label,
 .visit_item label { font-size: 13px; padding: 12px 14px !important; } 
 .agree_label { margin-top: 10px; padding: 8px 0 0; gap: 10px; } 
 .agree_label label { font-size: 12px; } 
 .btn_submit { font-size: 14px; padding: 14px 20px; } 
 }




/*****************************************
광고문의
******************************************/
.adcontact-page {
  --ad-bg: #f5f1ea;
  --ad-paper: #fffdf9;
  --ad-ink: #171311;
  --ad-muted: #6d625b;
  --ad-line: rgba(23, 19, 17, 0.1);
  --ad-accent: #fe6b21;
  --ad-accent-deep: #d95414;
  --ad-dark: #11100f;
  --ad-cream: #efe4d4;
}

.ad-shell { width: min(1720px, calc(100% - 40px)); margin: 0 auto; } 

.adcontact-page .ad-overview,
.adcontact-page .ad-process,
.adcontact-page .ad-contact { background: var(--ad-bg); } 

.adcontact-page .ad-overview { padding: 140px 0 80px; } 

.adcontact-page .ad-overview__hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr); gap: 40px; align-items: stretch; } 

.ad-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; font-size: 15px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ad-accent); } 
.ad-eyebrow::before { content: ""; width: 42px; height: 1px; background: currentColor; } 

.ad-title { margin: 0; font-size: clamp(38px, 4.2vw, 76px); line-height: 1.12; letter-spacing: -0.05em; color: var(--ad-ink); } 
.ad-description { margin: 28px 0 0; max-width: 880px; font-size: 20px; line-height: 1.8; letter-spacing: -0.03em; color: var(--ad-muted); } 

.ad-overview__copy { padding: 54px; border-radius: 34px; background: radial-gradient(circle at top left, rgba(254, 107, 33, 0.16), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.94)); border: 1px solid rgba(254, 107, 33, 0.12); box-shadow: 0 28px 80px rgba(30, 18, 8, 0.08); } 

.ad-overview__panel { display: grid; grid-template-rows: auto 1fr; gap: 18px; } 

.ad-panel-card,
.ad-mini-card,
.ad-metric-card,
.ad-focus-card,
.ad-process-card,
.ad-contact-card,
.ad-form-wrap { border-radius: 30px; background: var(--ad-paper); border: 1px solid var(--ad-line); box-shadow: 0 24px 60px rgba(25, 18, 13, 0.08); } 

.ad-panel-card { padding: 34px; background: linear-gradient(160deg, #18110d, #3c2418); color: #fff; } 
.ad-panel-card__label { display: inline-flex; margin-bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } 
.ad-panel-card strong { display: block; font-size: 38px; line-height: 1.1; letter-spacing: -0.04em; } 
.ad-panel-card p { margin: 18px 0 0; font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.78); } 

.ad-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } 
.ad-mini-card { padding: 28px 24px; } 
.ad-mini-card strong { display: block; margin-bottom: 10px; font-size: 24px; line-height: 1.2; letter-spacing: -0.03em; color: var(--ad-ink); } 
.ad-mini-card p { margin: 0; font-size: 16px; line-height: 1.7; color: var(--ad-muted); } 

.ad-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 28px; } 
.ad-metric-card { padding: 30px; } 
.ad-metric-card span { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 18px; background: var(--ad-cream); color: var(--ad-accent-deep); font-size: 24px; font-weight: 800; letter-spacing: -0.04em; } 
.ad-metric-card strong { display: block; margin: 24px 0 14px; font-size: 29px; line-height: 1.25; letter-spacing: -0.04em; color: var(--ad-ink); } 
.ad-metric-card p { margin: 0; font-size: 17px; line-height: 1.75; color: var(--ad-muted); } 

.adcontact-page .ad-criteria { padding: 80px 0 90px; background: linear-gradient(180deg, #15120f 0%, #15120f 52%, var(--ad-bg) 52%, var(--ad-bg) 100%); } 

.ad-section-head { max-width: 980px; } 
.ad-section-head__eyebrow { margin: 0 0 18px; font-size: 14px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ad-accent); } 
.ad-section-head__title { margin: 0; font-size: clamp(34px, 3.2vw, 56px); line-height: 1.18; letter-spacing: -0.045em; color: #fff; } 
.ad-section-head__text { margin: 22px 0 0; font-size: 19px; line-height: 1.75; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.68); } 

.ad-criteria__layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr); gap: 28px; margin-top: 42px; } 
.ad-criteria__list { display: grid; gap: 18px; } 
.ad-criteria-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 22px; padding: 30px; border-radius: 28px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); } 
.ad-criteria-item__index { display: inline-flex; align-items: center; justify-content: center; width: 86px; height: 86px; border-radius: 22px; background: rgba(254, 107, 33, 0.16); color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -0.04em; } 
.ad-criteria-item h3 { margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: -0.04em; color: #fff; } 
.ad-criteria-item p { margin: 14px 0 0; font-size: 17px; line-height: 1.75; color: rgba(255, 255, 255, 0.72); } 

.ad-focus-card { padding: 34px; background: var(--ad-paper); } 
.ad-focus-card__label { margin: 0; font-size: 14px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ad-accent); } 
.ad-focus-tags { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; } 
.ad-focus-tags li { padding: 12px 16px; border-radius: 999px; background: #f5efe7; color: var(--ad-ink); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; } 
.ad-focus-card__desc { margin: 24px 0 0; font-size: 18px; line-height: 1.8; letter-spacing: -0.03em; color: var(--ad-muted); } 

.adcontact-page .ad-process { padding: 90px 0; } 
.adcontact-page .ad-process .ad-section-head__title,
.adcontact-page .ad-contact .ad-title,
.adcontact-page .ad-contact .ad-description { color: var(--ad-ink); } 
.adcontact-page .ad-process .ad-section-head__text { color: var(--ad-muted); } 

.ad-process__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 38px; } 
.ad-process-card { min-height: 250px; padding: 30px; } 
.ad-process-card span { display: inline-flex; padding: 10px 14px; border-radius: 999px; background: #f4eadf; color: var(--ad-accent-deep); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } 
.ad-process-card h3 { margin: 26px 0 14px; font-size: 28px; line-height: 1.2; letter-spacing: -0.04em; color: var(--ad-ink); } 
.ad-process-card p { margin: 0; font-size: 17px; line-height: 1.75; color: var(--ad-muted); } 

.adcontact-page .ad-contact { padding: 40px 0 140px; } 
.ad-contact__layout { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 28px; align-items: start; } 
.ad-contact__intro { position: sticky; top: 140px; padding: 46px; border-radius: 34px; background: linear-gradient(180deg, #191411 0%, #251a15 100%); } 
.ad-contact__intro .ad-title,
.ad-contact__intro .ad-description { color: #fff; } 
.ad-contact__intro .ad-description { color: rgba(255, 255, 255, 0.72); } 

.ad-contact__cards { display: grid; gap: 16px; margin-top: 34px; } 
.ad-contact-card { padding: 22px 24px; background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08); box-shadow: none; } 
.ad-contact-card span { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ad-accent); } 
.ad-contact-card p { margin: 0; font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.84); } 

.ad-form-wrap { padding: 40px; } 
.ad-form-head { margin-bottom: 30px; } 
.ad-form-head__eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ad-accent); } 
.ad-form-head h3 { margin: 0; font-size: clamp(32px, 2.4vw, 44px); line-height: 1.15; letter-spacing: -0.045em; color: var(--ad-ink); } 
.ad-form-head p { margin: 14px 0 0; font-size: 17px; line-height: 1.7; color: var(--ad-muted); } 

.ad-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } 
.ad-field--full { grid-column: 1 / -1; } 
.ad-field label,
.ad-field__title { display: block; margin-bottom: 12px; font-size: 15px; font-weight: 700; letter-spacing: -0.02em; color: var(--ad-ink); } 

.ad-field input,
.ad-field select,
.ad-field textarea { width: 100%; height: 62px; padding: 0 18px; border-radius: 16px; border: 1px solid var(--ad-line); background: #fbf8f3; box-sizing: border-box; font-size: 16px; color: var(--ad-ink); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } 
.ad-field textarea { min-height: 210px; padding: 18px; resize: vertical; } 
.ad-field input:focus,
.ad-field select:focus,
.ad-field textarea:focus { outline: none; border-color: rgba(254, 107, 33, 0.7); box-shadow: 0 0 0 4px rgba(254, 107, 33, 0.12); background: #fff; } 
.required { color: var(--ad-accent); } 

.ad-file-box { display: flex; align-items: center; gap: 16px; padding: 18px; border-radius: 20px; border: 1px solid var(--ad-line); background: #fbf8f3; } 
.ad-file-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.ad-file-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 132px; height: 52px; padding: 0 20px; border-radius: 14px; background: var(--ad-dark); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; } 
.ad-file-meta { min-width: 0; } 
.ad-file-meta strong,
.ad-file-meta p { display: block; } 
.ad-file-meta strong { margin-bottom: 6px; font-size: 14px; color: var(--ad-ink); } 
.ad-file-meta p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--ad-muted); } 

.ad-check-grid { display: flex; flex-wrap: wrap; gap: 12px; } 
.ad-check-pill { position: relative; cursor: pointer; } 
.ad-check-pill input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.ad-check-pill span { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 18px; border-radius: 999px; border: 1px solid var(--ad-line); background: #fbf8f3; font-size: 15px; font-weight: 700; color: var(--ad-ink); transition: transform .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease; } 
.ad-check-pill input:checked + span { border-color: transparent; background: var(--ad-accent); color: #fff; transform: translateY(-1px); } 

.ad-privacy { margin-top: 30px; } 
.ad-privacy h4 { margin: 0 0 14px; font-size: 24px; line-height: 1.2; letter-spacing: -0.03em; color: var(--ad-ink); } 
.ad-privacy__box { padding: 24px; border-radius: 20px; background: #fbf8f3; border: 1px solid var(--ad-line); } 
.ad-privacy__box p { margin: 0 0 12px; font-size: 16px; line-height: 1.75; color: var(--ad-muted); } 
.ad-privacy__box ul { margin: 0; padding-left: 18px; } 
.ad-privacy__box li { font-size: 15px; line-height: 1.8; color: var(--ad-muted); } 
.ad-privacy__agree { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 15px; font-weight: 700; color: var(--ad-ink); cursor: pointer; } 
.ad-privacy__agree input { width: 18px; height: 18px; accent-color: var(--ad-accent); } 
.ad-privacy__agree em { font-style: normal; color: var(--ad-accent); } 

.ad-submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 64px; margin-top: 28px; border: 0; border-radius: 18px; background: linear-gradient(135deg, var(--ad-accent), #ff8b4d); color: #fff; font-size: 17px; font-weight: 800; letter-spacing: -0.02em; cursor: pointer; box-shadow: 0 18px 34px rgba(254, 107, 33, 0.22); } 
.ad-submit:hover { background: linear-gradient(135deg, var(--ad-accent-deep), var(--ad-accent)); } 

@media screen and (max-width: 1400px){
 .ad-overview__hero,
 .ad-criteria__layout,
 .ad-contact__layout { grid-template-columns: 1fr; } 
 .ad-contact__intro { position: static; } 
 }

@media screen and (max-width: 1180px){
 .ad-metrics,
 .ad-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 .ad-title br { display: none; } 
 }

@media screen and (max-width: 1024px){
 .adcontact-page .ad-overview { padding: 100px 0 60px; } 
 .adcontact-page .ad-criteria,
 .adcontact-page .ad-process { padding: 70px 0; } 
 .adcontact-page .ad-contact { padding: 20px 0 100px; } 
 .ad-overview__copy,
 .ad-contact__intro,
 .ad-form-wrap { padding: 34px; } 
 .ad-panel-grid,
 .ad-form-grid { grid-template-columns: 1fr; } 
 .ad-field--full { grid-column: auto; } 
 }

@media screen and (max-width: 767px){
 .ad-shell { width: min(100% - 24px, 100%); } 
 .adcontact-page .ad-overview { padding: 72px 0 46px; } 
 .adcontact-page .ad-criteria,
 .adcontact-page .ad-process { padding: 52px 0; } 
 .adcontact-page .ad-contact { padding: 0 0 72px; } 
 .ad-overview__copy,
 .ad-panel-card,
 .ad-mini-card,
 .ad-metric-card,
 .ad-focus-card,
 .ad-process-card,
 .ad-contact__intro,
 .ad-form-wrap { padding: 24px; border-radius: 24px; } 
 .ad-title { font-size: 34px; } 
 .ad-description,
 .ad-section-head__text,
 .ad-focus-card__desc,
 .ad-process-card p,
 .ad-metric-card p,
 .ad-contact-card p { font-size: 15px; } 
 .ad-metrics,
 .ad-process__grid { grid-template-columns: 1fr; } 
 .ad-criteria-item { grid-template-columns: 1fr; gap: 16px; padding: 24px; } 
 .ad-criteria-item__index { width: 68px; height: 68px; font-size: 20px; } 
 .ad-criteria-item h3,
 .ad-process-card h3,
 .ad-metric-card strong { font-size: 24px; } 
 .ad-file-box { flex-direction: column; align-items: flex-start; } 
 .ad-file-btn { width: 100%; } 
 .ad-file-meta p { white-space: normal; } 
 .ad-check-pill { width: 100%; } 
 .ad-check-pill span { width: 100%; justify-content: flex-start; border-radius: 18px; } 
 .ad-privacy__agree { align-items: flex-start; } 
 }

.adcontact-page.dw-business {
  background: #fff;
}

.hl-contact {
  --hl-main: #fe6b21;
  --hl-text01: #111111;
  --hl-text02: #222222;
  --hl-text03: #666666;
  --hl-text05: #3f3f3f;
  --hl-line: #d9d9d9;
  --hl-bg: #f5f5f5;
}

.hl-contact .wrapper { width: 80%; margin: 0 auto; } 

.hl-contact #hl-sec01 { position: relative; padding-top: 180px; background: radial-gradient(circle at right top, rgba(255, 11, 52, 0.12), transparent 28%), linear-gradient(180deg, #ffffff 0%, #ffffff 100%); } 
.hl-contact #hl-sec01 .tit_box h3 { margin: 0 0 30px; color: #bbb; font-size: 1.875rem; font-weight: 700; } 
.hl-contact #hl-sec01 .tit_box h2 { margin: 0; color: var(--hl-text01); font-size: 4.375rem; line-height: 1.3; font-weight: 800; } 
.hl-contact #hl-sec01 .tit_box h2 span { color: var(--hl-main); } 

.hl-contact #hl-sec01 .company_info { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 95px; padding: 50px 85px; } 
.hl-contact #hl-sec01 .company_info::after { content: ""; position: absolute; right: -12%; bottom: 0; z-index: -1; width: calc(100vw * 0.85); height: 100%; background: var(--hl-bg); } 
.hl-contact #hl-sec01 .company_info .left { width: 50%; } 
.hl-contact #hl-sec01 .company_info .left ul { display: flex; flex-wrap: wrap; } 
.hl-contact #hl-sec01 .company_info .left li { width: calc(100% / 3); } 
.hl-contact #hl-sec01 .company_info .left li:first-child { width: 100%; margin-bottom: 55px; } 
.hl-contact #hl-sec01 .company_info .left dt { font-size: 1.125rem; font-weight: 700; } 
.hl-contact #hl-sec01 .company_info .left dd { margin-top: 15px; color: var(--hl-text03); font-size: 1.125rem; font-weight: 600; word-break: keep-all; } 
.hl-contact #hl-sec01 .company_info .left dd a,
.hl-contact #hl-sec01 .company_info .left dd p { color: inherit; font-size: inherit; } 

.hl-contact #hl-sec01 .company_info .right { display: flex; gap: 15px; } 
.hl-contact #hl-sec01 .company_info .right a { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; border-radius: 50%; background: var(--hl-text01); color: #fff; text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.5; transition: 0.3s; } 
.hl-contact #hl-sec01 .company_info .right a:hover { background: var(--hl-text02); } 
.hl-contact #hl-sec01 .company_info .right a.proposal { opacity: 0.9; } 

.hl-contact #hl-sec02 { padding: 85px 0 110px; } 
.hl-contact #hl-sec02 .checkbox_wrap { display: flex; flex-wrap: wrap; gap: 45px; } 
.hl-contact #hl-sec02 .checkbox_wrap h2 { width: 100%; margin: 0; color: var(--hl-text02); font-size: 1.875rem; font-weight: 700; } 
.hl-contact #hl-sec02 .checkbox_wrap h2 span { color: var(--hl-text05); font-size: 1.375rem; font-weight: inherit; } 
.hl-contact #hl-sec02 .checkbox_wrap > div { width: calc((100% - 90px) / 3); } 
.hl-contact #hl-sec02 figure { margin: 0; } 
.hl-contact #hl-sec02 figure .media_thumb { width: 100%; padding-bottom: 66%; background-size: cover; background-position: center center; } 
.hl-contact #hl-sec02 figure .media_thumb--search { background-image: linear-gradient(135deg, #1f2430 0%, #4b556d 100%); } 
.hl-contact #hl-sec02 figure .media_thumb--place { background-image: linear-gradient(135deg, #4b2a30 0%, #8a4453 100%); } 
.hl-contact #hl-sec02 figure .media_thumb--sns { background-image: linear-gradient(135deg, #1f3857 0%, #3e6ea3 100%); } 

.hl-contact #hl-sec02 .checkbox_wrap .all_check { margin-top: 30px; } 
.hl-contact #hl-sec02 .checkbox_wrap .all_check .must_check { display: flex; align-items: center; gap: 15px; padding-bottom: 30px; border-bottom: 1px solid var(--hl-line); } 
.hl-contact #hl-sec02 .checkbox_wrap .all_check .must_check > i,
.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check > i,
.hl-contact #hl-sec02 .request_form .privacy_policy i { display: block; flex: 0 0 20px; width: 20px; height: 20px; border: 1px solid var(--hl-line); background: #fff; box-sizing: border-box; transition: 0.2s; } 
.hl-contact #hl-sec02 .checkbox_wrap .all_check p { margin: 0; color: var(--hl-text02); font-size: 1.375rem; font-weight: 500; } 

.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap { display: flex; flex-wrap: wrap; padding-top: 30px; } 
.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check { position: relative; display: flex; align-items: center; gap: 10px; width: 50%; margin-bottom: 25px; cursor: pointer; } 
.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check input,
.hl-contact #hl-sec02 .request_form .privacy_policy input { position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0; cursor: pointer; } 
.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check input:checked + i,
.hl-contact #hl-sec02 .request_form .privacy_policy input:checked + i { border-color: var(--hl-main); background: var(--hl-main); box-shadow: inset 0 0 0 4px #fff; } 
.hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check p { margin: 0; color: var(--hl-text03); font-size: 1.125rem; font-weight: 500; word-break: keep-all; } 

.hl-contact #hl-sec02 .input_details { margin-top: 100px; } 
.hl-contact #hl-sec02 .input_details h2 { margin: 0; font-size: 1.875rem; font-weight: 700; } 
.hl-contact #hl-sec02 .input_details h2 span { color: var(--hl-text05); font-size: 1.375rem; font-weight: inherit; } 
.hl-contact #hl-sec02 .input_details h2 span strong { color: var(--hl-main); font-size: inherit; } 

.hl-contact #hl-sec02 .detail_box { display: flex; flex-wrap: wrap; gap: 35px; margin-top: 60px; } 
.hl-contact #hl-sec02 .detail_box > label,
.hl-contact #hl-sec02 .detail_box > div { width: calc((100% - 35px) / 2); } 
.hl-contact #hl-sec02 .detail_box > label.company,
.hl-contact #hl-sec02 .detail_box > label.content { width: 100%; } 
.hl-contact #hl-sec02 .detail_box > label { display: flex; flex-direction: column; } 
.hl-contact #hl-sec02 .detail_box > label span,
.hl-contact #hl-sec02 .file_upload p { display: flex; align-items: center; margin: 0; color: var(--hl-text05); font-size: 1.375rem; font-weight: 700; } 
.hl-contact #hl-sec02 .detail_box > label span em { color: var(--hl-main); font-style: normal; } 
.hl-contact #hl-sec02 .detail_box > label input,
.hl-contact #hl-sec02 .detail_box > label textarea,
.hl-contact #hl-sec02 .detail_box > label select,
.hl-contact #hl-sec02 .file_upload input[type=text] { width: 100%; margin-top: 15px; padding: 20px; border: 1px solid var(--hl-line); box-sizing: border-box; color: var(--hl-text03); font-size: 1.375rem; outline: none; transition: 0.3s; background: #fff; } 
.hl-contact #hl-sec02 .detail_box > label input:hover,
.hl-contact #hl-sec02 .detail_box > label textarea:hover,
.hl-contact #hl-sec02 .detail_box > label select:hover,
.hl-contact #hl-sec02 .file_upload input[type=text]:hover { border-color: var(--hl-text05); } 
.hl-contact #hl-sec02 .detail_box > label input:focus,
.hl-contact #hl-sec02 .detail_box > label textarea:focus,
.hl-contact #hl-sec02 .detail_box > label select:focus { border-color: var(--hl-text03); } 
.hl-contact #hl-sec02 .detail_box > label textarea { height: 255px; resize: none; line-height: 1.5; } 
.hl-contact #hl-sec02 .detail_box > label textarea::placeholder { color: #ccc; font-size: 1.25rem; } 

.hl-contact #hl-sec02 .file_upload { position: relative; } 
.hl-contact #hl-sec02 .file_upload label { position: absolute; top: 60px; right: 30px; cursor: pointer; color: var(--hl-main); font-size: 1rem; font-weight: 700; } 
.hl-contact #hl-sec02 .file_upload input[type=file] { position: absolute; clip: rect(0, 0, 0, 0); } 

.hl-contact #hl-sec02 .capcha_box { margin-top: 30px; } 
.hl-contact #hl-sec02 .privacy_block { width: 100%; } 
.hl-contact #hl-sec02 .privacy_terms { padding: 28px 30px; border: 1px solid var(--hl-line); background: #fafafa; } 
.hl-contact #hl-sec02 .privacy_terms h3 { margin: 0 0 14px; color: var(--hl-text02); font-size: 1.25rem; font-weight: 700; } 
.hl-contact #hl-sec02 .privacy_terms p,
.hl-contact #hl-sec02 .privacy_terms li { color: var(--hl-text03); font-size: 1rem; line-height: 1.8; } 
.hl-contact #hl-sec02 .privacy_terms p { margin: 0 0 12px; } 
.hl-contact #hl-sec02 .privacy_terms ul { margin: 0; padding-left: 18px; } 
.hl-contact #hl-sec02 .request_form .privacy_policy { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 20px; } 
.hl-contact #hl-sec02 .request_form .privacy_policy p { margin: 0; color: var(--hl-text03); font-size: 1.125rem; } 
.hl-contact #hl-sec02 .request_form .privacy_policy p strong { color: var(--hl-main); } 

.hl-contact #hl-sec02 .submit_btn { margin-top: 100px; } 
.hl-contact #hl-sec02 .submit_btn button { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; margin: 0 auto; border: 0; border-radius: 50%; background: var(--hl-text01); color: #fff; text-align: center; font-size: 1.125rem; font-weight: 600; line-height: 1.5; cursor: pointer; transition: 0.3s; } 
.hl-contact #hl-sec02 .submit_btn button:hover { background: var(--hl-text02); } 

@media screen and (max-width: 1500px){
 .hl-contact #hl-sec01 .tit_box h3 { font-size: 1.5625rem; } 
 .hl-contact #hl-sec01 .tit_box h2 { font-size: 4rem; } 
 .hl-contact #hl-sec01 .company_info .left { width: 80%; } 
 }

@media screen and (max-width: 1300px){
 .hl-contact #hl-sec02 .checkbox_wrap { gap: 20px; } 
 .hl-contact #hl-sec02 .checkbox_wrap > div { display: flex; gap: 20px; width: 100%; } 
 .hl-contact #hl-sec02 .checkbox_wrap figure { width: calc((100% - 20px) * 0.45); } 
 .hl-contact #hl-sec02 .checkbox_wrap > div > div { width: 55%; } 
 .hl-contact #hl-sec02 .checkbox_wrap h2 { font-size: 1.625rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap h2 span { font-size: 1.125rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap .all_check { margin-top: 0; } 
 .hl-contact #hl-sec02 .checkbox_wrap .all_check .must_check { gap: 10px; padding-bottom: 20px; } 
 .hl-contact #hl-sec02 .checkbox_wrap .all_check p { font-size: 1.125rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap { padding-top: 20px; } 
 .hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check { margin-bottom: 15px; } 
 .hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check p { font-size: 1rem; } 
 .hl-contact #hl-sec02 .input_details h2 { font-size: 1.625rem; } 
 .hl-contact #hl-sec02 .input_details h2 span { font-size: 1.125rem; } 
 .hl-contact #hl-sec02 .detail_box { gap: 20px; margin-top: 45px; } 
 .hl-contact #hl-sec02 .detail_box > label span,
 .hl-contact #hl-sec02 .file_upload p { font-size: 1.125rem; } 
 .hl-contact #hl-sec02 .detail_box > label input,
 .hl-contact #hl-sec02 .detail_box > label textarea,
 .hl-contact #hl-sec02 .detail_box > label select,
 .hl-contact #hl-sec02 .file_upload input[type=text] { font-size: 1.125rem; padding: 15px 20px; } 
 .hl-contact #hl-sec02 .file_upload label { top: 50px; right: 20px; } 
 .hl-contact #hl-sec02 .submit_btn { margin-top: 60px; } 
 .hl-contact #hl-sec02 .submit_btn button { width: 170px; height: 170px; font-size: 1.0625rem; } 
 }

@media screen and (max-width: 1024px){
 .hl-contact .wrapper { width: 90%; } 
 .hl-contact #hl-sec01 .tit_box h2 { font-size: 3.5625rem; } 
 .hl-contact #hl-sec01 .company_info { margin-top: 65px; padding: 50px 55px; flex-direction: column; text-align: right; } 
 .hl-contact #hl-sec01 .company_info .left { width: 100%; } 
 .hl-contact #hl-sec01 .company_info .left li:first-child { margin-bottom: 25px; } 
 .hl-contact #hl-sec01 .company_info .left li:nth-child(2) { width: 45%; } 
 .hl-contact #hl-sec01 .company_info .left li:nth-child(3),
 .hl-contact #hl-sec01 .company_info .left li:nth-child(4) { width: 27.5%; } 
 .hl-contact #hl-sec01 .company_info .left ul { justify-content: flex-end; } 
 .hl-contact #hl-sec01 .company_info .right { margin-top: 45px; } 
 .hl-contact #hl-sec01 .company_info .right a { width: 170px; height: 170px; font-size: 1.0625rem; } 
 }

@media screen and (max-width: 767px){
 .hl-contact #hl-sec01 { padding-top: 125px; } 
 .hl-contact #hl-sec01 .tit_box h3 { margin-bottom: 15px; font-size: 1.0625rem; } 
 .hl-contact #hl-sec01 .tit_box h2 { font-size: 2.875rem; word-break: keep-all; } 
 .hl-contact #hl-sec01 .company_info { margin-top: 45px; padding: 35px 25px; } 
 .hl-contact #hl-sec01 .company_info::after { right: -5%; } 
 .hl-contact #hl-sec01 .company_info .left dt { font-size: 1rem; } 
 .hl-contact #hl-sec01 .company_info .left dd { margin-top: 10px; font-size: 0.875rem; line-height: 1.3; } 
 .hl-contact #hl-sec01 .company_info .left li:first-child { margin-bottom: 20px; } 
 .hl-contact #hl-sec01 .company_info .left li:nth-child(2) { width: 100%; margin-bottom: 20px; } 
 .hl-contact #hl-sec01 .company_info .left li:nth-child(3),
 .hl-contact #hl-sec01 .company_info .left li:nth-child(4) { width: 50%; } 
 .hl-contact #hl-sec01 .company_info .right { margin-top: 35px; } 
 .hl-contact #hl-sec01 .company_info .right a { width: 130px; height: 130px; font-size: 0.875rem; } 

 .hl-contact #hl-sec02 { padding: 65px 0 90px; } 
 .hl-contact #hl-sec02 .checkbox_wrap h2 { font-size: 1.375rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap h2 span { display: block; margin-top: 7px; font-size: 0.9375rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap > div { flex-wrap: wrap; } 
 .hl-contact #hl-sec02 .checkbox_wrap figure { width: 100%; } 
 .hl-contact #hl-sec02 .checkbox_wrap > div > div { width: 100%; } 
 .hl-contact #hl-sec02 .checkbox_wrap .all_check { margin-top: 10px; } 
 .hl-contact #hl-sec02 .checkbox_wrap .all_check p { font-size: 1rem; } 
 .hl-contact #hl-sec02 .checkbox_wrap .must_check_wrap .must_check p { font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .input_details { margin-top: 60px; } 
 .hl-contact #hl-sec02 .input_details h2 { font-size: 1.375rem; } 
 .hl-contact #hl-sec02 .input_details h2 span { display: block; margin-top: 7px; font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .detail_box { gap: 10px; margin-top: 35px; } 
 .hl-contact #hl-sec02 .detail_box > label,
 .hl-contact #hl-sec02 .detail_box > div { width: calc((100% - 10px) / 2); } 
 .hl-contact #hl-sec02 .detail_box > label span,
 .hl-contact #hl-sec02 .file_upload p { font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .detail_box > label input,
 .hl-contact #hl-sec02 .detail_box > label textarea,
 .hl-contact #hl-sec02 .detail_box > label select,
 .hl-contact #hl-sec02 .file_upload input[type=text] { margin-top: 10px; padding: 12px 15px; font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .detail_box > label textarea::placeholder { font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .file_upload label { top: 38px; right: 15px; font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .privacy_terms { padding: 18px 20px; } 
 .hl-contact #hl-sec02 .privacy_terms h3 { font-size: 1rem; } 
 .hl-contact #hl-sec02 .privacy_terms p,
 .hl-contact #hl-sec02 .privacy_terms li,
 .hl-contact #hl-sec02 .request_form .privacy_policy p { font-size: 0.875rem; } 
 .hl-contact #hl-sec02 .submit_btn button { width: 130px; height: 130px; font-size: 0.875rem; } 
 }

@media screen and (max-width: 420px){
 .hl-contact #hl-sec02 .detail_box > label,
 .hl-contact #hl-sec02 .detail_box > div { width: 100%; } 
 .hl-contact #hl-sec02 .detail_box > label input,
 .hl-contact #hl-sec02 .detail_box > label textarea,
 .hl-contact #hl-sec02 .detail_box > label select,
 .hl-contact #hl-sec02 .file_upload input[type=text] { padding: 12px 10px; } 
 }

.adcontact-page.dw-business * {
  font-family: "Pretendard", sans-serif;
}

.adcontact-page.dw-business .dw-container {
  width: 100%;
  overflow: hidden;
}

.adcontact-page.dw-business .topVisual {
  position: relative;
}

.adcontact-page.dw-business .topVisual .titleArea {
  width: 90%;
  margin: 0 auto;
  padding: 312px 0 72px;
}

.adcontact-page.dw-business .topVisual .title {
  margin: 0 0 30px;
  font-size: 100px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #0f0f0f;
  overflow: hidden;
}

.adcontact-page.dw-business .topVisual .title strong {
  font-weight: 600;
  color: #0f0f0f;
}

.adcontact-page.dw-business .topVisual .title .name i {
  display: inline-block;
}

.adcontact-page.dw-business .topVisual .cate {
  display: block;
  font-size: 23px;
  line-height: 1.9;
  font-weight: 300;
  color: #0f0f0f;
}

.adcontact-page.dw-business .topVisual .keyVisual {
  width: 100%;
  height: 800px;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.55), transparent 28%),
    radial-gradient(circle at 74% 26%, rgba(255,255,255,0.32), transparent 22%),
    linear-gradient(135deg, #ececec 0%, #d7d7d7 32%, #9e9e9e 100%);
  background-attachment: fixed;
}

.adcontact-page.dw-business .sectionWrap {
  max-width: 100%;
}

.adcontact-page.dw-business .sectionWrap .tit_box {
  text-align: center;
}

.adcontact-page.dw-business .sectionWrap .tit_box .tit {
  font-size: 70px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.025em;
  color: #fff;
  overflow: hidden;
}

.adcontact-page.dw-business .sectionWrap .tit_box .tit strong {
  display: inline-flex;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
}

.adcontact-page.dw-business .sectionWrap .tit_box .tit strong i {
  display: inline-block;
}

.adcontact-page.dw-business .sectionWrap .tit_box .txt {
  font-size: 26px;
  line-height: 1.6;
  font-weight: 400;
  color: #222;
}

.adcontact-page.dw-business .sectionWrap01 {
  margin-top: 270px;
}

.adcontact-page.dw-business .sectionWrap01 .tit_box {
  margin-bottom: 130px;
}

.adcontact-page.dw-business .sectionWrap01 .tit_box .tit {
  margin-bottom: 40px;
}

.adcontact-page.dw-business .sectionWrap01 .tit_box .txt {
  font-size: 16px;
  color: #666;
  letter-spacing: 0;
}

.adcontact-page.dw-business .sectionWrap01 .flex_box {
  display: flex;
}

.adcontact-page.dw-business .sectionWrap01 .img_box,
.adcontact-page.dw-business .sectionWrap01 .text_box {
  flex: 0 0 50%;
}

.adcontact-page.dw-business .sectionWrap01 .img_box {
  position: relative;
  min-height: 760px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
    linear-gradient(135deg, #0f1827 0%, #213250 100%);
}

.adcontact-page.dw-business .sectionWrap01 .visual_mockup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(76%, 640px);
  padding: 36px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(14px);
  transform: translate(-50%, -50%);
}

.adcontact-page.dw-business .sectionWrap01 .mockup_badge {
  display: inline-flex;
  margin-bottom: 24px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}

.adcontact-page.dw-business .sectionWrap01 .mockup_chart {
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.06));
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.adcontact-page.dw-business .sectionWrap01 .mockup_chart--lg {
  height: 220px;
}

.adcontact-page.dw-business .sectionWrap01 .mockup_row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.adcontact-page.dw-business .sectionWrap01 .mockup_chart--sm {
  height: 118px;
}

.adcontact-page.dw-business .sectionWrap01 .mockup_list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.adcontact-page.dw-business .sectionWrap01 .mockup_list li {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,0.84);
}

.adcontact-page.dw-business .sectionWrap01 .mockup_list li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

.adcontact-page.dw-business .sectionWrap01 .text_box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
}

.adcontact-page.dw-business .sectionWrap01 .text_box > p {
  font-size: min(1.5vw, 30px);
  line-height: 2;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #222;
}

.adcontact-page.dw-business .sectionWrap02 {
  margin-top: 320px;
}

.adcontact-page.dw-business .sectionWrap02 .con_wrap {
  width: 95%;
  max-width: 1408px;
  margin: 0 auto;
  border-top: 4px solid #333;
  border-bottom: 4px solid #333;
}

.adcontact-page.dw-business .sectionWrap02 .flex_box {
  display: flex;
  align-items: center;
  height: 290px;
}

.adcontact-page.dw-business .sectionWrap02 .flex_box:not(:last-child) {
  border-bottom: 2px solid #ccc;
}

.adcontact-page.dw-business .sectionWrap02 .flex_box > div:nth-child(1) {
  flex: 0 0 27%;
}

.adcontact-page.dw-business .sectionWrap02 .flex_box > div:nth-child(2) {
  flex: 0 0 40%;
}

.adcontact-page.dw-business .sectionWrap02 .each_tit {
  font-size: 58px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #111;
}

.adcontact-page.dw-business .sectionWrap02 .hilight {
  width: 100%;
  color: rgba(17, 17, 17, 0.3);
  background: linear-gradient(to right, #111, #111) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0% 100%;
  transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;
}

.adcontact-page.dw-business .sectionWrap02 .hilight.is-visible {
  background-size: 100% 100%;
}

.adcontact-page.dw-business .sectionWrap02 .each_txt01 {
  font-size: 22px;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #222;
}

.adcontact-page.dw-business .sectionWrap02 .each_txt02 {
  font-size: 26px;
  line-height: 1.7;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #111;
}

.adcontact-page.dw-business .sectionWrap02 .each_txt02 .gray {
  color: #666;
}

.adcontact-page.dw-business .sectionWrap02 .each_txt02 .bar {
  position: relative;
  display: inline-block;
  padding-right: 32px;
}

.adcontact-page.dw-business .sectionWrap02 .each_txt02 .bar::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 2px;
  height: 50%;
     background: #fe6b21;
}

.adcontact-page.dw-business .sectionWrap03 {
  margin-top: 320px;
 background: #fe6b21;
}

.adcontact-page.dw-business .sectionWrap03 .con_wrap {
  width: 95%;
  max-width: 1408px;
  margin: 0 auto;
  padding: 250px 0 190px;
}

.adcontact-page.dw-business .sectionWrap03 .tit_box {
  margin-bottom: 130px;
}

.adcontact-page.dw-business .sectionWrap03 .tit,
.adcontact-page.dw-business .sectionWrap03 .tit strong,
.adcontact-page.dw-business .sectionWrap03 .tit_box .txt {
  color: #fff;
}

.adcontact-page.dw-business .sectionWrap03 .flex_box {
  display: flex;
  justify-content: center;
  column-gap: min(2vw, 40px);
}

.adcontact-page.dw-business .sectionWrap03 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.adcontact-page.dw-business .sectionWrap03 .circ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(16vw, 320px);
  height: min(16vw, 320px);
  border-radius: 50%;
  background: #fff;
}

.adcontact-page.dw-business .sectionWrap03 .circ > p {
  font-size: min(1.2vw, 24px);
  line-height: 1.66;
  font-weight: 600;
  letter-spacing: -.7px;
  text-align: center;
  color: #000;
}

.adcontact-page.dw-business .sectionWrap03 .chk {
  position: relative;
  width: min(17vw, 340px);
  height: min(4.6vw, 92px);
  padding-right: min(1.1vw, 22px);
  padding-left: min(3.3vw, 66px);
  line-height: min(4.6vw, 92px);
  font-size: min(1.5vw, 30px);
  font-weight: 500;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  border: 2px solid #fff;
  margin-top: 50px;
  background: rgba(17,17,17,0.6);
  box-sizing: border-box;
}

.adcontact-page.dw-business .sectionWrap03 .chk::before {
  content: "";
  position: absolute;
  top: 50%;
  left: min(1.1vw, 22px);
  transform: translateY(-50%);
  width: min(2.25vw, 45px);
  height: min(2.25vw, 45px);
  border-radius: 50%;
  background: #fff;
}

.adcontact-page.dw-business .ad-contact {
  padding-top: 180px;
}

@media all and (max-width: 1279px) {
  .adcontact-page.dw-business .topVisual .titleArea {
    padding: 320px 0 55px;
  }

  .adcontact-page.dw-business .topVisual .title {
    font-size: min(7.8vw, 100px);
  }

  .adcontact-page.dw-business .topVisual .cate {
    font-size: min(2.4vw, 23px);
    word-break: keep-all;
  }

  .adcontact-page.dw-business .topVisual .keyVisual {
    height: min(62.5vw, 800px);
    background-attachment: initial;
  }

  .adcontact-page.dw-business .sectionWrap .tit_box .tit {
    font-size: min(7vw, 90px);
  }

  .adcontact-page.dw-business .sectionWrap .tit_box .txt {
    font-size: min(2vw, 26px);
  }

  .adcontact-page.dw-business .sectionWrap01 .tit_box {
    margin-bottom: min(10.15vw, 130px);
  }

  .adcontact-page.dw-business .sectionWrap01 .flex_box {
    flex-direction: column;
  }

  .adcontact-page.dw-business .sectionWrap01 .img_box,
  .adcontact-page.dw-business .sectionWrap01 .text_box {
    flex: 0 0 100%;
    width: 100%;
  }

  .adcontact-page.dw-business .sectionWrap01 .text_box {
    padding: min(7.8vw, 100px) 0;
  }

  .adcontact-page.dw-business .sectionWrap01 .text_box > p {
    font-size: min(2.9vw, 30px);
  }

  .adcontact-page.dw-business .sectionWrap02 .con_wrap {
    width: 93%;
  }

  .adcontact-page.dw-business .sectionWrap02 .flex_box {
    height: auto;
    padding: min(3.8vw, 50px) 0;
    flex-direction: column;
  }

  .adcontact-page.dw-business .sectionWrap02 .each_tit {
    font-size: min(6vw, 58px);
    margin-bottom: min(3vw, 22px);
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt01,
  .adcontact-page.dw-business .sectionWrap02 .each_txt02 {
    text-align: center;
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt01 {
    font-size: min(3vw, 22px);
    line-height: 1.45;
    margin-bottom: min(3vw, 22px);
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt02 {
    font-size: min(3.1vw, 26px);
    line-height: 1.45;
  }

  .adcontact-page.dw-business .sectionWrap03 .con_wrap {
    padding: min(13vw, 250px) 0;
  }
}

@media all and (max-width: 750px) {
  .adcontact-page.dw-business .topVisual .titleArea {
    width: 90%;
    padding-top: min(40vw, 300px);
    padding-bottom: min(9.33vw, 70px);
  }

  .adcontact-page.dw-business .topVisual .title {
    margin-bottom: min(4vw, 30px);
    font-size: min(12vw, 90px);
  }

  .adcontact-page.dw-business .topVisual .cate {
    font-size: min(4.266vw, 32px);
    line-height: 1.7;
  }

  .adcontact-page.dw-business .topVisual .keyVisual {
    height: min(89.33vw, 670px);
    background-position: right center;
  }

  .adcontact-page.dw-business .sectionWrap .tit_box .tit {
    font-size: min(12vw, 90px);
    line-height: 1.11;
    margin-bottom: min(6vw, 45px);
  }

  .adcontact-page.dw-business .sectionWrap .tit_box .txt {
    font-size: min(4.266vw, 32px);
  }

  .adcontact-page.dw-business .sectionWrap01 {
    margin-top: min(29.33vw, 220px);
  }

  .adcontact-page.dw-business .sectionWrap01 .tit_box {
    margin-bottom: min(13.33vw, 100px);
  }

  .adcontact-page.dw-business .sectionWrap01 .tit_box .tit {
    letter-spacing: -0.07em;
  }

  .adcontact-page.dw-business .sectionWrap01 .tit_box .txt {
    font-size: min(2.66vw, 20px);
  }

  .adcontact-page.dw-business .sectionWrap01 .img_box {
    min-height: min(96vw, 520px);
  }

  .adcontact-page.dw-business .sectionWrap01 .visual_mockup {
    width: calc(100% - 40px);
    padding: 20px;
    border-radius: 22px;
  }

  .adcontact-page.dw-business .sectionWrap01 .mockup_chart--lg {
    height: 130px;
  }

  .adcontact-page.dw-business .sectionWrap01 .mockup_chart--sm {
    height: 78px;
  }

  .adcontact-page.dw-business .sectionWrap01 .mockup_list li {
    font-size: 13px;
  }

  .adcontact-page.dw-business .sectionWrap01 .text_box {
    padding: min(21.33vw, 160px) 0;
  }

  .adcontact-page.dw-business .sectionWrap01 .text_box > p {
    font-size: min(4.266vw, 32px);
    line-height: 1.8;
  }

  .adcontact-page.dw-business .sectionWrap02 {
    margin-top: min(21.33vw, 160px);
  }

  .adcontact-page.dw-business .sectionWrap02 .con_wrap {
    width: 93%;
    border-width: 3px;
  }

  .adcontact-page.dw-business .sectionWrap02 .flex_box {
    padding: min(16vw, 120px) 0;
  }

  .adcontact-page.dw-business .sectionWrap02 .flex_box:not(:last-child) {
    border-width: 1.5px;
  }

  .adcontact-page.dw-business .sectionWrap02 .each_tit {
    font-size: min(9.33vw, 70px);
    margin-bottom: min(8vw, 60px);
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt01 {
    font-size: min(4vw, 30px);
    line-height: 1.7;
    margin-bottom: min(7vw, 52px);
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt02 {
    font-size: min(4.266vw, 32px);
    line-height: 1.7;
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt02 .bar {
    padding-right: min(4vw, 30px);
  }

  .adcontact-page.dw-business .sectionWrap02 .each_txt02 .bar::after {
    right: min(1.8vw, 14px);
    width: 1px;
  }

  .adcontact-page.dw-business .sectionWrap03 {
    margin-top: min(22.66vw, 170px);
  }

  .adcontact-page.dw-business .sectionWrap03 .con_wrap {
    padding: min(22.66vw, 170px) 0;
  }

  .adcontact-page.dw-business .sectionWrap03 .tit_box {
    margin-bottom: min(16vw, 120px);
  }

  .adcontact-page.dw-business .sectionWrap03 .flex_box {
    display: block;
    width: 100%;
    margin: 0 auto;
   
  }

  .adcontact-page.dw-business .sectionWrap03 .item {
    display: inline-flex;
    width: min(42vw, 315px);
    margin-right: min(4vw, 30px);
  }

  .adcontact-page.dw-business .sectionWrap03 .circ {
    width: min(42vw, 315px);
    height: min(42vw, 315px);
  }

  .adcontact-page.dw-business .sectionWrap03 .circ > p {
    font-size: min(3.73vw, 28px);
    line-height: 1.5;
  }

  .adcontact-page.dw-business .sectionWrap03 .chk {
    width: min(44vw, 330px);
    height: min(13.33vw, 100px);
    margin-top: min(5.33vw, 40px);
    padding-left: min(10.66vw, 80px);
    padding-right: min(4vw, 30px);
    line-height: min(13.33vw, 100px);
    font-size: min(4vw, 30px);
  }

  .adcontact-page.dw-business .sectionWrap03 .chk::before {
    left: min(3.2vw, 24px);
    width: min(6.66vw, 50px);
    height: min(6.66vw, 50px);
  }

  .adcontact-page.dw-business .ad-contact {
    padding-top: min(22vw, 160px);
  }
}

.adcontact-page .adcontact-visual {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-bottom: 110px;
}

.adcontact-page .adcontact-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(10, 12, 18, 0.22) 0%, rgba(10, 12, 18, 0.58) 100%),
    url("https://www.plantym.com/images/sub/kv03.jpg") no-repeat center center / cover;
}

.adcontact-page .adcontact-visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 140px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.adcontact-page .adcontact-visual .heading,
.adcontact-page .adcontact-visual .title {
  color: #fff;
}

.adcontact-page .adcontact-visual .heading {
  color: rgba(255, 255, 255, 0.88);
}

.hl-contact.ad-form-only {
  padding: 110px 0 140px;
  background: #fff;
}

.hl-contact.ad-form-only .wrapper {
     max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.hl-contact.ad-form-only .input_details .tit_box h3 {
  margin: 0 0 18px;
  color: #bbb;
  font-size: 1.875rem;
  font-weight: 700;
}

.hl-contact.ad-form-only .input_details .tit_box h2 {
  margin: 0;
  color: var(--hl-text01);
  font-size: 4.375rem;
  line-height: 1.25;
  font-weight: 800;
}

.hl-contact.ad-form-only .input_details .tit_box h2 span {
  display: block;
  margin-top: 16px;
  color: var(--hl-text05);
  font-size: 1.25rem;
  font-weight: 600;
}

.hl-contact.ad-form-only .input_details .tit_box h2 span strong {
  color: var(--hl-main);
}

.hl-contact.ad-form-only .detail_box {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-top: 60px;
}

.hl-contact.ad-form-only .detail_box > label,
.hl-contact.ad-form-only .detail_box > div {
  width: calc((100% - 35px) / 2);
}

.hl-contact.ad-form-only .detail_box > label,
.hl-contact.ad-form-only .media_group {
  display: flex;
  flex-direction: column;
}

.hl-contact.ad-form-only .detail_box > label.content,
.hl-contact.ad-form-only .capcha_box,
.hl-contact.ad-form-only .privacy_block {
  width: 100%;
}

.hl-contact.ad-form-only .detail_box > label span,
.hl-contact.ad-form-only .media_group > span,
.hl-contact.ad-form-only .file_upload p {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--hl-text05);
  font-size: 1.375rem;
  font-weight: 700;
}

.hl-contact.ad-form-only .detail_box > label span em,
.hl-contact.ad-form-only .media_group > span em {
  color: var(--hl-main);
  font-style: normal;
}

.hl-contact.ad-form-only .detail_box > label input,
.hl-contact.ad-form-only .detail_box > label textarea,
.hl-contact.ad-form-only .detail_box > label select,
.hl-contact.ad-form-only .media_group select,
.hl-contact.ad-form-only .file_upload input[type=text] {
  width: 100%;
  margin-top: 15px;
  padding: 20px;
  border: 1px solid var(--hl-line);
  box-sizing: border-box;
  color: var(--hl-text03);
  font-size: 1.375rem;
  outline: none;
  transition: 0.3s;
  background: #fff;
}

.hl-contact.ad-form-only .detail_box > label input:hover,
.hl-contact.ad-form-only .detail_box > label textarea:hover,
.hl-contact.ad-form-only .detail_box > label select:hover,
.hl-contact.ad-form-only .media_group select:hover,
.hl-contact.ad-form-only .file_upload input[type=text]:hover {
  border-color: var(--hl-text05);
}

.hl-contact.ad-form-only .detail_box > label input:focus,
.hl-contact.ad-form-only .detail_box > label textarea:focus,
.hl-contact.ad-form-only .detail_box > label select:focus,
.hl-contact.ad-form-only .media_group select:focus {
  border-color: var(--hl-text03);
}

.hl-contact.ad-form-only .detail_box > label textarea {
  height: 255px;
  resize: none;
  line-height: 1.5;
}

.hl-contact.ad-form-only .detail_box > label textarea::placeholder {
  color: #ccc;
  font-size: 1.25rem;
}

.hl-contact.ad-form-only .request_form .privacy_policy input {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: pointer;
}

.hl-contact.ad-form-only .request_form .privacy_policy i {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--hl-line);
  background: #fff;
  box-sizing: border-box;
  transition: 0.2s;
}

.hl-contact.ad-form-only .request_form .privacy_policy input:checked + i {
  border-color: var(--hl-main);
  background: var(--hl-main);
  box-shadow: inset 0 0 0 4px #fff;
}

.hl-contact.ad-form-only .file_upload {
  position: relative;
}

.hl-contact.ad-form-only .file_upload label {
  position: absolute;
  top: 60px;
  right: 30px;
  cursor: pointer;
  color: var(--hl-main);
  font-size: 1rem;
  font-weight: 700;
}

.hl-contact.ad-form-only .file_upload input[type=file] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.hl-contact.ad-form-only .capcha_box {
  margin-top: 30px;
}

.hl-contact.ad-form-only .privacy_terms {
  padding: 28px 30px;
  border: 1px solid var(--hl-line);
  background: #fafafa;
}

.hl-contact.ad-form-only .privacy_terms h3 {
  margin: 0 0 14px;
  color: var(--hl-text02);
  font-size: 1.25rem;
  font-weight: 700;
}

.hl-contact.ad-form-only .privacy_terms p,
.hl-contact.ad-form-only .privacy_terms li {
  color: var(--hl-text03);
  font-size: 1rem;
  line-height: 1.8;
}

.hl-contact.ad-form-only .privacy_terms p {
  margin: 0 0 12px;
}

.hl-contact.ad-form-only .privacy_terms ul {
  margin: 0;
  padding-left: 18px;
}

.hl-contact.ad-form-only .request_form .privacy_policy {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.hl-contact.ad-form-only .request_form .privacy_policy p {
  margin: 0;
  color: var(--hl-text03);
  font-size: 1.125rem;
}

.hl-contact.ad-form-only .request_form .privacy_policy p strong {
  color: var(--hl-main);
}

.hl-contact.ad-form-only .submit_btn {
  margin-top: 100px;
}

.hl-contact.ad-form-only .submit_btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 16px;
    /* height: 200px; */
    margin: 0 auto;
    border: 0;
    /* border-radius: 50%; */
    background: #fe6b21;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    transition: 0.3s;
     border: 1px solid transparent;
}


.hl-contact.ad-form-only .submit_btn button:hover {
  background: #fff;
   color: #fe6b21;
   border: 1px solid #fe6b21;
}

@media screen and (max-width: 1240px){
  .adcontact-page .adcontact-visual {
    padding-bottom: 90px;
  }

  .hl-contact.ad-form-only .input_details .tit_box h2 {
    font-size: 4rem;
  }
}

@media screen and (max-width: 1024px){
  .hl-contact.ad-form-only .wrapper {
    width: 90%;
  }

  .hl-contact.ad-form-only .detail_box {
    gap: 20px;
    margin-top: 45px;
  }

  .hl-contact.ad-form-only .detail_box > label,
  .hl-contact.ad-form-only .detail_box > div {
    width: calc((100% - 20px) / 2);
  }

  .hl-contact.ad-form-only .input_details .tit_box h3 {
    font-size: 1.5625rem;
  }

  .hl-contact.ad-form-only .input_details .tit_box h2 {
    font-size: 3.5625rem;
  }

  .hl-contact.ad-form-only .detail_box > label span,
  .hl-contact.ad-form-only .media_group > span,
  .hl-contact.ad-form-only .file_upload p {
    font-size: 1.125rem;
  }

  .hl-contact.ad-form-only .detail_box > label input,
  .hl-contact.ad-form-only .detail_box > label textarea,
  .hl-contact.ad-form-only .detail_box > label select,
  .hl-contact.ad-form-only .media_group select,
  .hl-contact.ad-form-only .file_upload input[type=text] {
    padding: 15px 20px;
    font-size: 1.125rem;
  }

  .hl-contact.ad-form-only .request_form .privacy_policy p {
    font-size: 1rem;
  }

  .hl-contact.ad-form-only .file_upload label {
    top: 50px;
    right: 20px;
  }

  .hl-contact.ad-form-only .submit_btn {
    margin-top: 60px;
  }


}

@media screen and (max-width: 767px){
  .adcontact-page .adcontact-visual {
    padding-top: 170px;
    padding-bottom: 70px;
  }

  .adcontact-page .adcontact-visual::after {
    height: 90px;
  }

  .hl-contact.ad-form-only {
    padding: 80px 0 90px;
  }

  .hl-contact.ad-form-only .input_details .tit_box h3 {
    margin-bottom: 15px;
    font-size: 1.0625rem;
  }

  .hl-contact.ad-form-only .input_details .tit_box h2 {
    font-size: 2.875rem;
    word-break: keep-all;
  }

  .hl-contact.ad-form-only .input_details .tit_box h2 span {
    margin-top: 10px;
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .detail_box {
    gap: 10px;
    margin-top: 35px;
  }

  .hl-contact.ad-form-only .detail_box > label,
  .hl-contact.ad-form-only .detail_box > div {
    width: 100%;
  }

  .hl-contact.ad-form-only .detail_box > label span,
  .hl-contact.ad-form-only .media_group > span,
  .hl-contact.ad-form-only .file_upload p {
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .detail_box > label input,
  .hl-contact.ad-form-only .detail_box > label textarea,
  .hl-contact.ad-form-only .detail_box > label select,
  .hl-contact.ad-form-only .media_group select,
  .hl-contact.ad-form-only .file_upload input[type=text] {
    margin-top: 10px;
    padding: 12px 15px;
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .detail_box > label textarea::placeholder {
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .privacy_terms p,
  .hl-contact.ad-form-only .privacy_terms li,
  .hl-contact.ad-form-only .request_form .privacy_policy p {
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .file_upload label {
    top: 38px;
    right: 15px;
    font-size: 0.875rem;
  }

  .hl-contact.ad-form-only .privacy_terms {
    padding: 18px 20px;
  }

  .hl-contact.ad-form-only .privacy_terms h3 {
    font-size: 1rem;
  }

  /* .hl-contact.ad-form-only .submit_btn button {
    width: 130px;
    height: 130px;
    font-size: 0.875rem;
  } */
}

@media screen and (max-width: 480px){
  .hl-contact.ad-form-only .detail_box > label,
  .hl-contact.ad-form-only .detail_box > div {
    width: 100%;
  }

  .hl-contact.ad-form-only .detail_box > label input,
  .hl-contact.ad-form-only .detail_box > label textarea,
  .hl-contact.ad-form-only .detail_box > label select,
  .hl-contact.ad-form-only .media_group select,
  .hl-contact.ad-form-only .file_upload input[type=text] {
    padding: 12px 10px;
  }
}