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

.res { display:none } 

@media screen and (max-width:1400px){
 .res.w1400 { display: block } 
.boxSub, .box1 { max-width: 100%; } 
.boxSub2 { max-width: 100%; } 

 }
@media screen and (max-width:1320px){
 .mainVideo .list { justify-content: center; } 
 }
@media screen and (max-width:1280px){
 .res.w1280 { display: block } 
body { font-size:15px } 

/*header*/
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { display:none; } 

.allOn #header:before { width: 35vw; } 
.allOn #header .gnb_wrap .gnb > li { width: 96%; } 


/****main****/
/*sec1*/
.visualSlide_wrap .slogan .t2 { font-size: 8.5vmin; } 
/*sec3*/
.prodSlide .el { width:25%; box-sizing:border-box } 

/****about****/
.page_certificate .list > li { flex: 0 0 calc(33% - 2em); } 
.page_certificate .list > li .img-area .imgfix { width: auto; height: auto; } 
 }
@media screen and (max-width:1100px) { 
/*header*/
.allOn #header .gnb_wrap { overflow: scroll; height: 65vh; } 
/****main****/
/*sec1*/
.visualSlide_wrap .slogan .t2 { font-size: 7.5vmin; } 
 }
@media screen and (max-width:1024px){
 .res.w1024 { display: block } 
body { font-size:13px } 

/*header*/
#contents .subTab .gnb > li > .dp2 > li > a .tt { font-size: 1.4vmin; } 

#contents .sub_top_wrap { height: 40vmin; padding-top: calc(var(--headerH) + 3em); } 
#contents .sub_top_wrap.on .wrapBg .bg { background-position: center 50%; background-size: cover; background-repeat: no-repeat; } 
#contents .sub_top_wrap .subTit .tit .t1 { font-size: 4vmin; } 
#contents .sub_top_wrap .subTit .tit .t1 > span { font-size: 3vmin; } 
#contents .subTab .gnb > li > .dp2 > li > a { height: 6vmin; } 
/****main****/
/*sec2*/
.mainAbout .about > li .bg { height: 50vh; } 
.main_tit .tit1 { font-size: 4vmin; } 

.prodSlide .el { width:33%; box-sizing:border-box } 

/****about****/
.page_certificate .list > li { flex: 0 0 calc(33% - 2em); } 
.page_certificate .list > li .img-area .imgfix { width: auto; height: auto; } 

/****product****/
/*list*/

/*veiw*/
#contents .subTab .gnb > li > .dp2 > li { display: none; } 
.prodView_intro { flex-direction: column; } 
.prodView_intro .prodView_img { width: 100%; } 
.prodView_intro .prodView_img .prdimgSlide .el .img { padding-bottom: 100%; } 
.prodView_intro .prodView_img .prdimgSlide .el .img img { object-fit: cover; } 
 }
@media screen and (max-width:970px) { /****main****/
/*sec1*/
.visualSlide_wrap .cta { flex-wrap: wrap; } 
.visualSlide_wrap .cta > li { flex: 1 1 25%; } 
.visualSlide_wrap .cta > li .in { padding:0; } 
/*sec2*/
.mainAbout .about > li .con .t1 { font-size: 3vmin; } 
/*sec4*/
.mainCs .inquiry { flex-wrap: wrap; } 
.mainCs .img_wrap { display: none; } 
.mainCs .btn_wrap { width: 100%; order: 2; } 
.mainCs .btn_wrap .st { flex-direction: row; line-height: 5em; } 
}
@media screen and (max-width:850px) { /****main****/
.visualSlide .el { height:80vh; } 
.visualSlide_wrap .slogan .t2 { font-size: 7vmin; } 
/*sec2*/
.mainAbout .about > li .bg { height: 40vh; } 
.mainAbout .about > li .con .t1 { font-size: 3vmin; } 
/*sec3*/
.mainAbout .about > li .bg { height: 30vh; } 
/*sec4*/
.mainCs .inquiry { flex-wrap: wrap; } 
.mainCs .img_wrap { display: none; } 
.mainCs .btn_wrap { width: 100%; order: 2; } 
.mainCs .btn_wrap .st { flex-direction: row; line-height: 5em; } 


/*company*/
.greeting_txt { width: 100%; } 
.greeting_img { display: none; } 

/*product*/
#contents .sub_top_wrap .subTit { padding-bottom: 4em; } 

/*veiw*/
.prodView_con .detail_con .list_st2 li { flex: 1 100%; } 
.prodView_con .detail_con .list_st2 .img { height: 12em; } 
.prodView_con .detail_con .list_st1 li { flex: 1 30%; } 
.prodView_con .detail_con .list_st1 .img { height: auto; } 
.viewVideo .list > li { max-width: 30.3%; } 
.over_img { height: auto; } 
/*footer*/
#footer .wrapF { flex-wrap: wrap; gap: 0; } 
#footer .logo { order: -1; } 
#footer .info_wrap { flex: 0 0 100%; } 
#footer .etc_wrap { order: -1; } 
#footer .menu_wrap { margin-left: 30em; } 
 }
@media screen and (max-width:768px) { /**header**/
/****main****/
/*sec4*/
.mainVideo .list > li { width: calc(50% - 2.6666em); } 
/*sec5*/
.mainCs .btn_wrap .st { line-height: 3em; } 
.mainCs .btn_wrap .st .t1 { font-size: 1.15em; } 
.mainCs .btn_wrap .st .arrow { font-size: 1.5em; } 
/****product****/
.why_wrap > li { flex-direction: column; gap: 2em; } 
.over_img { width: 100%; } 
.why_wrap .why_cont { flex: unset; width: 100%; } 
.certi_wrap > .certi_list >li .in > .titwrap {font-size: 1.5em;}
/*list*/
.prodW > li { width:calc(50% - (2 * 4vmin / 3)) } 

/*ceri*/
.page_certificate .list > li {flex: 0 0 calc(50% - 2em);}
/*board*/
.board_search .total { display: none; } 
.board_search .search { width: 100%; } 
select.input_st { width: 7em; } 
.input_st.inp { width: 100%; } 
.grow { width: 70%; } 
.board_search .search .btn { width: 8em; } 

.board_yt .list > li {
    width: calc(50% - 1.6666em);}
 }
@media screen and (max-width:640px) { body { font-size:11px } 
/*inc*/
.main_tit .tit1 { font-size: 3vmin; } 
/*header*/
.allOn #header:before { width: 40vw; } 
.allOn #header .gnb_wrap { height: 40em; } 
.allOn #header .gnb_wrap { width: 90%; } 
/******main*****/
.visualSlide .el { height:70vh; } 
/*sec3*/
.prodSlide .el { width: 50%; } 
/**company*/
.page_certificate .list > li { flex: 0 0 calc(50% - 2em); } 
/*product*/
.prodSt .btnW { flex-direction: column; } 
.prodView_con .detail_con .list_st2 .img {height: auto;}
.viewVideo .list > li { max-width: 50%;}
/*footer*/
#footer .menu_wrap { margin-left: 17em; } 
 }
@media screen and (max-width:600px) { /*header*/
#header .top_wrap .wrapH, #header .top_wrap .gnb_wrap .dp1 { height: 4em; } 
#header .top_wrap .logo { height: 35%; } 

/*sub*/
#contents .sub_tit_wrap .wrapF {height: 6vh;}
/*about*/
.page_certificate .list > li .txt > p {font-size: 1rem;}
/*product*/
.con_faq_wrap .inn .num { width: 2em; height: 2em; background: var(--siteC); text-align: center; line-height: 2em; color: #fff; border-radius: .3em; font-size: 1.3em; } 
.con_faq_wrap .inn .tx_box .t1 { font-size: 1.1em; } 
.con_faq_wrap .inn .tx_box .t2 { font-size: .95em; } 
.sub_tt.dot:before { width: 4px; height: 4px; top: 5px; } 
/*agree*/
.agree_wrap .textarea_box h3 {font-size: 1rem;}
.agree_wrap .textarea_box {font-size: 12px;}
 }
@media screen and (max-width:530px) { body { font-size:11px } 
/*inc*/
.main_tit .tit1 { font-size: 3vmin; } 

#header .top_wrap .etc_wrap .btnInc.allBtn .ico { z-index: 11111; } 
/******main*****/
/*sec2*/
.mainAbout .about > li .bg { height: 25vh; } 
/*sec3*/
.prodSlide .el { width: 50%; } 
/*sec5*/
.mainCs .btn_wrap .st .t1 { font-size: 1em; } 
.mainCs .btn_wrap .st .arrow { font-size: 1.35em; } 
.mainCs .btn_wrap .st { line-height: 2em; } 
/***company***/
.greeting_tit .tit1 { font-size: 1.8em; } 

/*product*/
.prodTit .tit { font-size: 1.105em; } 
.page_symbol_tit .wrap_in .tt_wrap .in_tt {font-size: 2.15em;}
.fs19 {font-size: .9em !important;}

.detail_con .detail_tab > li .in {padding: .9em;}
.certi_wrap > .certi_list >li .in > .titwrap {font-size: 1.8em;}
/*ceri*/
.page_certificate .list { gap: 4em 4em; } 
.page_certificate .list > li .img-area { padding: 1.5em; } 
/*footer*/
#footer .menu_wrap { margin-left: 11em; } 

#contents .sub_top_wrap .nav { display: none; } 
/*board*/
.input_st.btn1 .tt{display: none;}

 }

@media screen and (max-width:450px) { body { font-size:11px } 
 /*inc*/
 .main_tit .tit1 { font-size: 3vmin; } 
 /******main*****/
 /*sec2*/
 .mainAbout .about > li .bg { height: 25vh; } 
 /*sec3*/
 .prodSlideW {border-radius: 8vh 0 8vh 0;}
 .prodSlide .el { width: 50%; }
 /*about*/
 .greeting_tit .tit1 {font-size: 1.5em;}
 /*product*/
 .certi_wrap > .certi_list >li .in > div { width: 200px;}
 .certi_wrap > .certi_list >li .in > .imgwrap {height: 80%;}
 .detail_con .detail_tab > li .in {padding: .7em;}
 /*footer*/
 #footer .menu_wrap { margin-left: 5em; } 
 }
 @media screen and (max-width:425px) {

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


/*footer*/
#footer .menu_wrap { margin-left: 2em; } 
 }
@media all and (orientation:landscape) { }