@charset "utf-8";

/* 초기화 */
* img{max-width:100%;}
html,body{overflow-y:auto;overflow-x:hidden;}
body{margin:0;padding:0;font-size:1rem;font-family:'Pretendard';font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-sub);font-size:1.25rem;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1rem;font-family:'Pretendard'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

ul, dl,dt,dd{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;font-size:1rem}
input, button{margin:0;padding:0;font-family:'Pretendard';font-size:1rem}
input[type="submit"]{cursor:pointer}
button{cursor:pointer}

textarea, select{font-family:'Pretendard';font-size:1rem}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
pre{overflow-x:scroll;font-size:1.1em}
a{color:#333;text-decoration:none}

*, :after, :beBfore{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea{
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

/* div 클릭시 복사방지 */
/* div{user-select:none;-webkit-user-select:none;} */

/* 팝업레이어 */
#hd_pop{overflow:hidden;z-index:1000;width:90%;max-width:680px;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);margin:0 auto;}
.hd_pops{width:100%;position:relative;}
.hd_pops img{width:100%;display:block;}
.hd_pops_footer{background:#fff;color:#333;text-align:left;position:relative;}
.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:.5rem 1rem;border:0;background:#fff;color:#333;font-size:.9rem;}
.hd_pops_footer .hd_pops_reject{text-align:left}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0}

.section{padding:120px 0;}
.title{text-align:center;margin-bottom:3.5rem;}
.title strong{display:block;overflow:hidden;font-family:'JalnanGothic';font-weight:normal;font-size:3.4rem;color:var(--black1);letter-spacing:-1px;}
.title strong em{font-style:normal;color:var(--pink6);}
.title p{display:block;font-size:1.75rem;letter-spacing:-1px;color:var(--text-sub);font-family:'Pretendard';margin-top:1rem;}
.title span{display:block;font-size:1.25rem;color:var(--primary);font-family:'Pretendard';margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;}
.contain{width:1340px;margin:0 auto;}

.subtitle{text-align:left;margin-bottom:3rem;}
.subtitle strong {display:block;font-size:3rem;font-weight:600;color:var(--text-base);letter-spacing:-1px;}
.subtitle strong em{font-style:normal;color:var(--primary);}
.subtitle p{display:block;font-size:2rem;letter-spacing:-1px;color:var(--text-sub);font-family:'Pretendard';margin-top:1.5rem;}
.subtitle span{display:block;font-size:1.25rem;color:var(--primary);font-family:'Pretendard';margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;}

.swiper-pagination-bullet{width:12px !important;height:12px !important;}
.swiper-pagination-bullet-active{background:var(--primary) !important;}
.swiper-pagination{padding-bottom:3rem !important;}

/* ================================================
   상단 고정메뉴
   ================================================ */
#boxTop{position:fixed;top:0;left:0;width:100%;z-index:100;background:#fff;overflow:hidden;min-width:1540px;}
#boxTop #boxTopLine {background:var(--accent);height:3rem;overflow:hidden;}
#boxTop #boxTopLine a {line-height:3rem; margin:0 1rem;font-size:1rem;color:#fff;position:relative;letter-spacing:0;}
#boxTop #boxTopLine a::before {content: '';position: absolute;top: -1rem; /* 텍스트 아래 여백 조정 */left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;transition: all 0.3s ease-in-out;}
#boxTop #boxTopLine a:last-child {margin-right:0;}
#boxTop #boxTopLine a:hover{font-weight:600;}
#boxTop #boxTopLine a:hover::before {top:0;}
#boxTop .boxLogo {margin-right:3.5rem;}
#boxTop .boxLogo .boxTel {display:block;color:var(--primary);font-family:'JalnanGothic';margin-left:1rem;animation: blinkColor 2s infinite;}
#boxTop .boxLogo .logo{height:90px;}
#boxTop .boxLogo .logo img{display:block;height:3.5rem;width:auto;object-fit:contain;}
#boxTop #boxMenu{flex:1;max-width:1000px;}
#boxTop #boxMenu a{color:var(--text-base);font-family:'Pretendard';line-height:50px;display:block;font-size:1.25rem;font-weight:500;cursor:pointer;position:relative;text-overflow:ellipsis;white-space:nowrap;}
#boxTop #boxMenu a span {display:block;position:absolute;top:-1.5rem;left:50%;transform:translateX(-50%);font-size:.9rem;color:var(--primary);}
#boxTop #boxMenu a::before {width:0%;position:absolute;bottom:0;left:50%;transform: translateX(-50%);content:'';height:3px;background:var(--primary);-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;  }
#boxTop #boxMenu a:hover,
#boxTop #boxMenu a.on{color:var(--primary);font-weight:600;}
#boxTop #boxMenu a.on::before,
#boxTop #boxMenu a:hover::before {width:100%;}
#boxTop #boxTel{display:none;position:relative;z-index:102;margin-left:3.5rem;}
#boxTop #boxTel i{background:var(--primary);color:#fff;font-size:2rem;text-align:center;border-radius:2rem;height:3.4rem;line-height:3.4rem;width:3.4rem;overflow:hidden;}
#boxTop #boxTel .txt{flex:1;margin-left:.75rem;display:inline-block;font-size:1rem;color:var(--text-sub);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxTop #boxTel .txt strong{display:block;color:var(--primary);font-size:1.75rem;font-family:'JalnanGothic';margin-top:.35rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal;}
#boxBlank{display:block;height:140px;}

@keyframes blinkColor {
  35%, 65% { color: var(--primary); }
  50%      { color: #222; }
}

#boxTop #boxMenu button { background:transparent; border:0; height:70px; cursor:pointer; }
#boxTop #boxMenu button.btnLangs span { display:inline-block; text-align:right; color:var(--text-base); font-size:1.2rem; }
#boxTop #boxMenu button.btnLangs span em { font-style:normal; }
#boxTop #boxMenu button.btnLangs span i { margin-left:5px; } 
#boxTop #boxMenu button.btnLangs img {height:1.2rem;line-height:100%;display:block;margin-right:.25rem;}
#boxTop #boxMenu #boxLangsChange { display:none; min-width:70px; font-size:16px; padding:.5rem; border:1px solid #ddd; position:fixed; top:110px; z-index:1000; background:#fff; font-family:'Pretendard-Medium', sans-serif; }
#boxTop #boxMenu #boxLangsChange em { font-style:normal; display:block; line-height:36px; text-align:center; color:#666; }
#boxTop #boxMenu #boxLangsChange em.on,
#boxTop #boxMenu #boxLangsChange em:hover { color:#333; font-weight:700; }
#boxTop.scroll #boxMenu #boxLangsChange {top:70px;}

#boxBlank.scroll{}
#boxTop.scroll{background:#fff;}
#boxTop.scroll #boxTopLine {height:0;}
#boxTop.scroll .logo img{filter:none;}
#boxTop.scroll #boxMenu a{color:var(--text-base);}
#boxTop.scroll #boxMenu a:hover,
#boxTop.scroll #boxMenu a.on{color:var(--primary);}
#boxTop.scroll #boxTopRealStatus{display:none;}
#boxTop.scroll #boxMenu button.btnLangs span {color:var(--text-base);}
#boxTop.scroll #boxMenu button.btnLangs:hover span {color:var(--primary);}

#boxTop.sub::after{background:rgba(255,255,255,0);}
#boxTop.sub .logo img{filter:none;}
#boxTop.sub #boxMenu a{color:var(--text-base);}
#boxTop.sub #boxMenu a:hover,
#boxTop.sub #boxMenu a.on{color:var(--primary);}
#boxTop.sub #boxTel{border-bottom-left-radius:2rem;}
#boxTop.sub.scroll #boxTel{border-bottom-left-radius:0;}
#boxTop.sub #boxMenu button.btnLangs span {color:var(--text-base);}
#boxTop.sub #boxMenu button.btnLangs:hover span {color:var(--primary);}

/* ================================================
   상단 서브 상단
   ================================================ */
#boxSubTop{background:var(--highlight);text-align:center;height:330px;border-bottom-left-radius:30%;border-bottom-right-radius:30%;}
#boxSubTop strong{display:block;overflow:hidden;font-family:'JalnanGothic';font-weight:normal;font-size:3.4rem;color:var(--text-base);letter-spacing:-1px;}
#boxSubTop strong em{font-style:normal;color:var(--primary);}
#boxSubTop p{display:block;font-size:1.75rem;letter-spacing:-1px;color:var(--text-sub);font-family:'Pretendard';margin-top:1rem;}
#boxSubTop span{display:block;font-size:1.25rem;color:var(--primary);font-family:'Pretendard';margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;}

/* ================================================
   메인 이미지
   ================================================ */
#boxMain{position:relative;width:100%;height:calc(100vh - 140px);overflow:hidden;}
#boxMain .swiper-slide{position: relative; z-index: 101; }
#boxMain .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; z-index: 102; width: 100%; height: 100%; background: linear-gradient(to right, #b5a9a4 35%, transparent 50%); }
#boxMain .swiper-slide .boxMainText{position:relative;height:100%;z-index:102;font-size:2.5rem;color:#fff;line-height:125%;}
#boxMain .swiper-slide .boxMainText strong{width:100%;display:block;text-align:left;margin-bottom:.75rem;font-size:64px;font-family:'JalnanGothic';font-weight:normal;letter-spacing:-2px;line-height:1.15;}
#boxMain .swiper-slide .boxMainText strong em{display:inline-block;background:var(--primary);font-style:normal;}
#boxMain .swiper-slide .boxMainText p{width:100%;display:block;text-align:left;font-size:26px;line-height:1.4;color:#fff;}
#boxMain .swiper-slide .boxMainText a{position:relative;display:block;margin:2rem auto 0 0;background:var(--primary);color:#fff;border-radius:2.2rem;line-height:4.4rem;padding:0 5rem 0 6rem;border:0;font-size:1.5rem;font-weight:500;}
#boxMain .swiper-slide .boxMainText a i{position:absolute;top:50%;transform:translateY(-50%);left:1.5rem;}

/* Swiper 내장 애니메이션 클래스 */
#boxMain .swiper-slide .boxMainText strong,
#boxMain .swiper-slide .boxMainText p,
#boxMain .swiper-slide .boxMainText .btnApply{
opacity:0;
transform:translateX(80px);
transition:all 0.6s ease-out;
}

/* 순차적 애니메이션 적용 */
#boxMain .swiper-slide-active .boxMainText strong{opacity:1;transform:translateX(0);transition-delay:0.3s;}
#boxMain .swiper-slide-active .boxMainText p{opacity:1;transform:translateX(0);transition-delay:0.6s;}
#boxMain .swiper-slide-active .boxMainText .btnApply{opacity:1;transform:translateX(0);transition-delay:0.9s;}

@keyframes gentleBounce{
	0%, 100%{transform:translateY(0);}
	50%{transform:translateY(5px);}
}

#boxMain .swiper-button-next,
#boxMain .swiper-button-prev{color:#fff;background-color:rgba(255,255,255,.25);background-image:none;width:65px;height:65px;border-radius:50%;}
#boxMain .swiper-button-next:hover,
#boxMain .swiper-button-prev:hover{background-color:var(--primary);}
#boxMain .swiper-button-prev,
#boxMain .swiper-rtl .swiper-button-next{left:-10rem;}
#boxMain .swiper-button-next,
#boxMain .swiper-rtl .swiper-button-prev{right:-10rem;}
#boxMain:hover .swiper-button-prev,
#boxMain:hover .swiper-rtl .swiper-button-next{left:1rem;}
#boxMain:hover .swiper-button-next,
#boxMain:hover .swiper-rtl .swiper-button-prev{right:1rem;}
#boxMain .swiper-button-next:after,
#boxMain .swiper-button-prev:after{font-size:35px;}

/* ================================================
   메인 상단 아이콘
   ================================================ */
#boxMainIcon {padding:5rem 0 0 0;gap:1rem;}
#boxMainIcon a {display:block;flex:1;text-align:center;font-size:1.15rem;}
#boxMainIcon a .ico {width:75%;aspect-ratio:1/1;margin:0 auto .75rem auto;border-radius:50%;background:var(--bg-gray);}
#boxMainIcon a .ico img {height:50%;}
#boxMainIcon a.on .ico, 
#boxMainIcon a:hover .ico {background:#fff;}

/* ================================================
   메인 서비스
   ================================================ */
#boxService{overflow:hidden;}
#boxService .boxServiceSub{cursor:pointer;width:31%;background:var(--bg-gray);font-size:1.5rem;text-align:center;margin-top:5rem;overflow:hidden;}
#boxService .boxServiceSub:nth-of-type(-n+3){margin-top:0}
#boxService .boxServiceSub .boxServiceSub_Image{display:block;margin:0 auto;width:100%;aspect-ratio:1/.6;overflow:hidden;}
#boxService .boxServiceSub .boxServiceSub_Image span{display:block;width:100%;height:100%;}
#boxService .boxServiceSub .boxServiceSub_Recommend {display:block;background:var(--bg-brown);color:#fff;font-size:1.25rem;padding:.75rem .5rem;}
#boxService .boxServiceSub .boxServiceSub_Text{padding:2rem 0;}
#boxService .boxServiceSub .boxServiceSub_Text strong{font-size:2.2rem;color:var(--text-base);display:block;margin-bottom:1rem;}
#boxService .boxServiceSub .boxServiceSub_Text p{display:block;color:#555;font-size:1.15rem;line-height:1.45;}
#boxService .boxServiceSub:hover .boxServiceSub_Image span{transform:scale(1.1);}

/* ================================================
   믿을 수 있는 공인 이사 플랫폼
   ================================================ */
#boxStrengths {padding-bottom:0 !important;}
/*#boxCompany{background:#fff;}*/
/*#boxCompany .boxCompanyBg{position:relative;z-index:10;}*/
/*#boxCompany .boxCompanyBg::before{content:'';position:absolute;z-index:11;width:100%;height:100%;top:0;left:0;background:linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0.6) 85%, rgba(0,0,0,0.8) 100%);}*/
/*#boxCompany .boxCompanyBg .title{position:relative;z-index:12;}*/
/*#boxCompany .boxCompanyBg .title span{color:var(--highlight);}*/
/*#boxCompany .boxCompanyBg .title strong{color:#fff;}*/
/*#boxCompany .boxCompanyBg .title strong em{color:var(--highlight);}*/
/*#boxCompany .boxCompanyBg .title p{color:rgba(255,255,255,.8);}*/
/*#boxCompanySub{position:relative;top:-130px;z-index:20;}*/
/*#boxCompanySub .boxCompanySub_Item{width:23.5%;background:#fff;border-radius:1rem;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 0 15px rgba(0,0,0,0.1);}*/
/*#boxCompanySub .boxCompanySub_Item *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}*/
/*#boxCompanySub .boxCompanySub_Item span.icon{margin:0 auto 1.5rem;width:4.8rem;height:4.8rem;text-align:center;background:var(--primary);border-radius:2.4rem;overflow:hidden;}*/
/*#boxCompanySub .boxCompanySub_Item span.icon img{height:2.6rem;display:block;margin:0 auto;filter:brightness(0) invert(1);}*/
/*#boxCompanySub .boxCompanySub_Item strong{display:block;overflow:hidden;color:var(--text-base);font-size:2rem;font-weight:700;}*/
/*#boxCompanySub .boxCompanySub_Item p{display:block;font-size:1.35rem;color:var(--text-sub);line-height:1.4;font-family:'Pretendard';margin-top:1rem;}*/
/*#boxCompanySub .boxCompanySub_Item.on{background:var(--primary);padding:3.5rem 1.5rem;box-shadow:0 0 15px rgba(0,0,0,0.2);}*/
/*#boxCompanySub .boxCompanySub_Item.on span.icon{background:#fff;}*/
/*#boxCompanySub .boxCompanySub_Item.on span.icon img{filter:none;}*/
/*#boxCompanySub .boxCompanySub_Item.on strong{color:#fff;}*/
/*#boxCompanySub .boxCompanySub_Item.on p{color:#fff;}*/

/* ================================================
   메인 배너
   ================================================ */
/*#boxBanner{position:relative;background:#fff;overflow:hidden;padding-top:0;}*/
/*#boxBannerSub .thumb{width:45%;border-radius:1rem;}*/
/*#boxBannerSub .boxBannerSub_Content{padding:1.5rem 0;flex:1;}*/
/*#boxBannerSub .boxBannerSub_Content strong{display:block;overflow:hidden;font-family:'JalnanGothic';font-weight:normal;font-size:3.4rem;color:var(--text-base);letter-spacing:-1px;}*/
/*#boxBannerSub .boxBannerSub_Content strong em{font-style:normal;color:var(--primary);}*/
/*#boxBannerSub .boxBannerSub_Content p{display:block;font-size:1.5rem;color:var(--text-sub);font-family:'Pretendard';margin-top:1rem;line-height:1.4;}*/
/*#boxBannerSub .boxBannerSub_Content span{display:block;font-size:1.25rem;color:var(--primary);font-family:'Pretendard';margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;}*/
/*#boxBannerSub .boxBannerSub_Content a{position:relative;display:inline-block;background:var(--primary);color:#fff;margin-top:3rem;border:0;font-size:1.5rem;height:4rem;line-height:4rem;padding:0 4.5rem 0 2.5rem;border-radius:2rem;}*/
/*#boxBannerSub .boxBannerSub_Content a i{position:absolute;right:1.5rem;animation:arrowBounce 0.8s ease-in-out infinite;line-height:4rem;}*/
/**/
/*@keyframes arrowBounce{*/
/*	0%{transform:translateX(0);}*/
/*	50%{transform:translateX(7px);}*/
/*	100%{transform:translateX(0);}*/
/*}*/

/* ================================================
   메인 배너 하단
   ================================================ */
#boxAllInOne{background:var(--bg-light);position:relative;}
#boxAllInOne .boxAllInOneSub_Item{width:22.5%;border-radius:50%;aspect-ratio:1/1;position:relative;z-index:1;text-align:center;overflow:hidden;margin-top:2.5rem;cursor:pointer;}
#boxAllInOne .boxAllInOneSub_Item:nth-of-type(-n+4){margin-top:0;}
#boxAllInOne .boxAllInOneSub_Item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.8) 80%);z-index:2;}
#boxAllInOne .boxAllInOneSub_Item::after{opacity:0;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:2;transition:all .3s ease-in-out;}
#boxAllInOne .boxAllInOneSub_Item .boxAllInOneSub_ItemText{position:relative;z-index:4;color:#fff;height:80%;}
#boxAllInOne .boxAllInOneSub_Item .boxAllInOneSub_ItemText strong{display:block;font-size:1.5rem;font-weight:500;margin-bottom:1rem;}
#boxAllInOne .boxAllInOneSub_Item .boxAllInOneSub_ItemText p{display:block;font-size:1rem;opacity:.8;position:relative;height:0;overflow:hidden;}
#boxAllInOne .boxAllInOneSub_Item .boxAllInOneSub_ItemText button{border:0;background:var(--primary);color:#fff;font-size:1.15rem;border-radius:1.2rem;padding:0 1rem;line-height:2.4rem;height:0;overflow:hidden;}
#boxAllInOne .boxAllInOneSub_Item:hover .boxAllInOneSub_ItemText p{height:3rem;margin-bottom:.5rem;}
#boxAllInOne .boxAllInOneSub_Item:hover .boxAllInOneSub_ItemText button{height:2.4rem;}
#boxAllInOne .boxAllInOneSub_Item:hover::after{opacity:1;}

/* ================================================
   메인 이용후기
   ================================================ */
#boxReview{background:#fff;position:relative;overflow:hidden;}
#boxReviewSub .boxReviewData{display:block;cursor:pointer;background:#f9f9f9;padding:3rem;position:relative;}
#boxReviewSub .boxReviewData .boxReviewTitle {border-bottom:1px solid #ddd;overflow:hidden;}
#boxReviewSub .boxReviewData .boxReviewTitle strong{display:block;color:var(--primary);letter-spacing:-1px;font-size:1.35rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;margin-bottom:1rem;padding-bottom:1rem;text-align:left;}
#boxReviewSub .boxReviewData .boxReviewTitle .boxStar {margin-left:.5rem;}
#boxReviewSub .boxReviewData .boxReviewTitle .boxStar i{color:var(--primary);margin-right:.25rem;}
#boxReviewSub .boxReviewData .boxReviewContent_Image{width:100%;aspect-ratio:1/.6;margin-bottom:1.75rem;}
#boxReviewSub .boxReviewData .boxReviewContent_Text{font-size:1.15rem;line-height:1.6;color:var(--text-base);text-align:justify;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:7.5em;}

/* ================================================
   자주하는 질문
   ================================================ */
#boxFaqCate {gap:.5rem;}
#boxFaqCate span,
#boxFaqCate a {display:block;padding:0 1rem;border-radius:1.5rem;background:#aaa;color:#fff;font-size:1.25rem;line-height:3rem;cursor:pointer;}
#boxFaqCate.lang_en span,
#boxFaqCate.lang_en a {display:block;margin:0 .15rem 0 .15rem;padding:0 .85rem;border-radius:1.25rem;background:#aaa;color:#fff;font-size:1.25rem;line-height:2.5rem;cursor:pointer;}
#boxFaqCate span.on,
#boxFaqCate a.on {background:var(--primary);}

#boxFaq{position:relative;background:#fff;}
#boxFaqCate{margin-bottom:1.5rem;}
#boxFaqCate span{cursor:pointer;display:block;font-size:1.5rem;line-height:3rem;padding:0 2.5rem;background:#aaa;border-radius:1.5rem;margin:0 .75rem;color:#fff;}
#boxFaqCate span.on{background:var(--primary);}
#boxFaqList dl{display:block;overflow:hidden;}
#boxFaqList dl dt{border-bottom:1px solid #ddd;padding:0 3rem;font-weight:500;text-align:left;letter-spacing:-1px;cursor:pointer;font-size:1.75rem;color:#333141;line-height:5.4rem;height:5.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;}
#boxFaqList dl dt span{font-weight:bold;font-family:"Vitro-Head";margin-right:1rem;color:var(--primary);}
#boxFaqList dl dt i{position:absolute;right:3rem;line-height:5.4rem;height:5.4rem;font-size:1.75rem;color:var(--primary);}
#boxFaqList dl dd{width:100%;display:none;padding:3rem 5.2rem 5.2rem 5.2rem;border-bottom:1px solid #ddd;text-align:left;font-size:1.5rem;line-height:180%;background:#f9f9f9;}
#boxFaqList dl.on dd{display:block;}
#boxFaqList dl dd table{border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
#boxFaqList dl dd table tr td{border:3px solid #eee;padding:1.5rem 3rem;font-size:1.5rem;}
#boxFaqList dl dd table tr td b{font-weight:600;font-size:1.25em;margin-bottom:.5rem;}
#boxFaqList dl dd img{display:block;max-width:100%;}
#boxFaqList dl dd em{font-style:normal;}
#boxFaqList dl dd em.under{
	background-image:-webkit-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-moz-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-ms-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:-o-linear-gradient(transparent 60%, #f8e1b8 40%);
	background-image:linear-gradient(transparent 60%, #f8e1b8 40%);
	background-size:100% 100%;
}

/* ================================================
   메인 공지사항
   ================================================ */
#boxNews{position:relative;}
#boxNewsSub .boxNewsSub_Item{width:48.5%;cursor:pointer;}
#boxNewsSub .boxNewsSub_Item .thumb{aspect-ratio:1/.6;overflow:hidden;}
#boxNewsSub .boxNewsSub_Item .thumb span{display:block;width:100%;height:100%;}
#boxNewsSub .boxNewsSub_Item:hover .thumb span{transform:scale(1.1);}

/* ================================================
   메인 공통
   ================================================ */
#boxBottom{position:relative;z-index:1;}
#boxBottom::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1)) 100%;z-index:2;}
#boxBottom .text{position:relative;z-index:3;text-align:center;} 
#boxBottom .text strong{display:block;font-family:'JalnanGothic';font-weight:normal;font-size:3.4rem;color:#fff;letter-spacing:1px;}
#boxBottom .text span{display:block;font-size:1.5rem;letter-spacing:-1px;margin-bottom:1rem;color:#fff;}
#boxBottom .text button{display:block;color:#fff;background:var(--primary);margin-top:1.5rem;border:0;font-size:1.5rem;height:4rem;padding:0 3.5rem;margin:1.5rem auto 0 auto;border-radius:2rem;}

/* ================================================
   접수폼 달력
   ================================================ */
/* 달력 크기 */
#ui-datepicker-div {padding:.75rem !important;z-index:1000000 !important;position:fixed !important;width:90% !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;z-index:10000 !important;display:none}

/* 연도와 월 select를 동일한 줄에 정렬 */
.ui-datepicker .ui-datepicker-title {display:flex;justify-content:center;align-items:center;gap:.35rem;}

/* 연도 select 박스도 스타일 통일 */
.ui-datepicker select.ui-datepicker-year,.ui-datepicker select.ui-datepicker-month {padding:4px 6px;border:0;border-radius:4px;background-color:#fff;font-size:14px;outline:none;text-align:center;appearance:none;-webkit-appearance:none;}

/* 비활성(선택 불가능) 날짜 */
.ui-datepicker td.ui-datepicker-unselectable span {background-color:#fff !important;border:0 !important;}

/* 활성(선택 가능) 날짜 */
.ui-datepicker td a {height:auto !important;line-height:2.4rem !important;border:0 !important;background-color:#f0f0f0 !important;}

/* 선택된 날짜 */
.ui-datepicker td a.ui-state-active {background-color:var(--primary) !important;}

/* 닫기 버튼 */
.ui-datepicker-close {border:0 !important;background:none !important;}
.ui-datepicker-close::before {content:'달력';}
.ui-datepicker-close::after {content:'\2715';margin-left:.5rem;}

/* ================================================
   하단 카피
   ================================================ */
#boxCopyParent {background:var(--bg-gray);}
#boxCopy{text-align:center;font-size:1rem;}
#boxCopy .contain{position:relative;text-align:center;}
#boxCopy .boxCopyLogo {letter-spacing:2px;font-weight:bold;margin-bottom:1.75rem;font-size:1.75rem;color:#8a8a8a;font-family:'JalnanGothic';}
#boxCopy .boxCopyLogo img {margin-right:.5rem;filter:grayscale(100%) brightness(0.9) contrast(1.2);}

#boxCopy p{display:block;line-height:1.8;color:var(--text-sub);font-size:1rem;}
#boxCopy .boxSNS{margin-top:2.5rem;}
#boxCopy .boxSNS a{cursor:pointer;background:#bbb;width:2.6rem;height:2.6rem;margin:0 .3rem;border-radius:50%;overflow:hidden;text-align:center;}
#boxCopy .boxSNS a img{display:block;height:1.25rem;margin:0 auto;}
#boxCopy .boxSNS a:hover{background:var(--primary);transform:scale(1.1);}

#boxCopyright{font-size:1rem;color:var(--text-sub);background:var(--bg-gray);margin-top:2.5rem;text-align:center;}

#boxCopyLink {background:#f9f9f9;}
#boxCopyLink a{display:block;color:var(--text-sub);line-height:4rem;font-size:1rem;}
#boxCopyLink a.strong{font-weight:600;color:var(--text-base);}
#boxCopyLink em{width:1px;height:1rem;background:#ddd;display:block;margin:0 1.75rem;}

/* ================================================
   메인 접수폼
   ================================================ */
#boxMainForm{margin-top:4rem;width:600px;}
#boxMainForm form textarea,
#boxMainForm form select,
#boxMainForm form input{width:32.5%;border:1px solid #d4e5d2;background:#fff;line-height:3.4rem;height:3.4rem;padding:0 1rem;font-size:1.15rem;color:#555;border-radius:.5rem;margin-bottom:.5rem;}
#boxMainForm form textarea:focus,
#boxMainForm form select:focus,
#boxMainForm form input:focus{border:1px solid var(--color1);}
#boxMainForm form input::placeholder{color:#a2a2a2;font-weight:400;}
#boxMainForm form .mgt{margin-top:.5rem;}
#boxMainForm form .boxAgree{font-size:1.15rem;flex:1;}
#boxMainForm form .boxAgree label{margin-right:.5rem;}
#boxMainForm form .boxAgree a{font-size:1rem;}
#boxMainForm form button{width:40%;border:0;background:var(--color1);height:3.4rem;font-size:1.35rem;color:#fff;border-radius:2rem;position:relative;}
#boxMainForm form button i{position:absolute;right:1rem;}
#boxMainForm form span{display:block;color:var(--color4);margin-bottom:.5rem;}

/* ================================================
   메인 하단 접수폼
   ================================================ */
#boxWrite .boxWriteRight{flex:1;margin-left:80px;position:relative;}
#boxWrite .boxWriteRightImg{width:75%;height:95%;border-radius:1rem;overflow:hidden;} 
#boxWrite .boxWriteRightImg span{display:block;width:100%;height:100%;}
#boxWrite .boxWriteRightImg2{position:absolute;bottom:0;right:0;}
#boxWrite form{width:45%;}
#boxWrite form .boxWriteTitle{width:100%;margin-bottom:1.5rem;text-align:left;}
#boxWrite form .boxMainForm_Content{width:100%;}
#boxWrite form .boxMainForm_Content span{display:block;text-align:left;margin-top:1rem;}
#boxWrite form .boxMainForm_Content textarea,
#boxWrite form .boxMainForm_Content select,
#boxWrite form .boxMainForm_Content input{width:100%;border:1px solid #d4e5d2;background:#fff;line-height:4rem;height:4rem;padding:0 1rem;font-size:1.15rem;color:#555;border-radius:.5rem;margin-bottom:.5rem;}
#boxWrite form .boxMainForm_Content textarea:focus,
#boxWrite form .boxMainForm_Content select:focus,
#boxWrite form .boxMainForm_Content input:focus{border:1px solid var(--color1);}
#boxWrite form .boxMainForm_Content input::placeholder{color:#a2a2a2;font-weight:400;}
#boxWrite form .boxMainForm_Content .inp{width:48.5%;text-align:left;}
#boxWrite form .boxMainForm_Content .boxAgree{margin-top:1rem;}
#boxWrite form .boxMainForm_Content .boxAgree label{margin-right:.5rem;font-size:1.15rem;}
#boxWrite form .boxMainForm_Content .boxAgree a{font-size:1.15rem;}
#boxWrite form .boxMainForm_Content button{margin-top:2.5rem;width:50%;border:0;background:var(--color1);height:4.4rem;font-size:1.35rem;color:#fff;border-radius:2rem;position:relative;}
#boxWrite form .boxMainForm_Content button i{position:absolute;right:1rem;}
#boxWrite form .boxMainForm_Content span{display:block;color:var(--color4);margin-bottom:.5rem;}

/* ================================================
   메인 주요 고객사
   ================================================ */
#boxLink{background:#fff;}
#boxLink .contain .boxLink_Content_List{width:20%;height:120px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#boxLink .contain .boxLink_Content_List:nth-child(-n+5){border-top:1px solid #ddd;}
#boxLink .contain .boxLink_Content_List:nth-child(5n-4){border-left:1px solid #ddd;}
#boxLink .contain .boxLink_Content_List img{display:block;margin:0 auto;max-width:150px;}

/* ================================================
   서브 이벤트 리스트
   ================================================ */
#boxPageEvent {padding:0 1rem;}
#boxPageEvent .pEvent {width:23.5%;overflow:hidden;background:#fff;margin-bottom:1rem;}
#boxPageEvent .pEvent .pEventImg{width:100%;aspect-ratio:1 / 1;}
#boxPageEvent .pEvent .pEventContent{width:100%;}
#boxPageEvent .pEvent .pEventContent strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:3rem;font-size:1rem;font-weight:500;line-height:2rem;text-align:justify;font-weight:normal;}

/* ================================================
   서브 꿀팁 리스트
   ================================================ */
#boxPageTips .pTips{width:24%;display:block;overflow:hidden;margin-bottom:2.5rem;}
#boxPageTips .pTips .pTipsImg{width:100%;height:0;padding-top:100%;aspect-ratio:1 / 1;}
#boxPageTips .pTips .pTipsContent{padding:.75rem 0;}
#boxPageTips .pTips .pTipsContent strong{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6rem;max-height:3.2rem;font-size:1.15rem;}
#boxPageTips .pTips .pTipsContent p{display:none;color:#555;}

/* ================================================
   서브 리뷰 리스트
   ================================================ */
#boxPageReviewTop {position:relative;text-align:right;}
#boxPageReviewTop .btnWriteReview {display:inline-block;background:var(--primary);color:#fff;line-height:3.4rem;border-radius:.5rem;padding:0 1.5rem;}

#boxPageReview {overflow:hidden;margin-top:2.5rem;}
#boxPageReview .boxReviewData{width:32%;display:block;overflow:hidden; cursor:pointer;background:#fafafa;padding:3rem;position:relative;margin-top:1.5rem;}
#boxPageReview .boxReviewData:nth-child(-n+3) {margin-top: 0;}
#boxPageReview .boxReviewData .boxReviewTitle {border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem;}
#boxPageReview .boxReviewData .boxReviewTitle strong{display:block;color:var(--primary);letter-spacing:-1px;font-size:1.35rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;text-align:left;}
#boxPageReview .boxReviewData .boxReviewTitle .boxStar{margin-left:1rem;font-size:1.15rem;}
#boxPageReview .boxReviewData .boxReviewTitle .boxStar i{color:var(--primary);margin-right:.25rem;}
#boxPageReview .boxReviewData > span {display:block;color:var(--text-sub);text-align:right;font-size:1.15rem;margin-top:1rem;}
#boxPageReview .boxReviewData .pageReviewContent_Image{width:100%;aspect-ratio:1/.6;margin-bottom:1rem;}
#boxPageReview .boxReviewData .pageReviewContent_Text{flex:1;font-size:1.15rem;line-height:1.6;color:var(--text-base);text-align:justify;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:7.5em;}

/* ================================================
   글보기
   ================================================ */
#boxView{font-size:1.15rem;line-height:1.4;}
#boxView .boxViewHead{padding-bottom:2rem;border-bottom:1px solid #ddd;}
#boxView .boxViewHead .subject{font-size:2.5rem;text-align:center;}
#boxView .boxViewHead .star i{color:#FEDC56;margin-left:3px;font-size:1.15rem;}
#boxView .boxViewHead .dateitme{color:#999;font-size:.9rem;margin-top:.5rem;}
#boxView .content{line-height:1.6;width:80%;margin:5rem auto;min-width:1000px;}
#boxView .question{padding:2.5rem;border-bottom:1px solid #ddd;line-height:1.6;}
#boxView .question.no{text-align:center;}
#boxView .question.no i{display:block;margin:1rem auto;font-size:2rem;color:#555;}
#boxView  a.image,
#boxView  img{display:block;max-width:100%;height:auto;margin:0 auto;}
#boxView .boxPrevNext a{display:block;border-bottom:1px solid #ddd;line-height:4rem;height:4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxView .boxPrevNext a span{display:inline-block;width:5rem;text-align:center;color:#999;}
#boxView .btnList{display:block;background:#333;border:0;color:#fff;line-height:4rem;height:4rem;margin:3.5rem auto 0 auto;width:30%;text-align:center;}
#boxView .boxViewImage{margin-top:1rem;}

/* ================================================
   레이아웃 - 버튼
   ================================================ */
#btnConfirm{margin:1.5rem auto 3rem auto;}
#btnConfirm input,
#btnConfirm button,
#btnConfirm a{display:block;width:49%;text-align:center;line-height:3rem;height:3rem;background:#999;border-radius:4px;color:#fff;font-weight:400;border:0;}
#btnConfirm input,
#btnConfirm button{background:var(--color4);}
#btnConfirm.flexbox button{width:100%;} 

/* ================================================
   메인 상단 이사배너
   ================================================ */
#boxMovingSub a {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;width:32%;margin-bottom:1.35rem;padding:2rem;border-radius:1rem;background:#fff;text-align:left;line-height:1.25;overflow:hidden;}
#boxMovingSub a .textBox {flex:1;}
#boxMovingSub a .textBox strong {display:block;margin-bottom:.5rem;font-size:1.35rem;color:var(--primary);}
#boxMovingSub a .textBox p {display:block;font-size:1.15rem;}
#boxMovingSub a .imgBox {width:32%;}
#boxMovingSub a .imgBox img {display:block;position:relative;margin:0 auto;height:100%;width:auto;}
#boxMovingSub a.on, 
#boxMovingSub a:hover {background:var(--primary);color:#fff;}
#boxMovingSub a.on .textBox strong,
#boxMovingSub a:hover .textBox strong {color:#fff;}
#boxMovingSub a.on *, 
#boxMovingSub a:hover * {color:#fff;}
#boxMovingSub a:nth-child(-n+3) {display:block !important;padding-bottom:1rem;}
#boxMovingSub a:nth-child(-n+3) .imgBox {width:100%;}
#boxMovingSub a:nth-child(-n+3) .imgBox img {width:92% !important;height:auto !important;margin-top:1rem;}

/* ================================================
   메인 장점
   ================================================ */
#boxBenefit{position:relative;height:450px;}
#boxBenefit .swiper-slide{position:relative;z-index:1;}
#boxBenefit .swiper-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,.5) 35%, rgba(0,0,0,.2) 80%);z-index:2;}
#boxBenefit .swiper-slide .boxBenefit_Content{position:relative;z-index:3;height:100%;padding-left:100px;}
#boxBenefit .swiper-slide .boxBenefit_Content .boxBenefit_Content_Text{line-height:1.4;}
#boxBenefit .swiper-slide .boxBenefit_Content .boxBenefit_Content_Text .icon{display:block;margin-bottom:2.8rem;zoom:.8;}
#boxBenefit .swiper-slide .boxBenefit_Content .boxBenefit_Content_Text strong{display:block;color:#fff;text-align:left;font-family:'JalnanGothic';font-size:3.2rem;font-weight:normal;letter-spacing:-1px;margin-bottom:.75rem;line-height:1.1;}
#boxBenefit .swiper-slide .boxBenefit_Content .boxBenefit_Content_Text strong em{color:var(--primary);display:block;font-style:normal;}
#boxBenefit .swiper-slide .boxBenefit_Content .boxBenefit_Content_Text p{color:rgba(255,255,255,.8);font-size:1.5rem;}

/* Swiper 내장 애니메이션 클래스 */
#boxBenefit .swiper-slide .boxBenefit_Content_Text strong,
#boxBenefit .swiper-slide .boxBenefit_Content_Text p,
#boxBenefit .swiper-slide .boxBenefit_Content_Text .icon{
opacity:0;
transform:translateX(80px);
transition:all 0.6s ease-out;
}

/* 순차적 애니메이션 적용 */
#boxBenefit .swiper-slide-active .boxBenefit_Content_Text .icon{opacity:1;transform:translateX(0);transition-delay:0.3s;}
#boxBenefit .swiper-slide-active .boxBenefit_Content_Text strong{opacity:1;transform:translateX(0);transition-delay:0.6s;}
#boxBenefit .swiper-slide-active .boxBenefit_Content_Text p{opacity:1;transform:translateX(0);transition-delay:0.9s;}

/* 배경 스크롤 차단 */
.scroll-lock {overflow:hidden;height:100%;position:fixed;left:0;top:0;}

.mobile-services {padding:1rem;margin:.5rem auto 1.5rem auto;}
.mobile-services .service-card {border:1px solid #ddd;border-radius:.75rem;padding:.75rem;margin-bottom:.75rem;background:#f9f9f9;text-align:left;}
.mobile-services .service-card:last-of-type {margin-bottom:0;}
.mobile-services .service-card .category {font-weight:bold;font-size:1.15rem;margin-bottom:.5rem;}
.mobile-services .service-card .service {font-size:1rem;font-weight:600;margin-bottom:3px;}
.mobile-services .service-card .description {font-size:1rem;color:var(--text-sub);line-height:1.4;}

.mobile-services .category-group {background:#f9f9f9;border-radius:.75rem;padding:.75rem;margin-bottom:.75rem;border:1px solid #ddd;}
.mobile-services .category-group:last-of-type {margin-bottom:0;}
.mobile-services .category-group .group-title {font-weight:bold;font-size:1.15rem;padding-bottom:.5rem;border-bottom:1px solid #ddd;}
.mobile-services .category-group .service-box {padding:1rem .5rem .5rem .5rem;text-align:left;}
.mobile-services .category-group .service-name {font-size:1rem;font-weight:600;margin-bottom:3px;}
.mobile-services .category-group .service-desc {font-size:1rem;color:var(--text-sub);line-height:1.4;}

.tit-service {text-align:left;font-size:2rem;margin-bottom:1.5rem;}
.pc-services {width:100%;border-spacing:0;border-top:2px solid var(--text-base);color:var(--text-sub);margin-bottom:7.5rem;}
.pc-services:last-child {margin-bottom:0;}
.pc-services tr th,
.pc-services tr td {border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:1.5rem 1rem;font-size:1.15rem;}
.pc-services tr td.center {text-align:center;}
.pc-services tr th:first-child,
.pc-services tr td:first-child {border-left:0;}
.pc-services tr th {background:#f9f9f9;color:var(--text-base);}

#boxFixedBottom {position:fixed;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:1000;}
#btnGoWrite {position: relative;font-size: 2.4rem;font-weight: 700;color: #fff;height: 5rem;line-height:5rem;padding: 0 4rem;background: var(--primary);box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);border-radius: 2.5rem;overflow: hidden;border: 0;z-index: 1;}

#pageMenu {width:200px;margin-right:2.5rem;}
#pageMenu a {line-height:3rem;font-size:1.25rem;width:100%;text-align:left;}
#pageMenu a span {display:block;width:2.4rem;height:2.4rem;margin-right:.5rem;}
#pageMenu a:hover,
#pageMenu a.on {color:var(--primary);}
#pageContent {padding:50px 0;}
#pageContentDetail {flex:1;}
#pageContentDetail .pageContentDetailTitle { border-bottom:1px solid #ddd; padding-bottom:1.5rem; margin-bottom:50px;}
#pageContentDetail .pageContentDetailTitle .subject {padding-right:2.5rem;color:var(--text-base);font-weight:500;font-size:42px; }
#pageContentDetail .pageContentDetailTitle .summary {font-size:1.25rem;padding-top:1.25rem;}

.boxPageContentDetail {margin-bottom:120px;overflow:hidden;}
.boxPageContentDetail:last-child {margin-bottom:0;}
.boxPageContentDetail .tit {font-size:1.5rem;text-align:left;font-weight:500;font-size:2.4rem;padding:1.5rem 0;color:var(--text-base);}
.boxPageContentDetail .tit em {background:var(--text-base);display:block;width:5px;height:2.2rem;margin-right:1.25rem;}
.boxPageContentDetail .tit span {color:var(--primary);font-weight:700;display:inline-block;}
.boxPageContentDetail .boxPageContentDetailSub {width:32%;background:var(--bg-gray);margin-top:2rem;}
.boxPageContentDetail .boxPageContentDetailSub:nth-child(-n+3) {margin-top: 0;}
.boxPageContentDetail .boxPageContentDetailSub.empty {background:#fff;}
.boxPageContentDetail .boxPageContentDetailSub .img {width:100%;aspect-ratio:1/.6;}
.boxPageContentDetail .boxPageContentDetailSub .boxPageContentDetailSubText {padding:2.5rem;position:relative;}
.boxPageContentDetail .boxPageContentDetailSub .boxPageContentDetailSubText .boxPageContentDetailSubTextGroup {width:100%;text-align:left;display:inline-block;}
.boxPageContentDetail .boxPageContentDetailSub .boxPageContentDetailSubText .boxPageContentDetailSubTextGroup strong {display:block;font-size:1.75rem;margin-bottom:.5rem;color:var(--text-base);}
.boxPageContentDetail .boxPageContentDetailSub .boxPageContentDetailSubText .boxPageContentDetailSubTextGroup p {display:block;text-align:justify;line-height:1.6;font-size:1.25rem;color:var(--text-sub);}
.boxPageContentDetail .boxPageContentDetailSub .boxPageContentDetailSubText .boxPageContentDetailSubTextGroup .btnGG {display:inline-block;position:absolute;background:var(--primary);color:#fff;padding:.5rem 1rem;top:1rem;right:1rem;border-radius:4px;}

/* ================================================
   접수폼 팝업 옵션
   ================================================ */
.boxPopFloor {width:90%; max-width:500px; margin:0 auto;position:relative;background:#fff;border-radius:1rem;padding:2rem;font-size:1.15rem;}
.boxPopFloor .boxFormTit {font-size:1.25rem;text-align:center;font-weight:500;margin-bottom:1rem;}
.boxPopFloor .boxFormCon span {border-radius:4px;display:block;width:32%;margin-top:.5rem;text-align:center;border:1px solid #ddd;line-height:2.5rem;}
.boxPopFloor .boxFormCon span.on {border:1px solid var(--primary);color:#fff;background:var(--primary);}

.boxPopMethod {width:90%;max-width:500px; margin:0 auto;position:relative;background:#fff;border-radius:1rem;padding:2rem;font-size:1.15rem;}
.boxPopMethod .boxFormTit {font-size:1.25rem;text-align:center;font-weight:500;margin-bottom:1rem;}
.boxPopMethod .boxFormCon span {border-radius:4px;display:block;width:100%;margin-top:.5rem;text-align:center;border:1px solid #ddd;line-height:2.5rem;}
.boxPopMethod .boxFormCon span.on {border:1px solid var(--primary);color:#fff;background:var(--primary);}

#boxPopBox {width:90%;max-width:500px; margin:0 auto;position:relative;background:#fff;border-radius:1rem;padding:2rem;font-size:1.15rem;}
#boxPopBox .boxFormTit {font-size:1.25rem;text-align:center;font-weight:500;margin-bottom:1rem;}
#boxPopBox .boxFormCon span {border-radius:4px;display:block;width:100%;margin-top:.5rem;text-align:center;border:1px solid #ddd;line-height:2.5rem;}
#boxPopBox .boxFormCon span.on {border:1px solid var(--primary);color:#fff;background:var(--primary);}

/* ================================================
   우측 고정 메뉴
   ================================================ */
#boxQuick{display:block;position:fixed;width:180px;top:50%;transform:translateY(-40%);right:0;z-index:10000;}
#boxQuick .boxQuickSub {position:relative;box-shadow:0 0 10px rgba(0,0,0,0.15);background:#fff;padding:.5rem 0 .5rem .5rem;border-radius:.5rem;border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;z-index:100;}
#boxQuick #boxQuickBtn {box-shadow:0 0 10px rgba(0,0,0,0.15);border:0;background:#fff;font-size:1rem;position:absolute;top:2rem;width:1.6rem;height:3rem;left:-1.6rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;z-index:99;}
#boxQuick a.mnQuick {width:100%;line-height:2.6rem;height:2.6rem;font-size:1rem;border-radius:4px;overflow:hidden;text-align:center;margin-bottom:.5rem;}
#boxQuick a.mnQuick i {display:block;margin-right:.5rem;line-height:2.6rem;}
#boxQuick #boxQuickKakao {background:#FFE812;}
#boxQuick #boxQuickWrite {display:block;font-size:1.15rem;border-radius:4px;overflow:hidden;text-align:center; background:var(--bg-light);height:250px;padding:1rem 0;color:var(--text-base);position:relative;}
#boxQuick #boxQuickWrite .boxQuickWrite_txt {display:block;font-size:.9rem;color:var(--bg-brown);margin-bottom:.5rem;}
#boxQuick #boxQuickWrite .boxQuickWrite_tel {display:block;font-size:1.6rem;letter-spacing:-.5px;font-family:'JalnanGothic';}
#boxQuick #boxQuickWrite .btnQuickWrite {border:0;background:var(--primary);color:#fff;font-size:1rem;line-height:2.6rem;height:2.6rem;width:100%;left:0;position:absolute; bottom:0;z-index:100;margin-bottom:0;overflow:hidden;}
#boxQuick #boxQuickWrite .btnQuickWrite span {display:block;line-height:2.6rem;}
#boxQuick #boxQuickWrite .btnQuickWrite i {line-height:2.6rem;display:none;color:#fff;margin-right:.5rem;}
#boxQuick #boxQuickAct {background:var(--primary_clean);color:#fff;margin-bottom:.5rem;text-align:center;padding:.65rem 0;border-radius:4px;overflow:hidden;}
#boxQuick #boxQuickAct .txt {text-align:left;font-size:.9rem;margin-left:.5rem;}
#boxQuick #boxQuickAct img {height:2.6rem;}
#boxQuick .quickBtn *,
#boxQuick .quickIcon * {transition:all 0s ease-in-out;}
#boxQuick .quickBtn {display:block;}
#boxQuick .quickIcon {display:none;}
#boxQuick .quickIcon a {display:block;border:0;width:3rem;height:3rem;line-height:3rem;border-radius:.5rem;text-align:center;margin-bottom:.35rem;font-size:1.15rem;}
#boxQuick .quickIcon button {display:block;border:0;width:3rem;height:3rem;border-radius:.5rem;background:var(--primary);color:#fff;font-size:1.15rem;}
#boxQuick.on {width:50px;}
#boxQuick.on .quickBtn {display:none;}
#boxQuick.on .quickIcon {display:block;}
#boxQuickKakaoIcon {background:#FFE812;color:#222;}
#boxQuickActIcon {background:var(--primary_clean);color:#fff;}

/* ================================================
   서브 상단이미지
   ================================================ */
#boxSubimg{position:relative;width:100%;height:calc(100vh - 140px);overflow:hidden;}
#boxSubimg .swiper-slide{position: relative; z-index: 101; }
#boxSubimg .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; z-index: 102; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0,0,0,.5) 35%, transparent 50%); }
#boxSubimg .swiper-slide .boxMainText{position:relative;height:100%;z-index:102;font-size:2.5rem;color:#fff;line-height:125%;}
#boxSubimg .swiper-slide .boxMainText strong{width:100%;display:block;text-align:left;margin-bottom:.75rem;font-size:3.4rem;font-weight:700;letter-spacing:-2px;line-height:1.15;}
#boxSubimg .swiper-slide .boxMainText strong em{display:inline-block;background:var(--primary);font-style:normal;}
#boxSubimg .swiper-slide .boxMainText p{width:100%;display:block;text-align:left;font-size:1.5rem;line-height:1.4;color:#fff;}
#boxSubimg .swiper-slide .boxMainText a{position:relative;display:block;margin:2rem auto 0 0;background:var(--primary);color:#fff;border-radius:2.2rem;line-height:4.4rem;padding:0 5rem 0 6rem;border:0;font-size:1.5rem;font-weight:500;}
#boxSubimg .swiper-slide .boxMainText a i{position:absolute;top:50%;transform:translateY(-50%);left:1.5rem;}

/* Swiper 내장 애니메이션 클래스 */
#boxSubimg .swiper-slide .boxMainText strong,
#boxSubimg .swiper-slide .boxMainText p,
#boxSubimg .swiper-slide .boxMainText .btnApply{opacity:0;transform:translateX(80px);transition:all 0.6s ease-out;}

/* 순차적 애니메이션 적용 */
#boxSubimg .swiper-slide-active .boxMainText strong{opacity:1;transform:translateX(0);transition-delay:0.3s;}
#boxSubimg .swiper-slide-active .boxMainText p{opacity:1;transform:translateX(0);transition-delay:0.6s;}
#boxSubimg .swiper-slide-active .boxMainText .btnApply{opacity:1;transform:translateX(0);transition-delay:0.9s;}

#boxSubimg .swiper-button-next,
#boxSubimg .swiper-button-prev{color:#fff;background-color:rgba(255,255,255,.25);background-image:none;width:65px;height:65px;border-radius:50%;}
#boxSubimg .swiper-button-next:hover,
#boxSubimg .swiper-button-prev:hover{background-color:var(--primary);}
#boxSubimg .swiper-button-prev,
#boxSubimg .swiper-rtl .swiper-button-next{left:-10rem;}
#boxSubimg .swiper-button-next,
#boxSubimg .swiper-rtl .swiper-button-prev{right:-10rem;}
#boxSubimg:hover .swiper-button-prev,
#boxSubimg:hover .swiper-rtl .swiper-button-next{left:1rem;}
#boxSubimg:hover .swiper-button-next,
#boxSubimg:hover .swiper-rtl .swiper-button-prev{right:1rem;}
#boxSubimg .swiper-button-next:after,
#boxSubimg .swiper-button-prev:after{font-size:35px;}

/* ================================================
   서브 현장 사진
   ================================================ */
#boxGallery{background:#fff;position:relative;}
#boxGallerySub{overflow:hidden;}
#boxGallerySub .swiper-slide{position:relative;overflow:hidden;cursor:pointer;}
#boxGallerySub .swiper-slide .thumb {overflow:hidden;}
#boxGallerySub .swiper-slide .thumb span{display:block;width:100%;aspect-ratio:1/.6;}
#boxGallerySub .swiper-slide .content {padding:1.5rem 0 0;}
#boxGallerySub .swiper-slide .content strong {display:block;font-weight:500;line-height:3.4rem;font-size:1.75rem;color:var(--text-base);}
#boxGallerySub .swiper-slide .content span {display:block;font-size:1.15rem;color:var(--text-sub);}

/* ================================================
   서브 이용후기
   ================================================ */
#pageReviewMain{background:var(--bg-gray);position:relative;overflow:hidden;}
#pageReview{background:var(--bg-gray);position:relative;overflow:hidden;}
#pageReview .pageReviewData{display:block;width:32%;cursor:pointer;background:#fff;padding:2.5rem;position:relative;}
#pageReview .pageReviewData.empty {background:transparent;}
#pageReview .pageReviewData .boxStar{display:inline-block;margin-left:.75rem;}
#pageReview .pageReviewData .boxStar i {color:var(--primary);margin-right:.25rem; font-size:1.15rem;}
#pageReview .pageReviewData .pageReviewContent_Image{width:100%;aspect-ratio:1/.5;margin-bottom:1.5rem;}
#pageReview .pageReviewData .pageReviewContent_Text{font-size:1.35rem;color:var(--text-base);text-align:justify;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:2rem;max-height:8rem;}
#pageReview .pageReviewData strong{display:block;color:var(--primary);letter-spacing:-1px;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #ddd;text-align:left;}
#pageReview .pageReviewData span{text-align:right;display:block;color:var(--text-sub);margin-top:1.5rem;font-size:1rem;}