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

#header .all_wrap{ display:none}
@media screen and (max-width:2000px){
.mainCateSlide{ overflow: hidden !important;}
}
@media screen and (max-width:1400px){
.res.h1400{ /*display: block*/}

.scroll.up #header:not(:hover){ color: #fff;}
.scroll.up #header:not(:hover) .top_wrap .logo > a .in{ transform: translateY(-100%);}

.popWrap.project .project-WrapP{ max-width: 85vw; width: 85vw;}
html.pop .popWrap.project{ max-width: 85vw;}
.projectViewInfo{ padding-top: 1em;}

}
@media screen and (max-width:1280px){
.res.h1280{ display: block}
body{ font-size:15px}


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

#header .all_wrap{ display:block;}
#header .top_wrap .gnb_wrap .gnb{ display: none;}

#header .all_wrap .all_btn .ham, #header .all_wrap .all_btn .ham:before, #header .all_wrap .all_btn .ham:after{ background: #fff;}
.allGnbOn #header .all_wrap .all_btn .ham, .allGnbOn #header .all_wrap .all_btn .ham:before, .allGnbOn #header .all_wrap .all_btn .ham:after{ background: #000;}

#header .top_wrap .etc_wrap{ gap: 0 1em;}
#contents .sub_top_wrap .sub_tab{ display: none;}

.main_box{ padding: 6em 0;}
.main_tit .t1{ font-size: 3.25em;}
.main_tit .t2{ font-size: 2em;}

.txt_con .txt.t4{ font-size: 1.5em;}

.page-tt.s1{}
.page-tt.s2{}
.page-tt.s3{}
.page-tt.s4{}
.page-tt.s5{ font-size: 2.15em;}
.page-tt.s6{}
.page-tt.s7{}
.page-tt.s8{}
.page-tt.s9{}
.page-tt.s10{}


.main_about .aboutW .wrapIn{ flex-direction: column;}
.main_about .aboutW .bg .in{ width: 100vw;}
.main_about .aboutW .conW{ width: 100%;}
.main_about .aboutW .conW{ padding: 0em;}
.main_about .aboutW .bg .in{ background-attachment: local;}
.main_about .aboutW .count{ padding-top: 2em; gap: 1em;}
.main_about .aboutW .count > li{ padding: 0em;}

.visualSlide_control{ bottom: 6em;}

.member-Con .member-list > li > .inner{ flex-direction: column;}
.member-Con .member-list.ceo > li > .inner{ padding: 0 4em;}
.member-Con .member-list.ceo > li > .inner .mem-img{ width: 100%;}
.member-Con .member-list.ceo > li > .inner .ceo-infoWrap{ width: 100%;}
.member-Con .member-list.ceo > li > .inner .mem-img{ height: 35em;}
.member-Con .member-list.ceo > li > .inner .info-Con .name > p{ font-size: 26px;}



}
@media screen and (max-width:786px){
.main_business .list{ gap: 2em; flex-wrap: wrap;}
.main_business .list > li{ flex: 1 1 40%;}
.mainCateSlide .el{ width: 100vw;}


.main_tit .t1{ font-size: 2.85em;}
.main_tit .t2{ font-size: 1.8em;}

.txt_con .txt.t4{ font-size: 1.4em;}

.page-tt.s1{}
.page-tt.s2{}
.page-tt.s3{}
.page-tt.s4{}
.page-tt.s5{ font-size: 1.9em;}
.page-tt.s6{}
.page-tt.s7{}
.page-tt.s8{ font-size: 1.2em;}
.page-tt.s9{ font-size: 1.1em;}
.page-tt.s10{}

.visualSlide_wrap .main_copy{ display: none;}
.visualSlide_wrap .titW{ top: 10em; bottom: unset; text-align:left;}
.visualSlide_wrap .titW .t1{ font-size: 1.35em;}

#footer .info_wrap{ flex-direction: column;}

.greetings_wrap .greetings_con{ flex-direction: column;}
.greetings_wrap .greetings_img{ width: 100%; height: 25em;}
.greetings_wrap .greetings_text{ width: 100%; padding: 2em 0 0 0;}

.history_wrap .wrap_con{ padding-right: 2em;}
.history_wrap .wrap_tab{ width: 15em;}
.history_wrap:before, .history_wrap .tabLink{ left: 15em;}
.history_wrap .wrap_tab{ padding: 0 2em 0 1em;}
.history_wrap .wrap_tab > li > a .t1{ font-size: 1.25em;}
.history > li{ padding: 0 0 4em 2em;}
.history > li:before{ width: 1.85em;}

.consulting-Wrap .cons-list > li,
.member-Con .member-list > li{ flex: 1 1 50%; max-width: 50%;}

.const-Wrap .const-list > li > .inner .in{ display: flex; flex-direction: column;}
.const-Wrap .const-list > li{ flex: 1 1 100%; max-width: 100%;}
.const-Wrap .const-list > li > .inner .in .const-imgCon{ width: 100%;}
.const-Wrap .const-list > li > .inner .in .const-btm{ width: 100%;}

.const-Wrap .const-list > li > .inner .in .const-btm.ur{ height: 100%;}

.projectList > li{ flex: 1 1 50%; max-width: 50%;}
.projectList > li > .inner .inner-infoCon .lnfo-list{ padding-top: 0em;}

.board_search{ flex-wrap: wrap;}
.board_search .search{ margin-top: 1em;}

.projectViewInfo .Btm-Con .Btm-list{ padding: 0em; background: rgba(0,0,0, 0);}

.popWrap.project .project-WrapP .project-Left .projectSt .img .resize{ padding-bottom: 56%;}
.popWrap.project .project-WrapP{ flex-direction: column;}
.projectViewInfo .project-N{ padding-top: 0em; padding-left: 0em;}
.popWrap.project .project-WrapP{ gap: 3em;}



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

.projectList > li,
.license-Con .license-list > li,
.member-Con .member-list > li{ flex: 1 1 100%; max-width: 100%;}
.member-Con .member-list.ceo > li > .inner .info-Con .name > p{ font-size: 22px;}
.member-Con .member-list > li > .inner .info-Con .name > p{ font-size: 22px;}
.member-Con .member-list > li > .inner .info-Con .border-box{ padding: 10px 0;}
.member-Con .member-list > li > .inner .info-Con .border-box > p{ font-size: 12px;}

.const-Wrap .const-list > li > .inner .inner-list > li{ flex: 1 1 100%;}
.const-Wrap .const-list > li > .inner .inner-list > li.dot:before{ top: 6px; left: 3px;}

.consulting-Wrap .cons-list > li > .inner .img-con{ height: 27em;}

.license-Con .work-List > li{ flex-direction: column;}
.license-Con .work-List > li > .right-Con{ width: 90%;}
.license-Con .work-List > li > .right-Con .work-inlist > li:before{ top: 4px; left: 5px;}
.license-Con .work-List > li{ gap: 2em;}

.const-Wrap .const-list > li > .inner .in.planning{ flex-direction: column !important;}
.const-Wrap .const-list > li > .inner .in.planning .const-imgCon{ width: 100%;}
.const-Wrap .const-list > li > .inner .in.planning .const-btm{ width: 100%;}

.projectViewInfo .project-N > p{ font-size: 1.65em;}

.popWrap.project .project-WrapP .project-Left .swiperBtn.ab.prev{ margin-left: 4em;}
.popWrap.project .project-WrapP .project-Left .swiperBtn.ab.next{ margin-right: 4em;}
.popWrap.project .project-WrapP .project-Left .swiperBtn.s2{ font-size: 1.45em; width: 2em; height: 2em;}
.projectViewInfo .Btm-Con .Btm-list > li .tl:before{ top: 7px; left: 3px;}

.location-con .map-info .add-list > li .add-wrap b{ min-width: 2em;}
.location-con .map-info{ padding: 2em;}

.member-Con .member-list.ceo > li > .inner{ padding: 0;}
.member-Con .member-list.ceo > li{ padding: 0em;}
.visualSlide_control{ padding-bottom: 3em;}


}

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

.history > li{ padding: 0 0 4em 1em;}
.history > li:before{ width: 0em;}

.consulting-Wrap .cons-list > li{ flex: 1 1 100%; max-width: 100%;}

.projectViewInfo .project-N > p{ font-size: 1.45em;}

}
@media all and (orientation:landscape){

}