.top_sub{display:none;}
@media (prefers-reduced-motion: no-preference){
	@media(max-width: 1279px){
		section:has(:where([data-scroll_effect="slide_left"], [data-scroll_effect="slide_right"])){ overflow: hidden; }
		[data-scroll_effect]:has(span){ display: inline-block; }
		[data-scroll_effect="clip_right"]{ clip-path: inset(0 100% 0 0); transition: .8s; }
		[data-scroll_effect="clip_left"]{ clip-path: inset(0 0 0 100%); transition: .8s; }
		[data-scroll_effect="slide_up"]{ transform: translateY(20rem); opacity: 0; transition: .6s; }
		[data-scroll_effect="slide_left"]{ transform: translateX(20rem); opacity: 0; transition: .6s; }
		[data-scroll_effect="slide_right"]{ transform: translateX(-20rem); opacity: 0; transition: .6s; }
		[data-scroll_effect*="flip_"]{ backface-visibility: hidden; }
		[data-scroll_effect="flip_up"]{ transform: perspective(2500rem) rotateX(-100deg); transition: .6s; }
		[data-scroll_effect="clip_right"].effect_active{ clip-path: inset(0); }
		[data-scroll_effect*="slide_"].effect_active{ transform: translate(0); opacity: 1; }
		[data-scroll_effect*="flip_"].effect_active{ transform: perspective(2500rem) rotateX(0deg); }
		[data-scroll_effect_delay="50"].effect_active{ transition-delay: .05s; }
		[data-scroll_effect_delay="100"].effect_active{ transition-delay: .1s; }
		[data-scroll_effect_delay="150"].effect_active{ transition-delay: .15s; }
		[data-scroll_effect_delay="200"].effect_active{ transition-delay: .2s; }
		[data-scroll_effect_delay="250"].effect_active{ transition-delay: .25s; }
		[data-scroll_effect_delay="300"].effect_active{ transition-delay: .3s; }
		[data-scroll_effect_delay="350"].effect_active{ transition-delay: .35s; }
		[data-scroll_effect_delay="400"].effect_active{ transition-delay: .4s; }
		[data-scroll_effect_delay="450"].effect_active{ transition-delay: .45s; }
		[data-scroll_effect_delay="500"].effect_active{ transition-delay: .5s; }
		[data-scroll_effect_delay="600"].effect_active{ transition-delay: .6s; }
		[data-scroll_effect_delay="700"].effect_active{ transition-delay: .7s; }
		[data-scroll_effect_column] [data-scroll_effect].effect_active{ transition-delay: calc(var(--index) * calc(var(--delay) * 1ms)); }
	}
}
div[class^="area_"]:not(div.area_cs){height:100%;}
@media(max-width:1279px){
    div[class^="area_"]:not(div.area_cs){height:auto;}
}

/* visual */
.area_visual{position:relative; width:100%; height:100%; background-size: cover; background-position:50%;}
.area_visual .inr{position:relative; padding-top:var(--header_height); height:100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.area_visual .inr .visual_txt {color: #fff;}
.area_visual .inr .visual_txt h2{font-size:var(--fs60); margin-bottom:25rem; letter-spacing: -0.2px;}
.area_visual .inr .visual_txt p{font-size:var(--fs24);}
.area_visual .swiper-slide{height:100% !important; position: relative;}
.area_visual .swiper-slide::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size:cover; }
.area_visual .swiper-slide-active::before{animation: imagescale 3s both;}
.area_visual .swiper-slide.slider01::before {background:url(../images/main/main_visual01.jpg)no-repeat center/cover;}
.area_visual .swiper-slide.slider02::before {background:url(../images/main/main_visual02.jpg)no-repeat center/cover;}
.area_visual .swiper-slide.slider03::before {background:url(../images/main/main_visual03.jpg)no-repeat center/cover;}
.area_visual .navi{position:absolute; margin-top:calc(var(--header_height) / 2); padding:0 100rem; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:50;}
.area_visual .navi .arrow{border:1px solid #fff;}
.swiper-pointer-events {overflow: hidden;}
.area_visual .scroll{position:absolute; left:50%; bottom:75rem; transform:translateX(-50%); z-index:50;}
.area_visual .scroll em{display:block; color:#fff; font-size:16rem; text-align:center; font-weight:300;}
.area_visual .scroll span{display:flex; align-items:center; justify-content:center; margin:16rem auto 0; width:52rem; height:52rem; border-radius:50%; border:1px solid #fff;}
.area_visual .scroll span img{display:block; width:17rem;}
.area_visual .swiper-pagination{display:none;}
@keyframes imagescale {
    0%{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
    100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}
}
@media(max-width:1279px){
    .area_visual{height:100% !important;}
    .area_visual .inr .visual_txt h2{margin-bottom:20rem; font-size:var(--fs50);}
    .area_visual .inr .visual_txt p{font-size:20rem;}
    .area_visual .navi{padding:0 4%;}
    .area_visual .scroll{bottom:30rem;}
    .area_visual .scroll span{margin-top:10rem; width:46rem; height:46rem;}
    .area_visual .scroll span img{width:15rem;}
}
@media(max-width:767px){
    .area_visual .inr .visual_txt{margin-top:-70rem;}
    .area_visual .inr .visual_txt h2 span{display:block;}
    .area_visual .navi{display:none !important;}
    .area_visual .swiper-pagination{display:block; top:auto; bottom:30% !important; text-align:center;}
    .area_visual .swiper-pagination-bullet{width:30rem; height:6rem; border-radius:0; background:rgba(255,255,255,0.3); opacity:1;}
    .area_visual .swiper-pagination-bullet-active{background:#fff;}
}


/* 메인 공통 */
.swiper .navi{display:flex; justify-content:space-between; align-items:center;}
.swiper .navi .arrow{display:flex; align-items:center; justify-content:center; position:relative; top:auto; left:auto; right:auto; margin-top:0; width:70rem; height:70rem; border-radius:50%; font-size:0px; z-index:99; transition:.2s ease;}
.swiper .navi .arrow:after{display:none;}
.swiper .navi .arrow img{display:block; width:18rem;}
.swiper .navi .swiper-button-prev{transform:rotate(180deg);}
.btn_common01{display:flex; align-items:center; }
.btn_common01 span{display:flex; align-items:center; justify-content:center; width:56rem; height:56rem; border:1px solid #1e1e1e; border-radius:50%;}
.btn_common01 span img{display:block; width:15rem;}
.btn_common01 h4{margin-left:12rem; font-size:18rem; color:#000; font-weight:500;}
.main_tit{margin-bottom:50rem;}
.main_tit h2{font-size:var(--fs48); color:#1e1e1e;}
.main_tit em{display:block; margin-bottom:10rem; font-size:16rem; color:#aaa; font-weight:bold;}
@media(hover:hover){
    .swiper .navi .arrow:hover{opacity:0.6;}
}
@media(max-width:1279px){
    .swiper .navi .arrow{width:56rem; height:56rem;}
    .swiper .navi .arrow img{width:15rem;}
    .main_tit{margin-bottom:35rem;}
    .main_tit h2{font-size:30rem;}
    .main_tit em{margin-bottom:5rem;}
    .btn_common01 span{width:50rem; height:50rem;}
    .btn_common01 span img{width:14rem;}
}
@media(max-width:767px){
    .main_tit{margin-bottom:25rem;}
}


/* 사업소개 */
.area_business{display:flex;}
.area_business .left{width:760rem; background:url(/images/main/business01.jpg)no-repeat right bottom/cover;}
.area_business .left .inr{display:flex; align-items:center; width:100%; max-width:100%; padding:0 100rem;}
.area_business .left .txt_box{margin-top:-100rem; color:#fff; transform:translateY(20rem); opacity:0; transition:0.8s 0.5s ease;}
.area_business .left .txt_box h2{font-size:var(--fs48);}
.area_business .left .txt_box h3{margin:45rem 0 20rem; font-size:var(--fs36);}
.area_business .left .txt_box p{font-size:18rem;}
.area_business .left .txt_box .btn_more{display:block; margin-top:45rem; width:146rem; height:60rem; line-height:60rem; font-size:18rem; color:#4d4d4d; text-align:center; background:#fff;}
.area_business .left .txt_box .btn_more img{display:inline-block; margin-top:-2rem; margin-left:12rem; transform:rotate(-45deg); width:22rem;}
.area_business .right{padding-top:var(--header_height); width:calc(100% - 760rem); background:url(/images/main/business_bg.jpg)no-repeat right bottom/cover;}
.area_business .right .inr{width:100%; max-width:100%; padding:50rem 100rem;}
.area_business .right .main_tit{display:flex; justify-content:space-between; align-items:flex-end;}
.area_business .right .main_tit .btn_common01{margin-bottom:15rem;}
.area_business .right ul{display:flex; justify-content:space-between; transform:translateX(20rem); opacity:0; transition:0.8s 0.5s ease;}
.area_business .right ul li{width:calc(100% / 2 - 20rem);}
.area_business .right ul li span{display:block; border-radius:10rem; overflow:hidden;}
.area_business .right ul li span img{display:block; width:100%;}
.area_business .right ul li h3{margin:30rem 0 25rem; font-size:var(--fs24); font-weight:500; color:#1e1e1e;}
.area_business .right ul li p{font-size:16rem; color:#1e1e1e;}
#section01.active .area_business .left .txt_box{transform:translateY(0); opacity:1;}
#section01.active .area_business .right ul{transform:translateX(0); opacity:1;}
@media(max-width:1279px){
    .area_business .left{width:35%;}
    .area_business .left .inr{padding:0 30rem;}
    .area_business .left .txt_box{transition:0.5s ease;}
    .area_business .left .txt_box h2{font-size:30rem;}
    .area_business .left .txt_box h3{margin:30rem 0 18rem; font-size:26rem;}
    .area_business .left .txt_box p > br{display:none;}
    .area_business .left .txt_box .btn_more{height:54rem; line-height:54rem;}
    .area_business .left .txt_box .btn_more img{width:18rem;}
    .area_business .right{padding-top:0; width:65%;}
    .area_business .right .inr{padding:80rem 45rem;}
    .area_business .right .main_tit .btn_common01{margin-bottom:8rem;}
    .area_business .right ul{transition:0.5s ease;}
    .area_business .right ul li{width:calc(100% / 2 - 10rem);}
    .area_business .right ul li h3{margin:25rem 0 15rem; font-size:20rem;}
}
@media(max-width:767px){
    .area_business{display:block;}
    .area_business .left{margin:80rem auto 0; width:92%;}
    .area_business .left .inr{padding:50rem 40rem;}
    .area_business .left .txt_box{margin-top:0;}
    .area_business .right{width:100%;}
    .area_business .right .inr{padding:50rem 4% 0;}
}


/* 시공사례 */
.area_work{position:relative; padding-top:var(--header_height);}
.area_work:before{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#f2f2f2;}
.area_work .obj01{position:absolute; left:-15rem; bottom:30rem; width:770rem;}
.area_work .obj02{position:absolute; bottom:0; right:0; width:640rem;}
.area_work .inr{padding:50rem 0;}
.area_work .main_tit{text-align:center;}
.area_work .swiper{}
.area_work .swiper-wrapper{}
.area_work .swiper-slide{}
.area_work .swiper-slide a{display:block; display:block;}
.area_work .swiper-slide a .img{display:block; position:relative; padding-top:85%; overflow:hidden; border-radius:10rem;}
.area_work .swiper-slide a .img img{display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.area_work .swiper-slide a .tit_box{position:absolute; padding:30rem 40rem; left:0; bottom:0; background:#fff; border-top-right-radius:10rem; width:calc((100% / 3) * 2); transition:0.2s ease;}
.area_work .swiper-slide a .tit_box em{display:block; font-size:20rem; font-weight:500; color:#000; transition:0.2s ease;}
.area_work .swiper-slide a .tit_box i{display:block; margin-top:18rem; font-size:16rem; color:#aaa; transition:0.2s ease;}
.area_work .navi{position:absolute;}
.area_work .navi .arrow{border:1px solid #1e1e1e;}
.area_work .swiper-pagination{position:relative; margin-top:30rem; text-align:center;}
.area_work .swiper-pagination-bullet{width:30rem; height:6rem; border-radius:0;}
.area_work .swiper-pagination-bullet-active{background:#000;}
.area_work .btn_common01{margin-top:30rem; justify-content:center;}
@media(hover:hover){
    .area_work .swiper-slide a:hover .tit_box{background:#f19b0e;}
    .area_work .swiper-slide a:hover .tit_box em{color:#fff;}
    .area_work .swiper-slide a:hover .tit_box i{color:#fff; opacity:0.6;}
}
@media(max-width:1279px){
    .area_work{padding-top:0;}
    .area_work .obj01{width:50%;}
    .area_work .obj02{width:35%;}
    .area_work .inr{padding:80rem 0;}
    .area_work .swiper-slide a .tit_box{padding:20rem 15rem; width:82%;}
    .area_work .swiper-slide a .tit_box i{margin-top:10rem; font-size:14rem;}
    .area_work .swiper-slide a .tit_box em{font-size:18rem;}
    .area_work .swiper-pagination{margin-top:22rem;}
}
@media(max-width:767px){
    .area_work .swiper-slide a .img{padding-top:110%;}
    .area_work .swiper-slide a .tit_box{width:88%;}
    .area_work .swiper-pagination{padding-top:30rem;}
    .area_work .btn_common01{margin-top:20rem;}
}


/* 공지 및 견적문의 */
.sec_cs{background-color:#f6f6f6;}
.sec_cs .fp-tableCell{display:block;}
.area_cs{display:flex;}
.area_cs .box{padding:var(--header_height) 50rem 0; width:calc(100% / 2);}
.area_cs .box.notice{background:url(/images/main/notice_bg.jpg)no-repeat center/cover;}
.area_cs .box.inquiry{background:url(/images/main/qna_bg.jpg)no-repeat center/cover;}
.area_cs .box .box_inr{display:flex; align-items:center; justify-content:center; flex-direction:column; height:620rem;}
.area_cs .box .main_tit{margin-bottom:30rem; text-align:center; transform:translateY(20rem); opacity:0; transition:0.8s 0.5s ease;}
.area_cs .box .main_tit h2{color:#fff;}
.area_cs .box .main_tit em{margin-bottom:5rem; color:#d8d8d8;}
.area_cs .box .main_tit p{margin-top:10rem; font-size:18rem; color:#fff;}
.area_cs .box .btn_more{display:block; margin:0 auto; width:200rem; height:60rem; line-height:60rem; color:#fff; font-size:18rem; font-weight:500; text-align:center; background:rgba(255,255,255,0.4); border-radius:5rem; transform:translateY(20rem); opacity:0; transition:0.8s 0.5s ease;}
.sec_cs.active .area_cs .box .main_tit,
.sec_cs.active .area_cs .box .btn_more{transform:translateY(0); opacity:1;}
@media(max-width:1279px){
    .area_cs .box{padding:100rem 0;}
    .area_cs .box .box_inr{height:auto;}
    .area_cs .box .btn_more{width:170rem; height:54rem; line-height:54rem;}
    .area_cs .box .main_tit,
    .area_cs .box .btn_more{transition:0.5s ease;}
}
@media(max-width:767px){
    .area_cs{display:block;}
    .area_cs .box{padding:60rem 0; width:100%;}
    .area_cs .box .main_tit{margin-bottom:25rem;}
}