@charset "utf-8";

/* PC이하 */
@media all and (max-width:1199px) {
   /* 지속가능경영 > 준법경영 */
 .manage_his { margin: 50px 0 0; } 

 /* R&D 소개 */
#nav { display: none; } 
.target { padding: 50px 0; } 
.system_wrap { padding: 90px 50px; } 

 /* 지속가능경영 > 품질경영 */
 .manage_line li { width: 100%; } 
 .manage_line li:first-child { text-align: center; } 
 .manage_line li.manage_list { width: 100%; padding-left: 0; } 

 /* 계열사 전체보기 */
  .intro_group .inner { justify-content: space-evenly; } 
  .intro_group .contents_wrap { background: #ececec; height: auto; } 
  .intro_group .contents_wrap > .show-1199{padding: 0px 0%;} 
  .intro_group .item_wrap { width: 45%; } 
  
  .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; width: auto; } 
  .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%;} 
  .intro_group02 .item_wrap { margin-top: 0; width: 100%; padding-top: 0px; } 
  
 /* 연혁 */
  .history_cotent li .wrap .img p{max-width: 100%; width: auto;}
 }

/* 타블렛 세로 */
@media all and (max-width:1023px) {
   /* 공통 */
 .page_tit { font-size: 40px; margin-bottom: 30px; } 
 .page_sub { font-size: 23px; } 

 /* 회사소개 > ceo */
 .ceo .flex { flex-direction: column; } 
 .ceo .flex .img { width: auto; } 
 .ceo .flex .txt { margin-top: 50px; padding-left: 0; } 
 .ceo .flex .txt .name { text-align: right; } 

 /* 회사소개 > ci */
 .ci .sec01 .txt .desc { width: 90%; } 

  /* 회사소개 > 연혁 */
  .history li .wrap .year { font-size: 37px; } 
  .history li .wrap .sub p { font-size: 17px; } 


 /* R&D 소개 */ 
.system_tab .item { font-size: 25px; } 
.system_tab:before { left: 100px } 
.system_tab:after { right: 100px } 
.sr_list { padding-top: 0; text-align: left; } 
.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; } 

 /* 연구개발 > 연구설비 */
 .research_tab li a { width: 186px; } 
 .research_wrap .prod_img { text-align: center; } 
 .research_wrap .prod_img .wrap:first-child { width: 80%; } 
 .research_wrap .prod_img .wrap:last-child { width: 100%; padding-left: 0; margin-top: 15px; } 
 .research_wrap .system_text { position: inherit; top: 0; left: 0; right: 0; padding: 0; margin-top: 30px; height: auto; } 
 
 /* 지속가능경영 > 준법경영 */
 .manage_box li { width: 100%; margin-right: 0; margin-bottom: 15px; } 
 .manage_box li .sub { height: auto; } 

 /* 인재 경영 > 복리후생 */
 .welfare_wrap li {flex-direction: column; height: auto;}
 .welfare_wrap li .icon {width: 100%; text-align: center; padding-right: 0; margin-bottom: 20px;}
 .welfare_wrap li .text .eg {text-align: center;}

}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) { /* 회사소개 > 비전 */
 .vision_cont { margin-top: 0; } 
 .vision_cont > .inner { margin: 0; padding: 0 5%; } 
 .vision_list li { flex-direction: column; text-align: center; } 
 .vision_list li .tit { width: auto; margin: 30px 0 15px; } 

 /* 회사소개 > 연혁 */
 .history_cotent:after{margin-left: 0; left: 15px;}
 .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 li.left .wrap .sub-wrap,
 .history li.right .wrap .sub-wrap{padding-left: 0; padding-right: 0;}
 .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{margin: 5px 0 15px;}
 .history li .wrap .sub p { display: block; font-size: 16px; } 
 .history li .wrap .sub-wrap{width: 100%;}
 
 /* 회사소개 > 주요고객사 */
 .customer .content_wrap .flex { flex-wrap: wrap; justify-content: space-between; } 
 .customer .content_wrap .item_box { width: calc((100% - 30px) / 2); margin-bottom: 30px; } 
 .customer .content_wrap .item_box:nth-child(2n) { margin-right: 0; } 

 /* 회사소개 > ci */
 .ci .sec01.inner { margin-left: 0; margin-right: 0; } 
 .ci .sec01 .txt { margin-left: 20px; margin-right: 20px; } 

 /* 회사소개 > 찾아오시는 길 */
 .map_table_box .flex { padding: 40px 0 40px 17px; } 
 .map_table_box .icon { width: 5%; } 
 .map_table_box .tit { font-size: 30px; } 
 .map_table_box .desc { font-size: 18px; } 

 /* 제품소개 > 개요 */
 .prod_link > li { width: 100%; margin-bottom: 15px; } 
 
 /* 제품소개 > 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; } 

 /* 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%; margin-bottom: 30px; } 
.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 { 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; } 

 /* 연구개발 > 연구소 소개 */
 .researchRnd { background-image: url(/image/sub/researchBg_m.jpg); height: auto; } 
 
 /* 연구개발 > 연구분야 */
 .job_box li { width: 50%; } 

 /* 지속가능경영 > 준법경영 */
 .manage_wrap,
 .sustain .manage_wrap { padding: 60px 0 30px; } 
 .manage_tit { font-size: 23px; margin-bottom: 25px; } 
 .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 } 
 .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; } 

 /* 지속가능경영 > 품질경영 */
 .sub_wrap { padding: 45px 0; } 

 /* 지속가능경영 > 환경안전경영 */
 .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;
 }

 /* 고객센터 > 서한소식 */
 .sh_newData .board-list .date {left: 6px;}
 
 /* 고객센터 > 고객문의 */
 .form_box {flex-direction: column; padding: 0 30px;}
 .form_box li {width: 100%; padding: 30px 0;}
 .form_box li:last-child {border-left: 0; border-top: 1px solid #ddd;}

  /* 계열사 전체보기 */
  .intro_group .item_wrap { width: 100%; margin-top: 0;} 
  .intro_group .inner { flex-direction: column;} 
  .item_wrap { margin-top: 0; } 
  .intro_group .contents_wrap { width: 100%; margin: 0 auto; height: auto; } 
  .intro_group .contents_wrap img { width: 100%; } 
  .intro_group02 .inner { 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; } 

  .intro_group.intro_group02 .contents_wrap > .img {padding: 5% 0%;} 

 

 }

/* 모바일 상세 */
@media all and (max-width:640px) { /* 공통 */
 .content { padding: 60px 0; position: relative; } 
 .page_tit { font-size: 33px; margin-bottom: 25px; } 
 .page_sub { font-size: 17px; margin: 0 3% 25px; } 
 .sectionTit { font-size: 30px; padding: 45px 0 16px; } 
 .sectionDesc { font-size: 16px; margin-top: 15px; margin-bottom: 30px; } 
 .tab { margin-bottom: 50px; } 
 .tab li{margin-bottom: 5px;}
 .tab li a { width: 150px; font-size: 15px; height: 55px;} 

 /* 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: 0 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 .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; } 

 /* 회사소개 > 비전 */
 .vision_bg { height: 245px; } 
 .vision_list li { padding: 45px 0; } 
 .vision_list li .tit { font-size: 22px; } 
 .vision_list li .sub { font-size: 16px; } 
 .ceo .flex .txt .bold { font-size: 17px; } 

 /* 회사소개 > ceo */
 .ceo .sec01 { height: 275px; margin: 30px 0; } 
 .ceo .sec01 .text { font-size: 20px; } 
 .ceo .hi { margin: 45px auto; font-size: 19px; } 
 .ceo .flex .img { width: 85%; } 
 .ceo .flex .txt { margin-top: 25px; font-size: 15px; } 
 .ceo .flex .txt p { margin-bottom: 20px; } 
 .ceo .flex .txt .name { margin-top: 25px; text-align: left; }
 .ceo .flex .txt .name span { font-size: 21px; display: block; margin-left: 0;} 

 /* 회사소개 > 연혁 */
 .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 .wrap .img { width: 100%; margin-top: 25px;} 
 .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; }

 /* 회사소개 > 주요고객사 */
 .customer .content_wrap > div { margin-bottom: 25px; } 
 .customer .content_wrap .item_title { font-size: 22px; margin-bottom: 17px; } 
 .customer .content_wrap .item_box { width: calc((100% - 15px) / 2); margin-bottom: 15px; margin-right: 15px; padding: 10px 25px; } 
 .customer .content_wrap .item_box .item_thumb { height: 85px; } 
 .customer .content_wrap .item_box .item_desc { font-size: 16px; } 

 /* 회사소개 > ci */
 .ci .sec01 .img { padding: 37px 0 0; height: 284px; } 
 .ci .sec01 .img img { width: 150px; } 
 .ci .sec01 .txt { padding-top: 29px; } 
 .ci .sec01 .txt h3 { font-size: 23px; } 
 .ci .sec01 .txt .desc { font-size: 15px; margin: 16px auto 34px; } 
 .ci_btn a { margin-bottom: 10px; height: 55px; line-height: 55px; font-size: 15px; background-size: 20px; } 
 .ci .sec02 h3 { margin-top: 55px; font-size: 21px; } 
 .ci_box { height: auto; margin-bottom: 50px; } 
 .ci_box .tit { font-size: 18px; } 
 .ci_box ul { padding: 35px 50px; } 
 .ci_box ul li { margin: 0; width: 100%; } 
 .ci_box ul li:last-child { padding-top: 70px; } 
 .ci_box ul li p { font-size: 17px; padding: 20px 0 0; } 

 /* 회사소개 > 찾아오시는 길 */
 .map_box .root_daum_roughmap .wrap_map { height: 350px; } 
 .map_table_box .sub_tit { font-size: 22px; padding: 39px 0 25px; } 
 .map_table_box .flex { padding: 17px 0 17px 10px; } 
 .map_table_box .icon { width: 18px; } 
 .map_table_box .tit { font-size: 20px; padding-left: 15px; padding-right: 20px; } 
 .map_table_box .desc { font-size: 15px; } 

 /* 제품소개 > 개요 */
 .prod_intro_eg { font-size: 21px; margin-bottom: 10px; } 
 .prod_intro_sub { font-size: 16px; } 
 .prod_intro_img { margin-top: 30px; } 
 .prod_intro_txt { font-size: 16px; margin: 10px 0 30px; } 
 .prod_link > li > a { font-size: 20px; padding: 0 36px; height: 108px; line-height: 108px; } 
 .prod_link > li > a b { font-size: 24px; } 
 .prod_link > li > a:after { top: 31px; } 
 
 /* 제품소개 > 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; } 

 /* 연구개발 > 연구소 소개 */
 .researchOuter { margin-top: 80px; } 
 .researchOuter .inner { transform: translateY(-50px); } 
 .researchSlide .slick-dots { right: 20px; bottom: 35px; } 
 .researchDesc { padding: 25px 0; margin-top: -33px; } 
 .researchDesc p:first-child { font-size: 21px; margin-bottom: 5px; } 
 .researchDesc p:nth-child(2) { font-size: 15px; margin-bottom: 12px; } 
 .researchDesc > div { font-size: 15px; } 
 .researchRnd { padding-bottom: 45px; } 

 /* 연구개발 > 연구설비 */
 .sub_wrap { padding: 50px 0; } 
 .research_wrap .box { padding: 25px 35px; } 
 .research_wrap .prod_img .wrap:first-child { width: 100%; } 
 .research_wrap .system_text .tit { font-size: 25px; } 
 .research_wrap .system_text .sub { margin: 10px 0; } 
 .research_wrap .total { font-size: 18px; } 

 /* 연구개발 > 연구분야 */
 .job_bg { padding: 45px 0; } 
 .job_tit { font-size: 30px; } 
 .job_box li { width: 100%; } 

 /* 지속가능경영 > 준법경영 */
 .manage_his .item { width: 50%; } 
 .manage_his .item .txt { padding-right:10px; } 
 .manage_his .item .txt li:before { top: 8px; } 
 
 /* 지속가능경영 > 품질경영 */
 .manage_bg { height: 245px; background-image: url(/image/sub/manage_bg_m.jpg); } 
 .manage_sub {	font-size: 16px;}

  /* 지속가능경영 > 동반성장 */
  .sustain  .tab li { display: block; } 
  .sustain  .tab li a { width: 100%; } 

 /* 인재경영 > 인재상 */
 .cpt_wrap {margin-top: 360px; }
 .cpt_wrap li {width: 80%; display: block; margin: auto; margin-bottom: 50px;}
 .cpt_wrap li .img img {width: 100%; }
 .cpt_wrap li.mr0 { margin: auto !important;}
 .cpt_wrap li .tit { font-size: 19px; margin: 15px 0 10px;}
 .cpt_wrap li .fz16 { font-size: 14px !important;}

 /* 인재 경영 > 복리후생 */
 .welfare_wrap li {width: 100%; margin-right: 0; margin-bottom: 7%;}

 /* 고객센터 > 고객문의 */
 .form_box { padding: 0 15px;}
 .form_box li {justify-content: flex-start;}
 .form_box li .icon img {width: 55%;}
 .form_box li .txt {font-size: 17px;}
 .inquiry .online_form .form_tit {font-size: 22px; margin-bottom: 15px;}
 .inquiry .online_form {padding-top: 0; margin-bottom: 30px;}
 .inquiry .online_form_write th {width: auto;}
}

/* 모바일 가로 */
@media all and (max-width:568px) {}

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

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

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