@charset "utf-8";


/* PC이하 */
@media all and (max-width:1199px) {
  /* 공통 */
  .page_bg{margin-left: 0; margin-right: 0; padding: 10vw 5%; box-sizing: border-box;}
  .page_bg .page_txt{font-size: 3vw;}
  .sustain .tab{flex-wrap: wrap;}
  .sustain .tab li{width: 31.3333%; max-width: none; flex: none; margin-bottom: 1%;}

  /* 캄텍소개 > 사업장 소개 */
  .mask_contents{width: 90%; padding: 0; margin: 0;}
  .mask_contents .close{right: 0;}
  .intro_busi02 .item_wrap{justify-content: space-between;}
  .intro_busi02 .item_wrap .item_box{flex-direction: column; width: 49%;}
  .intro_busi02 .item_wrap .item_box .item_thumb,
  .intro_busi02 .item_wrap .item_box .item_desc{width: 100%;}
  .intro_busi02 .item_wrap .item_box .item_desc{padding: 30px;}

  /* 비전 및 경영이념 */
  .vision_list.flex{flex-wrap: wrap; justify-content: center;}
  .vision_list li {margin-right: 0; width: 31.3333%; margin: 0 1% 2% 1%; flex: none;}
  .vision_list li .img{padding: 0;}
  .vision_list li .img{max-height: 70px; max-width: 50px; margin-left: auto; margin-right: auto; display: block;}
  .vision_list li .abs{display: none;}
  .vision_bg{height: 300px;}
  .certify03 .page_sub{padding: 35px; font-size: 18px;}

  /* 연혁 */
  .history_top{margin: 0;}
  .history_tab{padding: 0;}
  .history_tab li{width: auto; flex: 1;}
  .history_cotent{padding: 0;}

  /* 찾아오시는 길 */
  #map iframe,
  #map {height: 400px !important;}
  .ad_wrap{position: relative; top: auto; left: auto;}
  .ad_wrap .ad_sub p{padding-right: 0;}
  .ad_wrap .ad_sub p span:nth-child(1){width: 100px;}
  .ad_wrap .ad_sub p span:nth-child(2){flex: 1; width: auto;}
  .devel_ .item_box .item_R{padding-left: 6%;}

  /* 제품소개 */
  .pr .pr_bg{height: auto; background-size: cover!important;}
  .pr .pr_bg .inner {display: block;}
  .pr .pr_bg .wrap{width: 40%;}
  .pr .pr_bg .wrap{float: none !important; padding: 50px 0 !important;}
  .pr .pr_bg .wrap.right{margin-left: auto;}
  .page-btn__prev,
  .page-btn__next{display: none;}


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

  /* 사회공헌 */
  .devel_ .inner{align-items: center;}
  .devel .item_box .item_R p:nth-child(1){margin-left: 0;}

  /* 준법 경영 */
	.manage_his { margin: 50px 0 0; }
	.manage_box li { display: block; width: 100%; margin-bottom: 15px; }
	.manage_box li .sub { height: auto; }

	/* 홍보 영상 */
	.video_tab li .text { font-sizE: 16px; padding-left: 15px; }

  /* 계열사 전체보기 */
  .intro_group .inner { justify-content: space-evenly; }
  .intro_group .contents_wrap { background: #ececec; height: auto; }
  .intro_group .contents_wrap > .show-1199{padding: 0 0%;}
  .intro_group .item_wrap { width: 45%; }

  .intro_group .item_box{max-width: none;}
  .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; padding-left: 0;}
  .intro_group .item_box .item_desc .desc_box .s_desc { font-size: 16px; padding-left: 0; }
  .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; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {
  /* 공통 */
  .sv_wrap {height: auto;}
  .page_tit  {font-size: 35px; margin-bottom: 20px;}
  .page_tit + .inner > .tab,
  .page_tit + .tab_box{margin-top: 45px;}
  .page_sub{font-size: 20px; margin-bottom: 35px;}
  .page_bg{margin-bottom: 75px;}
  .tab_box .tab__style01{width: 200px;}
  .tab_box .tab__style01 a{line-height: 50px; height: 50px;}
  .tab{flex-wrap: wrap; margin-bottom: 8vw; justify-content: center;}
  .tab li{flex: none; width: 23%; margin: 0 .5% 1% .5%; max-width: none;}
  .tab li a{height: 50px; font-size: 18px;}
  .intro_busi02 .item_wrap .item_box .item_desc{padding: 20px;}
  .intro_busi02 .item_wrap .item_box .desc_box .num{width: 100%; margin-right: 0; box-sizing: border-box; padding-left: 25px; font-size: 18px; margin-bottom: 0;}
  .item_wrap .item_box .item_desc p.desc{font-size: 15px;}
  .sustain .tab li{width: 49%;}



  /* 캄텍소개 > 개요 */
  .page_desc_box .page_desc_R span{font-size: 20px;}

  /* 캄텍소개 > 사업장 소개 */
  .item_wrap .item_box .item_desc{padding: 2vw;}
  .item_wrap .item_box .item_desc p.num{font-size: 18px; margin-bottom: 7px;}
  .item_wrap .item_box .item_desc p.tit{font-size: 24px; margin-bottom: 15px; margin-bottom: 35px;}
  .item_wrap .item_box .item_desc p.desc{font-size: 16px;}
  .intro_busi02 .item_wrap .item_box .desc_box{flex-direction: column;}

  /* CEO 인사말 */
  .ceo .page_desc_box{flex-direction: column;}
  .ceo .page_desc_box .page_desc_R{order: 1; width: 100%; margin-bottom: 45px;}
  .ceo .page_desc_box .page_desc_R img{width: auto; margin: 0 auto; display: block;}
  .ceo .page_desc_box .page_desc_L{width: 100%; padding-top: 0; order: 2;}

  /* 비전 및 경영이념 */
  .section02 .vision_list li .b_tit{font-size: 2.5vw;}

  /* 인증현황 */
  .certify .sub_sub,
  .certify .page_sub br{display: none;}

  /* 회사소개 > 연혁 */
  .history li.right .wrap{padding-left: 45px;}
  .history li.left .wrap{padding-right: 45px;}
  .history-popup{width: 90%;}
  .history-popup__close{right: 0; top: -60px;}


  /* 제품소개 */
  .pr .pr_bg .wrap .sub_tit{padding-top: 0; padding-bottom: 0;}
  .pr .pr_bg .wrap .sub_sub{margin-bottom: 45px;}
  .pr .pr_bg .btn{padding: 10px 45px; background-image: none !important;}
  .prod_wrap .inner{padding: 45px; flex-wrap: wrap;}
  .prod_wrap .inner>div.prod_txt,
  .prod_wrap .inner>div{width: 100%;}
  .prod-thumbs .item{width: 100px; height: 100px;}
  .prod-thumbs .item span{width: 100px; height: 100px;}
  .prod-thumbs .item span img{max-width:100%; max-height: 100%; box-sizing: border-box;}
  .prod-img-zoom .item{height: auto; line-height: 1;}

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

  /* ESG경영개요 */
  .esg .sub_sub br,
  .page_sub br{display: none;}
  .blue_border{border: none; line-height: 1.4em;}
  .esg06_new {padding: 9% 0; margin-bottom: 40px;}
  .esg06_new .inner {flex-direction: column;}
  .esg06_new .inner .img {text-align: center; width: 90%;}
  .esg06_new .inner .txt {margin-top: 7%; text-align: center;}
  .esg06_new .inner .txt span {margin-bottom: 10%;}
  .esg06_list {flex-direction: column; margin-top: 10%;}
  .esg06_list li {width: 100%;}

  /* 환경안전경영 */
  .wel .sub_sub ,
  .devel .sub_sub{padding: 60px 5%;}
  .devel .sub_sub br{display: none;}
  .devel .item_box .item_R{padding-left: 6%;}
  .wel .page_bg,
  .devel .page_bg{padding: 100px 0;}
  .devel .page_bg .page_txt{font-size: 5vw;}
  .wel .sub_con,
  .devel .sub_con{margin-top: -100px;}

  /* 인사제도 */
  .wel_box li{width: 33.3333%;}


   /* 복리후생 */
   .welfare_wrap li .icon { width: 150px;}
   .welfare_wrap li {padding: 25px; height: 220px;}
   .welfare_wrap li .text .eg { font-size: 25px;}

   	/* 홍보 영상 */
	.video_tab li { width: 50%; margin-bottom: 10px; }
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
  /* 공통 */
  .tab li{width: 31.3333%;}

  /* 캄텍소개 > 개요 */
  .page_desc_box{display: flex; flex-direction: column;}
  .page_desc_box .page_desc_L{width: 100%; margin-bottom: 4vw;}
  .page_desc_box .page_desc_R{width: 100%;}
  .tab_box.flex {flex-wrap: wrap; justify-content: center; margin-bottom: 45px;}
  .tab_box.flex .tab__style01{width: 31.3333%; margin: 0 1% 2% 1%;}

  /* 캄텍소개 > 사업장소개 */
  .item_wrap{justify-content: space-between;}
  .item_wrap .item_box{width: 100%; margin-right: 0; max-width: 100%;}
  .item_wrap .item_box .item_desc p.num{font-size: 2.5vw;}
  .item_wrap .item_box .item_desc p.tit{font-size: 3vw;}
  .item_wrap .item_box .item_desc p.desc{font-size: 2.2vw;}


  /* CEO 인사말 */
  .ceo .page_desc_box{margin-top: 75px;}

  /* 비전 및 경영이념 */
  .vision_list.flex{justify-content: space-between;}
  .vision_list li{width: 49%; margin: 0 0 2% 0; justify-content: space-between;}
  .section02 .vision_list li .b_tit{font-size: 3.5vw;}
  .section02 .vision_list li .img{margin-bottom: 25px;}
  .section02 .vision_list li .tit{margin-bottom: 4vw;}


  /* 인증현황 */
  .section03 .flex{justify-content: space-between;}
  .section03 .flex p{font-size: 2.8vw; margin-top: 2vw;}
  .section03 .flex .img{width: 48%;}
  .vision_bg{height: 250px;}
  .certify03 .page_sub{margin-right: 25px; margin-left: 25px; margin-top: -50px;}

  /* 연혁 */
  .history_top .history_top_btn{width: 310px; line-height: 55px; height: 55px; font-size: 17px;   background-position: calc(100% - 15px) center;}
  .history_tab li.on a,
  .history_tab li a{padding: 20px 0; font-size: 18px;}

  /* CI소개 */
  .ci_bg .sub_tit{font-size: 3.5vw;}
  .ci_bg .sub_img{padding-bottom: 100px;}
  .ci_bg .sub_img img{width: 150px;}
  .ci_bg .sub_txt p:nth-child(1){font-size: 5vw;}
  .ci_btn a{margin: 0 5px;}
  .ci_box ul{padding: 20px 30px;}
  .ci_box ul li p{padding-top: 25px; font-size: 18px;}
  .ci_box ul li img {max-width: 160px; max-height: 90px;}
  .ci_box ul li:last-child{padding-top: 17px;}

  /* 찾아오시는 길 */
  #map iframe,
  #map {height: 300px !important;}

  /* 제품소개 */
  .sub_prd .prd_list .slick-list{padding-top: 7%; margin-top: 75px;}
  .sub_prd ul li{height: 120px;}
  .prod_wrap .inner{margin-top: 0;}

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

  /* 사회공헌 */
  .devel_ .inner{flex-wrap: wrap;}
  .devel_ .item_box{padding: 45px 0;}
  .devel_ .item_box .item_R{order: 2; width: 100%;}
  .devel_ .item_box .item_L{order: 1; width: 100%;}
  .devel_ .item_box .item_L img{width: 100%;}
  .devel_ .item_box .item_R{padding: 10% 0 0 0 !important;}

  /* 환경안전경영 */
  .devel .item_box{flex-wrap: wrap;}
  .devel .item_box .item_R, .devel .item_box .item_L{width: 100%;}
  .devel .item_box .item_R{padding-left: 0; margin-top: 45px;}
  .devel .item_box .item_L img{margin-left: auto; margin-right: auto; display: block;}
  .wel .sub_sub ,
  .devel .sub_sub{padding: 40px 5%;}

  /* 동반성장 */
  .sustain .online_form_write th:nth-child(1){width: 45px;}
  .sustain .online_form_write th:nth-child(2){width: 120px;}
  .sustain .online_form_write th:nth-child(3){width: auto;}
  .online_form_write th{font-size: 13px;}

  /* 복리후생 */
  .welfare_wrap li { height: 380px;}
  .welfare_wrap li .icon { width: auto; padding-right: 0; text-align: center; margin-bottom: 20px;}
  .welfare_wrap li .text .eg { font-size: 20px;}
  .welfare_wrap li .text { width: 100%;}
  .welfare_wrap li > div { display: block;}

  /* 준법 경영 */
	.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;}
	.circle_num { font-size: 16px;}
  .circle_num:not(:last-child){font-size: 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; }


  /* 인사제도 */
  .wel_box li>div{padding: 20px;}

  /* 인재상 */
  .competent .page_bg{padding: 75px 0;}

  /* 계열사 전체보기 */
  .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%;}

   /* 2024.02.21 수정 */
   .mission_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .mission_list li figure {
    margin-bottom: 20px;
  }
  .mission_list li p{
    font-size: 18px;
  }
  .mission_list li span{
    font-size: 14px;
  }
  .mission_cont::after {
    height: 100%;
  }
  .mission_cont .sub_sub {
    font-size: 22px;
    margin-bottom: 0;
  }
  .mission_list {
    margin-top: 30px;
  }
  .mission_cont{
    padding-bottom: 60px;
  }
  .vision_cont figure p {
    font-size: 18px;
  }
  .vision_cont figure p strong{
    font-size: 26px;
  }
  .vision_cont figure{
    height: 180px;
    overflow: hidden;
  }
  .vision_cont figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .sub_sub p {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .vision_cont .sub_tit {
    padding-bottom: 40px;
  }
}

@media all and (max-width:640px) {
  /* 뉴스룸 */
  .board_list_g li .tit { font-size: 18px; }

  /* 제품소개 */
  .pr .pr_bg{height: 190px; display: flex; flex-direction: column; justify-content: center;}
  .pr .pr_bg .wrap{padding: 20px 0 !important;}
  .pr .pr_bg .wrap .sub_tit{line-height: 1em; font-size: 28px; margin-bottom: 10px;}
  .pr .pr_bg .wrap .sub_sub{font-size: 12px; line-height: 1.4em; margin-bottom: 20px;}
  .pr .pr_bg .btn{font-size: 13px; padding: 4px 25px;}

  /* 인사제도 */
  .wel_box li{width: 50%;}
}

/* 모바일 가로 */
@media all and (max-width:568px) {
  /* 공통 */
  .content{margin: 45px 0 75px;}
  .page_bg .page_txt{font-size: 4vw;}
  .page_bg .page_txt br{display: none;}
  .page_tit{font-size: 6.5vw;}
  .page_sub{font-size: calc(13px + .7vw); margin-bottom: 7vw;}
  .page_bg{margin-bottom: 10vw;}
  .tab_box.flex{margin-bottom: 8vw;}
  .page_tit + .tab_box{margin-top: 8vw;}
  .tab_box .tab__style01 a{height: 10vw; line-height: 10vw; font-size: 3.7vw;}
  .sub_sub{margin-bottom: 12vw;}
  .section02{margin-top: 45px; margin-bottom: 45px; padding-bottom: 115px;}
  .sub_tit{padding-top: 45px; font-size: 5.5vw;}
  .tab{margin-top: 25px; justify-content: space-between;}
  .sustain .tab li{width: 100%;}
  .tab li{text-align: center; width: 49%; margin: 0 0 2% 0;}
  .tab li a{height: 45px; font-size: 14px;}
  .page_tit + .inner > .tab {margin-top: 8vw;}

  /* 캄텍소개 > 개요 */
  .page_desc_box .page_desc_R p{margin-bottom: 15px; font-size: 15px;}
  .page_desc_box .page_desc_R p:last-child{margin-bottom: 0;}
  .page_desc_box .page_desc_R span{font-size: 15px;}
  .page_desc_box .page_desc_R{font-size: 15px; line-height: 1.6em;}

  /* 캄텍소개 > 사업장소개 */
  .item_wrap{margin-top: 8vw;}
  .item_wrap .item_box .item_desc{padding: 5vw;}
  .item_wrap .item_box .item_desc p.num{font-size: calc(15px + 1vw); line-height: 1em; margin-bottom: 1vw;}
  .item_wrap .item_box .item_desc p.tit{font-size: calc(18px + 1vw); margin-bottom: 4vw;}
  .item_wrap .item_box .item_desc p.desc{font-size: calc(13px + .4vw);}
  .mask_contents .close{width: 35px; height: 35px; top: -40px;}
  .item_wrap .item_box,
  .intro_busi02 .item_wrap .item_box{width: 100%;}
  .intro_busi02 .item_wrap .item_box .item_desc{padding: 5vw;}
  .intro_busi02 .item_wrap .item_box .desc_box .num{font-size: 4vw; padding-left: 20px;}
  .intro_busi02 .item_wrap .item_box .desc_box{margin-bottom: 15px !important;}
  .intro_busi02 .item_wrap .item_box .desc_box .ad,
  .intro_busi02 .item_wrap .item_box .desc_box .pr{background-size: auto 100%;}
  .intro_group .tab_box.flex .tab__style01,


  .intro_group02 .tab_box.flex .tab__style01,
  .intro_busi .tab_box.flex .tab__style01,
  .intro_busi02 .tab_box.flex .tab__style01{width: 100%;}


  /* 인증현황 */
  .certify .page_sub{font-size: calc(13px + .4vw); padding-top: 0; margin: 0;}
  .certify .sub_tit{padding: 45px 0;}
  .section03 .flex{flex-wrap: wrap;}
  .section03 .flex .img{width: 100%; max-width: 250px; margin-left: auto; margin-right: auto;}
  .section03 .flex .img:not(:last-child){margin-bottom: 45px;}

  /* CEO 인사말 */
  .ceo .page_desc_box{margin-top: 45px;}
  .ceo .page_desc_box .page_desc_L>h1{font-size: 6vw; line-height: 1.4em; text-align: center; margin-bottom: 9vw;}
  .ceo .page_desc_box .page_desc_L>h1 span{font-size: 6vw;}
  .ceo .page_desc_box .page_desc_L{font-size: calc(13px + .4vw);}
  .ceo .page_desc_box .page_desc_L p:not(:last-child){margin-bottom: 15px;}
  .ceo .page_desc_box .page_desc_L .name{margin-top: 45px;}

  /* 비전 */
  .vision_list li{width: 100%; margin-bottom: 0; text-align: center;}
  .vision_list li:not(:last-child){margin-bottom: 5vw;}
  .vision_list li{padding: 8vw 5%;}
  .vision_list li .tit { font-size: calc(16px + .4vw);}
  .vision_list li .sub {font-size: calc(13px + .4vw);}
  .section02 .vision_list li .b_tit{font-size: 6.2vw;}

  /* 연혁 */
  .history_top{padding-top: 45px;}
  .history_top .page_sub{font-size: 20px; margin-bottom: 20px;}
  .history_tab li.on a, .history_tab li a{padding: 15px 0; font-size: 15px;}
  .history_top .history_top_btn{width: 240px; padding-right: 60px; font-size: 15px; padding-left: 20px; line-height: 45px; height: 45px;   background-position: calc(100% - 7px) center;}
  .history_icon p{font-size: 16px;}
  .history_icon p.left span{padding-left: 15px;}
  .history_icon p.right span{padding-right: 15px;}
  .history_wrap .year{font-size: 28px; margin-top: 45px; margin-bottom: 25px;}
  .history li:before{width: 24px; height: 6px; background-size: cover; border-radius: 0;}
  .history li.left .wrap{padding-right: 25px;}
  .history li.right .wrap{padding-left: 25px;}
  .history li .wrap .sub p{font-size: 15px; font-weight: 500; line-height: 1.3em;}
  .history li .wrap .img{margin-bottom: 20px;}
  .history li.right .wrap .sub p.desc{font-size: 13px; padding-left: 0; margin-top: 5px;}
  .history li.left .wrap .sub p.desc{padding-right: 0; margin-top: 5px;}
  .history li.left:before{top: 150px;}
  .history li.left{padding-top: 150px;}
  .history-popup__close{width: 35px; height: 35px; top: -45px;}
  .history-popup__close img{width: 100%;}

  /* 인증현황 */
  .section03 .flex p{font-size: calc(13px + .4vw); }
  .img__popup{width: 90%;}
  .vision_bg{height: 180px;}


  /* CI소개 */
  .ci_bg{margin-bottom: 75px;}
  .ci_bg .sub_tit{font-size: 5.5vw;}
  .ci_bg .sub_img {padding-top: 50px; padding-bottom: 100px;}
  .ci_bg .sub_img img {width: 120px;}
  .ci_bg .sub_txt p{margin-bottom: 0; font-size: 4.5vw; line-height: 1.4em;}
  .ci_bg .sub_txt p:nth-child(1){font-size: 8vw;}
  .ci_box { height: auto; margin-bottom: 45px;}
  .ci_btn { position: initial;}
  .ci_btn a { width: 140px; height: 40px; line-height: 40px; font-size: 14px; background: #283445 url(/image/sub/sub_icon_download.png) no-repeat 90% 11px; background-size: 15px; margin: 0 3px; padding: 0 15px;}
  .ci_bg .sub_txt { padding: 30px 10px 30px; margin: -70px 30px 0;}
  .ci_box .tit{font-size: 20px; margin-bottom: 15px;}
  .ci_box ul li p{font-size: 16px;}
  .col02 > li { width: 100%;}
  .col02 > li:not(:last-child){margin-bottom: 20px;}
  .ci_bg + .inner .page_sub{font-size: 6vw;}


  /* 찾아오시는 길 */
  #map iframe,
  #map {height: 200px !important;}
  .ad_wrap{padding: 25px;}
  .ad_wrap .ad_tit{font-size: 5.5vw;}
  .ad_wrap .ad_sub{padding-top: 15px;}
  .ad_wrap .ad_sub p span:nth-child(1){width: 45px;}
  .ad_wrap .ad_sub p span:nth-child(2){width: 0;  display: block; word-break: break-all; white-space: normal; line-height: 1.5em;}
  .ad_wrap .ad_sub p span:nth-child(2) br{display: none;}
  .ad_wrap .ad_sub p{font-size: 16px;}


  /* 제품소개 */
  .sub_prd ul li{margin: 0 5px;}
  .sub_prd ul li .prd_tit{margin-bottom: 0; font-size: 14px; font-weight: 500;}
  .sub_prd ul li.active .btn{display: none;}
  .sub_prd ul li{height: 80px;}
  .sub_prd .slick-dots{bottom: -30px;}
  .sub_prd ul li a{padding: 0 5%; box-sizing: border-box;}
  .prod_wrap{padding-top: 120px; padding-bottom: 0px;}
  .prod_wrap .inner{padding: 25px; width: 100%; border-radius: 0; box-shadow: none; margin: 0;}
  .prod_txt .small_eg{font-size: 16px;}
  .prod_txt .prod_name{font-size: 32px; margin-top: 10px; margin-bottom: 15px;}
  .prod_txt .prod_sub{padding-top: 15px; font-size: 14px;}
  .prod-thumbs{margin-top: 25px;}
  .prod-thumbs .item{width: 90px; height: 90px;}
  .prod-thumbs .item span{width: 90px; height: 90px;}
  .prod-thumbs .item span img{max-width:100%; max-height: 100%; box-sizing: border-box;}


  /* EGS경영개요 */
  .esg .sub_tit{padding-top: 30px; padding-bottom: 15px; font-size: 6.5vw;}
  .esg .sub_sub{padding-bottom: 12vw; font-size: calc(13px + .7vw);}
  .esg06_new .inner .txt h2 {font-size: 23px; margin-bottom: 15px;}
  .esg06_new .inner .txt span {font-size: 16px;}
  .esg06 .btns a {font-size: 15px; width: 145px; height: 45px; line-height: 45px; padding: 0 20px;}
  .esg06 .btns a:first-child {
    background: #283445 url(/image/sub/sub_icon_download.png) no-repeat center right 20px;
    background-size: 15px;
    margin-right: 10px;
  }
  .esg06 .btns a:last-child {
    background: #283445 url(/image/sub/sub_icon_link.png) no-repeat center right 15px;
    background-size: 15px;
  }

  /* 사회공헌 */
  .devel_ .item_box{padding: 25px 0;}
  .devel .item_box .item_R p:nth-child(1){line-height: 1em; font-size: 80px;}
  .devel .item_box .item_R p:nth-child(2){font-size: 20px; margin-top: -30px; margin-bottom: 10px;}
  .devel .item_box .item_R p:nth-child(3){font-size: 14px;}
  .devel .item_box .item_R p:nth-child(3) br{display: none;}


  /* 환경안전경영 */
  .manage_wrap{padding: 45px 0;}
  .sub_sub{font-size: 15px;}
  .wel .page_bg,
  .devel .page_bg{padding: 75px 0;}
  .devel .sub_sub{margin-bottom: 0;}
  .devel .item_box .item_R{margin-top: 25px;}
  .devel .item_box{padding: 25px 0;}
  .wel .sub_con,
  .devel .sub_con{margin-top: -75px;}

  /* R&D 소개 */
  .target{padding-top: 25px;}
  .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;}

  /* 준법경영 */
  .manage_his .item{text-align: center;}
  .manage_his .item .num{font-size: 16px;}
  .manage_his .item .num{margin-top: 0;}
  .manage_his .item .txt li:before{display: none;}
  .manage_his .item .txt{padding-right: 0;}
  .manage_his .item .txt li{font-size: 12px; margin-bottom: 0; padding: 0 5%;}

  /* 동반성장 */
  .sustain .online_form_write th{width: 60px;}
  .sustain .online_form_write td{width: calc(100% - 60px);}
  .online_form_write th, .online_form_write td,
  .sustain .online_form_write th{padding: 7px;}

  /* 인재상 */
  .competent .page_bg{padding: 45px 0;}
  .wel .sub_sub{margin-bottom: 0;}

  /* 인사제도 */
  .wel_box li>div{padding: 12px;}
  .wel_box li .icon{margin-bottom: 10px; text-align: center;}
  .wel_box li .eg{font-size: 16px; margin-bottom: 3px; text-align: center;}
  .wel_box li .txt{font-size: 14px; text-align: center;}

  /* 복리후생 */
  .z_bg { height: auto;}
  .welfare_wrap li { width: 100%; height: auto;}

  /* 홍보영상 */
  .video .sub_tit{padding-top: 25px; padding-bottom: 15px; font-size: 20px;}
  .video .sub_sub{font-size: 15px;}

   /* 뉴스룸 */
 .board_list_g { margin-top: 45px; }
 .board_list_g li{padding: 15px 0;}
 .board_list_g li .img { width: 150px; }
 .board_list_g li .txt { padding-left: 15px; }
 .board_list_g li .tit{font-size: 17px;}
 .board_list_g li .sub{margin-top: 5px; margin-bottom: 12px;}
 .board_list_g li .num{font-size: 12px;}
 .board-list .date{font-size: 13px; margin-top: 5px;}
}