@charset "utf-8"; /* CSS Document */
@media screen and (max-width:1680px) { body { font-size:15px; } 

.map_wrap:before { display: none; } 
 }

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

@media screen and (max-width:1400px) {
.boxH { width: 85%; max-width: 85%; margin: 0 auto; } */ } 
@media screen and (max-width:1350px) { 

.boxH { width: 75%; max-width: 75%; margin: 0 auto; } */
.box1 { width: 94%; } 
 }


@media screen and (max-width:1280px) { /* :root { --fullWidth: 94%; } */
.main_quality .wrapIn{ gap:3em;}
.qualityList > li .in .tit{ width: 45%;}

}

@media screen and (max-width:1200px){
.input_st.s3 {font-size: .7em}
 }
 @media screen and (min-width:1050px) { 
    #header .all_wrap{display: none;}
 }
@media screen and (max-width:1050px) {

.box2 { } 
.boxH { width: 90%; max-width: 90%; margin: 0 auto; } 

/*header*/
#header .top_wrap .gnb_wrap {display: none;}
#header .top_wrap .etc_wrap {align-items: flex-start;}
#header .all_wrap{display: block; padding-top: .5em;}
#header .top_wrap .wrapIn {align-items: center;}
.m_ai > .link{display: none;}


}

@media screen and (max-width:1024px) {
/*main*/
.mainProd {display: flex;gap: 1em;flex-direction: column;}
.mainProd .el {width:100%;}
.mainProd.st1 .el:hover{width :100%;}
.main_shop .wrapCon .inp_wrap {flex-direction: column;}
.main_shop .wrapCon .m1 {margin-left: 0em;}
.input_st.s1 {font-size: 1.35em;}
.main_inquiry .wrapIn {display: block;}
.main_inquiry .wrapTit {width: 100%;}
.priceTableWrap {flex-direction: column;}

.main_brand .wrapIn .t1 {font-size: 2.5em;}

.main_quality .wrapIn{ flex-wrap: wrap;}
.main_quality .main_tit{ width: 100%; position: unset;}
.main_quality .wrapCon{ flex:0 0 100%;}

/*sub_ai*/
.introWrap .intro {display: block;}
.introWrap .intro.ps4 {margin-top: 0 !important;}
.introWrap .intro .tit.stickyT {height: 15em;position: relative !important;}
.introWrap .intro .tit.w2 {width: 100%;}

/*sub_brand*/
.rndList > li {display: block;}
.rndList > li .img_wrap {width: 100%;}
.rndList > li .cont_wrap {margin-top: 1em;}
.resize.s1 {padding-bottom: 45%; box-sizing: border-box;}

/*sub_customer*/
.flex .grow {
    flex: 1 1 100%;
    min-width: 100%;}
.page_col .gsimgFix .posImg {display: none;}
 } 

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

@media screen and (max-width:850px) {
/******header******/
#header .top_wrap .wrapIn {gap: 0 3vw;}
#header .top_wrap .gnb_wrap .gnb {gap: 4vw;}

/*main*/
.mainProd.st1 .el .img_wrap .resize {height: 22vw;}
}

@media screen and (max-width:768px) { 
body { font-size:13px; } 
.priceTable .tit_bg .tt {font-size: 1.3em;}

/* main */
.qualityList > li .in{ padding: 4em 2.5em 8em;}
.qualityList > li .in .tit{ width: 100%;}
.qualityList > li .in .tit .t1{ margin-top: 0.5em;}
.qualityList > li .in .desc{ flex:0 0 100%;}
.qualityList > li .in .icon{ right: 1.5em; top:auto; bottom: 1.5em; transform: translateY(0);}
}

@media screen and (max-width:700px) {}
@media screen and (max-width:560px) { 
    body { font-size:12px; }
/*inc*/
.page_tt.s8 {font-size: 1.55em;}
/*header*/
.main_brand .wrapIn .t1 {font-size: 2.2em;}
.main_inquiry .formSt .btnW .btn {padding: 1em;}
/*main*/
.main_brand .wrapIn {height: 38vh;}
.main_brand {background-attachment: unset;}
/*btn*/    
.inquiry-con .form_wrap .form_chk .btn .input_st {width: 7em;}
.input_st.s3 {font-size: .675em;}
/*sub_ai*/
.introWrap .intro .cont {flex: 1;padding-top: 5em;}
.introWrap .intro .cont_list .cont + .cont {margin-top: 0em;}
}
@media screen and (max-width:460px) {
/*header*/
#header .transW #google_translate_element select {font-size: 8pt;}
 } 
@media screen and (max-width:400px) {body { font-size:10px; } 
}

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

} 


@media screen and (max-width:350px) {
.mainProd.st1 .el .img_wrap .resize {height: 27vw;}
}


@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) { }