@charset "utf-8"; /* PC이하 */
@media all and (max-width:1199px) { /* 준법 경영 */
.manage_his { margin: 50px 0 0; } 
.manage_box li { display: block; width: 100%; 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: auto; }
 .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; } 
 }


/* 타블렛 세로 */
@media all and (max-width:1023px) { /* 공통 */
 .content { padding-bottom: 50px; } 
 .page_tit { font-size: 38px; } 
 .page_tit-style02 { font-size: 38px; } 
 .has_tit2 .page_tit { font-size: 24px; } 
 .page_sub { font-size: 18px; margin-bottom: 55px; } 
 .sub_tit { font-size: 15px; } 

 /* 생산프로세스 */
 .process_dots_wrap { width: 85%; margin: auto; } 

 
 .sub_tit { font-size: 28px; padding: 35px 0 25px; } 
 /* 개요 */
 .company_intro .page_desc_box .page_desc_L p { font-size: 28px; } 
 .company_intro .section0102, .company_intro .section0304 { padding-bottom: 60px; } 
 .company_intro .page_bg p { font-size: 50px; } 

 /* 비전 */
 .company_vision .section01 .vision_bg { height: 420px; } 
 .company_vision .section01 .vision_list li { height: 270px; } 
 .company_vision .section01 .vision_list li .tit { font-size: 18px; } 
 .company_vision .section01 .vision_list li .sub { font-size: 14px; } 
 .company_vision .section02 .item_box .item_R { padding-left: 0; } 
 .company_vision .section02 .item_box .item_R p:nth-child(1) { font-size: 50px; margin-left: 0; } 
 .company_vision .section02 .item_box .item_R p:nth-child(2) { font-size: 21px; } 
 .company_vision .section02 .item_box .item_R p:nth-child(3) { font-size: 16px; } 
 
 /* CI소개 */
.ci_box ul { padding:45px 30px; } 
 .ci_box ul li:nth-child(1) img { height: 56px; } 
 .ci_box ul li:nth-child(2) img { height: 56px; } 
.ci_box ul li:last-child { padding-top: 20px; } 
.ci_box ul li:nth-child(1) p { padding-top: 26px; } 

 /* 고객센터 */
 .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; } 
 
 /* 사업개요 */
 .plant_wrap .sub_tit { margin-left: 3.90625%; margin-right: 3.90625%; padding: 100px 0; } 

 /* 생산설비 */
 .processBox .process-info { padding-top: 0; } 
 .processBox .process-info .title { font-size: 28px; } 
 .processBox .process-info .desc { font-size: 16px; } 
 /* 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%; padding-right: 0; } 
 .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; } 


 }

@media all and (max-width:768px){
.process_wrap .txt_box.loc02 { margin-top: 70px;}
.process_wrap .txt_wrap .txt02 { padding: 20px 0;}

}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) { /* 공통 */
 .tab li a { width: 150px; line-height: initial; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 15px; } 
 /* 이미지팝업 */
 .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; } 

 /* 연혁 */
.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소개 */
 .ci_box ul li:nth-child(1) img { height: 90px; } 
 .ci_box ul li:nth-child(2) img { height: 48px; } 
 .ci_box ul li:last-child { padding-top: 10px; } 
 .ci_box ul li:last-child { padding-top: 20px; } 
 .ci_box ul li:nth-child(1) p { padding-top: 40px; } 
 .ci_box ul li:nth-child(2) p { padding-top: 60px; } 
 .page_sub .ci { font-size: 24px; } 

 /* 고객센터 */
 .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; } 

 
 /* 제품 > 조선용 엔진부품 */
 .mate .li01 { left: 53%; top: 15%; } 
 .mate .li02 { left: 53%; top: 19%; } 
 .mate .li03 { left: 53%; top: 28%; } 
 .mate .li04 { left: 53%; top: 39%; } 
 .mate .li05 { left: 58%; top: 46%; } 
 .mate .li06 { left: 50%; top: 57%; } 
 .mate .li07 { left: 23%; top: 80%; } 
 .mate .li08 { left: 60%; top: 80%; } 
 /* 제품 > 풍력발전부품 */
 .wind .li01 { left: 38%; top: 37%; } 
 .wind .li02 { left: 43%; top: 42%; } 
 .wind .li03 { left: 53%; top: 30%; } 
 .wind .li04 { left: 63%; top: 30%; } 
 .wind .li05 { left: 71%; top: 80%; } 
 .wind .li06 { left: 70%; top: 94%; } 

 /* 생산프로세스 */
 .process_box { margin: 10px; padding: 30px 20px; width: 300px; } 
 .process_product { width: 100%; float: initial; } 
 .process_info { width: 100%; float: initial; } 
 .process_wrap .slick-arrow { top: 540px; } 
 .process_wrap .slick-next { left: calc(100% - 60px); } 
 .process_wrap .slick-prev { left: 4px; } 
 .process_tit::after { background: transparent; } 
 .process_sub_tit { font-size: 15px; } 
 .process_tit { font-size: 25px; } 
 .process_desc { font-size: 15px; margin-top: 20px; margin-bottom: 30px; } 
 .process_desc br { display: none; } 
 /* .process_wrap { padding: 250px 0 50px !important; } */


 .process_wrap .slick-dots { position: absolute; left: 10px; right: 10px; top: 0px; flex-wrap: wrap; margin-top: 30px; justify-content: flex-start; width: calc(100% - 10px); } 
 .process_wrap .slick-dots li { width: calc((100% - 10px) / 3); border: 1px solid #999; box-sizing: border-box; margin-top: -1px; } 
 .process_wrap .slick-dots li:not(:nth-child(3n+1)) { margin-left: -1px; } 
 .process_wrap .slick-dots li button { width: 100%; height: 50px; line-height: 50px; border-radius: 0; background: transparent; color: transparent; } 
 
 .process_wrap .slick-dots li:before { display: none; } 
 .process_wrap .slick-dots li:after { top: 50%; transform: translate(-50%, -50%); padding-top: 0px; color: #999; width: 100%; text-align: center; } 

 .process_wrap .slick-dots::after { display: none; } 
 .process_wrap .slick-dots::before { display: none; } 

 .process_wrap .slick-dots li.slick-active button { background: transparent; color: transparent; border: 1px solid #0b4da2; } 
 .process_wrap .slick-dots li.slick-active::before { display: none; } 
 .process_wrap .slick-dots li.slick-active::after { color: #0b4da2; } 
 .process_wrap .slick-dots li.slick-active button:before { display: none; } 

 .process_wrap .slick-dots li.on button { background: #839ab9; } 
 .process_wrap .slick-dots li.on::after { color: #fff; z-index: 9999; } 
 .process_wrap .slick-dots li.on button:before { display: none; } 

 .process_dots>li>p { font-size: 10px; width: 60px; height: 50px;} 


 /* 생산설비 */
 .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: 300px; background-size: cover; display: flex; align-items: center; } 
 .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); min-height: initial;} 


 .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; } 


 /* 준법 경영 */
.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: 10px solid #ccddfc;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
  border: 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; } 

 /* 기타 공통 - 이미지박스들 */
 .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; } 

 /* 복리후생 */
 .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; } 
 .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; } 
 .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; } 
  
 /* 사업부품 */
 .kind_name {margin: -35px 10px 0;}
 .materialKind{
   margin-bottom: 90px;
 }
}

/* 모바일 상세 */
@media all and (max-width:640px) { /* 공통 */
 .page_tit { font-size: 25px; } 
 .page_tit:after { margin: 15px auto 20px; } 
 .page_tit-style02 { font-size: 25px; } 
 .has_tit2 .page_tit { font-size: 20px; } 
 .page_sub { font-size: 15px; margin-bottom: 30px; } 
 .page_sub br { display: none; } 
 .sub_tit { font-size: 20px; } 

 /* 비전 */
 .company_vision .section01 .vision_bg { height: auto; padding: 30px 0 50px; } 
 .company_vision .section01 .vision_list { flex-direction: column; align-items: center; } 
 .company_vision .section01 .vision_list li:not(:last-child) { margin-right:0; margin-bottom: 20px; } 

 .company_vision .section02 .item_box { flex-direction: column; padding: 30px 0; } 
 .company_vision .section02 .item_box .item_L { width: 100%; } 
 .company_vision .section02 .item_box .item_R { width: 100%; padding-top: 5%; } 
 .company_vision .section02 .item_box .item_R p:nth-child(2) { font-size: 18px; } 
 .company_vision .section02 .item_box .item_R p:nth-child(3) { font-size: 14px; } 


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

 /* 뉴스룸 */
.board_list_g li .tit { font-size: 18px; } 
.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; } 
 }



/* 모바일 가로 */
@media all and (max-width:568px) { /* 공통 */
 .tab { margin-bottom: 50px; } 

 /* 모바일이미지 */
 .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%; } 
 .history li .wrap .sub p { display: flex; } 
 .history li.left .wrap .sub p { display: flex; flex-direction: row-reverse; } 

 /* CI소개 */
 .ci_box ul li:nth-child(1) img { height: 42px; } 
 .ci_box ul li:nth-child(2) img { height: 38px; } 
 .ci_box ul li:last-child { padding-top: 10px; } 
 .ci_box ul li:last-child { padding-top: 50px; } 
 .ci_box ul li:nth-child(1) p { padding-top: 20px; } 
 .ci_box ul li:nth-child(2) p { padding-top: 20px; } 


 /* 심볼마크 */
 .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 ul li img { max-height: 75px; } 
 .ci_box .tit { font-size: 18px; } 
 .ci_box ul li p { font-size: 17px; padding: 20px 0 0; } 
 .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: 20px; } 
.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: 100px;
   font-size: 13px;
   display: flex;
   align-items: center;
   line-height: 1;
   height: 55px;
   justify-content: center;
 }

 /* 품질경영 */
 .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; } 
  
  .process_dots_wrap{
    display: none;
  }
  .process_desc{
    min-height: 130px;
  }
  .rnd_wrap li .txt_wrap{
    padding-top: 15px;
    box-sizing: border-box;
    transform: none;
    position: initial;
  }
  .rnd_bg .txt{
    font-size: 16px;
  }
  .rnd_bg .txt br {
    display: none;
  }
  .process_wrap{
    padding: 90px 0 400px;
  }
 }



@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; } 
  }