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

@media screen and (max-width:1400px){
.box1{ max-width:95%}
body{ font-size:13px}
#header .gnb_wrap {padding:0;}
#header .gnb_wrap .gnb > li .dp1 {min-width:6em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:.938em;}

.dp1_introduce.dp2_summary p{max-width:95%; margin:0 auto;}

}

@media screen and (max-width:1280px){
.scrollAni{opacity:1; visibility:visible;}

.main_tit_wrap .tt{font-size:1.65em;}
.mainSec1{padding:3rem 0 0;}
.mainSec1 .con1 .main_sec1_bg_wrap{height:450px;}
.mainSec1 .con2{height:450px;}
.mainSec1 .con2 .main_sec1_text_wrap .main_sec1_line{margin:1rem 0; margin-left:-100px;}
.mainSec1 .con2 .main_sec1_text_wrap .main_sec1_tit{margin-bottom:2rem;}
.mainSec1 .con2 .main_sec1_text_wrap .main_sec1_ctt{margin-bottom:1.5rem;}

/*회사소개*/
.map_info1 .t1{display:flex; flex-direction:column;}
.map_info1 .t1 span{margin-right:0;}
.map_view #daumRoughmapContainer1639016633058{width:100% !important;}

/*제품소개*/
.prd_wrap2 .prd_main .rgt_txt_box .prd_tt{font-size:2em;}
.prd_wrap2 .prd_main .rgt_txt_box .prd_tt1{font-size:1.25em;}
}


@media screen and (max-width:1024px){
#header .gnb_wrap{display:none;}
#header .etc_wrap .all_wrap .all_btn.mo{display:none;}
#header .etc_wrap .all_wrap .all_btn.dn{display:block !important;}
.mainSlider .slogan{top:15vh;}
.mainSlider .el{height:65vh;}

.main_tit_wrap{margin:2rem 0;}
.mainSec2{margin-bottom:2rem;}
.mainSec3 .main_con4 .main_partner_wrap{margin-top:2rem;}
.mainSec4{padding-top:2rem;}

.page_Wrap .page_Wrap_in:first-child{flex-direction:column}
.page_Wrap .page_Wrap_in{display:flex; flex-direction:column;}
.page_Wrap .page_Wrap_in .left{width:100%;}
.page_Wrap .page_Wrap_in .right{width:100%;}
.page_Wrap .page_Wrap_in .inner .t_w{margin-left:0;}

/*제품소개*/
.dp2_product #contents .doc{padding:3em 0;}
.prd_wrap2 .prd_main{flex-direction:column;}
.prd_wrap2 .prd_main .lft_img_box{width:100%;}
.prd_wrap2 .prd_main .rgt_txt_box{width:100%; margin-left:0;}
.prd_wrap2 .prd_main .rgt_txt_box .flex.vc{flex-wrap:wrap;}
.prd_wrap2 .prd_main .rgt_txt_box .flex.vc .rgt_img{flex:1 1 49%; margin-right:1%; margin-bottom:1%;}
.prd_wrap2 .prd_main .rgt_txt_box .flex.vc .rgt_img:nth-of-type(2n){margin-right:0;}
.prd_wrap2 .prd_main .rgt_txt_box .flex.vc .rgt_img img{height:100%;}

}
@media screen and (max-width:900px){
.mainSec1 .con2 .main_sec1_text_wrap{padding:1rem 0 0 3rem;}

.mainSec2 .main_prd_wrap .main_prd_in{width:auto; flex:1 1 32%; margin-right:1%; margin-bottom:1%;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-of-type(3n){margin-right:0;}
.mainSec2 .main_prd_wrap .main_prd_in:last-of-type{margin-right:0;}

.mainSec3 .main_con4 .main_partner_wrap .main_partner_in{width:33.33%;}

/*history*/
.page_history_wrap > li .history_img .inner .page_tit .his_tt1{font-size:2.5em;}

.history_list:before,
.history_list .lineAni {left:2em;}
.history_list .history > li .year {margin-left:4em; text-align:inherit; width:inherit;}
.history_list .history > li .list {margin:1em 0 2em 2em;}
.history_list:after {left:2em;}

.page_history_wrap > li .history_con .inner {display:block;}
.page_history_wrap > li .history_con .history_list {width:100%; max-width:inherit; margin-bottom:3em;}
.page_history_wrap > li .history_con .history_inimg {text-align:center; flex:inherit;}
.page_history_wrap > li .history_con .history_inimg .inimW img {width:25em;}

#footer .gotop.top_st{right:1em; bottom:auto; top:-2em;}
#footer .in .con .infoList > li{display:flex; flex-direction:column;}
}
@media screen and (max-width:768px){
html.l-nav-open .l-nav{width:60%;}

.mainSlider .slogan .t1{font-size:2em;}

.mainSec1 .flex.wrap.vc{flex-direction:column;}
.mainSec1 .con1{width:100%;}
.mainSec1 .con1 .main_sec1_bg_wrap{height:250px; background-size:contain;}
.mainSec1 .con2{width:100%; height:auto;}


.mainSec2 .main_prd_wrap .main_prd_in{width:auto; flex:1 1 49%; margin-right:1%; margin-bottom:1%;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-of-type(2n){margin-right:0;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-of-type(3n){margin-right:1%;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-of-type(6n){margin-right:0;}
.mainSec2 .main_prd_wrap .main_prd_in:last-of-type{margin-right:0;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-last-of-type(-n+4){margin-bottom:1%;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-last-of-type(-n+2){margin-bottom:0%;}

.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_date_wrap{width:10%;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_text_wrap{width:60%;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_img_wrap{width:30%;}

.mainSlider .el{height:60vh;}
.mainSlider .el .bg{background-size:245%; background-position:center;}

/*회사소개*/
.line_tit .t1{font-size:1.2em;}
}

@media screen and (max-width:660px){
#scrollAni{display:none;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_date_wrap{display:none;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_text_wrap{width:65%;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_img_wrap{width:35%;}
.mainSec4 .main_notice_wrap .main_notice_list .main_notice_in .mn_img_wrap .mn_img{background-size:contain;}
#footer .in .con .infoList > li > .list{display:flex; flex-direction:column;}
}

@media screen and (max-width:600px){
.mainControl .mainProgress{display:none;}
.mainSec2 .main_prd_wrap .main_prd_in{flex:1 1 100%; margin-right:0;}
.mainSec2 .main_prd_wrap .main_prd_in:nth-last-of-type(-n+2){margin-bottom:1%;}
.mainSec2 .main_prd_wrap .main_prd_in:last-of-type{margin-bottom:0;}
}

@media screen and (max-width:500px){
html.l-nav-open .l-nav{width:100%;}
.box0{margin:0 2%;}

.mainSlider .el.swiper-slide-active .slogan .t1{font-size:1.5em;}
.mainSlider .slogan .t2{font-size:1.15em;}

.mainSec1 .con1 .main_sec1_bg_wrap{height:190px;}
.mainSec1 .con2 .main_sec1_text_wrap{padding:1rem;}
.mainSec1 .con2 .main_sec1_text_wrap .main_sec1_tit{font-size:2em; margin-bottom:1rem;}

.mainSec3 .main_con4{padding:3em 0;}
.mainSec3 .main_con4 .main_partner_wrap .main_partner_in{width:50%;}



.w_no{display:none;}
.w_hit{display:none;}
#footer .family_wrap{display:none;}

}

@media screen and (max-width:420px){
#header .logo > a{width:9em;}
.main_tit_wrap .tt{font-size:1.3em;}
#contents .doc{padding:4em 0;}

/*제품소개*/
.prd_wrap2 .prd_main .rgt_txt_box .flex.vc .rgt_img{flex:1 1 100%; margin-right:0%;}
input[type=text].input_st, input[type=password].input_st, input[type=tel].input_st{width:10em;}
}

@media screen and (max-width:360px){
.mainSlider .slogan .t2{font-size:1em;}
}

@media screen and (max-width:320px){
.mainSec3 .main_con4 .main_partner_wrap .main_partner_in{width:100%;}
.mainSec2 .main_prd_wrap .main_prd_in{height:200px;}
}