@charset "utf-8";
@import url('./layout.css');

section {position:relative !important; overflow:hidden !important; z-index:2; background:#fff}


/* ■ 메인 비주얼 동영상 (기존) */
#main_vsa {position:relative; height:700px; overflow:hidden; z-index:999}
#main_vsa .inner iframe {width:100%; position: absolute; top:-41%; left: 0; z-index: 1; margin-top:-43px; margin-left:-0%}
#main_vsa .inner_af {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(250,250,250,0.1); z-index:5}
#main_vsa .inner_tx {position:absolute; left:50%; bottom:38px; width:1250px; margin-left:-625px; font-family:'Pretendard'; font-size:92px; font-weight:800; color:#fff; letter-spacing:2px; z-index:7}


/* ■ 메인 비주얼 슬라이드 (240604) */
#main_vsa2 {position:relative;  overflow:hidden; z-index:999}
#main_vsa2 #vsa2_slider .img {width:100%; /* height:64.757vw */ height:634px; background-color:#000}
#main_vsa2 #vsa2_slider h4 {position:absolute; left:70px; bottom:50px; font-size:37px; font-family:'Pretendard'; color:#fff}
#main_vsa2 #vsa2_slider p {position:absolute; right:70px; top:120px; font-size:20px; margin-top:25px; color:#fff}
#main_vsa2 #vsa2_slider .item01 h4 {right:70px; text-align:right; color:#000}
#main_vsa2 #vsa2_slider .item {cursor:pointer}
#main_vsa2 #vsa2_slider .item01 .img {background:url('/page/images/main/vsa2_slider01.jpg') no-repeat center; background-size:cover}
#main_vsa2 #vsa2_slider .item02 .img {background:url('/page/images/pct/pct_img01.jpg') no-repeat center -105px; background-size:cover}
#main_vsa2 #vsa2_slider .item03 .img {background:url('/page/images/main/vsa2_slider03.jpg') no-repeat center; background-size:cover}
#main_vsa2 #vsa2_slider .item04 .img {background:url('/page/images/she/she_img01.jpg') no-repeat center -345px; background-size:cover}
#main_vsa2 #vsa2_slider .item05 .img {background:url('/page/images/main/vsa2_slider05.jpg') no-repeat center; background-size:cover}
#main_vsa2 #vsa2_slider {padding-bottom:30px}




/* ■ 메인 소개 */
#about_us {position:relative; background:#fff; padding-bottom:125px; z-index:3}
#about_us h3 {font-size:34px; padding:100px 0 20px; font-weight:600}
#about_us h3 > strong {font-family:'Pretendard'; font-weight:900; font-size:36px}
#about_us p {font-size:15px; color:#8e8e8e; margin-top:30px; line-height:1.7}
#about_us .btn_box a {width:149px; height:50px; line-height:50px; border-radius:25px; font-size:14px; font-weight:500; margin-top:100px}


/* ■ 안전하고 건강한 주택 */
#main_st03 {height:545px; position:relative; overflow:hidden }
#main_st03 .section_bg {position:fixed; left:0; top:0; width:100%; max-width:100%; height:100%; background:url('/page/images/main/main_st03_bg.jpg') no-repeat; background-position:50% 50%; background-size:cover; z-index:1}
#main_st03 .section_wr {position:relative; padding-top:375px; color:#fff; z-index:2}
#main_st03 .section_wr h3 {font-size:15px; font-weight:300; opacity:.7; margin-left:5px}
#main_st03 .section_wr p {font-size:60px; font-weight:900; display:inline-block}


/* ■ WHAT WE DO */
#main_st04 {position:relative; background:#fff}
#main_st04 .section_wr h3 {position:relative; font-size:38px; font-weight:800; text-align:center; padding:150px 0 40px}

#main_st04 #mn01_slider {margin-top:70px; padding-bottom:30px}
#main_st04 #mn01_slider .item {padding:0 47.5px}
#main_st04 #mn01_slider .img {width:100%; /* height:64.757vw */ height:70vw; max-height:861px; background-color:#000}

#main_st04 #mn01_slider .txt {text-align:center; margin-top:25px}
#main_st04 #mn01_slider .txt h4 {font-size:37px; font-family:'Pretendard'}
#main_st04 #mn01_slider .txt p {font-size:14px; margin-top:25px; color:#8e8e8e}

#main_st04 #mn01_slider .item01 .img {background:url('/page/images/main/mn_gallery01.jpg') no-repeat center; background-size:cover}
#main_st04 #mn01_slider .item02 .img {background:url('/page/images/main/mn_gallery02.jpg') no-repeat center; background-size:cover}
#main_st04 #mn01_slider .item03 .img {background:url('/page/images/main/mn_gallery03.jpg') no-repeat center; background-size:cover}
#main_st04 #mn01_slider .item04 .img {background:url('/page/images/main/mn_gallery04.jpg') no-repeat center; background-size:cover}
#main_st04 #mn01_slider .item05 .img {background:url('/page/images/main/mn_gallery05.jpg') no-repeat center; background-size:cover}

#main_st04 #mn01_slider {padding-bottom:30px}

.owl-carousel .owl-dots {position:absolute; left:50%; bottom:0px; width:auto; margin-left:-80.5px; z-index:5}
.owl-carousel .owl-dots button.owl-dot {background:rgba(33, 33, 33, .5); width:12px; height:12px; border-radius:50%; margin:0 8px}
.owl-carousel .owl-dots button.owl-dot.active {background:rgba(0, 0, 0, 1); width:33px; height:12px; border-radius:6px}




/* ■ 반응형 */
@media screen and (max-width:1500px) {
	#main_vsa2 #vsa2_slider .item02 .img {background-position:center}
	#main_vsa2 #vsa2_slider .item04 .img {background-position:center bottom}
}

@media screen and (max-width:1380px) {
	#main_vsa2 #vsa2_slider .img {height:585px}
}
	


@media screen and (max-width:1280px) {
	#main_vsa .inner_tx {left:15px; width:auto; margin-left:0}



}


@media screen and (max-width:1110px) {
	#main_vsa .inner iframe {width:112%; top:-39%; margin-left:-6%}
	#main_vsa .inner_tx {left:10px; bottom:35px; font-size:78px; font-weight:800; color:#fff; letter-spacing:2px}
}


@media screen and (max-width:1025px) {
	#main_vsa {height:595px}
	#main_vsa .inner {margin-top:-390px}
	#main_vsa .inner iframe {width:110%; top:-57%; margin-left:-5%}


	
	/* 메인 소개 */
	#about_us {padding-bottom:110px}
	#about_us h3 {font-size:28px; padding:80px 0 10px; font-weight:600}
	#about_us h3 > strong {font-weight:900; font-size:30px}
	#about_us p {font-size:13px; margin-top:20px; line-height:1.7}
	#about_us .btn_box a {width:125px; height:40px; line-height:40px; border-radius:20px; font-size:12px; margin-top:60px}		
	
	/* 안전하고 건강한 주택 */
	#main_st03 {height:465px}
	#main_st03 .section_wr {padding-top:310px}
	#main_st03 .section_wr h3 {font-size:13px; font-weight:300}
	#main_st03 .section_wr p {font-size:52px; font-weight:800}	
	
	/* WHAT WE DO */
	#main_st04 .section_wr {}
	#main_st04 .section_wr h3 {font-size:32px; padding:130px 0 40px}
}
	



@media screen and (max-width:991px) {
	#main_vsa {display:none}
	#main_vsa2 {display:none}
	
	/* 메인 소개 */
	#about_us {padding-bottom:50px}
	#about_us h3 {padding:105px 0 0}
	#about_us h3 > strong {font-weight:600; font-size:25px}
	#about_us h3 > em {display:none}
	#about_us p {font-size:12px; margin-top:15px; line-height:1.7}
	#about_us p > i {display:block}
	#about_us .btn_box a {width:115px; height:34px; line-height:34px; border-radius:17px; font-size:12px}	
	
	/* 안전하고 건강한 주택 */	
	#main_st03 .section_wr {position:absolute; left:0; bottom:50px; padding-top:0px}
	#main_st03 .section_bg {position:relative}
	
	/* WHAT WE DO */	
	#main_st04 .section_wr h3 {font-size:24px; font-weight:600; padding:50px 0 40px}
	#main_st04 #mn01_slider {margin-top:20px; padding-bottom:0}
	#main_st04 #mn01_slider .item {padding:0 0px}	
	#main_st04 #mn01_slider .txt {text-align:left; margin-top:25px}
	#main_st04 #mn01_slider .txt h4 {font-size:20px}
	#main_st04 #mn01_slider .txt p {font-size:.87em; margin-top:10px; color:#5e5e5e; line-height:1.8}
	#main_st04 #mn01_slider .txt p em {display:block}
	.owl-carousel .owl-dots {display:none}
}


/* Mobile 770px 이하 */
@media all and (max-width:770px) {
	/* 안전하고 건강한 주택 */
	#main_st03 {height:292px}	
	#main_st03 .section_wr {bottom:35px}
	#main_st03 .section_wr h3 {font-size:14px; font-weight:300; margin-left:3px}
	#main_st03 .section_wr p {font-size:31px; font-weight:700; margin-top:7px}
	
	/* WHAT WE DO */	
	#main_st04 .section_wr h3 {font-size:28px; font-weight:600; padding:45px 0 40px}	
	#main_st04 #mn01_slider {margin-top:10px}
	#main_st04 #mn01_slider .txt {margin-top:35px}
	#main_st04 #mn01_slider .txt h4 {font-size:22px}
	#main_st04 #mn01_slider .txt p {font-size:1em; margin-top:15px}	
}


/* Mobile 400px 이하 */
@media all and (max-width:400px) {	
	#main_vsa {display:block; height:270px}
	#main_vsa .inner {margin-top:-410px}
	#main_vsa .inner_af {display:none}
	#main_vsa .inner iframe {width:110%; top:-189.5%; margin-left:-5%}
	#main_vsa .inner_tx {display:none}
	
	/* 메인 소개 */
	#about_us h3 {padding:50px 0 0}
	#about_us p {font-size:.1.05em; color:#5e5e5e; line-height:1.6; letter-spacing:-.2px}
	#about_us p.p02 br {display:none}	
}