@charset "utf-8";
/**************************************** 작은 모니터, 노트북 ****************************************/

@media screen and (max-width: 1280px){
    section{padding-top:160px}
    footer{padding:30px 0 20vh}
    
    .fLogo{width:10vw !important; height:10vw !important; bottom:2vmin}

    /* 메인배너 */
    .mainBanner{padding-top:10vh}
    .mainBanner > .inner{flex-direction: column; align-items: flex-start;}
    .mainBannerP{width:100%; margin-bottom:50px}

    /* 시공경력 */
    .career{padding:160px 0 80px }
    .careerBox{margin-top:55px}
    .careerList{width:31%; flex-direction: column; align-items: center; justify-content: center; background:#F8F8F8; 
    border-radius:1vmin; padding:2vmin 0}
    .careerList img{margin-right:0}
    .careerListP{margin-top:1vmin;}
    .careerListP p{text-align: center;}

    /* 서브배너 */
    .subBanner{height:360px;}

    /* 시공순서 */
    .order > .inner > .fs_w18{margin-bottom:70px}
    .orderList{margin-bottom:85px; flex-direction: column;}
    .orderList img{width:100%; margin-bottom:35px;}
    .orderP p:nth-child(1){margin-bottom:20px;}

    .orderList.reverse .orderP{order:2}
    .orderList.reverse img{order:1}

    /* 시공사례 */
    .example{padding:160px 0}

    /* 상담신청 */
    .consulting{padding:90px 0}
    .consulting .inner{flex-direction: column;}
    .consultingP{width:100%; padding-top:0; display:flex; align-items: center; margin-bottom:35px;}
    .consultingP > p:nth-child(2){margin-left:35px;}
    .consultantingForm{width:100%;}


    /* 회사소개 */
    .ceo{padding-top:80px}
    .ceo > .inner{flex-direction: column-reverse;}

    /* 지도 */
    .wrap_map{height:190px !important}
    .root_daum_roughmap{border-radius:0.5vmin}
    .mapP{align-items: flex-start; margin:30px 0 55px; flex-direction: column;}
    .mapIcon{margin-left:0}
    .mapBtn{width:100%}

    /* 리스트 페이지 */
    .ListBanner{padding:80px 0 0;}
    .ListBanner .inner{height:auto; flex-direction: column;}
    .gallTitP{width:100%; height:auto; padding:40px 35px;}
    .gallTitP p br{display:none}
    
    .ListBanner img{width:100%; height:auto}
    .gall_row li{width:100%; margin-bottom:30px;}
    .gallImg{height: 29vw; border-radius:0.5vmin}

    /* 뷰페이지 */
    .viewBanner{margin-top:0; height:160px;}

    


    
}

/**************************************** 큰태블릿 사이즈 ****************************************/

@media screen and (max-width: 1024px){

    .inner{width:768px;}

    header{display:none;}
    .fMenu{display:flex;}
	footer > .inner > p > br{display: block;}

	footer{padding:30px 0 150px}

	.modalCnt {width: 60vw;}
	.policyBtn1 {width: 100%; height: 6vh;}

	#login_fs {width: 600px;}
	.loginInput {width: 500px;}
	.submitBtn {width: 500px;}
    
    
    .space-options input[type="radio"]:checked::after {top: 2px; left: 2px;width: 8px; height: 8px;}
    

}


/**************************************** 큰모바일 사이즈 ****************************************/

@media screen and (max-width: 768px){

    section{padding:40px 0}
    .inner{width:calc(100% - 30px);}
    .fLogo{width:16vw !important; height:16vw !important; bottom:4vmin;}
	footer{padding:30px 0 120px}
	

	/* 메인배너 */
	.mainBanner video{width: 100%;}
    .mainBannerP p br{display:none}
	

    /* 경력 */
    .career{padding:40px 0}
    .careerBox{flex-direction: column; margin-top: 40px;}
    .careerList{width:100%; margin-bottom:15px; border-radius:2vmin; flex-direction: row; 
        justify-content: flex-start; padding:3vmin 5vmin}
    .careerListP{margin-top:0; margin-left:20px;}
	.careerListP p {text-align: left;}

	.subBanner {margin: 0 auto; margin-bottom: 40px; width: calc(100% - 20px); height: 200px; background-size: cover; /*opacity: 0.5;*/}
	.subBanner p {top: 50%; width: 100%;}

    /* 시공순서 */
	.orderList {margin-bottom: 60px;}
	.orderList img {margin-bottom: 15px;}
    .orderP{width:100%;}
	.order > .inner > .fs_w18 {margin-bottom: 40px;}
	.orderP p:nth-child(1) {margin-bottom: 15px;}

     /*시공사례*/
	.example {padding: 40px 0;}
	.exampleFilter {flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
	.exampleBtnBox {margin-left: 0; margin-top: 25px;}
	.exampleBtn {width: 100px; height: 36px; border-radius: 1vmin; margin-right: 10px;}
	
	/*상담신청*/
	.consulting {padding: 40px 0;}
	.contactBox {padding: 40px 25px; }
	.contactBox input[type="text"] {height: 50px; padding-left: 8vmin; border-radius: 1vmin;}
	.inputIcon {width: 14px; height: 14px;}
	.adressInput button {height: 50px; border-radius: 1vmin;}
	.consultChk{margin-top: 10px;}
	.consultChk input[type="checkbox"] + label:before {width: 3.5vmin; height: 3.5vmin;}
	.consultChk input[type="checkbox"] + label {padding-left: 5vmin;}

	/*모달*/
	.modalCnt {width: 80vw;}
	.modalClose {width: 3vmin; height: 3vmin;}
	.policyBtn1:before {width: 4.8vmin; height: 3.7vmin;}
	.policyBtn1 {padding: 1.5vmin 0 1vmin 7vmin;}
	.policyBtn2:before {width: 3.6vmin; height: 3.6vmin;}
	.policyBtn2 {padding: 0.5vmin 0 0 4.5vmin;}
	.modalBody {margin-bottom: 15vmin;}

	/*시공사례*/
	.gallImg {height: 45vw; border-radius: 1vmin;}

	/*로그인*/
	.loginInput input{height: 40px; padding: 0 0 0 7vmin;}
	#login_fs {width: 80vw;}
	.loginInput {width: 70vw;}
	.submitBtn { width: 70vw; height: 40px;}

    .processIcons {gap:0px;}


    .responsive-img {height: 200px; object-fit: cover;}
    .triangle-right {transform:rotate(90deg);}

}


/**************************************** 작은모바일 사이즈 ****************************************/

@media screen and (max-width: 480px){

    .inner{width:calc(100% - 20px);}
}