@charset "utf-8"; /* PC이하 */
@media all and (max-width:1200px) { /* 준법 경영 */
.manage_his { margin: 50px 0 0; } 
.manage_box li { display: block; width: 100% !important; margin-bottom: 15px; } 
.manage_box li .sub { height: auto; } 
.process_dots_wrap { width: 90%; } 

 /* 계열사 전체보기 */
 .intro_group .w_1200 { justify-content: space-evenly; } 
 .intro_group .contents_wrap { background: #ececec; height: auto; } 
 .intro_group .contents_wrap > .show-1199{padding: 0 10%;} 
 .intro_group .contents_wrap > .show-1199 img {width: 100%;} 
 .intro_group .item_wrap { width: 45%; } 
  .intro_group .item_box { width: initial;}
 .intro_group .item_box::before { display: none; } 
 .intro_group .item_box .dot::after { display: none; } 
 .intro_group .item_box .dot { display: none; } 
 .intro_group02 .item_box.li05 .dot { display: none; } 
 .intro_group .item_box .item_thumb { font-size: 17px; } 
 .intro_group .item_box .item_desc { padding: 10px 20px; } 
 .intro_group .item_box .item_desc .desc_box .s_tit { font-size: 18px; } 
 .intro_group .item_box .item_desc .desc_box .s_desc { font-size: 16px; padding-left: 35px; } 
 .intro_group .item_box .item_desc .desc_box .s_desc br { display: none; } 
 .intro_group .item_box .item_desc .desc_box { flex-direction: column; } 
 .intro_group.intro_group02 .contents_wrap > .img {padding: 5% 0 0 0;} 
 .intro_group.intro_group02 .contents_wrap > .img img {width: 100%;} 
 .intro_group02 .item_wrap { margin-top: 0; width: 90%; padding-top: 50px; } 

 }
 /* 2024.02.21 수정 */
 .location .tab_box {
  gap: 5px;
 }
 .location .tab_box .tab__style01 {
  height: 50px;
  font-size: 15px;
}



/* 타블렛 세로 */
@media all and (max-width:1024px) { /* 공통 */
 .content { padding-bottom: 50px; } 
 .page_tit { font-size: 38px; padding-top: 80px; margin-bottom: 30px; } 
 .page_tit-style02 { font-size: 38px; } 
 .has_tit2 .page_tit { font-size: 24px; } 
 .page_sub { font-size: 22px; margin-bottom: 55px; } 
 .sub_tit { font-size: 28px; padding: 35px 0 25px; } 

 .tab_box .tab__style01 a { width: 200px; height: 55px; } 


 /* 개요 */
 .overviewTxt { padding: 0 3.90625%; } 
 .overviewImg img { width: 100%; } 
 .overviewTxt .txtStyle01 { font-size: 32px; margin-bottom: 25px; } 
 .overviewTxt .txtStyle02 { font-size: 25px; margin-bottom: 35px; } 
 .overviewTxt .txtStyle03 { font-size: 17px; } 
 /* 그룹사 */
 .clientsSubject { font-size: 24px; } 
 .logoDesc { font-size: 17px; } 

 /* 사업장소개 */
 .companyDesc { padding: 22px 30px; } 
 .companyDesc .tit { font-size: 24px; margin-bottom: 35px; } 
 .companyDesc span.exo_font { font-size: 18px; } 
 .companyDesc span:last-child { font-size: 17px; } 
 /* ceo 인사말 */
 .ceo_subtit { font-size: 30px; margin-bottom: 65px; padding-top: 30px; } 
 .ceoTxt { margin-right: 55px; } 
 .ceoTxt .txtStyle01 { font-size: 24px; } 
 .ceoTxt p { font-size: 17px; margin-bottom: 35px; } 
 .ceoTxt .txtStyle02 { font-size: 20px; } 
 /* 연혁 */
 .history li .wrap .year { font-size: 37px; } 
 .history li .wrap .sub p { font-size: 17px; } 
/* ci */
.ciDesc br { display: none; } 
.ci_box { height: auto; } 
.ci_box ul li p:last-child { font-size: 18px; } 
/* 비전 */
.visionWrap .visionSubtit { font-size: 28px; } 
.visionTit { font-size: 32px; } 
.visionWrap .visionBg { height: 320px; } 
.visionDesc { padding: 35px 0; font-size: 22px; margin-bottom: 35px; } 
.visionWrap img { width: 100%; } 
.background-fa { margin-bottom: 200px; } 

/* 찾아오시는길 */
#map { height: 385px !important; } 
.map_table_box .sub_tit { font-size: 23px; padding: 50px 0 30px; } 
.map_table_box .flex { padding: 35px 20px; } 
.map_table_box .tit { font-size: 24px; padding-left: 30px; } 
.rerearchSubtit { font-size: 28px; margin-bottom: 35px; } 
.researchDesc p:last-child { font-size: 16px; } 
.sectionTit { font-size: 38px; } 
/* .researchRnd img { width: 100%; } */
.research_wrap .prod_img .wrap:last-child { padding-left: 0%; padding-top: 30px; } 
.research_wrap .total { font-size: 17px; margin-bottom: 15px; } 
.research.re02 .prod_wrap { padding-bottom: 50px; } 
.research_sub { font-size: 24px; } 
.faq-q { font-size: 20px; } 
.job_box li span { height: 50px; } 
.productSubtit p.mainColor { font-size: 28px; margin-bottom: 15px; } 
.productSubtit p { font-size: 22px; } 
.productDesc p:first-child { font-size: 25px; margin-bottom: 15px; } 
.productDesc p:nth-child(2) { font-size: 22px; } 
/* 품질경영 */
.page_sub-type02 { font-size: 22px; } 
/* 안전/환경경영 */
.txtb p:first-child { font-size: 18px; } 
.list01 li { width: 30%; } 
.list01 li:not(:first-child):before { left: -10px; } 
.list01 { margin-bottom: 45px; } 

/* 인재상 */
.talentWrap .itemImg { width: 60%; } 
.talentWrap .itemTxt { padding-left: 35px; } 
.talentWrap .itemTxt p:first-child { font-size: 80px; } 
.talentWrap .itemTxt p:nth-child(2) { margin-left: 20px; } 
.welfare_wrap li { padding: 30px 0; } 
.welfare_wrap .icon { margin-left: 20px; } 
.welfare_wrap .text { margin-left: 20px; padding-right: 20px; } 
.welfare_wrap .tit { font-size: 20px; } 
.welfare .sub_tit { margin-bottom: 0; } 
/* 제품소개 */
 .productSlider p { font-size: 25px; } 
 .productTxtblue { transform: translate(-30px, 70px); } 



 /* R&D 소개 */ 
.system_tab .item { font-size: 25px; } 
.system_tab:before { left: 100px } 
.system_tab:after { right: 100px } 
.sr_list { padding-top: 0; } 
.sr_list li { width: 50%; margin: 40px 0; text-align: center; } 
.system_wrap .item ul li { width: 100%; margin-right: 0; } 
.system_wrap .item ul li .tit { font-size: 16px; } 
.system_wrap .item ul li .cont { height: auto; padding: 30px 15px; } 
.system_wrap .item ul li .cont > p { font-size: 14px; } 
.system_wrap .item ul li .cont .img { position: static; height: auto; display: block; text-align: center; margin-top: 20px; } 




 



 /* 고객센터 */
 .contact_box { padding: 20px; } 
 .contact_box-icon { width: 50px; } 
 /* 제품 */
 .overview_box { padding: 30px 20px; } 
 /* 제품 */
 .overview_wrap { flex-direction: column; } 

 .overview_box { width: 100%; height: auto; padding: 30px 20px; margin-right: 20px; background-position: center; } 

 .overview_tit { width: 100%; font-size: 20px; margin-right: 20px; padding-top: 35px; padding-bottom: 30px; } 

 .overview_desc { font-size: 14px; line-height: 1.6em; display: block; } 

 .overview_box .tab_style01 { background-color: #0b4da2; border-color: #0b4da2; } 

 .hover_wrap ul li .dot { width: 160px; height: 80px; line-height: 70px; font-size: 12px; left: -75px; top: -75px; } 

 .materialKind { width: calc((100% - 20px) / 2); height: 205px; margin-right: 20px; margin-bottom: 60px; } 

 .materialKind:nth-child(3n) { margin-right: 20px; } 

 .materialKind:nth-child(2n) { margin-right: 0px; } 

 .kind_img { height: 205px; } 

 .kind_name { padding: 20px 0; margin: 0 20px; margin-top: -35px; font-size: 15px; } 

 .kind_img img { max-height: 205px; width: 70%; } 

 .material_tit { padding: 50px 0 50px; font-size: 23px; text-align: center; } 
 .productBoxEach { width: calc((100% - 40px) / 2); } 
 .productBoxEach:nth-child(3n) { margin-right: 40px; } 
 .productBoxEach:nth-child(2n) { margin-right: 0; } 
 .productTxtblue .tit { font-size: 25px; } 

 
 /* 사업개요 */
 .plant_wrap .sub_tit { margin-left: 3.90625%; margin-right: 3.90625%; padding: 100px 0; } 


 /* R&D */
 #nav { display: none; } 
 .RndKind { width: calc((100% - 25px) / 2 ); } 
 .RndKind:nth-child(3n) { margin-right: 25px; } 
 .RndKind:nth-child(2n) { margin-right: 0px; } 

 /* 환경안전경영 */
 .safety_tit { font-size: 20px; margin-bottom: 20px; } 
 .safety_tit .num { font-size: 25px; vertical-align: bottom; margin-right: 10px; } 
 .certi_box li { flex-direction: column; } 
 .certi_box li .img { width: 100%; } 
 .certi_box li .txt { width: 100%; } 
 .certi_box li .tit { font-size: 18px; margin-top: 15px; margin-bottom: 10px; } 
 .certi_box li .desc { font-size: 15px; } 

 /* kolas */
 .pd50 { padding: 30px !important; } 
 .manage_txt p { font-size: 16px; width: 80%; padding-left: 50px; float: initial; } 
 .range-wrap { font-size: 18px; } 
 .range-wrap table { font-size: 14px; } 

 /* 인재상 */
 .talent_inner { margin-top: -50px } 
 .talent_inner .sub_tit { font-size: 20px; } 
 .talent_wrap .sub_tit { font-size: 18px; padding: 100px 0; line-height: 1.4em; } 
 /* 인사육성제도 */
 .process_wrap .txt_box.loc01_L { margin-right: 100px; } 
 .process_wrap .txt_box.loc01_R { margin-left: 100px; } 
 /* 복리후생 */
 .welBox-tel { font-size: 15px; } 
 .welBox-tel { font-size: 15px; } 

 
 .esg-wrap {
  padding: 80px 0;
 }
 .esg-wrap > ul {
  gap: 20px;
 }
 .esg-wrap > ul > li figure {
  height: 60px;
  margin-bottom: 20px;
 }
 .esg-wrap > ul > li figure img {
  max-height: 100%;
 }
 .esg-wrap > ul > li b {
  font-size: 18px;
 }
 .esg-top{
  margin-top: 20px;
 }
 .esg-top p {
  font-size: 16px;
 }
 .esg-desc li {
  padding-left: 16px;
  font-size: 14px;
 }
 .esg-desc li::before{
  left: 5px;
 }
 .esg-table {
  
    overflow-x: scroll;
  font-size: 15px;
}
.esg-table th, .esg-table td {
  height: 30px 
}
.esg-safety__list {
  flex-direction: column;
}
.growth-program {
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 50px;
  justify-content: center;
}
.growth-program li {
  flex: none;
  width: calc((100% - 60px) / 3);
}
.growth-program li div::after {
  right: -15px;
}
.growth-program li:nth-child(3) div::after{
  display: none;
}
.manage-info{
  flex-direction: column;
  gap: 40px;
}
.manage-info ul {
  width: 100%;
}
.quality_manage .certi_box {
  gap: 20px;
}
.certi_box li {
  box-sizing: border-box;
}
.certi_box li .img{
  width: auto;
  padding: 20px;
}
 

 }



/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) { /* 공통 */
 .content { padding-bottom: 185px; } 
 .tab li a { width: 130px; line-height: 45px; font-size: 15px; } 
 .page_tit { padding-top: 130px; font-size: 32px; } 
 .tab_box { flex-wrap: wrap; } 
 .board-search-select { width: 130px; } 

 .board-search-field { width: 300px; } 
 /* 이미지팝업 */
 .img__popup { width: 300px; margin-left: 0; width: 300px; left: 50%; transform: translate(-50%, 0); top: 20%; } 
 .close { width: 52px; height: 52px; position: absolute; top: initial; left: initial; bottom: 100%; right: 0; } 

 /* 모바일이미지 */
 .align-c img.Imgsize60 { max-width: 60%; } 
 .align-c img.Imgsize70 { max-width: 70%; } 

 /* 개요 */
 .company_intro .page_bg { height: 300px; background-attachment: initial !important; } 
 .company_intro .page_desc_box { flex-direction: column; margin-top: 40px; } 
 .company_intro .page_desc_box .page_desc_R { width: 100%; font-size: 15px; } 
 .company_intro .page_bg p { font-size: 30px; } 
 .logoImg img { width: 70%; } 
 .overviewImg { padding-left: 3.90625%; padding-right: 3.90625%; } 
 .companyDesc span.exo_font { width: 110px; } 

 /* ceo 인사말 */
 .ceo_subtit br { display: none; } 
 .ceoOuter { flex-direction: column-reverse; } 
 .ceoTxt { width: 100%; } 

 /* 연혁 */
.history_tab li.on a { font-size: 25px; line-height: 1.4; } 
.history_tab li a img { height: 40px; margin: 0 10px; } 
.history_icon { text-align: left; } 
.history:after { right: auto; left: 16px; } 
.history li:before { right: auto; left: 5px; } 
.history li .wrap { width: 100%; padding: 5px 0 0 65px; } 
.history li.right .wrap, .history li.left .wrap { float: none; text-align: left; } 
.history li.right .wrap:before { left: 17px; } 
.history li.left .wrap:before { right: auto; left: 17px; } 
 .history li.right .wrap .year + div { flex-direction: column; } 
 .history li.left .wrap .year + div { flex-direction: column; } 
 .history li.right .wrap .year { float: left; } 
 .history li.right .wrap .sub { width: 100%; padding-left: 0; } 
 .history li.left .wrap .sub { width: 100%; padding-left: 0; } 
 .history li .wrap .img { margin-top: 0; } 
 .history li.left .wrap .img { padding-left: 0; } 
 .history li.left .wrap .sub p span { margin-left: 0; float: left; padding-right: 30px; width: 20px; } 
 .history li .wrap .sub p { display: block; font-size: 16px; } 

 /* CI소개 */
 .page_sub .ci { font-size: 24px; } 
 .ci_box ul { align-items: baseline; } 

 /* 비전 */
 .visionWrap .visionSubtit { font-size: 22px; } 
 .visionTit { font-size: 28px; } 

 /* 고객센터 */
 .contact_box { width: calc((100% - 20px) / 2); } 
 .contact_box:nth-child(3n) { margin-right: 20px; } 
 .contact_box:nth-child(2n) { margin-right: 0px; } 

 /* 찾아오시는길 */
 .map_table_box .sub_tit { padding: 40px 0 30px; } 
 .map_table_box .tit { font-size: 18px; width: 18%; padding-left: 20px; text-align: left; } 
 .map_table_box .desc { font-size: 14px; padding-left: 24px; text-align: left; } 
 .map_table_box .flex { padding: 20px 0; } 

 /* 제품소개 */
 .productImg img { width: 100%; } 

 /* 제품소개 > chassis */
 .prod_wrap { padding: 0 0 70px; } 
 .prod_wrap .inner { flex-direction: column; } 
 .prod_wrap .inner>div { width: 100%; } 
 .prod-img-zoom .item { height: 490px; line-height: 490px; } 
 .prod_wrap .inner>div.prod_txt { width: 100%; margin-top: 50px; } 
 .prod_wrap.p_w2 .inner>div.prod_txt { order: 2; } 
 .prod-thumbs { width: 90%; margin: auto; } 
 .prod-thumbs .item { width: 80px; } 

 /* 지속가능경영 */
   /* 지속가능경영 > 환경안전경영 */
 .sustain3 .sub_wrap .align-c {padding: 0 15px;}
 .sustain3 .sub_wrap .align-c img {margin: auto;}
 .sustain .online_form_write th {width: auto; font-size: 13px;}
 .online_form_write th, .online_form_write td {padding: 15px 8px;}
 .sustain3 .inline_wrap.certi_box > li {
  display: block;
  margin: 20px auto;
 }




 /* 생산설비 */
 .bg_has_pattern .inner { padding: 50px 0 50px; } 
 .processBox { flex-direction: column; } 
 .processBox .process-Thumb { width: 100%; padding-right: 0; } 
 .processBox .process-info { width: 100%; padding-top: 20px; } 
 .processBox .process-info .title { font-size: 23px; margin-bottom: 15px; } 
 .processBox .process-info .desc { font-size: 13px; } 

 /* R&D */
 .sh_bigTit { font-size: 100px; } 
 .inno_tit { font-size: 35px; top: -20px; } 
 .rnd_wrap { margin-top: 50px; flex-direction: column; } 

 /* .rnd_wrap li { width: 100%; height: 200px; background-size: cover; } */
 .rnd_wrap .num { font-size: 23px; margin-bottom: 5px; } 
 .rnd_wrap .tit { font-size: 17px; margin-bottom: 15px; } 
 .rnd_wrap .desc { font-size: 12px; opacity: 1; display: block; transform: translateY(0); } 


 .rnd_wrap02 { flex-wrap: wrap; margin-bottom:50px; } 
 .rnd_wrap02 li { width: calc((100% - (12px* 1)) / 2); margin-bottom: 10px; padding: 30px 0; } 
 .rnd_wrap02 li:nth-child(2n) { margin-right: 0; } 
 .rnd_wrap02 li .tit { font-size: 17px; margin: 15px 0 5px; } 
 .rnd_wrap02 li .desc { font-size: 12px; } 



 .RndKind { height: auto; margin-bottom: 30px; } 
 .Rndkind_img { height: auto; } 
 .Rndkind_name { padding: 15px 0; margin: 0 10px; } 
 .Rndkind_name .tit { font-size: 15px; } 
 .Rndkind_name .desc { font-size: 12px; } 
 .target .page_tit { padding-top: 55px; font-size: 28px; } 
 .RndKind_wrap { padding: 30px 0 30px; } 
 .rnd_bg { height: 200px; } 
 .rnd_bg .txt { font-size: 20px; padding: 90px 0; line-height: 1.2em; } 
 .rnd_table { margin-top: 50px; } 
 .rnd_table .rnd_title { font-size: 23px; margin-bottom: 10px; } 
 .rnd_table .rnd_box { padding: 10px 0; } 
 .rnd_table .rnd_box .tit { font-size: 13px; } 
 .rnd_table .rnd_box .sub { font-size: 12px; } 
 .target:not(:first-child) { padding: 50px 0; } 


 /* 준법 경영 */
.manage_wrap,
.sustain .manage_wrap { padding: 60px 0; } 

.manage_tit { font-size: 23px; margin-bottom: 25px; padding-left: 30px; } 
.manage_tit > span { font-size: 58px; top: -23px; } 
.manage_tit .num { font-size: 30px; margin-right: 7px; } 
.manage_wrap .fz18 { font-size: 15px; } 
.manage_wrap .fz17 { font-size: 14px; } 
.manage_his .item .num { font-size: 22px; margin: 20px 0 10px; } 
.manage_his .item .txt li { font-size: 14px; } 
.blue_border { margin: 30px 0 20px; font-size: 18px; border-bottom: none; line-height: 1.2; } 
.circle_num { font-size: 16px; margin: 30px 0 15px; } 
.circle_num span { font-size: 13px; width: 25px; line-height: 25px; margin-right: 5px; } 
.manage_box li .title { font-size: 15px; line-height: 45px; } 
.manage_box li .sub { padding: 15px; } 

 /* 환경안전경영 */
 
 .rnd_wrap02 li .tit02 { font-size: 15px; margin: 30px 0 15px; } 
 .sub_wrap { padding: 50px 0; } 
 .certi_box li { padding: 10px 15px; } 
 .certi_box li .img img { width: 100%; } 
 .certi_box li .tit { font-size: 16px; } 
 .certi_box li .desc { font-size: 13px; } 

 /* 품질경영 */
 .qualitybox { flex-direction: column; } 

 .manage_inner { margin-top: -50px; padding-top: 35px; } 
 .qualitybox .item_L { width: 100%; padding: 10px 20px 10px 0; } 
 .qualitybox .item_R { width: 100%; padding: 20px 0; } 
 .qualitybox .item_R .num { font-size: 35px; padding-bottom: 10px; } 
 .qualitybox .item_R .desc { font-size: 15px; } 

 /* 윤리경영 */
 .moralWrap img { width: 100%; } 
 .moralProgressBox { background: initial; border: none; } 
 .moralCallout { padding: 30px 20px; } 
 .btn-style01 { width: 180px; height: 55px; line-height: 53px; } 
 .moralWrap .btn-style01 { margin-top: 55px; } 
 .moralWrap .moralBg { background-position: center; } 
 .moralDesc { width: 100%; } 
 .moralProgressBox p { margin-top: 30px; text-align: left; } 
 .moralWrap .background-fa { margin-bottom: 65px; } 
 /* 인재상 */
 .talentWrap .item_box { flex-direction: column; } 
 .talentWrap .item_box:nth-child(2n) { flex-direction: column-reverse; } 
 .talentWrap .itemImg { width: 100%; } 
 .talentWrap .itemTxt { padding-left: 30px; padding-top: 0; margin-bottom: 50px; } 
 /* 복리후생 */
 .welfare_wrap li { width: 100%; margin-right: 0; } 
 .welfare_wrap .text { margin-left: 50px; } 

 /* 고객센터 */
 .service_center .item_box { flex-direction: column; } 
 .service_center .itemImg { width: 100%; } 
 .service_center .itemImg img { width: 100%; } 
.service_center .itemTxt { padding-left: 30px; padding-top: 45px; padding-bottom: 30px; } 
/* 부정비리제보 */
.contactBox .phone { font-size: 15px; } 
.contactBox .number { text-align: center; font-size: 15px; } 
.form--style01 .form__header { width: 130px; } 
.form--style01 .flex { flex-direction: column; align-items: flex-start; } 
.radio__wrap { margin-left: 0; } 



 /* 기타 공통 - 이미지박스들 */
 .certi_wrap .img_box { width: calc((100% - 20px) / 2); margin-bottom: 30px; } 
 .certi_wrap .img_box:nth-child(4n) { margin-right: 20px; } 
 .certi_wrap .img_box:nth-child(2n) { margin-right: 0px; } 
 .certi_wrap .img_box .title { font-size: 16px; margin-top: 20px; } 

 .inspec_wrap .img_box { width: calc((100% - 20px) / 2); margin-bottom: 30px; } 
 .inspec_wrap .img_box:nth-child(3n) { margin-right: 20px; } 
 .inspec_wrap .img_box:nth-child(2n) { margin-right: 0px; } 
 .inspec_wrap .img_box .title { font-size: 16px; } 

 /* 인사육성제도 */
 .talent_wrap .sub_tit { font-size: 16px; padding: 70px 3.90625%; } 
 .talent_wrap .sub_tit br { display: none; } 
 .process_img img { width: 60%; margin: 0 auto; } 
 
 .process_wrap img { width: 100%; } 
 .process_wrap .txt_wrap .flex { flex-direction: column; left: 0; transform: translateX(0); padding: 0; } 
 .process_wrap .txt_wrap { width: 100%; padding: 0 3.90625%; box-sizing: border-box; } 
 .process_wrap .txt_box { width: 70%; background: #fff; border-radius: 10px; margin-bottom:30px; position: relative; } 
 .process_wrap .txt_wrap .txt01 { font-size: 28px; padding: 21px 0; border-bottom: 1px solid #f2f2f2; } 
 .process_wrap .txt_wrap .txt02 { font-size: 22px; } 
 .process_wrap .txt_box.loc01_L { margin-right: auto; } 
 .process_wrap .txt_box.loc01_R { margin-left: auto; } 
 .process_wrap .txt_box.loc03 { margin-top: 100px; } 
 .process_wrap .txt_box.loc02::before { display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 20px); width: 30px; height: 30px; background: url(/image/sub/system_icon.png) center; background-size: cover; } 
 .process_wrap .txt_box.loc03::before { display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 20px); width: 30px; height: 30px; background: url(/image/sub/system_icon.png) center; background-size: cover; } 
 .process_wrap .txt_box.loc02 { margin-top: 50px; } 
 .process_wrap .txt_wrap .txt02 { padding: 20px 0; } 

 /* 복리후생 */
 .welBox { width: calc((100% - 10px) / 2); margin-right: 10px; } 

 .welBox:nth-child(2n) { margin-right: 0; } 
 .welBox-tit { font-size: 15px; margin: 20px 0 !important; } 
 .welBox-tel { font-size: 12px; word-break: normal; } 
 /* kolas */
 .range-wrap { flex-direction: column; padding-top: 35px; padding-bottom: 25px; } 
 /* .table_wrap.range-wrap .range_tit:after { display: none; } */
 .range-wrap .range_tit { padding-bottom: 25px; } 
 .range-wrap .range_info { width: 100%; } 
 .range-wrap .range_tit:after { top: 30px; } 

 /* 채용정보 */
 .recruit-wrap .recruit_box { flex-direction: column-reverse; padding: 30px; margin-bottom: 15px; } 
 .recruit-wrap .recruit_img { width: 100%; text-align: left; margin-bottom:15px; position: relative; height: 250px; overflow: hidden; } 

 .recruit-wrap .recruit_img img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 .recruit_box .recruit_info { width: 100%; } 
 .recruit_box .recruit_kind { font-size: 25px; margin-bottom: 30px; } 

 /* 포토갤러리 */
 .gallery_wrap .img_box { width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 30px; padding-bottom: 32%; } 
 .gallery_wrap .img_box:nth-child(3n) { margin-right: 10px; } 
 .gallery_wrap .img_box:nth-child(2n) { margin-right: 0px; } 
 .gallery_wrap .img_box .title { font-size: 17px; } 
 .gallery_wrap .img_box .info { padding: 10px 10px 15px; } 

 /* 계열사 전체보기 */
 .intro_group .w_1200 { flex-direction: column; margin-top: 0px; margin-left: 3.90625%; margin-right: 3.90625%; width: auto;} 
 .intro_group .item_wrap { width: 100%; margin-top: 0; } 
 .intro_group .item_box { width: 100%;}
 .item_wrap { margin-top: 0; } 
 .intro_group .contents_wrap { width: 100%; margin: 0 auto; height: auto; } 
 .intro_group .contents_wrap img { width: 100%; } 
 /* .intro_group .contents_wrap .mobile_m.on { display: block; width: 80%; margin: 0 auto; margin-bottom: 40px; padding-top: 40px; } */
 .intro_group02 .w_1200 { flex-direction: inherit; } 
 .company_intro .page_desc_box .page_desc_L p { font-size: 25px; margin-bottom: 30px; } 
 .intro_group02 .item_wrap .item_box { width: 100%; margin-right: 0px; background: #fff; } 

 .table__wrap table tr th { font-size: 14px; } 

 .table__wrap table tr td { font-size: 13px; } 
 .intro_group .item_wrap { width: 100%;}



 /* R&D 소개 */
.sh_bigTit { font-size: 100px; } 
.inno_tit { font-size: 35px; top: -20px; } 
.target.bg { padding: 50px 0 70px; } 
.member_img { margin: 0 0 40px; } 
.study_list li { width: 100% !important; margin-bottom: 30px; height: auto !important; } 
.study_list li:nth-child(2) { margin-right: 0; } 
.study_list li:last-child { width: 100%; } 
.study_list li .box > img { max-width: 90%; } 
 .system_wrap .item .img img { width: 100%; } 
.system_wrap { padding: 50px 30px; } 
.system_wrap .item .title { margin-bottom: 20px; font-size: 25px; } 
.system_wrap .item .sub { font-size: 16px; line-height: 1.5; } 
.system_wrap .item > .img { margin-top: 30px; padding: 20px; } 
.topic { margin-top: 50px; } 
.topic ul li { padding: 20px 17px; } 
.topic ul li:before { top: 29px; left: 8px; } 
.topic ul li .text { font-size: 14px; } 
.topic_btn { position: static; text-align: right; margin-top: 15px; } 
.topic_btn a { width: 100px; font-size: 12px; height: 40px; line-height: 40px; } 

.gover-box {
  grid-template-columns: 1fr;
  grid-gap: 2.78vw;
}
.gover-box >li div:first-child {
  height: 11.11vw;
  font-size: 3.61vw;
}
.gover-box >li div:last-child{
  padding: 4.17vw;
}
.gover-box >li p{
  font-size: 3.61vw;
}
.gover-box >li li{
  font-size: 3.33vw;
  padding-left: 2.78vw;
}
.gover-box >li li::before {
  left: 0;
}
.esg-name {
  margin-top: 16.67vw;
}
.esg-name p {
  padding: 3.89vw 7.64vw;
  font-size: 4.17vw;
}
.esg-table.style02 thead th {
  height: 11.11vw;
}

.governance .esg-table {
  font-size: 16px;
}
.esg-table.style02 thead th {
  height: 16.67vw;
}
.esg-table.style02 th, .esg-table.style02 td{
  height: 11.11vw;
}
.esg-table.style02 tbody th {
  padding-left: 2.78vw;
}
.governance .esg-table {
  font-size: 3.47vw;
}

.esg-table thead th{
  height: 11.11vw;
}
.esg-table.style02 thead th {
  height: 11.11vw;
}
.esg-table table {
  width: 90vw;
}
.esg-sec .manage_tit {
  margin-bottom: 4.17vw;
}
.esg-arc li button {
  padding: 4.17vw;
  height: 13.89vw;
  font-size: 4.17vw;
}
.esg-table th,
.esg-table td {
 padding: 10px ;
 white-space: nowrap;
}
.governance .esg-arc li button{
  height: 13.89vw;
}


.esg-sec:not(:first-child) {
  margin-top: 16.67vw;
}
.esg-table {
  overflow-x: scroll;
  font-size: 3.33vw;
  line-height: 1.4;
}





 }


 


/* 모바일 상세 */
@media all and (max-width:640px) { /* 공통 */
 .content { padding-bottom: 85px; } 
 .page_tit { font-size: 34px; margin-bottom: 30px; } 
 .page_tit:after { margin: 15px auto 20px; } 
 .page_tit-style02 { font-size: 25px; } 
 .has_tit2 .page_tit { font-size: 20px; } 
 .page_sub { font-size: 24px; margin-bottom: 30px; } 
 .page_sub-type02 br { display: none; } 
 .page_sub br { display: none; } 
 .sub_tit { font-size: 20px; } 
 .tab_box .tab__style01 { width: 47%; } 
 .tab_box .tab__style01 a { width: auto; height: 45px; font-size: 13px; line-height: 1; } 
 .tab_box { margin-bottom: 45px; justify-content: center; box-sizing: border-box; } 

 /* 개요 */
 .overviewImg { margin-bottom: 40px; } 
 .overviewTxt .txtStyle01 { font-size: 22px; margin-bottom: 25px; line-height: 1.3; letter-spacing: -0.1em; } 
.overviewTxt .txtStyle02 { font-size: 18px; } 
.overviewTxt .txtStyle03 { font-size: 15px; } 
.clientsSubject { font-size: 20px; } 
.logoContents { width: 48%; margin-right: 0; } 
.logoWrap { justify-content: space-between; } 
.logoDesc { margin: 10px 0 15px 0; font-size: 15px; } 
.companyContents { width: 100%; } 
.companyDesc { padding: 20px 25px; } 
.companyDesc .tit { font-size: 22px; } 
.companyDesc span.exo_font { width: 90px; font-size: 16px; } 
.companyDesc span:last-child { font-size: 15px; } 


/* ceo인사말 */
.ceo_subtit { font-size: 20px; } 
.ceoImg img { width: 100%; } 
.ceoTxt { margin-top: 20px; } 
.ceoTxt .txtStyle01 { font-size: 22px; } 
.ceoTxt p { font-size: 15px; } 

/* ci 소개 */
.page_sub.mb40 { margin-bottom: 20px !important; } 
.ci_bg .sub_txt { font-size: 14px; } 
.ci_btn { bottom: -70px } 
.ci_btn a { width: 230px; height: 55px; line-height: 55px; font-size: 15px; margin: 0 auto 10px; display: block; } 
 .ci_box ul { padding: 30px 20px; } 
 .inline_wrap>li { padding: 0 10px; width: 80%; } 
 .ci_box ul li p:first-child { height: auto; } 
 .ci_box ul li p:last-child { font-size: 16px; padding: 20px 0 0; } 

 /* 비전 */
.visionWrap .visionSubtit { margin-bottom: 50px; font-size: 22px; } 
.visionTit { font-size: 23px; } 
.visionWrap .visionBg { height: 300px; } 
.visionWrap .visionBg.bg01 { background-size: contain; } 
.visionWrap .visionBg.bg02 { background-image: url(/image/sub/intro_vision_bg2_mo.png) !important; background-size: contain; } 
.visionDesc { width: 100%; padding: 25px 0; font-size: 17px; } 
.background-fa { margin-bottom: 100px; padding-top: 35px; } 
.visionDesc-type02 { font-size: 20px; } 

/* 연혁 */
.history_top { padding: 0; } 
/* 연구소 소개 */
/* .researchRnd { height: fit-content; background-size: cover; padding-bottom: 30px; } */

 /* 연구개발 */
 .rerearchSubtit { font-size: 20px; } 
 .rerearchSubtit br { display: none; } 
 .bgWrap { margin-top: 0px; height: auto; padding-bottom: 50px; } 
 .researchBg { height: 220px; background-size: initial; } 
 .researchDesc { width: 100%; } 
 .researchDesc p:last-child { font-size: 15px; } 

 .bgWrap .inner { transform: translateY(0); } 
 .researchDesc p:first-child { font-size: 25px; } 
 .researchOuter { height: auto; } 
 .sectionTit { font-size: 28px; } 
 .sectionDesc { font-size: 20px; } 
 .sectionDesc br { display: none; } 
 .faq-q { font-size: 18px; padding: 15px 30px; } 
 .faq-a table th,
 .faq-a table td { padding: 25px 25px; } 
 .col03.inline_wrap>li { width: 100%; } 
 .job_bg { height: initial; } 
 
/* 연구설비 */
.research_sub { font-size: 20px; } 
.research_sub br { display: none; } 
.research_wrap .total { font-size: 15px; } 
.research_wrap .system_text { position: initial; width: 100%; margin-left: 0; padding: 30px 0; } 
.research_wrap .box { padding: 25px 20px; } 
.research_wrap .prod_img .wrap:first-child { width: 100%; } 
.research_wrap .prod_img .wrap:last-child { width: 100%; } 
.research_wrap .prod_img .slider-for .item { border: none; } 

/* 연구개발 */
.research .prod_wrap { padding-bottom: 80px; } 
.job_tit { font-size: 24px; } 
.job_box { margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.job_box li { width: 48%; padding: 0; margin-bottom: 10px; } 
.job_bg { padding-top: 50px; } 
.job_box li span { padding: 15px; font-size: 15px; width: 100%; box-sizing: border-box; height: 100%; margin: 0; } 

/* 제품 */
.productBox { padding: 30px; padding-bottom: 50px; flex-direction: column; } 
.productDesc { padding-left: 0; } 
.productWrap .flex { flex-direction: column; } 
.productImgBox { width: 100%; padding: 30px; } 
.productTxtblue { transform: none; padding: 35px; } 
.productTxtblue .tit { font-size: 24px; width: 100%; margin-bottom: 30px; line-height: 1.3; } 
.productTxtblue .sub { font-size: 15px; } 
.productSlider .slider-nav .item { width: 175px; height: 150px; } 

 .productImgEach img { width: 100%; } 
.prod_cont li { flex-direction: column; margin-bottom: 15px; } 
.productSlider p { font-size: 22px; } 
.productBoxEach { width: 100%; margin-right: 0 !important; } 
.productBoxEach .productTxtblue { padding: 30px; } 

 .productImgBox img { width: 100%; } 
.productTxtblue.fixWidth { width: initial; } 

 /* 제품소개 > chassis */
 .prod-img-zoom .item { height: 315px; line-height: 315px; } 
 .prod-img-zoom .item img { max-width: 70%; max-height: 70%; } 
 .prod_wrap .inner>div.prod_txt { margin-top: 30px; } 
 .prod_txt .small_eg { font-size: 16px; } 
 .prod_txt .prod_name { font-size: 35px; margin: 7px 0 15px; } 
 .prod_txt .prod_sub { padding-bottom: 28px; } 
 .prod_btn { margin-top: 15px; } 
 .prod_btn a { width: 150px; line-height: 45px; } 

/* 재무 */
.table__wrap { overflow-x: scroll; } 

/* 안전/환경 경영 */
.list01 { flex-direction: column; } 
.list01 li { width: 100%; justify-content: left; padding: 15px 0; } 
.list01 li:not(:first-child):before { display: none; } 
.page_sub-type02 { font-size: 18px; } 
/* 부정비리 */
.maralSubtit { font-size: 22px; margin-bottom: 35px; } 
.moralDesc { padding-left: 3.90625%; padding-right: 3.90625%; box-sizing: border-box; } 
.moralProgressBox { font-size: 15px; } 
.moralCallout { font-size: 15px; } 
.contactBox { flex-wrap: wrap; padding: 25px; } 
.contact { width: 100%; } 
.contact:first-child:after { width:100%; height: 1px; right: 50%; bottom: 0; transform: translateX(50%); } 
.contact:first-child { padding-bottom: 15px; } 
.formTit { font-size: 22px; margin-top: 55px; } 
.form--style01 .form__header>p { font-size: 15px; } 
.form--style01 .form__header { padding-left: 10px; width: 80px; } 
.form--style01 .form__data select { width: 100%; height: 35px; line-height: 35px; } 

.form--style01 .form__data input[type="text"] { width: 100%; box-sizing: border-box; height: 35px; line-height: 35px; } 
.form--style01 .form__data { padding: 15px; } 
.btn-style01 { width: 150px; height: 45px; line-height: 43px; font-size: 15px; } 
/* 인재상 */
.talentWrap .itemImg { height: 250px; } 
.talentWrap .itemTxt { padding-left: 15px; } 
.talentWrap .itemTxt p:last-child { font-size: 15px; margin-left: 20px; } 
.talentWrap .itemTxt p:first-child { font-size: 60px; transform: translate(-20px, 30px); } 
.welfare_wrap.inline_wrap>li { width: 100%; flex-direction: column; padding: 20px 10px; } 
.welfare_wrap .icon { margin: 20px auto; } 

/* 뉴스룸 */
.board_list_g li .tit { font-size: 18px; } 

/* 고객센터 */
.service_center .itemTxt { padding-left: 20px; padding-top: 25px; padding-bottom: 30px; } 
.service_center .itemTxt .subject { margin-bottom: 30px; font-size: 22px; } 
/* 찾아오시는 길 */
.chinamap { height: 385px !important; } 









 /* 준법 경영 */
 .manage_his .item { width: 50%; } 
 .manage_his .item .txt { padding-right:10px; } 
 .manage_his .item .txt li:before { top: 8px; } 
 

 /* 뉴스룸 */
 .board_list_g li a {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .board_list_g { margin-top: 70px; } 

 .board_list_g li .img { width: 100%; margin-bottom: 20px; } 

 .board_list_g li .txt { padding-left: 15px; width: 100%; } 

 /* 홍보 영상 */
 .video_tab li a { padding: 15px 10px; } 

 .video_tab li .img { width: 35px; } 

 .video_tab li .text { font-sizE: 12px; padding-left: 10px; } 

 .video_tab li .text strong { font-size: 15px; } 


 /* R&D 소개 */
.sh_bigTit { font-size: 80px; } 
.inno_tit { font-size: 25px; top: 0; margin-bottom: 20px; } 
.target .fz18 { font-size: 14px; } 
.target .page_tit { padding: 0px 0 40px; } 
.inno_img { margin-top: 30px; } 
.rnd_history .item .num { font-size: 23px; margin: 20px 0 10px; } 
.rnd_history .item .txt li { font-size: 14px; } 
.rnd_history .item .img { margin-top: 20px; } 
.study_result { padding: 60px 0 40px; } 
.study_list li .tit { font-size: 18px; } 
.study_list li .box { height: auto; padding: 20px 0; } 
 .study_list li .box .icon { margin-top: 10px; } 
 .study_list li .box .fz15 { margin-bottom: 10px; } 
.study_list li .box .fz17 { font-size: 14px; } 
.topic_tit { font-size: 21px; margin-bottom: 20px; } 

.system_tab { padding: 20px 0; } 
.system_tab .item, .system_tab .item.slick-current { font-size: 19px; line-height: 30px; } 
.system_tab:before, .system_tab:after { display: none; } 
.system_tab .slick-arrow { width: 35px; height: 35px; top: 17px; background-size: 100% !important; } 
.system_tab .slick-prev { left: 15px; } 
.system_tab .slick-next { right: 15px; } 
.system_wrap { padding: 40px 20px; } 
.system_wrap .item .title { font-size: 20px; } 
.system_wrap .item .sub { font-size: 14px; } 

.sr_list li { margin: 25px 0; padding: 0 20px; }
.sr_list li:nth-child(2n) { border-right: none;}
.sr_list li .icon img { max-height: 50px; } 
.sr_list li .num { font-size: 18px; margin: 15px 0 5px; } 
.sr_list li .num b { font-size: 30px; } 
.sr_list li .sub { font-size: 15px; } 
/* 2024.02.21 수정 */
.location .page_tit{
  margin-bottom: 50px;
}
.location-wrap > .sub_tit {
  padding: 0;
  margin-bottom: 30px;
}
.location .tab_box {
  display: grid;
  grid-gap: 5px;
  margin-bottom: 20px;
}
.local-wrap .tab_box {
  grid-template-columns: repeat(3, 1fr);
 }
 .global-wrap .tab_box {
  grid-template-columns: repeat(2, 1fr);
 }
 .location .tab_box .tab__style01 {
  width: auto;
  font-size: 13px;
  height: 42px;
 }
 .global-wrap{
  margin-top: 50px;
 }
 .location_map iframe{
  height: 300px;
 }
 }


/* 모바일 가로 */
@media all and (max-width:568px) { /* 공통 */
 .tab { margin-bottom: 50px;} 
  .manage_wrap { padding: 50px 0; } 
.manage_tit { font-size: 20px; padding-left: 20px; } 
.manage_tit > span { font-size: 45px; top: -15px; } 
.manage_tit .num { font-size: 25px; margin-right: 3px; } 
 .manage_txt p { font-size: 14px; } 


} 

 /* 모바일이미지 */
 .align-c img.Imgsize70 { max-width: 100%; } 


 /* 연혁 */
 .history_tab { padding: 0; overflow-x: scroll; } 
 .history_tab li { font-size: 12px; } 
 .history li .wrap .year { font-size: 25px; } 
 .history li .wrap .sub { margin: 0; } 
 .history li.left .wrap .img { width: 100%; } 
 .history li.right .wrap .img { width: 100%;  justify-content: flex-start;} 
 .history li .wrap .sub p { display: flex; } 
 .history li.left .wrap .sub p { display: flex; flex-direction: row-reverse; } 



 /* 심볼마크 */
 .ci_bg .sub_img { padding-top: 50px; padding-bottom: 100px; } 
 .ci_bg .sub_img img { width: 38%; } 
 .ci_box { height: auto; margin-bottom: 50px; } 
 .ci_box .tit { font-size: 18px; } 
 
 .ci_btn { position: initial; } 
 .ci_btn a { margin-bottom: 10px; } 
 .ci_bg { margin: 40px auto 60px; } 
 .ci_bg .sub_txt { padding: 45px 10px 55px; margin: -70px 30px 0; font-size: 15px; } 

 .col02 > li { width: 100%; } 
 
 /* 고객센터 */
 .contact_box { width: 100%; margin-right: 0; } 
 .contact_box:nth-child(3n) { margin-right: 0; } 
 .contact_box-tit { padding-bottom: 10px; } 
 .contact_box-tel { font-size: 18px; } 

 /* 찾아오시는길 */
 #map { height: 300px !important; } 
 .map_table_box .desc { font-size: 14px; padding-left: 50px; text-align: left; } 
 .map_table_box .flex { flex-wrap: wrap; padding: 20px 10px; } 
 .map_table_box .icon { width: 8%; } 
 .map_table_box .icon img { width: 70%; } 
 .map_table_box .desc { width: 100%; } 

 /* R&D */
 .sh_bigTit { font-size: 80px; } 
 .inno_tit { font-size: 25px; top: 0; margin-bottom: 20px; } 


 /* .rnd_bg { height: 200px; } */
 
 /* 품질경영 */
 .qualitybox .item_L { padding: 0; } 
 /* 준법 경영 */
.manage_wrap { padding: 50px 0; } 
.manage_tit { font-size: 20px; padding-left: 0px; } 
.manage_tit > span { font-size: 45px; top: -15px; } 
.manage_tit .num { font-size: 25px; margin-right: 3px; } 
 .manage_txt p { font-size: 14px; } 


 
 /* 기타 공통 - 이미지박스들 */
 .certi_wrap .img_box .title { font-size: 14px; } 
 .inspec_wrap .img_box .title { font-size: 14px; bottom: 1px; } 

 /* kolas */
 .range-wrap table { font-size: 12px; } 
 .range-wrap .align-l { padding-left: 10px; } 
 .range-wrap table td, .range-wrap table th { text-align: left; padding-left: 5px; } 

 /* 인사육성제도 */
 .process_wrap .txt_box { padding: 10px 40px; } 
 .process_wrap .txt_wrap .txt01 { font-size: 17px; padding: 10px 0; } 
 .process_wrap .txt_wrap .txt02 { font-size: 14px; padding: 30px 0; } 
 /* 채용정보 */
 .recruit_box .recruit_desc { font-size: 15px; } 
 .recruit_box .recruit_tag span { font-size: 12px; } 

 

 /* 포토갤러리 */
 .gallery_wrap .img_box .title { font-size: 15px; } 
 }

@media all and (max-width:425px) { /* 공통 */
 .tab li a { width: 140px; } 
 .tab_box .tab__style01 { width: 30%; } 

 /* 품질경영 */
 .qualitybox .item_R .num { font-size: 37px; } 
 .qualitybox .item_R .desc { font-size: 17px; } 
 /* kolas */
 .pd50 { padding: 15px !important; } 
 .manage_txt p { width: 90%; font-size: 14px; } 


 /* 계열사 전체보기 */
 .intro_group .item_box { margin-bottom: 20px; } 
 .intro_group .item_box .item_desc .desc_box .s_desc br { display: none; } 

 /* 고객센터 */
 .contact_box .fz20 { font-size: 15px; } 

 /*R&D*/
 .Rndkind_name { padding: 30px 0; margin: 0; } 
 }



@media all and (max-width:375px) { } 

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

/* 공통 */
.show-default { display:block; } 
.hide-default { display:none; } 

/* PC이하 ~ 타블렛 가로 */
@media all and (max-width:1200px){
  .show-1199 { display:block; } 
 .hide-1199 { display:none; } 
  
 
  }
 /* 타블렛 가로 이하 */
 @media all and (max-width:1024px){
  .show-1023 { display:block !important; } 
 .hide-1023 { display:none !important; } 
  }
 /* 타블렛 이하 ~ 모바일 */
 @media all and (max-width:768px){
  .show-767 { display:block; } 
 .hide-767 { display:none; } 
  }
 /* 모바일 가로 미만 */
 @media all and (max-width:568px){
  .show-568 { display:block; } 
 .hide-568 { display:none; } 
  }
 /* 모바일 최소 */
 @media all and (max-width:425px){
  .show-425 { display:block; } 
 .hide-425 { display:none; } 
  }
 
 @media all and (max-width:375px){
  .show-375 { display:block; } 
 .hide-375 { display:none; } 
  }
 
 @media all and (max-width:320px){
  .show-320 { display:block; } 
 .hide-320 { display:none; } 
  }