@charset "utf-8"; /* CSS Document */
@media screen and (max-width:1890px) { body { font-size:15px; } 
.visualSlide_wrap .slogan {bottom: 15em;}

 }
@media screen and (max-width:1680px) { body { font-size:15px; } 

.map_wrap:before { display: none; } 

 }

@media screen and (max-width:1500px) {
.box1{width:94%;}
.box2{width:94%;}
.box3{width:94%;}
.main_box {padding: 5em 0;width: 100%; box-sizing: border-box;} 
.main_business .control_con {width: auto;position: absolute;left: 10%;top: 33%;}
 } 

@media screen and (max-width:1400px) { :root { --fullWidth: 94%; --baseWidth: 90vw; } 
/* #header { width: 85%; } 
.boxH { width: 85%; max-width: 85%; margin: 0 auto; }  */
} 
@media screen and (max-width:1350px) { :root { --fullWidth: 94%; --baseWidth: 90vw; }
/* #header { width: 75%; } 
.boxH { width: 75%; max-width: 75%; margin: 0 auto; } */
.main_tit_scroll .pl1 {padding-left: 0em;}
.main_tit .tt .t1 {white-space: nowrap;}

 }
@media screen and (max-width:1280px) { :root { --fullWidth: 94%; }
.k_logo > .tt {font-size: 1em;}

 }

@media screen and (max-width:1150px){
.k_logo > .tt {font-size: .6em;}
 }

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

/*main*/
/* #header .gnb_wrap .gnb {display: none;} */


.buSlide .el {width: auto; padding:53.5125% 0 0;}
.buSlide_wrap {width: auto;}
.main_workList {margin-top: 2em;}

}

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

.wrap-idx .sub-tab.w1 {width: auto;}
.product_all .page_con .box2 {display: block;gap: 4em;}

#header .gnb_wrap .gnb > li .dp1 {padding: 0px 0vw; min-width: 6em;}
#header .gnb_wrap .gnb > li .dp1 .tt {font-size: 1em;}
/*main*/
.buSlide .el > .conBox > .txt_box > h2 {font-size: 1.35em;}
.mainNewsSlide_wrap .mainNewsSlide .swiper-wrapper {-webkit-box-sizing: unset;}
} 

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

.mainFlex{flex-direction: column; gap: 0em;} 
.mainFlex .wrapTit {width: 100%;position: static;}
#contents .sub_top_wrap .sub_tab .gnb  {display: none;}
/*footer*/
.logo_wrap{flex-direction: column; align-items: flex-start !important;} 
#footer .cs_wrap .wrap_in {text-align: left; margin-top: 15px;}

/*board*/
.board_search .total {display: none;}
.board_search .search {justify-content: unset;width: 100%;}

.board_search .search  > .inp{width: 100%;}
.board_search .search  > .inp > input {width: 100%;}

.busi-wrap .busi-bg {height: 400px;}
.busi-wrap .busi-bg .posImg img {object-fit: contain;}
}


@media screen and (max-width:880px) { /*header*/

.board_gallery {justify-content: center;}
.board_gallery > li {width: calc(50% - 2em);}
/*main*/
#header .logo {display: none;}
.flex_box .fst3>li { flex: 1 1 50%; max-width: 50%; } 
.visualSlide_wrap .slogan {bottom: 17em;}
.visualSlide_wrap .slogan .t1 {font-size: 6.5em;}

.main_tit_scroll {padding-left: 12em;}


.svg_circle.left {right: 2em;top: -2em;}
.buSlide .el {padding: 40.5125% 0 0; margin-top: 8em;}
.buSlide .el > .conBox > .txt_box > h2 {font-size: 1.215em;}
.buSlide .el > .conBox > .img_box {width: 100%;height: 75.0995%;}


/*about*/
.greeting_wrap {display: block;}
.greeting_wrap .img_con {width: 100%;height: 35vh;}
.greeting_wrap .greeting_txt {width: 100%;}

/*location*/
.map_Wrap .map_infoCon .contact_list > li {width: 100%;}
.map_Wrap .map_infoCon .contact_list > li:before {
position: absolute;top: 170%;right: 0;transform: translateY(-50%);width: 100%;height: 1px;background-color: #888;}

.mainNewsSlide_wrap .mainNewsSlide .swiper-wrapper .swiper-slide{width: 50% !important;}
}

@media screen and (max-width:768px) { body { font-size:13px; } 
/*main*/
.wrap-idx .sub-tab > li {font-size: .95em;}
.mainFlex .wrapTit {width: 100%;padding: 0;}

.visualSlide_wrap .slogan {bottom: 25em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.65em;}
.visualSlide_wrap .slogan .t1 {font-size: 5em;}

}

@media screen and (max-width:700px) {
   .busi-wrap .busi-bg {height: 290px;}
} 

@media screen and (max-width:650px) {
.main_tit_scroll {padding-left: 8em;}
.k_logo > .tt {font-size: 1em;}
}
@media screen and (max-width:600px) {
#mainNav.white > li > a .tt {color: #ccc;}
/* .swiper-slide{width: 100% !important;} */

.svg_circle.left {display: none;}
#footer .menu_wrap >li >a{ font-size: .85em;}
}
@media screen and (max-width:560px) { body { font-size:12px; }
.board_gallery > li {width: 100%;} 
.flex_box .fst2>li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst3>li { flex: 1 1 100%; max-width: 100%; } 

.busi-wrap .busi-bg {height: 250px;}

#header .gnb_wrap .gnb > li .dp1 {min-width: 4em;}
#header .gnb_wrap .gnb > li .dp1 .tt {font-size: .85em;}

.main_business .control_con {top: 40%;}
.main_tit_scroll {padding-left: 5em;}
.main_tit_scroll .t1 {font-size: 3.5em;}
.main_tit .tit .t2 {font-size: 2em;}
.buSlide .el {padding: 40.5125% 0 0; margin-top: 5em;}
.buSlide .el > .conBox > .txt_box {left: 1em;}
.buSlide .el > .conBox > .txt_box > h2 {font-size: .95em;}

.main_workList > li:nth-child(3n - 1) {transform: translateY(0);}
.main_workList > li > .in {margin: 0 0 3em 2em !important;}
/*footer*/
.k_logo {justify-content: unset !important;}
.k_logo > .tt {font-size: .65em;}
.w20{width: 12%;}

/*product*/
.table_infoT {flex-direction: column;}
}
 @media screen and (max-width:460px) {
/*main*/
.visualSlide_wrap .slogan {bottom: 25em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.5em;}
.visualSlide_wrap .slogan .t1 {font-size: 4.5em;}
.main #content {overflow: hidden;}
.sub_wrap{overflow: hidden;}

.main_inquiry .formSt {flex-direction: column;}
.main_inquiry .formSt .wrap_in {flex-direction: column;}
.main_inquiry .formSt > li.w1 {width: 100%;}
.main_inquiry .formSt .wrap_in > select,
.main_inquiry .formSt .wrap_in > input,
.main_inquiry .formSt .wrap_in > button {flex: 1 1 100%;min-width: 100%;}
/**/
#footer .menu_wrap {margin-left: 0;gap: 1em;}
#footer .menu_wrap >li >a {font-size: .55em;}
.k_logo > .tt {font-size: .45em;}
}
@media screen and (max-width:420px) { 
/*header*/
.header_banner .banner_call .call_list > li > .callN {font-size: 1.15em;}
.visualSlide_wrap .slogan .t1 {font-size: 3em;}

#header .gnb_wrap .gnb > li .dp1 {padding: 0 2px;min-width: 2em;}
#header .gnb_wrap .gnb > li .dp1 .tt {font-size: 0.65em;}
/*footer*/
#footer .menu_wrap >li >a {font-size: .45em;}
@media screen and (max-height:760px) {
    .main .box0{overflow: hidden;}
    .main .box2{overflow: hidden;}
    .visualSlide_wrap .slogan {bottom: 20em;}
 }
 @media screen and (max-height:650px) {
    .visualSlide_wrap .slogan {bottom: 16em;}
 }
}
@media screen and (max-width:380px) {

 }

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

@media screen and (max-width:280px) { body { font-size:10px; } }

@media all and (max-width:1024px) and (orientation:landscape) { 

} 

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