:root {
    /* Colors: */
    --highlight: #ABFFEB;
    --bg: #DFECF8;
    --sub: #AAA9A9;
    --main: #1F5BA9;
    --black: #000000;
    --white: #FFFFFF;
}
/* commite */
mark{background-color:var(--highlight);font-style: normal;}
.pc{display:none;}
.inner{padding:0 5.2rem;width:100%;}
.sec{padding:14.7rem 0;}
.sec h3{font-size:4rem;font-weight:700;line-height:5.5rem;margin-bottom:2.4rem;}
.sec h4{font-size:2.6rem;line-height:3.2rem;margin-bottom:5rem;}
.btnArea .blueBtn{display:inline-block;width:100%;background-color:var(--main);border-radius:5rem;font-size:4.4rem;font-weight:700;color:var(--white);height:10rem;line-height:10rem;width:61.4rem;}
.btnArea .blueBtn img{width:2.4rem;margin-left:5rem;}
/* section */
.sec3 .inner,
.sec5 .inner,
.sec6 .inner,
.sec7 .inner,
.sec8 .inner{padding:0;}
.sec1{position:relative;padding:30.2rem 0 56.8rem;background:url('../img/sec1_bg.webp') bottom center / cover; }
.sec1 .subTit{font-size:4rem;color:var(--main);}
.sec1 h1{margin-bottom: 10rem;}
.sec1 h1 a{display:inline-block;width:61.6rem;}
.sec1 h2{font-size:4.5rem;font-weight:700;line-height:5.5rem;margin-bottom:7.3rem;}
.sec1 h3{font-size:3rem;}
.sec1 .imgArea{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:61.6rem;}
.sec2 .info li{margin-bottom:3rem;}
.sec2 .info li:last-of-type{margin-bottom:0;}
.sec2 .info .title{background:#fff center / cover ;color:var(--main); padding:3.6rem 0;border-radius:2rem;font-size:4rem;font-weight:700;}
.sec2 .info_1 .title{background-image:url('../img/sec2_info1.webp');}
.sec2 .info_2 .title{background-image:url('../img/sec2_info2.webp');}
.sec2 .info_3 .title{background-image:url('../img/sec2_info3.webp');}
.sec2 .info_4 .title{background-image:url('../img/sec2_info4.webp');}
.sec2 .info .txt{padding-top:3rem;font-size:3rem;line-height:4.2rem;text-align:left;}
.sec3{background: url('../img/sec3_bg.webp') bottom center / cover;}
.sec3 h3,
.sec3 h4{color:var(--white); text-shadow: 0px 0px 0.6rem #00000099;}
.sec3 .stepList{display:grid;grid-template-columns: repeat(2,1fr);}
.sec3 .stepList li{padding:2.7rem 0 4rem; display:flex;align-items:center;flex-direction:column;}
.sec3 .stepList .num{display:flex;justify-content:center;align-items:center;width:12.6rem;height:12.6rem;border-radius:50%;border:0.5rem solid var(--white);font-size:8.5rem;color:var(--white);margin-bottom:2.3rem;}
.sec3 .stepList .title{font-size:3.4rem;font-weight:700;color:var(--white);margin-bottom:2.5rem;}
.sec3 .stepList .txt{font-size:2.4rem;line-height:2.8rem;color:var(--white);}
.sec3 .stepList li:nth-child(1){background-color:rgba(0,0,0,0.2);}
.sec3 .stepList li:nth-child(2){background-color:rgba(0,0,0,0.4);}
.sec3 .stepList li:nth-child(3){background-color:rgba(0,0,0,0.6);}
.sec3 .stepList li:nth-child(4){background-color:rgba(0,0,0,0.8);}
.sec4{background-color:#F4F4F4;}
.sec4 .imgArea{margin-bottom:4.6rem;}
.sec4 .infoLeft{text-align:left;margin-bottom:2rem;}
.sec4 .infoRight{text-align:right;}
.sec4 .infoLeft img{width:48.5rem;}
.sec4 .infoRight img{width:53.7rem;}
.sec5 { background-color:#DFECF8; }
.sec5 .phoneSlider {overflow:hidden;position: relative;width: 100%; margin: 0 auto; }
.sec5 .phoneSlider .phone {position: absolute; left: 50%;top: 0;transform: translateX(-50%);z-index: 1;width: 52.7rem;pointer-events: none;}
.sec5 .phoneSlider .siteList {padding: 2.5rem 0;width: 53.3rem; margin: 0 auto}
.sec5 .phoneSlider .siteList .slick-list {overflow: visible !important;}
.sec5 .phoneSlider .siteList li {padding: 0 3rem;}
.sec5 .phoneSlider .siteList img {opacity: 0.5; transition: opacity 0.3s;}
.sec5 .phoneSlider .siteList li.slick-center img { opacity: 1;}
.sec6 h3{color:var(--main);}
.sec6 .bannerList{display:grid;grid-template-columns:repeat(2,1fr); }
.sec6 .bannerList li img {filter: grayscale(100%);opacity: 0.8;transition: filter 0.4s ease, opacity 0.4s ease;}
.sec6 .bannerList li.on img {filter: grayscale(0%);opacity: 1;}
.sec7{padding-top:0;}
.sec7 .txtSlick{background-color:var(--bg);}
.sec7 .txtSlick p{padding:4.3rem 0 8.7rem;font-size:4.3rem;line-height:5.5rem;}
.sec7 .txtSlick p b{color:var(--main);font-size:6rem;}
.sec7 .slick-dots{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);}
.sec7 .slick-dots li{display:inline-block;width:2.4rem;height:2.4rem;border-radius:50%;background-color:var(--sub);margin:0 1rem;}
.sec7 .slick-dots .slick-active{background-color:var(--main);}
.sec7 .slick-dots li button{font-size:0;text-indent:-9999em;overflow:hidden;}
.sec7 .txtArea{padding:10rem 5.2rem 0;}
.sec7 .txtArea .info{font-size:2.4rem;line-height:3.1rem;text-align:left;margin-bottom:3.2rem;}
.sec7 .txtArea .subTitle{font-size:4rem;line-height:8rem;}
.sec8{background-color:var(--bg);padding-bottom:0;}
.sec8 h4{margin-bottom:7.4rem;}
.sec8 .btnArea{margin-bottom:3rem;}
.sec8 .imgArea{position:relative;overflow:hidden;}
.sec8 .imgArea .bgImg{width:135%;margin-left:-17%;}
.sec8 .imgArea .kakaotalkGif{width:78%;position:absolute;bottom:7.3%;left:50%;transform:translateX(-50%);}
.sec9 .inquiry-form {display: grid; grid-template-columns: 1fr;gap: 2rem 0;}
.sec9 .form-row {display: flex;}
.sec9 .form-row label {display:flex;height:7rem;align-items:center;text-align:left; font-size: 3rem; font-weight: 700;width: 15.6rem; flex-shrink: 0;}
.sec9 .form-field {flex-grow: 1; }
.sec9 input,
.sec9 textarea {border: 1px solid var(--sub);height: 7rem;width: 100%;padding:2rem;font-size:2.4rem;}
.sec9 .phone-group { display: flex;align-items: center; gap: 1rem;}
.sec9 .phone-group input {width: 0;flex: 1; min-width: 0; text-align: center; }
.sec9 .phone-group .dash {font-size: 2.5rem; color: var(--sub); flex-shrink: 0;  }
.sec9 .budget-group{display:flex;gap:2.7rem;align-items:center;}
.sec9 .budget-group .unit{font-size:3rem;}
.sec9 .textarea-row textarea{height:17.3rem;}
.sec9 .btnArea{padding-top:3rem;}
.sec9 .btnArea .blueBtn{width:100%;}
/* footer */
.footer {background-color: #011526;color: var(--white);padding: 10rem 0;}
.footer-logo {margin-bottom: 3rem;width:33.6rem;}
.footer-info {font-style: normal;}
.footer .info-list {display: flex;flex-direction: column;gap: 2rem;margin-bottom: 3rem}
.footer .info-row {display: flex;flex-direction: column;gap:2rem}
.footer .info-item {display: flex;justify-content: left ;gap:0.5rem;font-size: 2.4rem;font-weight:100;}
.footer .info-item dt {word-break:keep-all;text-wrap: nowrap;font-weight: 500;}
.footer .info-item dd {word-break:keep-all;text-wrap: nowrap;letter-spacing: -0.05rem;}
.footer .info-item.type-block {flex-basis: 100%;}
.footer .copyright {font-size:2.8rem;color:var(--white);font-weight:100; }
.fp-watermark {display: none !important;}
/* 🖥️ PC 버전 (적정 해상도 기준) */
@media (min-width: 1024px) {
  .mo{display:none;}
  .pc{display:block;}
  /* section */
  .sec1{padding:10rem 0 47.8rem;background-image:url('../img/sec1_bg_pc.webp');}
  .sec1 h2{margin-bottom:2.5rem;}
  .sec2 .info li{background:#fff right center / cover ; padding:3rem;border-radius:2rem;box-shadow: 0px 3px 6px #00000029;}
  .sec2 .info li:nth-child(even){background-position:left;}
  .sec2 .info .title{background-image:none;background-color:transparent;text-align:left;padding:0;}
  .sec2 .info .txt{font-size:2.4rem;line-height:3.2rem;}
  .sec2 .info li:nth-child(even) .title,
  .sec2 .info li:nth-child(even) .txt{text-align:right;}
  .sec2 .info .info_1{background-image: url('../img/sec2_info1_pc.webp');}
  .sec2 .info .info_2{background-image: url('../img/sec2_info2_pc.webp'); }
  .sec2 .info .info_3{background-image: url('../img/sec2_info3_pc.webp');}
  .sec2 .info .info_4{background-image: url('../img/sec2_info4_pc.webp');}
  .sec3{padding-bottom:0;background-image:url('../img/sec3_bg_pc.webp');}
  .sec3.fp-table{justify-content:flex-end;}
  .sec3 h4{margin-bottom:20rem}
  .sec3 .stepList{grid-template-columns: repeat(4,1fr);}
  .sec3 .stepList li{padding-bottom:15rem;}
  .sec5 .phoneSlider .phone {width: 35.6rem;}
  .sec5 .phoneSlider .siteList {width: 159.9rem;  position: relative;left: 50%;transform: translateX(-50%);padding: 1.2rem 0;}
  .sec5 .phoneSlider .siteList li {padding:0; }
  .sec5 .phoneSlider .siteList img {transform: scale(0.85);filter: blur(1px);}
  .sec5 .phoneSlider .siteList li.slick-center img {transform: scale(1); filter: blur(0px);}
  .sec6 .bannerList{grid-template-columns:repeat(4,1fr);}
  .sec7{padding:0;background: linear-gradient(to right, #f4f4f4 50%, #ffffff 50%)}
  .sec7 .inner{display: flex;position:relative;align-items:center;height: 100%;align-items: stretch;}
  .sec7 .txtSlick,
  .sec7 .txtArea{flex: 1;min-width: 0;display:flex;flex-direction: column;justify-content:center;}
  .sec7 .txtSlick{background-color:transparent;text-align:right;padding-right:10.8rem;}
  .sec7 .txtArea{text-align:left;padding:10rem 5.2rem; }
  .sec7 .slick-dots{position: relative;left:auto;right:0;transform:translateX(0);}
  .sec8 .inner{display:flex;align-items:center;justify-content:space-between;padding-left:5.2rem; }
  .sec8 .txtArea{text-align:left;}
  .sec8 .btnArea .blueBtn{text-align:center;width:52rem; }
  .sec8 .imgArea .bgImg{width:96.6rem;margin-left:0;}
  .sec8 .imgArea .kakaotalkGif{width:56.4rem;bottom:7rem;left:19.5rem;transform:translateX(0);}
  .sec9 .inquiry-form{grid-template-columns: 1fr 1fr;gap:3rem; }
  .sec9 .textarea-row,
  .sec9 .form-action,
  .sec9 .btnArea {grid-column: span 2;}
  .sec9 .btnArea .blueBtn{width:52rem;}
  /* footer */
  .footer-logo{margin:0 auto 3rem}
  .footer .info-list {gap: 16px;}
  .footer .info-row {flex-direction: row;justify-content: center;gap: 24px; }
  .footer .copyright{text-align:center;}
}
@media all and ( min-width:1200px ) {
    /* commite */
  .inner{padding:0;max-width:1090px;}
  .sec{padding:0;}
  .sec h3{font-size:30px;line-height:36px;margin-bottom:24px;}
  .sec h4{font-size:17px;line-height:21px;margin-bottom:42px;}
  .btnArea .blueBtn{border-radius:50px;font-size:22px;height:56px;line-height:56px;width:332px;}
  .btnArea .blueBtn img{width:14.7px;margin-left:43px;}
  /* section */
  .sec1{padding:0;padding-bottom:200px;}
  .sec1 .subTit{font-size:39px}
  .sec1 h1{margin-bottom:37px}
  .sec1 h1 a{width:615px;}
  .sec1 h2{font-size:32px;line-height:49px;margin-bottom:10px;}
  .sec1 h3{font-size:20px;}
  .sec1 .imgArea{width:500px;}  
  .sec2 .info li{padding:22px;border-radius:20px;margin-bottom:20px;}
  .sec2 .info .title{font-size:20px}
  .sec2 .info .txt{padding-top:17px;font-size:18px;line-height:24px}
  .sec3 h3{font-size:40px;margin-bottom:30px;}
  .sec3 h4{font-size:26px;margin-bottom:100px;}
  .sec3 .stepList li{padding:22px 10px 128px;}
  .sec3 .stepList .num{width:89px;height:89px;border-width:5px;font-size:60px;margin-bottom:44px;}
  .sec3 .stepList .title{font-size:20px;margin-bottom:22px;}
  .sec3 .stepList .txt{font-size:16px;line-height:24px}
  .sec4 .imgArea{margin-bottom:0;}
  .sec5 .phoneSlider{width:1080px;height:528px;}
  .sec5 .phoneSlider .phone {width:261px;}
  .sec5 .phoneSlider .siteList {width: 1070px;padding:12px 0;transform: translateX(-50%) translateX(-5px);}
  .sec5 .phoneSlider .siteList .slick-slide {margin: 0 -10px;}
  .sec7 .txtSlick{padding-right:100px;}
  .sec7 .txtSlick p{padding:0;font-size:30px;line-height:43px;}
  .sec7 .txtSlick p b{font-size:43px;}
  .sec7 .slick-dots{bottom:-30px;}
  .sec7 .slick-dots li{width:13px;height:13px;margin:0 5px;}
  .sec7 .txtArea{padding:0 50px;}
  .sec7 .txtArea .info{font-size:18px;line-height:24px;margin-bottom:25px;}
  .sec7 .txtArea .subTitle{font-size:24px;line-height:40px;}
  .sec8 .inner{max-width:1180px;height:100%; padding-left:0;position:relative; }
  .sec8 .txtArea{position:relative;z-index:1;}
  .sec8 h4{margin-bottom:87px;}
  .sec8 .btnArea{margin-bottom:0;}
  .sec8 .btnArea .blueBtn{width:374px; }
  .sec8 .imgArea{position:absolute;bottom:0;right:-168px;}
  .sec8 .imgArea .bgImg{width:966px;}
  .sec8 .imgArea .kakaotalkGif{width:564px;bottom:67px;left:195px;}
  .sec9 .inner{max-width:804px;}
  .sec9 .h4{margin-bottom:80px;}
  .sec9 .inquiry-form {gap:18px 54px;}
  .sec9 .form-row label {height:42px;font-size:16px;width:128px}
  .sec9 input,
  .sec9 textarea {height:42px;padding:10px;font-size:16px;}
  .sec9 .phone-group { gap:2px}
  .sec9 .phone-group .dash {font-size:16px }
  .sec9 .budget-group{gap:17px;}
  .sec9 .budget-group .unit{font-size:16px;}
  .sec9 .textarea-row textarea{height:106px;}
  .sec9 .btnArea{padding-top:37px;}
  .sec9 .btnArea .blueBtn{width:332px;}

  /* footer */
  .footer {padding: 50px 0;}
  .footer-logo {margin-bottom: 20px;width:252.26px;}
  .footer .info-list {gap:10px;margin-bottom:20px}
  .footer .info-row {gap:10px}
  .footer .info-item {gap:5px;font-size:16px;}
  .footer .info-item dd {letter-spacing:0;}
  .footer .copyright {font-size:16px; }
}
/* 애니메이션 */
.sec .imgArea, .sec .phoneSlider {opacity: 0; transform: translateY(40px);transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);}
/* 2. 기본 상태 */
.sec h3, .sec h4, 
.sec1 .subTit, .sec1 h1, .sec1 h2, .sec1 h3, 
.sec2 .info li, .sec3 .stepList li, .sec6 .bannerList li, 
.sec8 .btnArea, .sec9 .inquiry-form,
.sec4 .imgArea, .sec5 .phoneSlider, .sec8 .imgArea {opacity: 0; transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
/*  제자리 등장 */
.sec.fp-completely h3, .sec.fp-completely h4,
.sec.fp-completely .imgArea, .sec.fp-completely .phoneSlider, .inner,
.sec1.fp-completely .subTit, .sec1.fp-completely h1, .sec1.fp-completely h2, .sec1.fp-completely h3,
.sec2.fp-completely .info li, .sec3.fp-completely .stepList li, .sec6.fp-completely .bannerList li,
.sec8.fp-completely .btnArea, .sec9.fp-completely .inquiry-form {opacity: 1; transform: translateY(0);}
.sec1.fp-completely .imgArea { opacity:1; left: 50%; }
/* 제목 */
.sec.fp-completely h3 { transition-delay: 0.1s; }
.sec.fp-completely h4 { transition-delay: 0.3s; }
/* sec1 */
.sec1 .imgArea {opacity: 0;left: 0; transition: opacity 1.2s ease, left 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);}
.sec1.fp-completely .subTit  { transition-delay: 0.1s; }   
.sec1.fp-completely h1       { transition-delay: 0.25s; }
.sec1.fp-completely h2       { transition-delay: 0.4s; }   
.sec1.fp-completely h3       { transition-delay: 0.55s; } 
.sec1.fp-completely .imgArea { transition-delay: 0.75s; }
/* sec2, sec3*/
.sec2.fp-completely .info li:nth-child(1), .sec3.fp-completely .stepList li:nth-child(1) { transition-delay: 0.4s; }
.sec2.fp-completely .info li:nth-child(2), .sec3.fp-completely .stepList li:nth-child(2) { transition-delay: 0.6s; }
.sec2.fp-completely .info li:nth-child(3), .sec3.fp-completely .stepList li:nth-child(3) { transition-delay: 0.8s; }
.sec2.fp-completely .info li:nth-child(4), .sec3.fp-completely .stepList li:nth-child(4) { transition-delay: 1.0s; }
/* sec4, sec5, sec8, sec9 */
.sec4.fp-completely .imgArea, .sec5.fp-completely .phoneSlider,
.sec8.fp-completely .imgArea, .sec9.fp-completely .inquiry-form {transition-delay: 0.5s;}
/* sec4 */
.sec4 .mo .imgArea {opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.sec4 .mo .infoLeft {opacity: 0;transform: translateX(-40px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.sec4 .mo .infoRight {opacity: 0;transform: translateX(40px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.sec4.fp-completely .mo .imgArea,
.sec4.fp-completely .mo .infoLeft,
.sec4.fp-completely .mo .infoRight {opacity: 1;transform: translate(0, 0); }
.sec4.fp-completely .mo .imgArea   { transition-delay: 0.5s; }
.sec4.fp-completely .mo .infoLeft  { transition-delay: 0.7s; } 
.sec4.fp-completely .mo .infoRight { transition-delay: 0.9s; }
/* sec6 */
.sec6.fp-completely .bannerList li:nth-child(1)  { transition-delay: 0.4s; }
.sec6.fp-completely .bannerList li:nth-child(2)  { transition-delay: 0.5s; }
.sec6.fp-completely .bannerList li:nth-child(3)  { transition-delay: 0.6s; }
.sec6.fp-completely .bannerList li:nth-child(4)  { transition-delay: 0.7s; }
.sec6.fp-completely .bannerList li:nth-child(5)  { transition-delay: 0.8s; }
.sec6.fp-completely .bannerList li:nth-child(6)  { transition-delay: 0.9s; }
.sec6.fp-completely .bannerList li:nth-child(7)  { transition-delay: 1.0s; }
.sec6.fp-completely .bannerList li:nth-child(8)  { transition-delay: 1.1s; }
.sec6.fp-completely .bannerList li:nth-child(9)  { transition-delay: 1.2s; }
.sec6.fp-completely .bannerList li:nth-child(10) { transition-delay: 1.3s; }
.sec6.fp-completely .bannerList li:nth-child(11) { transition-delay: 1.4s; }
.sec6.fp-completely .bannerList li:nth-child(12) { transition-delay: 1.5s; }
/* sec7 */
.sec7 .txtSlick {opacity: 0;transform: translate(-30px, 40px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.sec7 .txtArea h3,
.sec7 .txtArea .info,
.sec7 .txtArea .subTitle {opacity: 0;transform: translate(30px, 40px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.sec7.fp-completely .txtSlick,
.sec7.fp-completely .txtArea h3,
.sec7.fp-completely .txtArea .info,
.sec7.fp-completely .txtArea .subTitle {opacity: 1;transform: translate(0, 0);}
.sec7.fp-completely .txtSlick        { transition-delay: 0.1s; } 
.sec7.fp-completely .txtArea h3        { transition-delay: 0.3s; } 
.sec7.fp-completely .txtArea .info     { transition-delay: 0.5s; }
.sec7.fp-completely .txtArea .subTitle { transition-delay: 0.7s; }