@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1400px){
.res.w1400{ display: block}
.box1 {width: 96%;}
#header .top_wrap .wrapF{width: 100%;}
}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px; }
/*header*/
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { padding: 0 2vmin; } 
.allOn #header .gnb_wrap .gnb > li { width: 46%; } 
html:not(.allOn) #header .top_wrap .gnb_wrap { max-width: 100%;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb{display: none;} 

.table_form .wrap_in .tit_wrap {width: 13em;}
}
@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}
.visualSlide .el {height: 80vh;}
}
@media screen and (max-width:940px){
/*main*/
.galleryW.d1 {--portfolioL: 3;--portfolioG: 3em;}
.reviewSlideW .el { width: 25%;}
.mainBox { padding: 8vmin 0;}

.llF{flex-direction: column; gap: 1em;}
.table_form .wrap_in.w2 {width: 100%;}
.table_form .wrap_in.w2:first-of-type {border-right: 0; width: 100%;}
.table_form .wrap_in.w3 {width: 100%;}
.table_form .wrap_in.w3:last-child {width: 100%;}


.table_form .wrap_in .tit_wrap {width: 100%;}
.table_form .wrap_in {align-items: flex-start;flex-direction: column;}
.table_form .wrap_in .con_wrap {width: 100%; }
.table_form .wrap_in.w2 {align-items: flex-start;flex-direction: column;}
.table_form .wrap_in.w3 {align-items: flex-start;flex-direction: column; border-right: 0;}
.table_form .wrap_in.w2:first-of-type {align-items: flex-start;flex-direction: column;}
.table_form .wrap_in.w2:last-of-type {align-items: flex-start;flex-direction: column;}
.table_form .wrap_in.w3:last-child {align-items: flex-start;flex-direction: column;}
.table_form .wrap_in .con_wrap > .ver1 {flex-direction: column; align-items: flex-start;}
.table_form .wrap_in .con_wrap .w5 {width: 100%;}


.table_form .wrap_in .con_wrap > * {flex: 1 1 100%;min-width: 100%;}
.table_form .wrap_in .con_wrap.st3 {flex-wrap: wrap; align-items: flex-start !important;}
.table_form .wrap_in .con_wrap.st3> * {flex: 1 1 100%;min-width: 100%;}
.table_form .wrap_in .con_wrap > .ver2 {flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width:800px){
/*contents*/
#contents .sub_top_wrap .wrapBg {height: 30vh;}
.page_tt.s8 {font-size: 2em;}
/*sub_about*/
.staff_wrap > .staff_list > li .imgC .img {width: 100%;} 

}
@media screen and (max-width:780px){
/*main*/
.mainTit .tit1 .inS {font-size: 1.5em;}
.visualSlide .el {height: 65vh;}
.mainPr .imgW { height: 20vh}

/**/
#contents .subTit {height: 12vh;}

/*sub_about*/
.btn_list {height: 12.5em;flex-wrap: wrap;}
.btn_list > li {flex: 1 20%;}
.btn_list > li:nth-of-type(4)::before {width: 0px;height: 1em;}
.memo_box.st2 {height: auto;flex-direction: column-reverse;}
.memo_box {height: auto;flex-direction: column;}    
.memo_box .txtC {width: 100%;}
.memo_box .imgC {width: 100%;height: 100%;}

/*sub_about*/
.staff_wrap > .staff_list > li {width: calc((100% - 4em) / 2);}
.staff_wrap > .staff_list > li .imgC .img {width: 100%;}
/*process*/
.process_con .imgC { width: 99%;}

.gallerySt .conW .tTit {font-size: 1.213em;text-overflow: ellipsis;width: 90%;white-space: nowrap;overflow: hidden;}
/*footer*/
#footer .wrapF {gap: 3vmin; flex-wrap:wrap;width: 100%; align-items: flex-start; }
#footer .logo_wrap {order: -3; width: 100%;}
#footer .info_wrap {order: -1; width: 100%; flex:unset;}
#footer .menu_wrap {order: -2;width: 100%;flex-direction: row;  justify-content: space-between;}
#footer .menu {flex-direction: row;gap: 1em; width: 50%;}


}


@media screen and (max-width:700px){
/*main*/
.mainTit .tit1 .inS {font-size: 1.35em;}

}
@media screen and (max-width:670px){
body{ font-size:11px}
/*main*/
.visualSlide .el {height: 50vh;}
.mainTit .tit1 {font-size: 2.35em;}

.mainBox .wrapF.dRow {flex-wrap: wrap;}
.mainAbout .mainTit {width: 100%;}
.mainBox .wrapF.dRow .wrapCon {order: -1;}
.mainTitW {flex-wrap: wrap;gap: 1.5em;}
.tabSt {width: 100%;justify-content: center;}
/*contents*/
#contents .sub_top_wrap .wrapBg {height: 30vh;}
#contents .subTab .gnb{display: none;}
#contents .subTit .t1 {font-size: 6vmin;}

/*sub_about*/
#contents .sub_top_wrap .wrapBg {height: 20vh;}
.staff_wrap > .staff_list {gap: 2em;justify-content: center !important;}

/*sub_process*/
.process_con .imgC {width: 98%;}

.table_form .wrap_in .con_wrap.w1 {display: flex; flex-wrap: nowrap;}
.table_form .wrap_in .con_wrap.w1 > * {flex:1 1 80%;     min-width: 80%;}
/*board*/
.input_st {font-size: 1em;}
.board_search .search {width: 100%; display: flex !important;}
.board_search .total {display: none;}
.board_search .search .grow{width: 100%;}
.board_search .search .grow .inp{width: 100%;}
.board_search .search .btn {width: 9em;display: flex; align-items: center;}
.board_search .search .btn .tt{display: none !important;}
#contents .subTit .subNav {padding-right: 10px;}
}
@media screen and (max-width:600px){
body{ font-size:11px}
/*main*/
.visualSlide .el {height: 50vh;}
.galleryW.d1 {--portfolioL: 2;--portfolioG: 2em;}
.mainTit .tit1 {font-size: 2em;}
.mainTit .tit0 {font-size: 1.85em;}
.mainPr .textAni {font-size: 8vmin;}

.mainLink .list > li > a .t1 {font-size: 1.113em;}
.reviewSlideW .el { width: 33%;}

/*sub_about*/
.galleryW:not(.swiper-wrapper) {--portfolioL: 2;--portfolioG: 2em;}

/*process*/
.titW .tit2 {font-size: 2em;}


/**/
 #footer .menu {width: 59%;}
}

@media screen and (max-width:560px){
body{ font-size:11px}
/*header*/
.allOn #header .gnb_wrap .gnb { height: 50em;overflow-y: auto; /* width: 80%; */}
.allOn #header .gnb_wrap .gnb > li { width: 81%;}
/*main*/
.mainTit .tit1 .inS {font-size: 1.25em;}
.mainPr .imgW .t1 {font-size: 1.65em;}

/* .wrap_idx .sub-tab > li > .tab_btn {font-size: 0.95em;} */
.wrap_idx .sub-tab.st2 > li {font-size: .95em;}

/*sub_estimate*/
.titW .tit1 {font-size: 1.8em;}

/*sub*/
.staff_wrap > .staff_list > li {width: calc((100% - 4em));}
.staff_wrap > .staff_list > li .imgC .img {height:100%}


}
@media screen and (max-width:500px){
/*sub_about*/
.table_form .wrap_in .con_wrap .max4 {max-width: 14em;}

/*process*/
.page_tt.s6 {font-size: 1.200em;}
.page_tt.s4 {font-size: 1.0em;}

/*sub_estimate*/
.wrap_idx .sub-tab.st2 > li > .tab_btn .RA, .wrap_idx .sub-tab.st2 > li > .tab_btn .RA {display: none;}
}
@media screen and (max-width:470px){
body{ font-size:11px}
/*main*/
.mainLink .list > li > a .t1 {font-size: 1.013em;}

.mainTit .tit1 {font-size: 1.7em;}
.mainTit .tit1 .inS {font-size: 1.05em;}
.mainLink .list > li > a {flex-wrap: wrap;}
.mainLink .list > li > a .ico {width: 100%;}


/*sub_about*/
.page_tt.s8 { font-size: 1.5em;}
.page_tt.s5 { font-size: 1em;}

.btn_list > li {font-size: .8em;}

}
@media screen and (max-width:380px){
body{ font-size:11px}

}
@media all and (orientation:landscape){

}