/* 레이아웃 구조는 carflying.co.kr 기준(rem 62.5%, 변수 체계, 헤더/섹션/퀵바). 폰트·이미지·문구는 자체 제작 */
:root{--headerHeight:8rem;--mainColor:#0f4c3a;--dark:#0a3326;--gold:#c9a45c;--gold2:#a8842f;
--fs-16:clamp(1.3rem,2.7vw,1.6rem);--fs-17:clamp(1.4rem,2.7vw,1.7rem);--fs-18:clamp(1.5rem,3vw,1.8rem);--fs-20:clamp(1.6rem,3.1vw,2rem);--fs-22:clamp(1.7rem,3.2vw,2.2rem);--fs-25:clamp(1.8rem,3.4vw,2.5rem);--fs-26:clamp(1.9rem,3.5vw,2.6rem);--fs-30:clamp(2rem,3.5vw,3rem);--fs-32:clamp(2.1rem,3.6vw,3.2rem);--fs-40:clamp(2.4rem,3.6vw,4rem);--fs-45:clamp(2.6rem,3.7vw,4.5rem);--fs-50:clamp(2.7rem,3.7vw,5rem);--fs-60:clamp(3.2rem,3.9vw,6rem);--fs-80:clamp(3.9rem,4vw,8rem);
--gap-150:clamp(9rem,10vw,15rem);--gap-140:clamp(8.5rem,10vw,14rem);--gap-120:clamp(8rem,10vw,12rem);--gap-100:clamp(7rem,7vw,10rem);--gap-90:clamp(6rem,7vw,9rem);--gap-70:clamp(4rem,6.5vw,7rem);--gap-60:clamp(4rem,6.5vw,6rem);--gap-50:clamp(3.3rem,5.5vw,5rem);--gap-45:clamp(3rem,5vw,4.5rem);--gap-40:clamp(2.8rem,5vw,4rem);--gap-35:clamp(2.2rem,5vw,3.5rem);--gap-30:clamp(2rem,5vw,3rem);--gap-25:clamp(1.5rem,4vw,2.5rem);--gap-20:clamp(1.3rem,4vw,2rem)}
@media(min-width:960px){:root{--headerHeight:10rem}}
*{margin:0;padding:0;border:0;border-collapse:collapse;font-style:normal;word-break:keep-all;box-sizing:border-box;list-style:none}
html{font-size:62.5%;scroll-behavior:smooth;background:#fff;-webkit-text-size-adjust:100%}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,'Noto Sans KR',sans-serif;color:#333;font-weight:400;line-height:1.4;font-size:1.6rem;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{cursor:pointer;background:none;font-family:inherit}
img{max-width:100%;height:auto;vertical-align:top}
.ic{width:1.4em;height:1.4em;flex:none}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.8rem 1.4rem;z-index:999}.skip:focus{left:0}
.center_box{width:95%;max-width:120rem;margin-inline:auto}
.center{text-align:center}
.mainColor{color:var(--gold2)}
.pbl-150{padding-block:var(--gap-150)}
/* 헤더 */
.header{position:fixed;top:0;left:0;width:100%;height:var(--headerHeight);z-index:5;background:#fff}
.header.sc{border-bottom:.1rem solid #ddd;box-sizing:content-box}
.header__head{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;z-index:1;width:100%;padding-inline:3%}
.header__logo a{display:flex;align-items:center;gap:1rem;font-size:2.2rem;letter-spacing:-.02em;color:#000}
.header__logo b{font-weight:900;color:var(--dark)}
.header__logo img{width:3.8rem;height:3.8rem}
.header__menubtn,.header__close{width:5rem;height:5rem;color:#000;display:grid;place-items:center}
.header__menubtn .ic,.header__close .ic{width:3rem;height:3rem}
.header__close{display:none}
@media(max-width:960px){
 .header__subAbout{display:none}
 .header__menuWrap{position:fixed;width:100%;height:100vh;top:-150%;left:0;background:#fff;padding:0 3%;transition:top .3s;overflow-y:scroll}
 .header__menu{padding-bottom:10rem}
 .header__cell{border-bottom:.1rem solid #ddd}
 .header__cell>a{display:flex;align-items:center;justify-content:space-between;font-size:2rem;padding:3rem 0}
 .header__cell>a:after{content:"";width:.9rem;height:.9rem;border-right:.2rem solid #333;border-bottom:.2rem solid #333;transform:rotate(45deg);margin-right:.5rem;transition:transform .3s}
 .header__cell>a.on:after{transform:rotate(-135deg)}
 .header__cell.nosub>a:after{display:none}
 .header__submenu{max-height:0;background:#f9f9f9;overflow:hidden;transition:max-height .5s}
 .header__submenu li{border-top:.1rem solid #ddd}
 .header__submenu li a{font-size:1.8rem;padding:2rem;display:block}
 .header__submenu.mobileOn{max-height:50rem}
 .header__bg{display:none}
 .header.forMobile .header__menuWrap{top:8.1rem}
 .header.forMobile .header__menubtn{display:none}
 .header.forMobile .header__close{display:grid}
}
@media(min-width:960px){
 .header__right{display:none}
 .header__menuWrap{width:60%;max-width:80rem;height:100%}
 .header__menu{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;text-align:center;column-gap:min(6vw,4rem)}
 .header__cell{height:100%;position:relative}
 .header__cell:after{content:"";position:absolute;display:none;width:100%;height:.3rem;background:var(--mainColor);left:0;bottom:2rem}
 .header__cell>a{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.8rem;font-weight:600;color:#000;white-space:nowrap}
 .header__cell:hover>a{color:var(--mainColor)}
 .header__cell:hover:after{display:block}
 .header__cell:hover .header__subWrap{opacity:1;visibility:visible}
 .header__subWrap{position:fixed;transform:translateX(-50%);padding-top:3rem;top:var(--headerHeight);left:50%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-120);width:min(95%,120rem);opacity:0;visibility:hidden;transition:all .5s}
 .header__subAbout{width:48rem;text-align:left}
 .header__dl::before{content:"";display:block;width:5rem;height:.3rem;background:var(--dark);margin-bottom:1.5rem}
 .header__dl dt{font-size:2.6rem;font-weight:900;color:var(--mainColor);margin-bottom:1rem}
 .header__dl dd{font-size:1.6rem;color:#000;line-height:1.5}
 .header__submenu{display:flex;flex-wrap:wrap;gap:2.4rem 4rem;max-width:60rem}
 .header__submenu li a{font-size:1.6rem;font-weight:600;color:#555;display:flex;align-items:center;gap:.5rem}
 .header__submenu li a::before{content:"";width:1rem;height:1rem;border-radius:100%;border:.3rem solid #555}
 .header__submenu li a:hover{color:var(--mainColor)}
 .header__submenu li a:hover::before{border-color:var(--mainColor)}
 .header__bg{position:absolute;width:100%;height:20rem;left:0;top:var(--headerHeight);background:#fff;opacity:0;visibility:hidden;transition:all .5s;border-bottom:.1rem solid #ddd}
 .header__bg.bgOn{opacity:1;visibility:visible}
}
main{padding-top:var(--headerHeight)}
/* 메인 비주얼 슬라이드 */
.visual{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--dark),var(--mainColor))}
.visual__slide{display:grid}
.visual__cell{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}
.visual__cell.on{opacity:1;visibility:visible}
.visual__in{display:flex;flex-direction:column;justify-content:center;gap:3rem;min-height:56rem;padding-block:5rem 12rem;color:#fff}
.visual__txt{position:relative;z-index:1}
.visual__tag{font-size:var(--fs-20);font-weight:700;color:#c9a45c;margin-bottom:2rem}
.visual__h{font-size:var(--fs-80);font-weight:900;line-height:1.2;letter-spacing:-.03em;margin-bottom:2.4rem}
.visual__sum{font-size:var(--fs-20);line-height:1.65;color:#e2ecff;max-width:68rem}
.visual__sum strong{color:#fff;font-weight:700}
.visual__btns{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:3.5rem}
.visual__pic{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;height:6rem;padding-inline:3.6rem;border-radius:50vmax;font-size:1.8rem;font-weight:700;background:var(--gold);color:#0a3326;transition:all .3s}
.btn:hover{background:#d6b370}
.btn.blue{background:var(--mainColor);color:#fff}.btn.blue:hover{background:#1f6b52}
.btn.line{background:transparent;border:.1rem solid rgba(255,255,255,.7);color:#fff}.btn.line:hover{background:rgba(255,255,255,.12)}
.btn.sm{height:4.4rem;padding-inline:2.2rem;font-size:1.5rem}
.visual__control{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:var(--gap-60);z-index:2;bottom:min(10vw,5rem)}
.visual__arrow{width:min(8vw,5rem);height:min(8vw,5rem);border-radius:50%;border:.1rem solid rgba(255,255,255,.6);color:#fff;display:grid;place-items:center;order:1}
.visual__arrow.inNext{order:3}
.visual__arrow:hover{background:var(--gold);border-color:var(--gold);color:#0a3326}
.visual__dots{display:flex;gap:1rem;order:2}
.visual__dots button{width:1.2rem;height:1.2rem;border-radius:50%;background:rgba(255,255,255,.45);padding:0}
.visual__dots button.on{background:#fff;width:3rem;border-radius:50vmax}
@media(min-width:960px){
 .visual__in{flex-direction:row;align-items:center;justify-content:space-between;min-height:60rem;padding-block:6rem 10rem}
 .visual__pic{display:block;width:38rem;flex:none;align-self:flex-end;margin-bottom:-10rem}
 .visual__pic img{width:100%;border-radius:2.5rem 2.5rem 0 0;aspect-ratio:4/5;object-fit:cover;object-position:top}
 .visual__txt{width:62%}
}
/* sticker */
.sticker{background:#f3f3f3;position:relative}
.sticker__center{display:flex;flex-direction:column;row-gap:3rem}
.sticker__text .t1{font-size:var(--fs-40);font-weight:900;color:#000;margin-bottom:var(--gap-40);line-height:1.35}
.sticker__text .t2{font-size:var(--fs-20);font-weight:600;line-height:1.55}
.sticker__text h2{font-size:inherit;font-weight:inherit}
.sticker__cell{padding:var(--gap-60) var(--gap-45);background:#fff;border-radius:2rem;box-shadow:.7rem .6rem 2rem rgba(0,0,0,.08)}
.sticker__icon{width:6.5rem;height:6.5rem;display:grid;place-items:center;border-radius:50%;background:#f3ecdc;color:var(--mainColor);margin-bottom:var(--gap-30)}
.sticker__icon .ic{width:3.4rem;height:3.4rem}
.sticker__title1{font-size:var(--fs-26);font-weight:600;color:#000;margin-bottom:var(--gap-20);line-height:1.35}
.sticker__title2{font-size:var(--fs-18);color:var(--gold2);line-height:1.6}
@media(max-width:960px){.sticker__cell:not(:last-child){margin-bottom:2rem}}
@media(min-width:960px){
 .sticker__center{flex-direction:row;justify-content:space-between;align-items:flex-start;column-gap:var(--gap-70)}
 .sticker__text{width:min(40vw,40rem);position:sticky;top:var(--gap-150);flex-shrink:0}
 .sticker__grid{display:flex;flex-wrap:wrap;column-gap:var(--gap-40);row-gap:var(--gap-40);align-items:flex-start}
 .sticker__cell{width:calc(50% - 2rem)}
 .sticker__cell:nth-child(even){margin-top:min(45vw,12rem)}
}
/* bestSeller */
.bestSeller{overflow:hidden}
.bestSeller__center{display:flex;flex-direction:column;row-gap:3rem}
.bestSeller__left{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem}
.bestSeller__hTilte{font-size:clamp(4.5rem,4.5vw,8rem);line-height:1;font-weight:900;margin-bottom:var(--gap-30);color:#000;letter-spacing:-.03em}
.bestSeller__head p.s{font-size:var(--fs-18);color:#555;line-height:1.5}
.bestSeller__tab{display:flex;flex-direction:column;row-gap:1rem;width:33%;min-width:15rem}
.bestSeller__button{height:5.6rem;background:#eee;border-radius:50vmax;font-size:1.7rem;color:#555}
.bestSeller__button a{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:var(--gap-40)}
.bestSeller__button a::after{content:"";width:.7rem;height:.7rem;border-top:.2rem solid currentColor;border-right:.2rem solid currentColor;transform:rotate(45deg)}
.bestSeller__button.on{background:var(--mainColor);color:#fff}
.bestSeller__control{display:none}
.bestSeller__mOnly{display:flex;justify-content:center;gap:3rem}
.bestSeller__mbArr{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:100%;border:.1rem solid #ddd;background:#fff}
.carSlide{min-width:0}
.carSlide__slider{display:none;gap:3rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1rem}
.carSlide__slider::-webkit-scrollbar{display:none}
.carSlide__slider.currentSlide{display:flex}
.carSlide__cell{width:80vw;flex:none;scroll-snap-align:start;border-radius:1rem;overflow:hidden}
.carSlide__link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:50rem;padding:0 7.5% 5rem;color:#fff;overflow:hidden;background:linear-gradient(160deg,#0a3326,#1f6b52)}
.carSlide__link .big{position:absolute;top:4rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.2);transition:transform .5s}
.carSlide__link .big .ic{width:18rem;height:18rem;stroke-width:.9}
.carSlide__link::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;z-index:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0));transition:all .5s}
.carSlide__text{position:relative;z-index:1}
.carSlide__title{font-size:2.8rem;font-weight:900;margin-bottom:2rem;line-height:1.3}
.carSlide__dl{display:flex;gap:2rem;font-size:1.7rem;margin-top:.8rem;line-height:1.45}
.carSlide__dl dt{flex:none;color:#e0c98f;width:7.5rem}
.carSlide__dl dd{font-weight:600}
@media(min-width:960px){
 .bestSeller__center{flex-direction:row;justify-content:space-between;gap:var(--gap-140)}
 .bestSeller__left{flex-direction:column;width:25rem;flex-shrink:0;align-items:stretch;justify-content:flex-start;gap:3rem}
 .bestSeller__tab{width:100%}
 .bestSeller__control{width:100%;display:flex;align-items:center;gap:1rem;line-height:1}
 .bestSeller__arrow{width:3.2rem;height:3.2rem;border-radius:50%;border:.1rem solid #ddd;display:grid;place-items:center;color:#333}
 .bestSeller__arrow:hover{background:var(--mainColor);color:#fff;border-color:var(--mainColor)}
 .bestSeller__count{font-size:1.3rem;font-weight:700;color:#777;display:flex;gap:1rem;align-items:center}
 .bestSeller__count .inCurrent{color:#000}
 .bestSeller__mOnly{display:none}
 .carSlide{flex:1}
 .carSlide__cell{width:40rem}
 .carSlide__link:hover .big{transform:translateX(-50%) scale(1.12)}
 .carSlide__link:hover::after{background:linear-gradient(0deg,rgb(15,76,58),rgba(15,76,58,.84) 46%,rgba(15,76,58,0))}
}
/* review(위촉 이력) */
.review{background:#f6f1e6;overflow:hidden}
.review__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-40);gap:2rem}
.review__title{line-height:1.2;display:flex;align-items:flex-end;gap:var(--gap-20);flex-wrap:wrap}
.review__title h2{font-size:var(--fs-40);font-weight:700;color:#000}
.review__title span{font-size:var(--fs-25);font-weight:600;color:#999}
.review__more{display:flex;align-items:center;justify-content:center;width:min(28vw,12.6rem);height:4rem;background:#fff;border-radius:50vmax;border:.1rem solid #ddd;font-size:1.5rem;color:#000;flex:none}
.review__more:hover{color:#fff;background:var(--mainColor)}
.review__list{gap:2.2rem;display:flex;overflow:auto;padding-bottom:1rem;scrollbar-width:thin}
.review__cell{width:28.3rem;flex:none}
.review__thum{position:relative;border-radius:1.4rem;overflow:hidden;margin-bottom:2.4rem;aspect-ratio:3/4;background:#fff}
.review__thum img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.review__name{font-size:1.7rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.4}
.review__desc{font-size:1.5rem;color:#555;line-height:1.5}
.review__cell:hover .review__thum img{transform:scale(1.1)}
.review__cap{margin-top:2rem;font-size:1.5rem;color:#555;line-height:1.6}
/* partner */
.partner{overflow:hidden;position:relative}
.partner__text{margin-inline:auto;width:90%;max-width:90rem;margin-bottom:var(--gap-60);position:relative;z-index:1;color:#000}
.partner__text .a{font-size:var(--fs-30);font-weight:600;margin-bottom:1.2rem;line-height:1.4}
.partner__text .b{font-size:var(--fs-40);font-weight:900;line-height:1.4}
.partner__text .c{margin-top:2rem;font-size:var(--fs-18);color:#555;line-height:1.6}
.partner__wrap{margin-left:2.5%;width:400rem;height:12rem;display:flex;background:#f4f4f4;border-radius:50vmax;overflow:hidden;position:relative;z-index:1}
.partner__white{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:var(--fs-32);font-weight:600;background:var(--mainColor);padding-inline:min(5vw,5rem);position:relative;z-index:2;flex:none;border-radius:50vmax}
.partner__slideWrap{overflow:hidden;flex:1}
.partner__slider{display:flex;align-items:center;height:100%;gap:var(--gap-50);width:max-content;will-change:transform}
.partner__cell{flex:none;font-size:var(--fs-25);font-weight:700;color:#444;white-space:nowrap}
@media(min-width:960px){.partner__wrap{width:100%;max-width:120rem;margin-inline:auto}}
/* 본문형 섹션 */
.sec{padding-block:var(--gap-120)}
.sec.soft{background:#f3f3f3}
.sec-h{font-size:var(--fs-40);font-weight:900;color:#000;margin-bottom:var(--gap-20);line-height:1.35;letter-spacing:-.02em}
.sec-s{font-size:var(--fs-18);color:#555;margin-bottom:var(--gap-45);line-height:1.6}
.svc{display:grid;gap:var(--gap-30);padding-block:var(--gap-45);border-top:.1rem solid #ddd}
.svc:first-of-type{border-top:.2rem solid #000}
.svc-h .no{font-weight:800;color:var(--gold2);font-size:1.4rem;letter-spacing:.1em}
.svc-h h3{font-size:var(--fs-30);color:#000;margin-top:.8rem;line-height:1.35}
.svc-h h3 a:hover{color:var(--mainColor)}
.svc-b{display:grid;gap:1.6rem}
.svc-b div{background:#f7f9fd;border-radius:1.5rem;padding:var(--gap-30)}
.svc-b h4{font-size:1.5rem;color:var(--mainColor);margin-bottom:1rem;font-weight:800}
.svc-b p{font-size:1.6rem;color:#333;line-height:1.7}
@media(min-width:960px){.svc{grid-template-columns:26rem 1fr}.svc-b{grid-template-columns:repeat(3,1fr)}}
.guide{max-width:90rem;margin-inline:auto}
.guide p{font-size:1.7rem;line-height:1.8;color:#333;margin-bottom:1.8rem}
/* bottom */
.bottom{background:#eff2f6}
.bottom__list{display:flex;flex-direction:column;row-gap:2rem}
.bottom__inner{background:#fff;border-radius:var(--gap-35);box-shadow:.7rem .6rem 2rem rgba(0,0,0,.11);transition:background-color .3s;height:100%}
.bottom__inner p{transition:color .3s}
.bottom__link{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--gap-50) 5%}
.bottom__link::after{content:"";display:inline-block;width:4rem;height:1rem;border-bottom:.2rem solid #999;border-right:.2rem solid #999;transform:skewX(45deg);transition:all .3s;margin-top:1.5rem}
.bottom__icon{height:7.4rem;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--mainColor);transition:all .3s}
.bottom__icon .ic{width:6rem;height:6rem;stroke-width:1.3}
.bottom__link .t1{font-size:var(--fs-17);font-weight:700;color:var(--gold2);margin-bottom:1.5rem}
.bottom__link .t2{font-size:var(--fs-22);color:#555;line-height:1.5;margin-bottom:1.5rem}
@media(min-width:960px){
 .bottom__list{flex-direction:row;justify-content:space-between}
 .bottom__cell{width:32.5%}
 .bottom__cell:hover .bottom__inner{background:var(--mainColor)}
 .bottom__cell:hover p,.bottom__cell:hover .bottom__icon{color:#fff}
 .bottom__cell:hover .bottom__link::after{border-color:#fff}
}
/* 서브 */
.subContents{padding-block:var(--gap-100) var(--gap-150)}
.subVisual{text-align:center;padding-bottom:var(--gap-50);margin-bottom:var(--gap-60);border-bottom:.1rem solid #ddd}
.subVisual__title{font-size:var(--fs-45);font-weight:700;color:#000;line-height:1.2;margin-bottom:var(--gap-35);letter-spacing:-.02em}
.subVisual__sum{font-size:var(--fs-20);line-height:1.7;color:#333;max-width:90rem;margin-inline:auto}
.subVisual__sum strong{font-weight:600}
.subVisual__crumb{font-size:var(--fs-16);color:#aaa;letter-spacing:.05em;margin-top:var(--gap-30)}
.subVisual__crumb a:hover{color:var(--mainColor)}
.company__top{display:flex;flex-direction:column;row-gap:3rem;margin-bottom:var(--gap-90)}
.company__topText{color:#000}
.company__topText .p1{font-size:var(--fs-40);margin-bottom:.5rem;line-height:1.35}
.company__topText .p2{font-size:var(--fs-60);font-weight:700;margin-bottom:var(--gap-30);line-height:1.2}
.company__topText .p3{font-size:var(--fs-20);line-height:1.65;color:#333;margin-bottom:var(--gap-30)}
.company__images img{width:100%;border-radius:2.5rem;aspect-ratio:4/4.2;object-fit:cover;object-position:top}
@media(min-width:960px){.company__top{flex-direction:row;justify-content:space-between;gap:2rem;align-items:center}.company__topText{width:47%}.company__images{width:40%}}
.art{max-width:90rem;margin-inline:auto}
.art h2{font-size:var(--fs-32);line-height:1.4;color:#000;margin:var(--gap-90) 0 var(--gap-25);letter-spacing:-.02em;font-weight:800;padding-top:var(--gap-20);border-top:.2rem solid #000}
.art h2:first-child{margin-top:0}
.art h3{font-size:var(--fs-22);color:#000;margin:var(--gap-30) 0 1rem;line-height:1.5}
.art p{font-size:1.7rem;line-height:1.85;margin-bottom:1.8rem;color:#333}
.art ul.bul{display:grid;gap:1rem;margin-bottom:2.4rem}
.art ul.bul li{position:relative;padding:1.5rem 1.8rem 1.5rem 4.6rem;background:#f7f9fd;border-radius:1.2rem;font-size:1.65rem;line-height:1.7}
.art ul.bul li:before{content:"";position:absolute;left:1.8rem;top:2.2rem;width:1.4rem;height:.8rem;border-left:.3rem solid var(--mainColor);border-bottom:.3rem solid var(--mainColor);transform:rotate(-45deg)}
.art ol.steps{counter-reset:s;display:grid;gap:1.2rem;margin-bottom:2.4rem}
.art ol.steps li{counter-increment:s;position:relative;padding:1.8rem 2rem 1.8rem 7.4rem;border:.1rem solid #ddd;border-radius:1.4rem;background:#fff;font-size:1.65rem;line-height:1.7}
.art ol.steps li:before{content:counter(s);position:absolute;left:2rem;top:1.6rem;width:4rem;height:4rem;border-radius:50%;background:var(--mainColor);color:#fff;display:grid;place-items:center;font-weight:800}
.art ol.steps b{display:block;color:#000;margin-bottom:.3rem}
.tbl{overflow-x:auto;margin-bottom:2.4rem;border:.1rem solid #ddd;border-radius:1.5rem}
.tbl table{width:100%;min-width:56rem;font-size:1.6rem}
.tbl th{background:var(--dark);color:#fff;text-align:left;padding:1.4rem 1.6rem;font-weight:700}
.tbl td{padding:1.4rem 1.6rem;border-top:.1rem solid #ddd;vertical-align:top;line-height:1.65}
.tbl tr:nth-child(even) td{background:#f7f9fd}
.tip{background:#f6f1e6;border:.1rem solid #e6d9b8;border-radius:1.4rem;padding:2.2rem 2.4rem;margin-bottom:1.8rem}
.tip b{color:var(--gold2);display:block;margin-bottom:.6rem;font-size:1.7rem}
.tip p{margin:0;font-size:1.6rem}
.mod{margin-top:4rem;color:#999;font-size:1.4rem}
.why{background:var(--dark);color:#fff;border-radius:2.5rem;padding:var(--gap-120) min(6vw,8.5rem);margin-top:var(--gap-100)}
.why h2{font-size:var(--fs-32);line-height:1.4;margin-bottom:1.6rem;font-weight:700}
.why p{font-size:1.7rem;line-height:1.7;color:#dce8ff;margin-bottom:var(--gap-40);max-width:80rem}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
.gal figure{background:#fff;border-radius:1.4rem;overflow:hidden;color:#333}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
.gal figcaption{padding:1.2rem 1.4rem;font-size:1.4rem;line-height:1.5;color:#555}
@media(min-width:960px){.gal{grid-template-columns:repeat(3,1fr)}}
/* faq */
.faq__box{border-bottom:.1rem solid #ddd;padding-inline:clamp(1.5rem,3.5vw,3rem)}
.faq__box:first-child{border-top:.1rem solid #ddd}
.faq__head{display:flex;align-items:center;column-gap:var(--gap-20);font-size:var(--fs-20);padding-block:3rem;line-height:1.35;position:relative;list-style:none;cursor:pointer;padding-right:4rem}
.faq__head::-webkit-details-marker{display:none}
.faq__head:after{content:"";position:absolute;right:0;top:50%;width:1.2rem;height:1.2rem;border-right:.2rem solid #333;border-bottom:.2rem solid #333;transform:translateY(-70%) rotate(45deg);transition:transform .3s}
.faq__box[open] .faq__head:after{transform:translateY(-30%) rotate(-135deg)}
.faq__tag{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:800;background:var(--mainColor);color:#fff}
.faq__tag.a{background:#fff;color:var(--mainColor);border:.2rem solid var(--mainColor)}
.faq__title{color:#000;font-size:inherit;font-weight:600}
.faq__answer{display:flex;align-items:flex-start;column-gap:var(--gap-20);padding-bottom:3rem}
.faq__text{font-size:var(--fs-18);line-height:1.6;color:#555;width:calc(100% - 6rem)}
.faq__box[open]{background:#fbfbfb}
/* 상담 */
.contact{display:grid;gap:2rem}
.contact a{display:flex;flex-direction:column;gap:.8rem;background:#fff;border:.1rem solid #ddd;border-radius:2rem;padding:var(--gap-40);transition:all .3s;scroll-margin-top:12rem}
.contact a:hover{background:var(--mainColor);border-color:var(--mainColor);color:#fff}
.contact a:hover b,.contact a:hover strong,.contact a:hover em,.contact a:hover .ic{color:#fff}
.contact .ic{width:4rem;height:4rem;color:var(--mainColor)}
.contact b{font-size:1.6rem;color:#777}
.contact strong{font-size:var(--fs-32);color:#000;word-break:break-all}
.contact em{color:var(--gold2);font-weight:700;font-size:1.6rem}
@media(min-width:960px){.contact{grid-template-columns:repeat(3,1fr)}}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.card a{display:flex;flex-direction:column;gap:1rem;height:100%;background:#fff;border:.1rem solid #ddd;border-radius:2rem;padding:var(--gap-30);transition:all .3s}
.card a:hover{background:var(--mainColor);border-color:var(--mainColor);color:#fff;transform:translateY(-.4rem)}
.card-ic{width:5rem;height:5rem;border-radius:1.4rem;background:#f3ecdc;color:var(--mainColor);display:grid;place-items:center}
.card-ic .ic{width:2.6rem;height:2.6rem}
.card a:hover .card-ic{background:rgba(255,255,255,.2);color:#fff}
.card b{font-size:var(--fs-20);color:#000;line-height:1.35}
.card small{font-size:1.5rem;color:#555;line-height:1.55;flex:1}
.card em{font-weight:700;color:var(--gold2);display:flex;align-items:center;gap:.6rem;font-size:1.5rem}
.card a:hover b,.card a:hover small,.card a:hover em{color:#fff}
.card em .ic{width:1.6rem;height:1.6rem}
@media(min-width:960px){.cards.five{grid-template-columns:repeat(4,1fr)}}
.photo-banner{display:grid;margin-top:var(--gap-45);border-radius:2.5rem;overflow:hidden;background:var(--dark);color:#fff;transition:transform .3s}
.photo-banner:hover{transform:translateY(-.4rem)}
.photo-banner img{width:100%;height:24rem;object-fit:cover;object-position:top}
.pb-txt{padding:var(--gap-40);display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:center}
.pb-txt small{color:#c9a45c;font-weight:700;font-size:1.5rem;letter-spacing:.08em}
.pb-txt strong{font-size:var(--fs-32);line-height:1.35}
.pb-txt span{color:#dce8ff;font-size:1.6rem}
.pb-txt em{margin-top:1rem}
@media(min-width:960px){.photo-banner{grid-template-columns:30rem 1fr}.photo-banner img{height:100%;min-height:26rem}}
/* 푸터 */
.footer{padding-block:7rem 10rem;border-top:.1rem solid #ddd}
.footer__center{display:flex;flex-direction:column;row-gap:3rem;padding-bottom:var(--gap-60)}
.footer__logo{display:flex;align-items:center;gap:1.2rem;font-size:2rem;font-weight:800;color:#000}
.footer__logo img{width:4.4rem;height:4.4rem}
.footer__logo span{display:block;font-size:1.4rem;font-weight:500;color:#999}
.footer__info{display:flex;flex-direction:column;row-gap:1.5rem}
.footer__infoline{display:flex;flex-wrap:wrap;column-gap:var(--gap-40);row-gap:1.5rem;line-height:1.3}
.footer__dl{display:flex;gap:1.5rem}
.footer__dl dt{font-size:1.7rem;font-weight:700;color:#cacaca;flex:none}
.footer__dl dd{font-size:1.6rem}
.footer__note{font-size:1.3rem;color:#999;line-height:1.6;max-width:90rem}
.footer__bottom{border-top:.1rem solid #ddd;padding-block:3rem}
.footer__copy{font-size:1.3rem;color:#999}
@media(min-width:960px){.footer{padding-bottom:16rem}.footer__center{flex-direction:row-reverse;justify-content:space-between;align-items:center}}
/* quick bar */
.quick{position:fixed;width:100%;height:8rem;left:0;bottom:0;background:#282828;z-index:4}
.quick__list{height:100%;display:flex;justify-content:space-between;align-items:center;text-align:center}
.quick__cell{width:33.333%}
.quick__cell a{display:block;color:#fff}
.quick__icon{height:3.4rem;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}
.quick__icon .ic{width:2.8rem;height:2.8rem}
.quick__title{color:#fff;font-size:var(--fs-18);font-weight:600}
.pcConsult{display:none}
@media(min-width:960px){
 .quick{height:auto;padding-block:2.5rem}
 .quick__list{display:none}
 .pcConsult{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-20)}
 .pcConsult__dl{color:#fff}
 .pcConsult__dl dt{font-size:2.2rem;font-weight:600;margin-bottom:.7rem}
 .pcConsult__dl dd{font-size:3.2rem;font-weight:900}
 .pcConsult__msg{color:#cfcfcf;font-size:1.7rem;line-height:1.5;flex:1;padding-left:5rem}
 .pcConsult__submit{display:flex;align-items:center;justify-content:center;width:26rem;height:7rem;color:#0a3326;background:var(--gold);border-radius:.5rem;font-size:2.4rem;font-weight:700}
 .pcConsult__submit:hover{background:#d6b370}
}
/* fixed */
.fixed{display:none}
@media(min-width:960px){
 .fixed{position:fixed;top:50%;transform:translateY(-50%);right:var(--gap-60);z-index:4;display:flex;flex-direction:column;row-gap:1rem;align-items:flex-end}
 .fixed__cell{width:6.4rem;height:6.4rem;border-radius:1.5rem;transition:width .5s;overflow:hidden}
 .fixed__cell.box1{background:var(--gold)}.fixed__cell.box1 .fixed__link{color:#0a3326}
 .fixed__cell.box2{background:var(--dark)}
 .fixed__cell.goTop{background:#000;color:#fff;display:grid;place-items:center}
 .fixed__cell:hover:not(.goTop){width:16rem}
 .fixed__link{height:100%;color:#fff;display:flex;align-items:center;gap:1rem;font-size:1.1rem;font-weight:700;transition:padding .5s;width:16rem}
 .fixed__left{width:6.4rem;text-align:center;flex-shrink:0}
 .fixed__left .ic{width:2.6rem;height:2.6rem;display:block;margin:0 auto}
 .fixed__name{margin-top:.4rem;font-size:1.1rem}
 .fixed__text{width:8rem;flex-shrink:0;line-height:1.35}
}
.float-home{position:fixed;left:1.2rem;bottom:9.6rem;z-index:4;display:flex;align-items:center;gap:.8rem;background:var(--dark);color:#fff;padding:1.2rem 1.8rem;border-radius:50vmax;font-weight:700;font-size:1.5rem;box-shadow:0 1rem 2.6rem rgba(10,51,38,.3)}
@media(min-width:960px){.float-home{display:none}}
.to-top-m{display:none}
/* 스크롤 모션 */
.moverWrap .movingBox{opacity:0;transition:all 1.5s}
.moverWrap .transY{transform:translateY(6rem)}.moverWrap .transLeft{transform:translateX(-6rem)}.moverWrap .transRight{transform:translateX(6rem)}
.moverWrap.moverOn_Wrap .movingBox{transform:translate(0);opacity:1}
.delay2{transition-delay:.2s!important}.delay4{transition-delay:.4s!important}
.unMove{opacity:0;transform:translateY(6rem);transition:all 1.5s}.unMove.moveOn{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.moverWrap .movingBox,.unMove{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:768px){body{padding-bottom:8rem}.review__cell{width:24rem}.carSlide__link{height:44rem}}
/* 푸터 양끝 확장 */
.footer .center_box{width:100%;max-width:none;padding-inline:3%}
.footer__note{max-width:none}
/* ===== 반응형 보강: 모바일(~767) / 태블릿(768~959) / PC(960~) ===== */
[id]{scroll-margin-top:calc(var(--headerHeight) + 1rem)}
.header__head{gap:1.2rem}
.header__logo a{white-space:nowrap}
img,table{max-width:100%}
.tbl,.review__list{-webkit-overflow-scrolling:touch}
body{padding-bottom:8rem}
@media(min-width:960px){body{padding-bottom:0}}
.quick{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:959px){.quick{height:calc(8rem + env(safe-area-inset-bottom))}}

/* 태블릿 */
@media(min-width:768px) and (max-width:959px){
 .visual__in{flex-direction:row;align-items:center;justify-content:space-between;min-height:52rem;padding-block:5rem 11rem}
 .visual__txt{width:64%}
 .visual__pic{display:block;width:27rem;flex:none;align-self:flex-end;margin-bottom:-11rem}
 .visual__pic img{width:100%;border-radius:2rem 2rem 0 0;aspect-ratio:4/5;object-fit:cover;object-position:top}
 .sticker__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
 .sticker__cell:not(:last-child){margin-bottom:0}
 .sticker__cell:nth-child(3){grid-column:1/-1}
 .bottom__list{flex-direction:row;gap:1.6rem}
 .bottom__cell{width:33.333%}
 .bottom__link{padding-inline:3%}
 .cards,.cards.five{grid-template-columns:repeat(3,1fr)}
 .contact{grid-template-columns:repeat(3,1fr);gap:1.4rem}
 .contact a{padding:2.4rem 2rem}
 .contact strong{font-size:2rem}
 .gal{grid-template-columns:repeat(3,1fr)}
 .svc-b{grid-template-columns:1fr 1fr}
 .svc-b div:nth-child(3){grid-column:1/-1}
 .photo-banner{grid-template-columns:24rem 1fr}
 .photo-banner img{height:100%}
 .carSlide__cell{width:36rem}
 .review__cell{width:26rem}
 .footer__center{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}
}
/* 모바일·태블릿 공통(960 미만): 소개 이미지 크기 제한 */
@media(max-width:959px){
 .company__images{max-width:44rem;margin-inline:auto;width:100%}
 .company__topText{text-align:left}
 .fixed{display:none}
}
/* 모바일 */
@media(max-width:767px){
 .visual__in{min-height:0;padding-block:4rem 11rem;gap:2rem}
 .visual__btns .btn{flex:1 1 14rem;padding-inline:1.6rem;height:5.4rem;font-size:1.6rem}
 .btn{padding-inline:2.4rem}
 .header__cta{height:4rem;padding-inline:1.8rem;font-size:1.4rem}
 .header__logo a{font-size:1.9rem}
 .header__logo img{width:3.2rem;height:3.2rem}
 .cards,.cards.five{grid-template-columns:1fr 1fr;gap:1rem}
 .card a{padding:1.8rem 1.4rem}
 .contact{grid-template-columns:1fr}
 .why{padding:4rem 2rem;border-radius:2rem}
 .art ul.bul li{padding:1.3rem 1.4rem 1.3rem 4.2rem;font-size:1.55rem}
 .art ul.bul li:before{left:1.4rem;top:2rem}
 .art p{font-size:1.6rem}
 .faq__head{padding-block:2.2rem;column-gap:1.2rem}
 .faq__answer{column-gap:1.2rem}
 .faq__text{width:calc(100% - 5rem)}
 .partner__wrap{height:8.4rem}
 .partner__white{padding-inline:2rem;font-size:1.5rem}
 .quick__list{padding-inline:2%}
 .footer{padding-block:5rem 11rem}
 .footer__dl{flex-direction:column;gap:.3rem}
 .footer__infoline{row-gap:1.2rem}
 .sec-h{word-break:keep-all}
 .review__head{align-items:flex-start;flex-direction:column}
 .review__more{width:auto;padding-inline:2rem}
}
/* 소형 모바일 */
@media(max-width:380px){
 html{font-size:58%}
 .cards,.cards.five{grid-template-columns:1fr}
 .gal{grid-template-columns:1fr}
}
/* 가로 모드 모바일 */
@media(max-height:480px) and (orientation:landscape){.visual__in{padding-block:3rem 9rem}.quick{position:static}}
/* 대형 화면 */
@media(min-width:1600px){html{font-size:68%}}
/* 모바일: 사진 먼저 노출 */
@media(max-width:767px){
 .visual__pic{display:block;order:-1;width:100%;max-width:24rem;margin:0 auto}
 .visual__pic img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:top;border-radius:2rem}
 .visual__in{padding-block:3rem 11rem}
 main.subContents>.center_box{display:flex;flex-direction:column}
 main.subContents .company__top{display:contents}
 main.subContents .company__images{order:-2;max-width:30rem;margin:0 auto var(--gap-30)}
 main.subContents .subVisual{order:-1}
 main.subContents .company__topText{margin-bottom:var(--gap-60)}
}
/* 히어로: 사진/아이콘 패널 크기 통일 */
.visual__pic--ico{display:none;align-items:center;justify-content:center;aspect-ratio:4/5;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:.1rem solid rgba(255,255,255,.22);color:var(--gold);border-radius:2.5rem 2.5rem 0 0}
.visual__pic--ico .ic{width:42%;height:42%;stroke-width:1}
@media(min-width:768px){.visual__pic--ico{display:flex}}
@media(max-width:767px){
 .visual__pic{max-width:36rem;width:100%}
 .visual__pic img,.visual__pic--ico{aspect-ratio:5/6;border-radius:2rem}
 .visual__pic--ico{display:flex}
 .visual__in{align-items:stretch;padding-block:2.4rem 11rem}
 .visual__txt{width:100%}
}