@charset "utf-8";

/* CSS Document */
/* =====================================================
VISION
===================================================== */
.jy_vision{position:relative;width:100%;padding:130px 0 150px;background:#020a16;color:#fff;font-family:var(--font-family1);overflow:visible;}
.jy_vision_bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.jy_vision_bg_img{position:absolute;inset:0;display:block;background:url('/upload/main_vision_bg.jpg') center center/cover no-repeat;opacity:.65;}
.jy_vision_bg:before{content:'';position:absolute;left:-10%;top:310px;width:100%;height:550px;background:radial-gradient(ellipse at 40% 50%,rgba(0,146,229,.32),rgba(0,97,225,.10) 36%,transparent 68%);filter:blur(15px);transform:rotate(-8deg);}
.jy_vision_bg:after{content:'';position:absolute;right:-120px;top:180px;width:700px;height:760px;background-image:radial-gradient(circle,rgba(0,146,229,.55) 1.2px,transparent 1.5px);background-size:17px 17px;opacity:.26;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(ellipse,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse,#000 0%,transparent 72%);}


/* =====================================================
INNER
===================================================== */
.jy_vision_inner{position:relative;z-index:2;display:flex;width:100%;max-width:var(--area-box-width);margin:0 auto;padding:0 var(--area-padding);box-sizing:border-box;}


/* =====================================================
LEFT
===================================================== */
.jy_vision_left{position:relative;z-index:3;flex:0 0 520px;width:520px;align-self:stretch;}

/*
위츠 원본은 JS pin을 사용.
제이와이는 CSS sticky 방식으로 동일한 느낌 구현.
*/
.jy_vision_left_inner{position:-webkit-sticky;position:sticky;top:140px;padding-top:100px;}

.jy_vision_title>span{display:block;margin-bottom:30px;color:var(--main-color);font-family:var(--font-family2);font-size:24px;font-weight:800;font-style:italic;line-height:1;}

.jy_vision_title h2{margin:0;color:#fff;font-size:52px;font-weight:650;letter-spacing:-2.3px;line-height:1.23;word-break:keep-all;}


/* =====================================================
RIGHT

===================================================== */
.jy_vision_right{position:relative;width:calc(100% - 520px);min-width:0;}


/* =====================================================
LIST

===================================================== */
.jy_vision_list{display:flex;flex-flow:row-reverse wrap;margin:0 -30px;padding:0;list-style:none;}


/* =====================================================
CARD

===================================================== */
.jy_vision_card{position:relative;width:calc(50% - 60px);margin:0 30px;box-sizing:border-box;}


/*
핵심 stagger
*/
.jy_vision_card:nth-child(2){margin-top:400px;}

.jy_vision_card:nth-child(3){margin-top:-340px;}


/* =====================================================
CARD LINK
===================================================== */
.jy_vision_card>a{position:relative;display:block;width:100%;color:#fff;text-decoration:none;}


/* =====================================================
CARD RATIO

고정 height 사용하지 않음
===================================================== */
.jy_vision_card_bg{position:relative;width:100%;height:0;padding-top:160.86%;overflow:hidden;border-radius:50px;background:#092659;box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow .5s ease;}


/* =====================================================
CARD INNER
===================================================== */
.jy_vision_card_inner{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;}

.jy_vision_card_inner img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .8s ease;}


/* =====================================================
DIM
===================================================== */
.jy_vision_dim{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(3,19,58,.10) 0%,rgba(3,19,58,.02) 45%,rgba(1,8,27,.15) 100%);pointer-events:none;}


/* =====================================================
TEXT
===================================================== */
.jy_vision_txt{position:absolute;z-index:4;top:11.87%;left:0;width:100%;padding:0 20px;text-align:center;box-sizing:border-box;}

.jy_vision_txt>span{display:block;color:#fff;font-size:14px;font-weight:500;line-height:1.3;}

.jy_vision_txt h3{margin:18px 0 0;color:#fff;font-family:var(--font-family2);font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.16;}


/* =====================================================
HOVER
===================================================== */
.jy_vision_card>a:hover .jy_vision_card_inner img{transform:scale(1.1) rotate(.02deg);}

.jy_vision_card>a:hover .jy_vision_card_bg{box-shadow:3px 3px 60px rgba(0,0,0,.3);}


/* =====================================================
IMAGE REVEAL
===================================================== */
.jy_vision_card_inner{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.22,1,.36,1) .15s;}

.jy_vision_card.aos-animate .jy_vision_card_inner{clip-path:inset(0 0 0 0);}


/* =====================================================
1400
===================================================== */
@media(max-width:1400px){

.jy_vision{padding:110px 0 100px;}

.jy_vision_left{flex-basis:420px;width:420px;}

.jy_vision_right{width:calc(100% - 420px);}

.jy_vision_left_inner{top:120px;padding-top:80px;}

.jy_vision_title h2{font-size:36px;}

.jy_vision_list{margin:0 -22px;}

.jy_vision_card{width:calc(50% - 44px);margin-left:22px;margin-right:22px;}

.jy_vision_card:nth-child(2){margin-top:320px;}

.jy_vision_card:nth-child(3){margin-top:-270px;}

.jy_vision_card_bg{border-radius:42px;}

.jy_vision_txt h3{font-size:28px;}

}


/* =====================================================
1100
===================================================== */
@media(max-width:1100px){

.jy_vision{padding:100px 0 110px;}

.jy_vision_inner{display:block;}

.jy_vision_left{width:100%;height:auto;margin-bottom:65px;}

.jy_vision_left_inner{position:relative;top:auto;padding-top:0;}

.jy_vision_right{width:100%;}

.jy_vision_list{margin:0 -15px;}

.jy_vision_card{width:calc(50% - 30px);margin:0 15px;}

.jy_vision_card:nth-child(2){margin-top:170px;}

.jy_vision_card:nth-child(3){margin-top:-130px;}

}


/* =====================================================
MOBILE
===================================================== */
@media(max-width:700px){

.jy_vision{padding:75px 0 90px;}

.jy_vision_inner{padding:0 20px;}

.jy_vision_left{margin-bottom:40px;}

.jy_vision_title>span{margin-bottom:18px;font-size:14px;}

.jy_vision_title h2{font-size:29px;letter-spacing:-1.6px;line-height:1.48;}

.jy_vision_list{display:block;margin:0;}

.jy_vision_card{width:100%;margin:0 0 24px!important;}

.jy_vision_card_bg{padding-top:135%;border-radius:34px;}

.jy_vision_txt>span{font-size:12px;}

.jy_vision_txt h3{margin-top:13px;font-size:27px;}

.jy_vision_bg:after{display:none;}

}



/* =====================================================
BRAND MESSAGE
===================================================== */
.jy_company_message{position:relative;width:100%;min-height:760px;padding:180px 0 220px;overflow:hidden;background:#020a16;color:#fff;font-family:var(--font-family1);box-sizing:border-box;}

/* =====================================================
BACKGROUND
===================================================== */
.jy_company_message_bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;background:url('/upload/main_company_point.png') center bottom/cover no-repeat;pointer-events:none;}

/* 이미지 위 아주 약한 네이비 딤 */
.jy_company_message_bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,22,.10) 0%,rgba(2,10,22,.03) 50%,rgba(2,10,22,.12) 100%);}

/* =====================================================
INNER
===================================================== */
.jy_company_message_inner{position:relative;z-index:2;width:100%;max-width:var(--area-box-width);margin:0 auto;padding:0 var(--area-padding);box-sizing:border-box;}

/* =====================================================
TITLE
===================================================== */
.jy_company_message_title{margin:0;color:#fff;font-family:var(--font-family2);font-size:clamp(58px,5vw,88px);font-weight:700;font-style:italic;letter-spacing:-3.5px;line-height:1.05;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.08),0 0 18px rgba(0,146,229,.18),0 0 38px rgba(0,92,255,.38),0 0 65px rgba(0,72,210,.22);}

.jy_company_message_title span{display:inline-block;color:inherit;}

/* 첫 번째 */
.jy_company_message_title01{padding-left:80px;}

/* 두 번째 */
.jy_company_message_title02{margin-top:35px;padding-left:390px;}

/* AOS 등장 후 은은하게 빛나는 효과 */
.jy_company_message_title.aos-animate{animation:jyCompanyGlow 3s ease-in-out infinite alternate;}

@keyframes jyCompanyGlow{
    0%{text-shadow:0 0 8px rgba(255,255,255,.08),0 0 18px rgba(0,146,229,.15),0 0 36px rgba(0,92,255,.28),0 0 55px rgba(0,72,210,.16);}
    100%{text-shadow:0 0 10px rgba(255,255,255,.14),0 0 24px rgba(0,146,229,.28),0 0 48px rgba(0,92,255,.48),0 0 75px rgba(0,72,210,.28);}
}

/* =====================================================
DESCRIPTION
===================================================== */
.jy_company_message_txt{max-width:700px;margin:45px 0 0;padding-left:390px;color:rgba(255,255,255,.72);font-size:17px;font-weight:400;letter-spacing:-.5px;line-height:1.7;word-break:keep-all;box-sizing:content-box;}

/* =====================================================
1400
===================================================== */
@media(max-width:1400px){

.jy_company_message{min-height:680px;padding:150px 0 190px;}

.jy_company_message_title{font-size:68px;}

.jy_company_message_title01{padding-left:50px;}

.jy_company_message_title02{padding-left:300px;}

.jy_company_message_txt{padding-left:300px;font-size:16px;}

}

/* =====================================================
1100
===================================================== */
@media(max-width:1100px){

.jy_company_message{min-height:auto;padding:120px 0 150px;}

.jy_company_message_title{font-size:54px;letter-spacing:-2.5px;}

.jy_company_message_title01{padding-left:0;}

.jy_company_message_title02{margin-top:22px;padding-left:0;text-align:right;}

.jy_company_message_txt{max-width:600px;margin:35px 0 0 auto;padding-left:0;text-align:right;}

}

/* =====================================================
MOBILE
===================================================== */
@media(max-width:700px){

.jy_company_message{padding:90px 0 110px;}

.jy_company_message_inner{padding:0 20px;}

.jy_company_message_bg{background-position:center bottom;}

.jy_company_message_title{font-size:clamp(34px,10vw,44px);letter-spacing:-2px;white-space:normal;}

.jy_company_message_title01{text-align:left;}

.jy_company_message_title02{margin-top:15px;text-align:right;}

.jy_company_message_txt{max-width:100%;margin-top:30px;font-size:14px;line-height:1.7;text-align:right;}

}

/* =====================================================
SERVICE
===================================================== */
.jy_service{position:relative;width:100%;padding:170px 0 120px;background:#020a16;color:#fff;font-family:var(--font-family1);overflow:visible;}
.jy_service_inner{position:relative;width:100%;max-width:var(--area-box-width);margin:0 auto;padding:0 var(--area-padding);box-sizing:border-box;}

/* =====================================================
SERVICE HEAD
===================================================== */
.jy_service_head{position:relative;z-index:20;margin-bottom:120px;}
.jy_service_label{display:block;margin-bottom:25px;color:var(--main-color);font-family:var(--font-family2);font-size:24px;font-weight:800;font-style:italic;letter-spacing:-.2px;line-height:1;}
.jy_service_head h2{margin:0;color:#fff;font-size:52px;font-weight:700;letter-spacing:-2.7px;line-height:1.28;word-break:keep-all;}

/* =====================================================
SERVICE LIST
===================================================== */
.jy_service_list{position:relative;width:100%;padding-bottom:180px;}

/* =====================================================
SERVICE ITEM
Sticky만 담당
===================================================== */
.jy_service_item{position:sticky;top:150px;width:100%;height:480px;transform-origin:center top;}
.jy_service_item+.jy_service_item{margin-top:300px;}

.jy_service_item01{z-index:1;}
.jy_service_item02{z-index:2;}
.jy_service_item03{z-index:3;}
.jy_service_item04{z-index:4;}
.jy_service_item05{z-index:5;}

/* =====================================================
FIRST SERVICE CARD ENTER
===================================================== */
.jy_service_item01 .jy_service_reveal{
    opacity:0;
    transform:translateY(80px);
    animation:jyServiceFirstEnter 1s cubic-bezier(.22,1,.36,1) .15s forwards;
}

@keyframes jyServiceFirstEnter{
    0%{
        opacity:0;
        transform:translateY(80px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

/* =====================================================
FIRST CARD AOS WRAPPER
===================================================== */
.jy_service_reveal{position:relative;width:100%;height:100%;}

/* =====================================================
SERVICE LINK
실제 카드 움직임 담당
===================================================== */
.jy_service_link{position:relative;display:block;width:100%;height:480px;overflow:hidden;border-radius:240px;background:#061329;color:#fff;text-decoration:none;box-shadow:0 20px 80px rgba(0,0,0,.22);transform:translateY(0);transform-origin:center top;transition:transform .85s cubic-bezier(.22,1,.36,1),filter .7s ease,box-shadow .7s ease;}

/* =====================================================
IMAGE
===================================================== */
.jy_service_bg{position:absolute;inset:0;overflow:hidden;border-radius:inherit;}
.jy_service_bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);filter:brightness(.70) saturate(.88);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s ease;}

/* =====================================================
DIM
===================================================== */
.jy_service_dim{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.34) 0%,rgba(2,10,22,.22) 50%,rgba(2,10,22,.34) 100%);transition:background .7s ease;pointer-events:none;}

/* =====================================================
TEXT
===================================================== */
.jy_service_txt{position:absolute;z-index:3;top:50%;left:0;width:100%;padding:0 60px;text-align:center;transform:translateY(-50%);box-sizing:border-box;pointer-events:none;transition:top .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),opacity .6s ease;}

.jy_service_num{display:block;margin-bottom:14px;color:rgba(255,255,255,.82);font-family:var(--font-family2);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1);}

.jy_service_txt h3{margin:0;color:#fff;font-size:clamp(52px,5vw,78px);font-weight:700;letter-spacing:-3px;line-height:1.08;text-shadow:0 3px 20px rgba(0,0,0,.55);transition:font-size .8s cubic-bezier(.22,1,.36,1),color .6s ease,transform .8s cubic-bezier(.22,1,.36,1),opacity .6s ease,text-shadow .6s ease;}

.jy_service_txt p{margin:20px 0 0;color:rgba(255,255,255,.85);font-size:17px;font-weight:400;line-height:1.65;letter-spacing:-.4px;word-break:keep-all;text-shadow:0 2px 12px rgba(0,0,0,.6);transform:scale(1);transform-origin:center top;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease;}

/* =====================================================
ACTIVE
===================================================== */
.jy_service_item.is-active .jy_service_link{transform:translateY(0);filter:brightness(1);}
.jy_service_item.is-active .jy_service_txt{top:50%;transform:translateY(-50%);opacity:1;}
.jy_service_item.is-active .jy_service_num{opacity:1;transform:translateY(0);}
.jy_service_item.is-active .jy_service_txt h3{color:#fff;opacity:1;transform:scale(1);animation:jyServiceGlow 2.8s ease-in-out infinite alternate;}
.jy_service_item.is-active .jy_service_txt p{opacity:1;transform:scale(1);}

/* =====================================================
PASSED CARD
위츠식 중앙 → 상단
===================================================== */
.jy_service_item.is-behind .jy_service_txt,
.jy_service_item.is-behind-2 .jy_service_txt,
.jy_service_item.is-behind-3 .jy_service_txt,
.jy_service_item.is-behind-4 .jy_service_txt{top:50px;transform:translateY(-30%);}

/* 지나간 제목 */
.jy_service_item.is-behind .jy_service_txt h3,
.jy_service_item.is-behind-2 .jy_service_txt h3,
.jy_service_item.is-behind-3 .jy_service_txt h3,
.jy_service_item.is-behind-4 .jy_service_txt h3{font-size:40px;color:rgba(255,255,255,.25);opacity:1;transform:scale(1);text-shadow:none;animation:none;}

/* 지나간 번호 */
.jy_service_item.is-behind .jy_service_num,
.jy_service_item.is-behind-2 .jy_service_num,
.jy_service_item.is-behind-3 .jy_service_num,
.jy_service_item.is-behind-4 .jy_service_num{color:rgba(255,255,255,.22);opacity:1;transform:none;}

/* 설명은 위츠처럼 사라짐 */
.jy_service_item.is-behind .jy_service_txt p,
.jy_service_item.is-behind-2 .jy_service_txt p,
.jy_service_item.is-behind-3 .jy_service_txt p,
.jy_service_item.is-behind-4 .jy_service_txt p{opacity:0;transform:scale(0);}

/* =====================================================
DEPTH
위츠 실제 -11 / -22 / -33rem 패턴
===================================================== */
.jy_service_item.is-behind .jy_service_link{transform:translateY(-110px);filter:brightness(.65);box-shadow:0 12px 45px rgba(0,0,0,.32);}
.jy_service_item.is-behind-2 .jy_service_link{transform:translateY(-220px);filter:brightness(.48);}
.jy_service_item.is-behind-3 .jy_service_link{transform:translateY(-330px);filter:brightness(.36);}
.jy_service_item.is-behind-4 .jy_service_link{transform:translateY(-440px);filter:brightness(.28);}

/* 이전 카드 이미지도 단계적으로 어둡게 */
.jy_service_item.is-behind .jy_service_bg img{filter:brightness(.68) saturate(.82);}
.jy_service_item.is-behind-2 .jy_service_bg img{filter:brightness(.55) saturate(.72);}
.jy_service_item.is-behind-3 .jy_service_bg img{filter:brightness(.45) saturate(.62);}
.jy_service_item.is-behind-4 .jy_service_bg img{filter:brightness(.36) saturate(.55);}

/* =====================================================
HOVER
===================================================== */
.jy_service_link:hover .jy_service_bg img{transform:scale(1.055);filter:brightness(.78) saturate(1.06) contrast(1.04);}
.jy_service_link:hover .jy_service_dim{background:radial-gradient(circle at center,rgba(2,10,22,.46) 0%,rgba(2,10,22,.26) 48%,rgba(2,10,22,.20) 100%);}
.jy_service_link:hover .jy_service_txt h3{text-shadow:0 4px 24px rgba(0,0,0,.75),0 0 34px rgba(255,255,255,.10);}

/* =====================================================
CARD LINE
===================================================== */
.jy_service_link:after{content:'';position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,0);transition:box-shadow .6s ease;pointer-events:none;}
.jy_service_link:hover:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 60px rgba(255,255,255,.04);}

/* =====================================================
GLOW
===================================================== */
@keyframes jyServiceGlow{
0%{text-shadow:0 3px 20px rgba(0,0,0,.55),0 0 20px rgba(255,255,255,.06),0 0 30px rgba(0,146,229,.08);}
100%{text-shadow:0 3px 20px rgba(0,0,0,.55),0 0 24px rgba(255,255,255,.15),0 0 50px rgba(0,146,229,.28);}
}

/* =====================================================
1400
===================================================== */
@media(max-width:1400px){
.jy_service{padding:140px 0 110px;}
.jy_service_head{margin-bottom:100px;}
.jy_service_head h2{font-size:46px;}
.jy_service_item{top:130px;height:430px;}
.jy_service_item+.jy_service_item{margin-top:260px;}
.jy_service_link{height:430px;border-radius:215px;}
.jy_service_txt h3{font-size:64px;}
.jy_service_txt p{font-size:16px;}
.jy_service_item.is-behind .jy_service_link{transform:translateY(-90px);}
.jy_service_item.is-behind-2 .jy_service_link{transform:translateY(-180px);}
.jy_service_item.is-behind-3 .jy_service_link{transform:translateY(-270px);}
.jy_service_item.is-behind-4 .jy_service_link{transform:translateY(-360px);}
}

/* =====================================================
1100
===================================================== */
@media(max-width:1100px){
.jy_service{padding:110px 0 100px;}
.jy_service_head{margin-bottom:70px;}
.jy_service_head h2{font-size:40px;}
.jy_service_list{padding-bottom:0;}
.jy_service_item{position:relative;top:auto;height:360px;}
.jy_service_item+.jy_service_item{margin-top:28px;}
.jy_service_reveal{height:360px;}
.jy_service_link,
.jy_service_item.is-behind .jy_service_link,
.jy_service_item.is-behind-2 .jy_service_link,
.jy_service_item.is-behind-3 .jy_service_link,
.jy_service_item.is-behind-4 .jy_service_link{height:360px;border-radius:180px;transform:none;filter:none;}
.jy_service_txt,
.jy_service_item.is-behind .jy_service_txt,
.jy_service_item.is-behind-2 .jy_service_txt,
.jy_service_item.is-behind-3 .jy_service_txt,
.jy_service_item.is-behind-4 .jy_service_txt{top:50%;transform:translateY(-50%);opacity:1;}
.jy_service_num,
.jy_service_item.is-behind .jy_service_num,
.jy_service_item.is-behind-2 .jy_service_num,
.jy_service_item.is-behind-3 .jy_service_num,
.jy_service_item.is-behind-4 .jy_service_num{font-size:12px;color:rgba(255,255,255,.82);opacity:1;}
.jy_service_txt h3,
.jy_service_item.is-behind .jy_service_txt h3,
.jy_service_item.is-behind-2 .jy_service_txt h3,
.jy_service_item.is-behind-3 .jy_service_txt h3,
.jy_service_item.is-behind-4 .jy_service_txt h3{font-size:52px;color:#fff;opacity:1;animation:none;}
.jy_service_txt p,
.jy_service_item.is-behind .jy_service_txt p,
.jy_service_item.is-behind-2 .jy_service_txt p,
.jy_service_item.is-behind-3 .jy_service_txt p,
.jy_service_item.is-behind-4 .jy_service_txt p{font-size:15px;opacity:1;transform:scale(1);}
}

/* =====================================================
MOBILE
===================================================== */
@media(max-width:700px){
.jy_service{padding:80px 0 85px;}
.jy_service_inner{padding:0 20px;}
.jy_service_head{margin-bottom:45px;}
.jy_service_label{margin-bottom:18px;font-size:14px;}
.jy_service_head h2{font-size:30px;letter-spacing:-1.6px;line-height:1.4;}
.jy_service_item{height:250px;}
.jy_service_item+.jy_service_item{margin-top:18px;}
.jy_service_reveal{height:250px;}
.jy_service_link,
.jy_service_item.is-behind .jy_service_link,
.jy_service_item.is-behind-2 .jy_service_link,
.jy_service_item.is-behind-3 .jy_service_link,
.jy_service_item.is-behind-4 .jy_service_link{height:250px;border-radius:125px;}
.jy_service_txt{padding:0 30px;}
.jy_service_num{margin-bottom:10px;font-size:10px;letter-spacing:1.5px;}
.jy_service_txt h3,
.jy_service_item.is-behind .jy_service_txt h3,
.jy_service_item.is-behind-2 .jy_service_txt h3,
.jy_service_item.is-behind-3 .jy_service_txt h3,
.jy_service_item.is-behind-4 .jy_service_txt h3{font-size:36px;letter-spacing:-1.8px;}
.jy_service_txt p{margin-top:14px;font-size:13px;line-height:1.55;}
}



/* =====================================================
INQUIRY
===================================================== */
.jy_inquiry{position:relative;width:100%;height:650px;overflow:hidden;background:#020a16;color:#fff;font-family:var(--font-family1);}

/* =====================================================
BACKGROUND
===================================================== */
.jy_inquiry_bg{position:absolute;inset:0;background:url('/upload/main_inquiry.jpg') center center/cover no-repeat;transform:scale(1.03);transition:transform 8s cubic-bezier(.22,1,.36,1);}

/* =====================================================
DIM
===================================================== */
.jy_inquiry_dim{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.48) 45%,rgba(0,0,0,.72) 100%);pointer-events:none;}
/* =====================================================
INNER
===================================================== */
.jy_inquiry_inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:var(--area-box-width);margin:0 auto;padding:0 var(--area-padding);box-sizing:border-box;}

/* =====================================================
CONTENT
===================================================== */
.jy_inquiry_content{position:relative;width:100%;text-align:center;}

.jy_inquiry_label{display:block;margin-bottom:24px;color:var(--main-color);font-family:var(--font-family2);font-size:18px;font-weight:800;font-style:italic;letter-spacing:0;line-height:1;}

.jy_inquiry_content h2{margin:0;color:#fff;font-size:clamp(46px,3.8vw,62px);font-weight:650;letter-spacing:-2.5px;line-height:1.25;word-break:keep-all;text-shadow:0 4px 30px rgba(0,0,0,.45);}

.jy_inquiry_content h2 strong{color:#fff;font-weight:750;}

.jy_inquiry_content p{margin:26px 0 0;color:rgba(255,255,255,.78);font-size:17px;font-weight:400;letter-spacing:-.5px;line-height:1.7;word-break:keep-all;text-shadow:0 2px 12px rgba(0,0,0,.4);}

/* =====================================================
BUTTON
===================================================== */
.jy_inquiry_btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:210px;height:60px;margin-top:36px;padding:0 30px;border:1px solid rgba(255,255,255,.48);border-radius:100px;background:rgba(2,10,22,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;text-decoration:none;box-sizing:border-box;transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;}

.jy_inquiry_btn span{font-size:16px;font-weight:600;letter-spacing:-.3px;}

.jy_inquiry_btn svg{width:21px;height:21px;transition:transform .35s ease;}

.jy_inquiry_btn path{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}

/* =====================================================
HOVER
===================================================== */
.jy_inquiry:hover .jy_inquiry_bg{transform:scale(1.07);}

.jy_inquiry_btn:hover{border-color:var(--main-color);background:var(--main-color);transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,146,229,.25);}

.jy_inquiry_btn:hover svg{transform:translateX(5px);}

/* =====================================================
1400
===================================================== */
@media(max-width:1400px){
.jy_inquiry{height:610px;}
.jy_inquiry_content h2{font-size:54px;}
.jy_inquiry_content p{font-size:16px;}
}

/* =====================================================
1100
===================================================== */
@media(max-width:1100px){
.jy_inquiry{height:560px;}
.jy_inquiry_label{margin-bottom:20px;font-size:16px;}
.jy_inquiry_content h2{font-size:46px;letter-spacing:-2px;}
.jy_inquiry_content p{margin-top:22px;font-size:15px;}
.jy_inquiry_btn{margin-top:32px;}
}

/* =====================================================
MOBILE
===================================================== */
@media(max-width:700px){
.jy_inquiry{height:500px;}
.jy_inquiry_inner{padding:0 20px;}
.jy_inquiry_bg{background-position:58% center;}
.jy_inquiry_label{margin-bottom:18px;font-size:13px;}
.jy_inquiry_content h2{font-size:31px;letter-spacing:-1.6px;line-height:1.4;}
.jy_inquiry_content p{max-width:320px;margin:20px auto 0;font-size:14px;line-height:1.65;}
.jy_inquiry_btn{min-width:180px;height:54px;margin-top:28px;padding:0 24px;gap:14px;}
.jy_inquiry_btn span{font-size:14px;}
.jy_inquiry_btn svg{width:18px;height:18px;}
}