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

.res{ display:none}

@media screen and (max-width:1700px){
/* 가로 스크롤 */
/* .procon .scr_i{display: inline-flex; align-items: center; gap: .2em; margin-bottom: 5px; font-size: .9375em; color: #093168; position: sticky; left: 0; top: 0;} */
.scr_i{display:none;}
}


@media screen and (max-width:1420px){
.res.w1400{ display: block}

/* 연혁 */
.history_wrap .history > li .list .month{flex: 0 0 5.4em;}
.history_wrap .history > li .list .detail .tt{ font-size: 0.915em;}
.history_wrap .history > li .list .detail .tt:before{top: 0.7em;}
.history_wrap .history > li .list .month .tt{font-size: 1.2em;}

/* 제품소개 */
.tableForm{width: 100% !important;}
.tableForm th,  .tableForm td{ padding: 3px 4px !important; height: 0em !important; font-size: 0.8em !important;}
.tableForm th >span,   .tableForm td > span{ font-size: 0.8em !important;}
.tableForm td > b{ font-size: 0.8em !important;}
.tableForm th > font {font-size: .8em !important;}
.tableForm th > font  span{font-size: .65em !important;}
.tableForm td span:nth-of-type(2) {font-size: .65em !important;}
#contents .subTab .gnb > li{width: 33.33%;}
}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}

/* header */
#header .top_wrap .gnb_wrap .gnb > li.m_product .dp2{ flex-direction: column;}
#header .top_wrap .gnb_wrap .gnb > li.m_product .dp2 > li{width: 100%;}

.map_info{ gap: 3em;}

}
@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}

/* header */
.allOn #header{padding-right: 0;}
.allOn #header:before{display: none;}
.allOn #header .all_wrap .allBtn .ico:before{color: #111;}
.allOn #header .gnb_wrap .gnb > li{width: 47%;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 47%;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ padding: 3.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 2.6vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.2em; }

#header .top_wrap .wrapF{ justify-content: space-between;}
html:not(.allOn) #header .top_wrap .gnb_wrap{display: none;}

/* main */
.mainAbout .wrapF .wrap_bg{display: none;}
.main_tit{width: 100%;}
.main_tit .tt1 br:first-of-type{display: none;}

.mainBusiness .wrap_con{flex-direction: column;}
.mainBusiness .wrap_con .el{width: 100% !important;}
.mainBusiness .wrap_con .el .bg:after{ background: #000 !important;}
.mainBusiness .wrap_con .el .con .t2{opacity: 1; color: #fff !important;}
/* .mainBusiness .wrap_con .el:first-child .bg:after, .mainBusiness .wrap_con .el .bg:after{opacity: .5; background: #000; transition: 1s; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} */
.mainBusiness .wrap_con:not(:hover) .el .con{color: #fff !important;}
.mainBusiness .wrap_con .el .con .t1{font-size: 2.1em;}
.mainBusiness .wrap_con .el .con .t2{transform: none !important; font-size: 1.2em;}

.mainProduct .wrap_con .el.w2{width: auto;}
.mainProduct .wrap_con .el .obj{display: none;}
.mainProduct .wrap_con .el .con .list{flex-direction: column; height: 100% !important;}
.mainProduct .wrap_con .el .con .t1{font-size: 1.85em;}
.mainProduct .wrap_con .el .con .t2{font-size: 1.2em;}

.mainInquiry .wrapF{flex-direction: column;}

/* footer */
#footer .wrapF{ flex-direction: column; gap: 2.5em;} 
#footer .info_wrap{order: 3; }
#footer .info > li{font-size: 1.2em;}
#footer .menu_wrap{order: 2; margin-left: 0; font-size: 1.15em;}

/* 서브 공통 */
#contents .sub_tit_wrap .wrapF{ flex-direction: column; align-items: center;}
#contents .sub_tit_wrap .nav li{font-size: 1em;}
#contents .sub_lnb_wrap .sub_lnb{display: none;}


/* 인사말 */
.greeting_wrap .desc{padding: 0 2em;}

/* 연혁 */
.history_wrap .history > li .list .detail .tt{ font-size: 1.115em;}

.history_wrap .his_topD{left: 1em;}
.history_wrap:before,
.history_wrap:after,
.history_wrap .lineAni{ left: 1em;}

.history_wrap .history > li{ margin-left: 1.5em;}
.history_wrap .history > li .year{width: 100%;}
.history_wrap .history > li .year .wrap_in{width: 100%;}
.history_wrap .history > li .year .tt:before{display: none;}
.history_wrap .history > li{flex-direction: column;}
.history_wrap .history > li .list{width: 100%;}
.history_wrap .history > li .year .img{display: none;}
.history_wrap .history > li:nth-child(2){flex-direction: column-reverse;}
.history_wrap .history > li:nth-child(2n) .year{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .month{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .detail{order: unset;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content: flex-start;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{right: auto; left: 0;}

/* 제품 소개 */
/* .product_wrapper .procon .proList{justify-content: center;} */
.flex_box .fst4 > li{flex: 1 1 49%; max-width: 49%;}

/* 배터리 자료실 */
.table_wrap.st1{overflow-x: scroll; width: 100%; white-space: nowrap; }

/* board */
.board_gallery{ gap: 1.5em;}
.board_gallery > li{width: calc(50% - 0.8em);}

.extracted-style-2{width: 52% !important;}

}


@media screen and (max-width:768px){
/* main */
.visualSlide_wrap .slogan .t2.s1{font-size: 3.2vmin;}
.visualSlide_wrap .slogan .t2{ font-size: 8.9vmin;}

.main_tit .tit0{ font-size: 2.6em;}
.main_tit .tt1{font-size: 1.2em;}
.main_tit .tt1 br{display: none;}

/* 서브 공통 */
#contents .sub_top_wrap{ height: 250px;}

/* 인사말 */
.sub_greetings .wrap_in .page_tit .t1{ font-size: 1.38em;}
.sub_greetings .wrap_in .page_txt .t2{font-size: 1.08em;}

/* 사업분야 */
.flex_box .fst4 > li{flex: 1 1 50%; max-width: 50%;}

/* 오시는 길 */
.map_info{ flex-direction: column;}
.map_info > .con{width: 100%;}

/* 제품소개 */
#contents .subTab .gnb > li > a .tt{font-size: 1.3em;}
.tableForm{width: 100% !important;}
.tableForm th,  .tableForm td{ padding: 3px 4px !important; height: 0em !important; font-size: 0.8em !important;}
.tableForm th >span,   .tableForm td > span{ font-size: 0.8em !important;}
.tableForm td  b{ font-size: 0.8em !important;}
.tableForm th > font {font-size: .8em !important;}
.tableForm th > font span {font-size:.75em !important;}
}

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

.tableForm .tit {font-size: 1.3em !important;}
.product_wrapper .procon .proTit > .tt {font-size: 1.8em;}


.tableForm th{ padding: 3px 4px !important; height: 0em !important; font-size: 5px !important;}
.tableForm td{ padding: 3px 4px !important; height: 0em !important; font-size: 5px !important;}
.tableForm th span{ font-size: 8px !important;}
.tableForm td  b{ font-size: 5px !important;}
.tableForm th  font {font-size: 5px !important;}


}



@media screen and (max-width:520px){
.tableForm th, .tableForm td {font-size: 0.5em !important;}
}

@media screen and (max-width:500px){
/* header */
.allOn #header .gnb_wrap .gnb > li{width: 100%;}
.allOn #header .gnb_wrap .gnb > li.m_product{width: 100%;}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 5.1vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{padding: 5.4vmin 2vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{font-size: 1.3em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{font-size: 1.3em; padding: 1.5vmin 1vmin;}

/* footer */
#footer .info > li{margin-bottom: 0.7em;}

/* main */
.visualSlide_wrap .slogan .t3{font-size: 4vmin; margin-top: 1em;}

.mainProduct .wrap_con{ flex-wrap: wrap;}
.mainProduct .wrap_con .el{width: 100% !important;}

.mainInquiry .main_tit{width: 100%;}
.mainInquiry .formSt > li:last-child .wrap_in{flex-direction: column; align-items: flex-start;}

/* 서브페이지 공통 */
/* #contents .sub_top_wrap .subTit .t1{font-size: 4.6em;} */

/* 개인정보처리방침 */
html.pop .popWrap.def{width: 90vw;}z

/* 인사말 */
.techSymbol{display: none;}
.sub_greetings .bg,
.sub_greetings{border-radius: 0;}
.greeting_wrap .desc{ padding: 0 0.5em;}

/* 연혁 */
.history_wrap .history > li .list .wrap_in{ flex-direction: column;}
.history_wrap .history > li .list .month{ flex: 0 0 2.4em;}
.history_wrap .history > li .list .detail .tt:last-of-type{padding: 0;}
.history_wrap .history > li .list .detail .tt:before{display: none;}

.sub_greetings .wrap_in{    padding: 5em 2em;}

/* 제품소개 */
#contents .subTab .gnb > li{width: 50%;}
#contents .subTab .gnb > li > a{ height: 3.5em;}
/* #contents .sub_tit_wrap .nav li{ font-size: 1em;} */
#contents .sub_tit_wrap{ padding: 1.5vmin 0 2em 0;}
#contents .sub_tit_wrap .titW .t1{ font-size: 2.6em;}
.product_wrapper .procon .proTit > .tt {font-size: 1.5em;}
.tableForm .tit {font-size: 1.1em !important;}
.tableForm th{ padding: 3px 4px !important; height: 0em !important; font-size: 5px !important;}
.tableForm td{ padding: 3px 4px !important; height: 0em !important; font-size: 5px !important;}
.tableForm th span{ font-size: 8px !important;}
.tableForm td  b{ font-size: 5px !important;}
.tableForm th  font {font-size: 5px !important;}

/* 견적소개 */
.table_form .wrap_in .con_wrap > *{flex-wrap: wrap;}
.table_form .wrap_in .con_wrap > * span:nth-child(2){margin-left: 0 !important;}

.filebox label{margin-left: 0; margin-top: 1em;}

/* 배터리 자료실 */
#contents .sub_tit_wrap .wrapF{padding: 0 !important;}
#contents .sub_lnb_wrap .wrapF{ padding: 0 3.5vw;}
.NumberInfo{padding: 1em;}

/* board */
.board_search{flex-direction: column; align-items: flex-start; gap: 1em;}
.board_search .search{width: 100%;}
.board_search .search .grow{margin-left: auto;}
.board_search .search .btn,
.board_search .search .btn_write{white-space: nowrap;}

.input_st{ padding: .5em 0.35em;}
.board_search .search .btn{ padding: 0 0.6em;}

/**/
.w_date{display: none;}
.w_tit{ width: 76% !important;}
.w_name{ width: 14% !important;}
}

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

/* main */
select.input_st{padding-right: 2em !important;}
.mainBusiness .wrap_con .el .con .t1{ font-size: 1.7em;}
.mainBusiness .wrap_con .el .con .t2{font-size: 1.1em;}


.tableForm .tit {font-size: .95em !important;}
}


@media all and (orientation:landscape){

}