@charset "utf-8";
.pc-view {
  display: block !important;
}
.mo-view {
  display: none !important;
}

/* 1600 */
@media screen and (max-width: 1600px){
  /* .spot_main .scrolldown{ display: block !important; left: 0; opacity: 1; }
  .spot_main .scrolldown .arr,
  .spot_main .scrolldown .t{ color: #fff;  }
  .spot_main .scrolldown .line{ background:#fff; } */
  .spot_main .scrolldown2{ display: none; }
}

/* 1400 */
@media screen and (max-width: 1400px) {
  .btn_eagroup a{min-width: 200px;padding: 12px 20px;border-radius: 100px;margin-top: 11px;line-height: 1; font-size:16px;}
  #site-nav .homeBtn{ right:95px; }
  #workplace_sec_01 .story_tab .story_btn, #workplace_sec_02 .story_tab .story_btn{height: 50vw;}
  [id*='workplace_sec_'] .story_tab .story_btn li{max-height: 40px;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(1){position: absolute; left: 20%; top: 22%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(2){position: absolute; left: 78%; top: 40%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(3){position: absolute; left: 78%; top: 61%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(1){position: absolute; left: 65%; top: 43%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(2){position: absolute; left: 49%; top: 36%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(3){position: absolute; left: 57%; top: 44%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(4){position: absolute; left: 50%; top: 60%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(5){position: absolute; left: 46%; top: 11%;}
}  

/* 1300 */
@media screen and (max-width: 1300px) and (min-width: 841px){
  .eth_inquiry > .inner .col_long{display: flex; justify-content: center; width: 100%;}
  .eth_inquiry > .inner .col:nth-of-type(2){padding-left: 0;}
}

/* 960 */
@media screen and (max-width: 960px) {
  .di_contents {flex-direction:column;}
}

/* 840 */
@media screen and (max-width: 840px){
  .video-container > video.mo{ display: initial; }
  .video-container > video.pc{ display: none; }
  
  #main-top-visual{height: auto;}
  .fullpage-wapper, #main_section_visual, .spot_main, .spot_content, #mainVisual .swiper-slide{width: 100%; height: 180vw!important; min-height: auto !important;}
  
  .spot_main .scrolldown{ display:none !important;}
  
  #mainVisual .progressbar-pagination {position: absolute; left: 0;bottom: 5vw;width: 100%;display: flex;justify-content:space-around;align-items: center;z-index: 1;}
  #mainVisual .swiper-pagination {position: relative;text-align: left;width: auto;display: flex;align-items: center;justify-content: flex-end;padding-right: 40px;}
  #mainVisual .swiper-pagination .swiper-pagination-bullet {width: 31vw;height: 2px;}
  #mainVisual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0;}
  #mainVisual .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
  #mainVisual .swiper-pagination .swiper-pagination-bullet .num{bottom: 2vw;}
  #mainVisual .swiper-pagination .swiper-pagination-bullet .bar { width: 0%; height: 4px; background-color: #fff; display: block; margin-top: -3px;}
  #mainVisual .mute {margin-right: 2vw;}
  #mainVisual .mute button {width: 10vw;height: 10vw;background-size: 37%;}
  #mainVisual .mute button.on { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.2 93.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.7c-1.29-.53-2.77-.24-3.75,.75L17.23,28.25H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.81,26.81c.66,.66,1.54,1.01,2.43,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.13-1.79,2.13-3.18V3.88c0-1.39-.84-2.65-2.13-3.18Z'/%3E%3Cpath class='cls-1' d='M61.68,65.99c-.99,0-1.98-.38-2.74-1.13-1.51-1.51-1.52-3.96,0-5.48,3.33-3.34,5.17-7.77,5.17-12.48s-1.83-9.15-5.17-12.47c-1.51-1.51-1.51-3.97,0-5.48,1.51-1.51,3.96-1.51,5.48,0,4.79,4.79,7.43,11.17,7.43,17.95s-2.64,13.15-7.43,17.95c-.76,.76-1.75,1.14-2.74,1.14Z'/%3E%3Cpath class='cls-1' d='M75.32,81.2c-2.14,0-3.87-1.73-3.87-3.87h0c0-1.04,.41-2.02,1.13-2.75,7.4-7.4,11.47-17.23,11.47-27.68s-4.07-20.29-11.47-27.68c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,8.86,8.85,13.74,20.63,13.74,33.16s-4.85,24.23-13.66,33.08c-.71,.75-1.71,1.21-2.81,1.21Z'/%3E%3Cpath class='cls-1' d='M89.5,93.81c-.99,0-1.98-.38-2.74-1.14-1.51-1.51-1.51-3.96,0-5.48,10.77-10.76,16.7-25.07,16.7-40.29s-5.93-29.54-16.69-40.3c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,12.22,12.22,18.96,28.48,18.96,45.77s-6.74,33.55-18.97,45.77c-.76,.75-1.75,1.13-2.74,1.13Z'/%3E%3C/svg%3E"); }
  
  .pageing_ty2 .swiper-button-prev2,
  .pageing_ty2 .swiper-button-next2{position: absolute;  top: 50%; z-index: 5; font-size: 0; margin-top: -30px; cursor: pointer;}
  .pageing_ty2 .swiper-button-prev2{left: 50px;}
  .pageing_ty2 .swiper-button-next2{right: 50px;}
  .pageing_ty2 .swiper-button-prev2:hover,
  .pageing_ty2 .swiper-button-next2:hover{opacity: 0.8;}
  
  .progressbar-pagination .btn_full{margin-right: 5vw;border: 1px solid #fff;padding: 1.2vw 6vw;display: inline-block;position: absolute;right: 0;bottom: 15vw;}
  .progressbar-pagination .btn_full .t{font-size: 3.5vw;color: #fff;font-weight: 600;display: inline-block;position: relative;z-index: 1;}
  .progressbar-pagination .btn_full:after{position:absolute; left:0; bottom:0; width:100%; height:0%; background:#fff; content:""; z-index:0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;}
  #main_section_visual.n1 .progressbar-pagination .btn_full.n2{display: none;}
  #main_section_visual.n2 .progressbar-pagination .btn_full.n1{display: none;}
  
  .progressbar-pagination .btn_full:hover .t{ color:#222;}
  .progressbar-pagination .btn_full:hover:after{ height:100%;}
  
  .btn_eagroup{margin: 5vw 8vw; position: relative;right: 0;top: 0; flex-wrap: wrap;}
  .btn_eagroup a{min-width: 65vw; padding: 3vw 7vw; margin-top: 3vw; font-size:3.4vw;}
  .recruitment_intro{height: auto;padding: 10% 5%;margin-bottom: 0;}
  .recruitment_intro > .recruitment_inner > i:first-child{font-size: 3.46666667vw; line-height: 1;}
  .recruitment_intro > .recruitment_inner > h2{font-size: 6.66666vw; line-height: 1;}
  .recruitment_btn .recruitment_summary > em{font-size: 1rem;}
  .recruitment_btn .recruitment_summary > i{font-size: 0.75rem;}

  .eth_tit {font-size: 4.8vw;}
  .eth_txt{font-size: 3.33333333vw; padding-top: 10%;}
  .eth_inquiry{padding: 10vw 0; margin-top: 7vw;}
  .eth_inquiry > .inner{padding: 0 6vw; gap: 0;}
  .eth_inquiry > .inner .ico{min-width: 40vw; height: 40vw;}
  .eth_inquiry > .inner .col{text-align: center; border-left: 0; padding-left: 0; max-width: 100%; width: 100%; margin-top: 10vw;}
  .eth_inq_tit{font-size: 4.266666666vw; line-height: 1.4; font-weight: 600;}
  .eth_inq_txt{font-size: 3.33333333vw; overflow: hidden; min-height: auto;}
  .eth_inq_lik{font-size: 3.33333333vw; line-height: 1; justify-content: center;}

  .eth_tab{margin-top: 6vw;}
  .eth_tab .inner{flex-wrap: wrap; gap: 3vw;}
  .eth_tab .inner li{padding: 0;}
  .eth_tab .inner li a{font-size: 3.33333333vw; padding: 2vw 4vw; border-color: #ddd;}
  .eth_tab .inner li::after{display: none;}

  .eth_area{margin-top: 7vw;}
  .eth_area_t h4{font-size: 4.6vw; margin-bottom: 8vw;}
  .eth_area_b{font-size: 3.33333333vw; padding: 3.33333333vw;}
  .ethl_sub_tit{font-size: 4.2vw; margin-bottom: 4vw;}
  .ethic_text ul > li{font-size: 3.33333333vw;}

  #tab_area2 .ethl_sub_tit:nth-of-type(4){margin-top: 8vw;}

  #ethical_01_sec_01 .fw-b-l{font-size: 3.666vw;}
  #tab_area3 .ethic_accordions > li > a, #tab_area4 .ethic_accordions > li > a{font-size: 4.2vw; padding: 1rem;}
  #tab_area3 .ethic_accordions > li > a::after, #tab_area4 .ethic_accordions > li > a::after{width: 10px; height: 10px; margin-right: 0; border-bottom: 2px solid #333; border-right: 2px solid #333;}
  #tab_area3 .ethic_accordions > li > .ethical_text .line, #tab_area3 .ethic_accordions > li > .ethical_text .dot{font-size: 3.666vw;}
  #tab_area3 .ethic_accordions > li > .ethical_text{padding: 0 1rem;}
  #tab_area3 .ethic_accordions > li.on > .ethical_text{padding: 1rem;}


  #tab_area4 .ethic_accordions > li > .ethical_text {font-size: 3.33333333vw; padding: 0 1rem;}
  #tab_area4 .ethic_accordions > li.on > .ethical_text {font-size: 3.33333333vw; padding: 1rem;}
  #tab_area4 .ethic_accordions > li > .ethical_text .ethical_txt{font-size: 3.666vw; font-weight: bold;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab{width: 100%; padding: 1rem;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab li{width: 100%;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_tab li a{font-size: 3.666vw;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont{width: 100%;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li a{padding: 12px;}
  #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .line, #tab_area4 .ethic_accordions > li > .ethical_text > .ethic_cont li > .ethical_text .dot{font-size: 3.33333333vw;}

  /*esg 전략체계*/
  .wrap_esg2_1_1 > .inner > .item{display: flex;margin-top: 6vw;}
  .wrap_esg2_1_1 > .inner > .item.mt_l{margin-top: 7vw;}
  .wrap_esg2_1_1 > .inner > .item.mt_s{ margin-top:5vw;}
  .wrap_esg2_1_1 > .inner > .item .head{display: flex;margin-bottom: 2vw;}
  /* .wrap_esg2_1_1 > .inner > .item .head .h{min-width: 138px;font-size: 20px;font-weight: 700;} */
  .wrap_esg2_1_1 > .inner > .item .head .h{min-width: 138px;font-size: 4.2vw;font-weight: 700;}
  .wrap_esg2_1_1 > .inner > .item .head .dot{min-width: 70px; height:7px; background:url(../images/esg/strategy_01_bg_dot.png) no-repeat; display: none;}
  .wrap_esg2_1_1 > .inner > .item .cont{width: 100%;margin-left: 0;text-align: center;}
  .wrap_esg2_1_1 .box_bar1{padding: 3vw 5vw;border-radius: 10px;}
  .wrap_esg2_1_1 .box_bar1.c2{background: #e5eaf0;color: #222; font-weight: 600;}
  .wrap_esg2_1_1 .lst_step1{display: inline-flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
  .wrap_esg2_1_1 .lst_step1 > .item{width: 30%;}
  .wrap_esg2_1_1 .lst_step1 > .item .img{}
  .wrap_esg2_1_1 .lst_step1 > .item .txt{}
  .wrap_esg2_1_1 .lst_step2{display: inline-flex;width: 100%;flex-wrap: wrap;justify-content: center;}
  .wrap_esg2_1_1 .lst_step2 > .item{width: 32.1%;margin: 3vw 0.5%;}
  .wrap_esg2_1_1 .lst_step2 > .item .circle{width:100px;height:100px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;color: #fff;font-weight: 800;font-size: 30px;}
  .wrap_esg2_1_1 .lst_step2 > .item .txt{line-height: 1.2;font-weight: 600;margin-top: 10px;}
  .wrap_esg2_1_1 .lst_step2.ty2{}
  .wrap_esg2_1_1 .lst_step2.ty2 > .item{ position: relative; padding-top: 70px; } 
  .wrap_esg2_1_1 .lst_step2.ty2 > .item >.line{position: absolute; left: calc(50% - 1px); top: 0; width: 2px; height: 100%; background-color: #cecece; content:"";}
  .wrap_esg2_1_1 .box_step{
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  margin-top: 20px;
  position: relative; z-index: 1;
  background-color: #fff;
  border-color: #b1b1b1;
  }
  .wrap_esg2_1_1 .box_step .h_1{ font-weight: 600; color: #222; }
  .wrap_esg2_1_1 .box_step .t_1{}
  .wrap_esg2_1_1 .box_step .circle_dot{position: absolute;left: calc(50% - 6px);top: -6px;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;border-width: 3px;border-style: solid;}
  .wrap_esg2_1_1 .bot{text-align: right;}
  .wrap_esg2_1_1 .bot_txt{ text-align: right; display: inline-flex; }
  .wrap_esg2_1_1 .bot_txt .bx{ margin-left: 5px; width: 15px; height: 15px; border-radius: 3px; border-width: 3px; border-style: solid; }
  .wrap_esg2_1_1 .bot_txt .t{ margin-left: 15px; margin-right: 8px; color: #222; font-weight: 600; }
  .wrap_esg2_1_1 .bg1{ background-color: #36a11d; }
  .wrap_esg2_1_1 .bg1_1{ background-color: #eef8ed; }
  .wrap_esg2_1_1 .bg2{ background-color: #078184; }
  .wrap_esg2_1_1 .bg2_1{ background-color: #ebf5f6; }
  .wrap_esg2_1_1 .bg3{ background-color: #3fb1e7; }
  .wrap_esg2_1_1 .bg3_1{ background-color: #eaf5fa; }
  .wrap_esg2_1_1 .c1{ color: #36a11d; }
  .wrap_esg2_1_1 .c2{ color: #078184; }
  .wrap_esg2_1_1 .c3{ color: #3fb1e7; }
  .wrap_esg2_1_1 .bc1{ border-color: #34a21d; }
  .wrap_esg2_1_1 .bc2{ border-color: #078184; }
  .wrap_esg2_1_1 .bc3{ border-color: #3fb1e7; }
  .wrap_esg2_1_1 .moreBtn {text-align: center;margin-top: 8vw;}
  .wrap_esg2_1_1 .moreBtn a {display: inline-flex;align-items: center;justify-content: space-between;width: 50vw;height: 12vw;border: 1px solid  #666;border-radius: 2vw;box-sizing: border-box;padding: 0 5vw;font-size: 4vw;color: #222;line-height: 1;}
  .wrap_esg2_1_1 .moreBtn a:after { content: ''; width: 16px; height: 16px; margin-left: 35px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='18px'%3E%3Cpath fill-rule='evenodd' opacity='0.502' fill='rgb(34, 34, 34)' d='M16.600,10.350 L9.850,10.350 L9.850,17.100 L7.150,17.100 L7.150,10.350 L0.400,10.350 L0.400,7.649 L7.150,7.649 L7.150,0.900 L9.850,0.900 L9.850,7.649 L16.600,7.649 L16.600,10.350 Z'/%3E%3C/svg%3E"); }    
  .wrap_esg2_2_2 .inr-c2{position:relative;height: auto; margin-top: 16vw;}
  .wrap_esg2_2_2 .inr-c2 > .inner{display: flex;flex-wrap: wrap;justify-content: space-between;}
  .wrap_esg2_2_2 .item{
      width: 100%;
      height: auto;
      margin: 0;
      margin-bottom:5vw;
      padding: 0;
  }
  .wrap_esg2_2_2 .item .hov,
  .wrap_esg2_2_2 .item .box{
      width: 100%;
      height: 100%;
      background: #ddd;
      border-radius: 10vw;
  }
  .wrap_esg2_2_2 .item .t_1{
      margin-top: 5vw;
      font-size: 4.6vw;
  }
  .wrap_esg2_2_2 .item .txt{
      margin-top: 5vw;font-size: 4vw;padding: 5vw;
  }
  .wrap_esg2_2_2 .item .inner{
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5vw;
  }
  .wrap_esg2_2_2 .item.hover .txt{padding: 5vw; font-size: 4vw;}
  .wrap_esg2_2_2 .item.hover > .inner .hov,
  .wrap_esg2_2_2 .item.hover > .inner .box{ 
      -moz-transform: scale(1) rotate(0deg);
      -webkit-transform: scale(1) rotate(0deg);
      -o-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
      transform: scale(1) rotate(0deg);
      box-shadow: none;
      -webkit-box-shadow:none;
      -moz-box-shadow: none;
  }
  .wrap_esg2_2_2 .item.nohover > .inner{
      opacity: 1;
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      width: 100%;
      padding: 5vw;
      box-sizing: border-box;
  }
}

/* 768 */
@media screen and (max-width: 768px) {
  #tab-menu .swiper-slide.P25 {padding: 0 4vw;}
  input,
  textarea,
  body {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  input,
  textarea,
  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input,
  textarea,
  button,
  select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .pc-view {
    display: none !important;
  }
  .mo-view {
    display: block !important;
  }
  #wrap::-webkit-scrollbar {
    display: inherit;
  }
  #site-header {
    height: 140px !important;
    height: 18.66666667vw !important;
  }
  #site-header .header-wrap, #site-header.small.white .header-wrap { height: 8vh; }
  #site-header.small.white { height: 14.666667vw !important; }
  body.navHide #site-header.newsroom_header { top: -135px; }

  header .allmenu-area .allmenu_close_btn > button {
    width: 25px;
    height: 25px;
    top: 4.5%;
  }
  #site-header > .inner {
    width: 90%;
  }
  #site-header .logo a .logoImg {
    width: 165px !important;
    width: 22vw !important;
    height: 63px !important;
    height: 8.4vw !important;
  }
  #site-header:not(.newsroom) .menu,
  #site-header .withPosco {
    display: none;
  }
  #site-header .sidemenu {
    width: auto;
  }
  #site-header .lang{margin-right: 0;}
  #site-header .sidemenu .menu_btn{width: 9vw; height: 9vw;}
  #site-header .sidemenu .menu_btn .line{width: 4vw; height: 8px;}
  #site-header .sidemenu .menu_btn .line span{height: 1px;}

  #site-header .sidemenu .sidemenu_container {
    background-color: #fff;
  }
  #site-header .sidemenu .sidemenu_container > .inner {
    background: none;
  }
  #site-header .sidemenu .head_container {
    height: 140px;
    height: 18.66666667vw;
    padding: 0 5%;
    padding-left: 10%;
    background-color: #fff;
  }
  #site-header .sidemenu .head_container .logo {
    display: none;
  }
  #site-header .sidemenu .head_container .lang {
    display: flex;
    margin-left: 0;
  }
  #site-header .sidemenu .head_container .lang li + li {
    padding-left: 60px;
    padding-left: 8vw;
  }
  #site-header .sidemenu .head_container .lang li a {
    font-size: 26px;
    font-size: 3.46666667vw;
    color: #a2a2a2;
    border-bottom: 2px solid transparent;
  }
  #site-header .sidemenu .head_container .lang li.active a {
    color: #333;
    border-color: #000;
  }
  #site-header .sidemenu .head_container .withPosco {
    display: block;
    flex-grow: 1;
    padding-right: 40px;
    padding-right: 5.33333333vw;
  }
  #site-header .sidemenu .head_container .withPosco .img {
    /* margin-left: auto; */
    width: 186px;
    width: 24.8vw;
    height: 36px;
    height: 4.8vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/common/with_posco.png);
  }
  #site-header .sidemenu .head_container .close button {
    width: 37px;
    width: 4.93333333vw;
    height: 37px;
    height: 4.93333333vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M26.988,3.820 L16.568,14.240 L26.581,24.253 L23.753,27.081 L13.740,17.068 L3.820,26.987 L1.012,24.180 L10.932,14.260 L0.418,3.747 L3.247,0.918 L13.760,11.431 L24.180,1.012 L26.988,3.820 Z'/%3E%3C/svg%3E");
  }
  #site-header .sidemenu .head_container .homeBtn{display: none !important;}

  #site-header .sidemenu .menu_container {
    display: block;
    height: 100vh;
    padding-top: 140px;
    padding-top: 18.66666667vw;
    box-sizing: border-box;
    overflow-y: auto;
  }
  #site-header .sidemenu .menu_container .depth1:after {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth1 > ul {
    width: 100%;
    padding: 0;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li {
    position: relative;
    padding: 30px 0px;
    padding: 4vw 0vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li > a {
    margin-left: 10%;
    font-size: 42px;
    font-size: 5.6vw;
    display: none;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active > a::before{
    position: absolute;
    right: 6.3vw;
    top: 5.8vw;
    width: 2vw;
    height: 2vw;
    border-radius: 2vw;
    background-color: #279bf3;
    content: "";
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li > a.m {
    display: inline-block;
    visibility: visible;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li + li {
    margin-top: 0;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.small + .small {
    margin-top: 0;
  }
  #site-header .sidemenu .menu_container .depth2 {
    position: static;
    display: none;
    width: 100%;
    background-color: #00396b;
    padding: 0 10%;
    padding-top: 40px;
    padding-top: 5.33333333vw;
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
    box-sizing: border-box;
  }
  #site-header .sidemenu .menu_container .depth2 > .img {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth2 > ul {
    width: 100%;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li {
    padding-left: 30px;
    padding-left: 4vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li:before {
    display: none;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li + li {
    /* margin-top: 30px; */
    margin-top: 3vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li > a {
    font-size: 30px;
    font-size: 4vw;
  }
  #site-header .sidemenu .menu_container .depth2 > ul > li > a[target]:after {
    width: 30px;
    width: 4vw;
    height: 30px;
    height: 4vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 {
    display: block;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > .visual {
    display: none;
  }
  #site-header.newsroom .menu {
    padding: 0;
  }
  #site-header.newsroom .menu > ul {
    margin: 0;
    margin-left: auto;
  }
  #site-header.newsroom .menu > ul > li > a {
    line-height: 140px;
    line-height: 18.66666667vw;
    font-size: 28px;
    font-size: 3.73333333vw;
    padding: 0;
  }
  #site-header.newsroom .lang {
    display: none;
  }
  /* 추가 */
  
  header .allmenu-area {
    background-color: #022846;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  header .allmenu-area .inner {
    display: block;
    height: auto;
    min-height: auto;
    width: 100%;
    padding-inline: 20px;
  }
  #sitemap { margin: 20px 0 0; }
  #sitemap > ul {
      display: block !important;
  }
  #sitemap > ul > li {
    /* width: calc(100% + 50px); */
    width: 100%;
    margin: 0 -25px !important;
    padding: 0 25px;
    border-right: none;
  }

  #sitemap > ul > li > h4 a {
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-weight: 500;
    font-size: 23px;
    position: relative;
    filter: brightness(0%) invert(1);
  }

  #sitemap > ul > li > h4 a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    background: url(../images/ico/ico_menudown_arrow.png) no-repeat center / 100% auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all .25s ease-in-out;
  }

  /* #sitemap > ul > li > a.active {
    color: #005793;
    font-weight: 800;
  } */

  #sitemap > ul > li.active > h4 a::after {
    transition: all .25s ease-in-out;
    transform: rotate(180deg);
  }

  #sitemap > ul > li .sitemap_submenu::before { background-color: transparent; }

  #sitemap > ul > li .main-support-area h4 > a, #sitemap > ul > li .main-unethical-area h4 > a {
    display: inline-block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 23px;
    color: #fff;
    font-weight: 500;
    position: relative;
  }
  /* #sitemap > ul > li a.main-support-area.active, #sitemap > ul > li .allmenu_unethical_area > a.active {
    color: #005793;
    font-weight: 600;
  } */

  #sitemap > ul > li .main-support-area h4 > a::after, #sitemap > ul > li .main-unethical-area h4 > a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    background: url(../images/ico/ico_menudown_arrow.png) no-repeat center / 100% auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    filter: brightness(0%) invert(1);
    transition: all .25s ease-in-out;
  }

  #sitemap > ul > li .main-support-area.active h4 > a::after, #sitemap > ul > li .main-unethical-area.active h4 > a::after {
    transform: rotate(180deg);
    transition: all .25s ease-in-out;
  }

  #sitemap > ul > li .main-unethical-area {
    margin-top: 0;
  }

  #sitemap > ul > li .main-support-area .sitemap_submenu a { color: #fff; }

  #sitemap .sitemap_submenu {
    display: none;
    margin-top: 0;
    width: calc(100% + 50px);
    margin: 0 -25px;
    padding: 0 25px;
    background-color: #004781;
    box-sizing: border-box;
  }

  #sitemap .sitemap_submenu > li {
    padding-left: 4vw;
  }

  #sitemap .sitemap_submenu li a { display: inline-block; width: 100%; height: 50px; line-height: 50px; color: #fff; }
  #sitemap .sitemap_submenu li a.line_height1 { line-height: 25px; }
  #sitemap .sitemap_submenu > li:not(:first-child) { margin-top: 0; }
  #sitemap .sitemap_submenu li:hover a { color: #fff; }

  .allmenu-area .logo a .logoImg { filter: brightness(0%) invert(1); }
  .allmenu-area .allmenu-area_top .allmenu_close_btn { position: absolute; top: -45px; right: 0; }
  .allmenu-area .allmenu_close_btn > button {
    width: 4.93333333vw;
    height: 4.93333333vw;
    filter: brightness(0%) invert(1);
  }
  .allmenu-area .sitemap_sidemenu {
    position: static;
    width: calc(100% + 50px);
    margin: 0 -25px;
    padding: 0 25px;
    justify-content: flex-start;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
  }
  .allmenu-area .sitemap_sidemenu::before { background-color: transparent; }
  .allmenu-area .sitemap_sidemenu > ul { width: 100%; display: flex; flex-direction: column; gap: 0; margin-top: 0; padding: 0; }

  .allmenu-area .sitemap_sidemenu > ul > li {
    width: calc(100% + 50px);
    margin: 0 -25px;
    padding: 0 25px;
  }

  /* .allmenu-area .sitemap_sidemenu > ul > li:nth-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  } */
  .allmenu-area .sitemap_sidemenu ul li a {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
  }

  .allmenu-area .sitemap_sidemenu ul li:hover a { color: #fff; }
  .allmenu-area .sitemap_sidemenu > ul > li:not(:first-child) {
    margin-top: 0;
  }
  .allmenu-area .sitemap_sidemenu ul li a::after {
    left: 165px;
  }
  .allmenu-area .sitemap_sidemenu ul li:nth-child(1) a::after {
    left: 95px;
  }
  #site-header.newsroom_header { height: auto !important; }
  #site-header.newsroom_header .header-wrap, #site-header.small.white.newsroom_header .header-wrap { height: 20vh; }
  #site-header.small.white.newsroom_header .header-wrap { background: #fff; }
  #site-header.newsroom_header .header-wrap > .inner { flex-direction: column; align-items: flex-start; }
  #site-header .newsroom_gnb { overflow-x: scroll; width: 100%; }
  #site-header .newsroom_gnb li > a { padding-inline: 25px; }
  #site-header .newsroom_gnb li:first-child > a { padding-left: 0; }
  #site-header .newsroom_gnb li:last-child > a { padding-right: 0; }
  #site-header .newsroom_gnb li > a > span { padding-block: 0; white-space: nowrap; padding-bottom: 20px; }
  #site-footer > .inner {
    width: 90%;
    padding: 60px 0px;
    padding: 8vw 0vw;
    z-index: 1;
  }
  #site-footer .top {
    flex-wrap: wrap;
    padding: 0;
    padding-bottom: 60px;
    padding-bottom: 8vw;
  }
  #site-footer .top .logo {
    display: none;
  }
  #site-footer .top .menu {
    flex-wrap: wrap;
    width: auto;
    margin: -10px -10px;
    margin: -1.33333333vw -1.33333333vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #site-footer .top .menu > li {
    padding: 10px 10px;
    padding: 1.33333333vw 1.33333333vw;
  }
  #site-footer .top .menu > li + li:before {
    display: none;
  }
  #site-footer .top .menu > li > a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #site-footer .top .select > select {
    width: 350px;
    width: 46.66666667vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
    background-position: top 16px right 21px;
  }
  #site-footer .top .select > button {
    height: 80px;
    height: 10.66666667vw;
  }
  #site-footer .top .select {
    position: static;
  }
  #site-footer .bot {
    padding: 0;
    padding-top: 40px;
    padding-top: 5.33333333vw;
    padding-left: 180px;
    padding-left: 24vw;
    position: relative;
  }
  #site-footer .bot .logo {
    display: block;
    position: absolute;
    top: 70px;
    top: 9.33333333vw;
    left: 15px;
    left: 2vw;
  }
  #site-footer .bot .logo img {
    width: 105px;
    width: 14vw;
  }
  #site-footer .bot .info > li {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #site-footer .bot .copy {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #site-footer .bot .di_focus {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .scrollTop {
    width: 46px;
    height: 46px;
  }
  #header-placeholder {
    height: 140px;
    height: 18.66666667vw;
  }
  #page-top-visual {
    height: 820px;
    height: 85.333333vw;
  }
  #page-top-visual .text {
    padding-top: 460px;
    padding-top: 38.333333vw;
  }
  #page-top-visual .text > .inner {
    width: 86%;
  }
  #page-top-visual .text .loc {
    display: none;
  }
  #page-top-visual .text .t1 {
    font-size: 70px;
    font-size: 9.33333333vw;
    line-height: 80px;
    line-height: 10.66666667vw;
  }
  #page-top-visual .text .t2 {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    margin-top: 30px;
    margin-top: 4vw;
    width: 80vw;
  }
  #page-top-visual .text .t2.newsroom_t2 { 
    width: 86vw;
  }
  #page-top-visual .menu > ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #page-top-visual .menu > ul > li > a {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 100px;
    line-height: 13.33333333vw;
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #page-top-visual .bg .img {
    background-position: bottom 30% left 60%;
  }
  #tab-menu {
    height: 120px;
    height: 16vw;
  }
  #tab-menu > .inner {
    height: 120px;
    height: 16vw;
    line-height: 120px;
    line-height: 16vw;
  }
  #tab-menu .swiper-wrapper {
    justify-content: flex-start;
  }
  #tab-menu .swiper-slide {
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #tab-menu .swiper-slide a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #tab-menu .swiper-slide a .tab_span_title {
    font-size: 11px;
  }
  #tab-menu.fixed > .inner {
    top: 140px;
    top: 13.666667vw;
    height: 120px;
    height: 16vw;
    line-height: 120px;
    line-height: 16vw;
  }
  .page-section > .inner {
    width: 90%;
    padding: 10% 0;
  }
  .page-section > .bg video {
    width: auto;
    height: 100%;
  }
  /* main_esg */
  #main_esg .secTitle{
    font-size: 7.33333333vw;
    line-height: 7.33333333vw;
    margin-bottom: 10.66666667vw !important;
  }
  #main_esg ul li {
    width: 100% 
  }

#main_esg ul li a {
    height: 300px;
    height: 40vw
  }

#main_esg ul li a>div {
    padding: 5.33333333vw
  }

#main_esg ul li .tit {
    font-size: 6.66666667vw
  }

#main_esg ul li .txt {
    font-size: 20px;
    font-size: 2.66666667vw;
    min-height: auto
  }
  /*  */
  .newsroom_list {
    margin: -20px;
    margin: -2.66666667vw;
    overflow: unset;
  }
  .newsroom_list .newsroom-item {
    padding: 20px;
    padding: 2.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
    padding-right: 80px;
    padding-right: 10.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col2 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom_list.col2 .newsroom-item-article.type3 .cont {
    padding-top: 0;
    padding-bottom: 0;
  }
  .newsroom_list.col2 .newsroom-item-article.type3 .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
    padding-right: 80px;
    padding-right: 10.66666667vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom_list.col4 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom_list.lineType:before {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .newsroom_list.lineType .newsroom-item:after {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .newsroom-item-article.type3 .img {
    width: 220px;
    width: 29.33333333vw;
  }
  .newsroom-item-article.type3 .img picture {
    width: 220px;
    width: 29.33333333vw;
  }
  .newsroom-item-article .cont {
    padding: 35px;
    padding: 4.66666667vw;
  }
  .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
  }
  .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 25px;
    margin-top: 3.33333333vw;
  }
  .newsroom-item-article.type2 .cont {
    padding: 20px 50px;
    padding: 2.66666667vw 6.66666667vw;
  }
  .newsroom-item-article.type2 .cont .tag {
    font-size: 16px;
    font-size: 2.13333333vw;
    line-height: 33px;
    line-height: 4.4vw;
    height: 35px;
    height: 4.66666667vw;
    padding: 0px 15px;
    padding: 0vw 2vw;
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  .newsroom-item-article.type2 .cont .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    height: 80px;
    height: 10.66666667vw;
  }
  .newsroom-item-article.type2 .cont .date {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #main-top-visual .text > .inner {
    width: 90%;
  }
  #main-top-visual .text .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-top-visual .text .txt {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
    height: auto;
  }
  #main-top-visual .text .more a {
    width: 300px;
    width: 40vw;
    height: 90px;
    height: 12vw;
    line-height: 88px;
    line-height: 11.73333333vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #main-top-visual .text .more a:after {
    right: 30px;
    right: 4vw;
  }
  #main-top-visual .text .more a span {
    font-size: 24px;
    font-size: 3.2vw;
    vertical-align: inherit;
  }
  #main-top-visual .bg > div {
    background-size: cover;
    background-position: center;
  }
  #main-top-visual .bg video {
    width: auto;
    height: 100%;
  }
  #main-top-visual .swiper-pagination li {
    padding: 0px 15px;
    padding: 0vw 2vw;
  }
  #main-top-visual .swiper-pagination li a {
    width: 100px;
    width: 13.33333333vw;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .main-swiper-prev,
  .main-swiper-next {
    display: none;
  }
  #main_sec_01 {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
    height: 800px;
    height: 106.66666667vw;
    min-height: unset;
  }
  #main_sec_01 .title {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #main_sec_01 .text {
    margin-top: 50px;
    margin-top: 6.66666667vw;
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #main_sec_01 .writer {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #main_sec_02 {
    padding: 50px 0px;
    padding: 6.66666667vw 0vw;
    height: 900px;
    height: 120vw;
    min-height: unset;
  }
  #main_sec_02 > .bg > .video {
    height: 120%;
  }
  #main_sec_02 .text {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 60px;
    line-height: 8vw;
  }
  #main_sec_03 > .inner {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
  }
  #main_sec_03 .title {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_03 .title:after {
    width: 25px;
    width: 3.33333333vw;
  }
  #main-relatedNews-slider .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-relatedNews-slider .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #main_sec_04 {
    min-height: auto;
    padding: 0;
  }
  #main_sec_04 > .inner {
    padding: 10% 0;
    max-width: 100%;
    width: 80%;
  }
  #main_sec_04 > .bg > .img {
    height: 120%;
  }
  #main_sec_04 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_04 .text {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #main-newsroom-slider .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #main-newsroom-slider .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #main_sec_05 > .inner {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
  }
  #main_sec_05 .title {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_05 .title:after {
    width: 25px;
    width: 3.33333333vw;
  }
  #main_sec_05 .news_list {
    margin-right: -30px;
    margin-right: -4vw;
  }
  #main_sec_05 .news_list > li {
    width: 50%;
    padding-right: 30px;
    padding-right: 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont {
    padding: 40px 30px;
    padding: 5.33333333vw 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #main_sec_05 .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #main_sec_06 {
    padding: 0;
    min-height: auto;
    height: 960px;
    height: 128vw;
  }
  #main_sec_06 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #main_sec_06 > .bg > .img {
    height: 120%;
  }
  #main_sec_06 .title {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_06 .text {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
  }
  #main_sec_07 > .inner {
    padding: 10% 0;
    padding-bottom: 0;
  }
  #main_sec_07 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main_sec_07 .text {
    font-size: 26px;
    font-size: 3.46666667vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ms07_list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ms07_list .item {
    padding: 0 !important;
  }
  #ms07_list .item > a {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    min-height: 320px;
    min-height: 42.66666667vw;
    border-radius: 0;
  }
  #ms07_list .item .tit {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: auto;
  }
  #ms07_list .item .txt {
    display: none;
  }
  #ms07_list .item .link {
    width: 60px;
    width: 8vw;
    height: 60px;
    height: 8vw;
    right: 40px;
    right: 5.33333333vw;
    bottom: 50px;
    bottom: 6.66666667vw;
    opacity: 1;
    transform: translateX(0);
  }
  #main_sec_09 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
    display: block;
  }
  #main_sec_09 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #main_sec_09 .ir_stock {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #main_sec_09 .ir_stock > div {
    margin-bottom: 0;
    text-align: left;
  }
  #main_sec_09 .ir_stock > div > div {
    font-size: 60px;
    font-size: 8vw;
    line-height: 65px;
    line-height: 8.66666667vw;
    margin-bottom: 0;
  }
  #main_sec_09 .ir_stock > div > span {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 53px;
    line-height: 7.06666667vw;
  }
  #main_sec_09 .ir_stock > div > span + span {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  #main_sec_09 .ir_stock > ul {
    width: 280px;
    width: 37.33333333vw;
  }
  #main_sec_09 .ir_stock > ul > li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #main_sec_09 .ir_stock > ul > li > span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #main_sec_10 {
    height: 600px;
    height: 80vw;
  }
  #main_sec_10 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
    display: block;
  }
  #main_sec_10 .title {
    font-size: 55px;
    font-size: 7.33333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
    margin-bottom: 190px;
    margin-bottom: 25.33333333vw;
  }
  #main_sec_10 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    width: auto;
    max-width: 380px;
    max-width: 50.66666667vw;
  }
  #main_sec_09 .link,
  #main_sec_10 .link {
    transform: scale(1);
    position: static;
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    display: block;
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #main_sec_09 .link br,
  #main_sec_10 .link br {
    display: none;
  }
  #main_sec_09 .link:after,
  #main_sec_10 .link:after {
    width: 30px;
    width: 4vw;
    height: 15px;
    height: 2vw;
    margin-left: 20px;
    margin-left: 2.66666667vw;
    border: 0;
    background: url(../images/ico/ico_finder_right_w.png) center no-repeat;
    background-size: contain;
  }
  .main_sec_grid {
    display: block;
  }
  .main_sec_grid > * {
    width: 100%;
  }
  #introduce_01_sec_01 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #introduce_01_sec_01 .overview {
    padding-left: 90px;
    padding-left: 12vw;
    padding-bottom: 0;
  }
  #introduce_01_sec_01 .overview:before {
    top: 10px;
    top: 1.33333333vw;
    left: 0;
    right: auto;
    width: 100px;
    width: 13.33333333vw;
    height: 430px;
    height: 57.33333333vw;
  }
  #introduce_01_sec_01 .overview .title {
    font-size: 45px;
    font-size: 6vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #introduce_01_sec_01 .overview .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #introduce_01_sec_01 .obj .circle {
    width: 250px;
    width: 33.33333333vw;
    right: -120px;
    right: -16vw;
    top: -100px;
    top: -13.33333333vw;
  }
  #introduce_01_sec_01 .obj .img picture + picture {
    margin-top: 90px;
    margin-top: 12vw;
  }
  #introduce_01_sec_02 > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #introduce_01_sec_02 .title {
    font-size: 45px;
    font-size: 6vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #introduce_01_sec_02 ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
  }
  #introduce_01_sec_02 ul li {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    height: auto;
    min-height: 250px;
    min-height: 33.33333333vw;
  }
  #introduce_01_sec_02 ul li .tit {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
  }
  #introduce_01_sec_02 ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 38px;
    line-height: 5.06666667vw;
  }
  #introduce_01_sec_02 ul li .txt small {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 36px;
    line-height: 4.8vw;
  }
  [id*='introduce_03_sec_'] > .inner {
    padding: 10% 0 !important;
  }
  [id*='introduce_03_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
  }
  [id*='introduce_03_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  [id*='introduce_03_sec_'] .contText {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 54px;
    line-height: 7.2vw;
    margin-top: 100px;
    margin-top: 13.33333333vw;
    margin-bottom: 100px;
    margin-bottom: 13.33333333vw;
  }
  #introduce_03_sec_02 .contText {
    padding-top: 120px;
    padding-top: 16vw;
    padding-bottom: 180px;
    padding-bottom: 24vw;
    margin: 0;
  }
  #introduce_03_sec_03 .obj {
    margin-top: 0;
  }
  #introduce_03_sec_04 .secTitle {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #introduce_03_sec_04 ul {
    margin: 0;
  }
  #introduce_03_sec_04 ul li {
    display: block;
    padding: 40px;
    padding: 5.33333333vw;
    box-sizing: border-box;
    height: auto;
  }
  #introduce_03_sec_04 ul li .obj {
    width: 100%;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #introduce_03_sec_04 ul li .tit {
    font-size: 45px;
    font-size: 6vw;
  }
  #introduce_03_sec_04 ul li .tit span {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #introduce_03_sec_04 ul li .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  [id*='introduce_02_sec_'] h4 {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  [id*='introduce_02_sec_'] p {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  [id*='introduce_02_sec_'] .image {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  [id*='ci_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='ci_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  #ci_sec_01 .text {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #ci_sec_01 .text .t1 {
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: 54px;
    line-height: 7.2vw;
  }
  #ci_sec_01 .text .t2 {
    font-size: 3.73333333vw;
    line-height: 6.33333333vw;
  }
  #message_sec {
    background: url(../images/ico/introduce/message_bg.png) left 5% top 10% no-repeat;
    background-size: 100%;
  }
  #message_sec > .inner {
    padding: 10% 0;
  }
  #message_sec .top {
    display: block;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    position: relative;
    padding-top: 250px;
    padding-top: 33.33333333vw;
  }
  #message_sec .top .obj {
    margin: 0 auto;
    display: block;
    width: 80%;
    padding-top: 0;
    background: none;
  }
  #message_sec .top .obj img {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
    width: 100%;
  }
  #message_sec .top .cont {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
  }
  #message_sec .title {
    padding-right: 0;
    font-size: 45px;
    font-size: 6vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 0;
    position: absolute;
    top: 0;
  }
  #message_sec .text {
    padding-right: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #message_sec .name {
    margin-top: 100px;
    margin-top: 13.33333333vw;
    padding-right: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #message_sec .name span {
    font-size: 45px;
    font-size: 6vw;
    padding-left: 20px;
    padding-left: 2.66666667vw;
  }
  #message_sec .name img {
    width: 200px;
    width: 26.66666667vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
  #history_sec_01 {
    background-image: none;
  }
  #history_sec_01 > .inner {
    width: 100%;
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #history_sec_01 .subTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  #history_sec_01 .subCont {
    border-radius: 0;
    width: 100%;
    padding: 70px;
    padding: 9.33333333vw;
  }
  #history_sec_01 .subCont .obj {
    width: 300px;
    width: 40vw;
    right: 30px;
    right: 4vw;
    bottom: 180px;
    bottom: 24vw;
  }
  #history_sec_01 .subCont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    width: 50%;
    margin-bottom: 100px;
    margin-bottom: 13.33333333vw;
  }
  #history_sec_01 .subCont .txt br {
    display: none;
  }
  #history_sec_01 .subCont .btn {
    display: flex;
  }
  #history_sec_01 .subCont .btn a {
    width: 50%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 72px;
    line-height: 9.6vw;
    padding: 0px 35px;
    padding: 0vw 4.66666667vw;
  }
  #history_sec_01 .subCont .btn a span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #history_sec_01 .subCont .btn a:after {
    width: 25px;
    width: 3.33333333vw;
    height: 25px;
    height: 3.33333333vw;
    background-size: contain;
    right: 35px;
    right: 4.66666667vw;
    margin-top: -12px;
    margin-top: -1.6vw;
  }
  #history_sec_02 .subTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    line-height: 60px;
    line-height: 8vw;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #history_sec_02 .history_list {
    padding-top: 0;
  }
  #history_sec_02 .history_list .sec {
    padding-left: 30px;
    padding-left: 4vw;
    position: relative;
  }
  #history_sec_02 .history_list .cont {
    width: auto;
    left: 0;
    top: 100px;
    top: 13.33333333vw;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 70px;
    padding-left: 9.33333333vw;
  }
  #history_sec_02 .history_list .cont .title {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #history_sec_02 .history_list .cont .title .t1 {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #history_sec_02 .history_list .cont .title .t1 span {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-left: 15px;
    margin-left: 2vw;
    font-weight: normal;
  }
  #history_sec_02 .history_list .cont .title .t2 {
    font-size: 40px;
    font-size: 5.33333333vw;
    letter-spacing: -0.1rem;
  }
  #history_sec_02 .history_list .sec + .sec ul li:first-child {
    padding-top: 600px;
    padding-top: 80vw;
  }
  #history_sec_02 .history_list .sec + .sec ul li:first-child:before {
    top: 605px;
    top: 80.66666667vw;
  }
  #history_sec_02 .history_list .sec + .sec ul li.tit:first-child:before {
    top: 615px;
    top: 82vw;
  }
  #history_sec_02 .history_list ul {
    width: 100%;
  }
  #history_sec_02 .history_list ul li {
    padding-left: 50px;
    padding-left: 6.66666667vw;
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
  }
  #history_sec_02 .history_list ul li:before {
    width: 20px;
    width: 2.66666667vw;
    height: 20px;
    height: 2.66666667vw;
    left: -10px;
    left: -1.33333333vw;
    border-width: 3px;
  }
  #history_sec_02 .history_list ul li:after {
    width: 2px;
    left: -1px;
  }
  #history_sec_02 .history_list ul li.tit {
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
  }
  #history_sec_02 .history_list ul li.tit:before {
    width: 12px;
    width: 1.6vw;
    height: 12px;
    height: 1.6vw;
    left: -6px;
    left: -0.8vw;
  }
  #history_sec_02 .history_list ul li .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    height: 76px;
    height: 10.13333333vw;
  }
  #history_sec_02 .history_list ul li .date {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 5px;
    margin-bottom: 0.66666667vw;
  }
  #history_sec_02 .history_list ul li .date span {
    font-size: 20px;
    font-size: 2.66666667vw;
    margin-left: 5px;
    margin-left: 0.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding {
    grid-gap: 30px;
    padding-left: 0;
  }
  #history_sec_02 .history_list .sec.founding .cont {
    grid-column: 1 / span 2;
    position: static;
    padding-left: 0;
    padding-top: 10%;
  }
  #history_sec_02 .history_list .sec.founding + .sec:before {
    content: '';
    display: inline-block;
    width: 310px;
    width: 41.33333333vw;
    height: 2px;
    background-color: #b9daee;
    position: absolute;
    left: 30px;
    left: 4vw;
  }
  #history_sec_02 .history_list .sec.founding {
    padding-bottom: 155px;
    padding-bottom: 20.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 125px;
    height: 16.66666667vw;
    background-color: #b9daee;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -1px;
  }
  #history_sec_02 .history_list .sec.founding ul.left:after {
    height: 43px;
    height: 5.73333333vw;
    background-color: #60a2e6;
  }
  #history_sec_02 .history_list .sec.founding ul.left li {
    padding-right: 50px;
    padding-right: 6.66666667vw;
  }
  #history_sec_02 .history_list .sec.founding ul.left li:before {
    right: -10px;
    right: -1.33333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.left li.tit:before {
    right: -5.5px;
    right: -0.73333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.right:after {
    height: 43px;
    height: 5.73333333vw;
    background-color: #60a2e6;
  }
  #history_sec_02 .history_list .sec.founding ul.right li.tit:before {
    left: -5.5px;
    left: -0.73333333vw;
  }
  #history_sec_02 .history_list .sec.founding ul.right li:before {
    left: -10px;
    left: -1.33333333vw;
  }
  [id*='workplace_sec_'] .workplace .country {
    font-size: 40px;
    font-size: 4.33333333vw;
    line-height: 34px;
    line-height: 6.53333333vw;
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  [id*='workplace_sec_'] .workplace .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li {
    padding: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    border: 0;
  }
  [id*='workplace_sec_'] .workplace ul li.no_btn{padding-bottom: 0;}
  [id*='workplace_sec_'] .workplace ul li + li {
    margin-top: 70px;
    margin-top: 9.33333333vw;
  }
  [id*='workplace_sec_'] .workplace ul li .img {
    position: static;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li .name {
    font-size: 30px;
    font-size: 4vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li table th {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    width: 125px;
    width: 16.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li table td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li .btn {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='workplace_sec_'] .workplace ul li .btn a {
    height: 90px;
    height: 12vw;
    line-height: 90px;
    line-height: 12vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='workplace_sec_'] .workplace ul li .btn a:before {
    width: 30px;
    width: 4vw;
    height: 38px;
    height: 5.06666667vw;
    margin-right: 15px;
    margin-right: 2vw;
  }
  #direction_sec_01 {
    background-color: #f4f4f4;
  }
  #direction_sec_01 > .inner {
    padding: 10% 0;
  }
  #direction_sec_01 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #direction_sec_01 ul li {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
  }
  #direction_sec_01 ul li .cont {
    padding: 50px 20px;
    padding: 6.66666667vw 2.66666667vw;
  }
  #direction_sec_01 ul li .cont .tit {
    font-size: 38px;
    font-size: 5.06666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #direction_sec_01 ul li .cont .address {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #direction_sec_01 ul li .cont .tel {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
    height: auto;
  }
  #direction_sec_01 ul li .btn {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #direction_sec_01 ul li .btn a {
    height: 90px;
    height: 12vw;
    line-height: 90px;
    line-height: 12vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  #direction_sec_01 ul li .btn a:before {
    width: 30px;
    width: 4vw;
    height: 38px;
    height: 5.06666667vw;
    margin-right: 15px;
    margin-right: 2vw;
  }
  #ci_sec_01 .text {
    display: block;
  }
  #ci_sec_01 .text > * {
    display: block;
  }
  #ci_sec_01 .text .t1 {
    margin-bottom: 30px;
    margin-bottom: 4vw;
    padding-right: 0;
  }
  #ci_sec_02 .cont {
    padding-left: 0;
  }
  #ci_sec_02 .cont .tit {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #ci_sec_02 .cont ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  #ci_sec_02 .cont .btns {
    display: flex;
  }
  #ci_sec_02 .cont .btns a {
    width: 50%;
    height: 80px;
    height: 10.66666667vw;
    line-height: 72px;
    line-height: 9.6vw;
    padding: 0px 35px;
    padding: 0vw 4.66666667vw;
  }
  #ci_sec_02 .cont .btns a span {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #ci_sec_02 .cont .btns a:after {
    width: 25px;
    width: 3.33333333vw;
    height: 25px;
    height: 3.33333333vw;
    background-size: contain;
    right: 35px;
    right: 4.66666667vw;
    margin-top: -12px;
    margin-top: -1.6vw;
  }
  #newsroom-top-visual-wrap {
    padding-top: 0;
  }
  #newsroom-top-visual {
    border-radius: 0;
    box-shadow: none;
  }
  #newsroom-top-visual .newsroom-item-article .img picture {
    padding-top: 620px;
    padding-top: 82.66666667vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont {
    padding: 40px 50px;
    padding: 5.33333333vw 6.66666667vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .tag {
    font-size: 20px;
    font-size: 2.66666667vw;
    padding: 5px 30px;
    padding: 0.66666667vw 4vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 45px;
    line-height: 6vw;
  }
  #newsroom-top-visual .newsroom-item-article .cont .date {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #newsroom-top-visual .swiper-prev button,
  #newsroom-top-visual .swiper-next button {
    width: 90px;
    width: 12vw;
    height: 90px;
    height: 12vw;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 25%;
  }
  [id*='newsroom_sec_'] .newsroom_head {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 68px;
    line-height: 9.06666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    font-weight: bold;
  }
  [id*='newsroom_sec_'] .newsroom_head .link {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-right: 0;
  }
  [id*='newsroom_sec_'] .newsroom_list .swiper-pagination {
    position: static;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='newsroom_sec_'] .newsroom_list .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
    background-color: #222;
  }
  #newsroom_sec_03 > .inner {
    width: 80%;
    padding: 10% 0;
  }
  #newsroom_sec_03 > .bg > .img {
    height: 120%;
  }
  #newsroom_sec_03 .newsroom_head {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #newsroom_sec_03 .newsroom_head .title {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  #newsroom_sec_03 .newsroom_head .link {
    position: static;
  }
  #newsroom_sec_03 .swiper-pagination {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #newsroom_sec_03 .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
  }
  #newsroom_sec_04 > .inner {
    padding: 10% 0;
  }
  #newsroom_sec_04 .newsroom_list.col2 .newsroom-item {
    width: 100%;
  }
  #newsroom_sec_05 .newsroom_list.col3 .newsroom-item {
    width: 100%;
  }
  #newsroom_sec_05 .newsroom-item-article .cont {
    padding: 30px;
    padding: 4vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .date {
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    height: 100px;
    height: 13.33333333vw;
  }
  #newsroom_sec_05 .newsroom-item-article .cont .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 35px;
    line-height: 4.66666667vw;
    height: 70px;
    height: 9.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .esg_link {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  .esg_link > ul {
    display: block;
    padding: 20px;
    padding: 2.66666667vw;
  }
  .esg_link > ul > li {
    width: 100%;
  }
  .esg_link > ul > li + li {
    border: 0;
  }
  .page_related_news {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
  }
  .page_related_news .newsroom_head {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .page_related_news .newsroom_head .title {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .page_related_news .newsroom_list .swiper-pagination {
    position: static;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .page_related_news .newsroom_list .swiper-pagination-bullet {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin: 0px 12px;
    margin: 0vw 1.6vw;
    background-color: #222;
  }
  [id*='strategy_01_sec_'] > .inner {
    padding-left: 0;
  }
  [id*='strategy_01_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_02_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_03_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_04_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_05_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_02_sec_02 .element {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_02_sec_02 .element li {
    min-height: unset;
  }
  #strategy_02_sec_02 .history {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_02_sec_03 .box {
    padding: 40px 40px;
    padding: 5.33333333vw 5.33333333vw;
  }
  #strategy_02_sec_03 .ico {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_03_sec_04 .secContents {
    display: block;
  }
  #strategy_03_sec_04 .secContents .obj {
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_04_sec_03 .secContents {
    display: block;
  }
  #strategy_04_sec_03 .secContents .obj {
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_05_sec_01 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  #strategy_05_sec_01 .box {
    display: block;
  }
  #strategy_05_sec_01 .box .obj {
    width: auto;
    padding: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #strategy_05_sec_01 .box .txt {
    width: auto;
  }
  #strategy_05_sec_10 .recruitment_intro {margin-top: 10%;}

  /* person */
  #person h3, #person h4.title{font-size: 5.06666667vw; line-height: 1.25; margin: 10vw 0 4vw;}
  #person .person_list li{flex-wrap: wrap; height: auto; gap: 0; border-radius: 10px; padding: 1rem 0.5rem; box-sizing: border-box;} 
  #person .person_list li .pl_t{font-size: 3.6vw; margin-bottom: 4.66666667vw; width: 100%; padding:  1rem 0; line-height: 1;}
  #person .person_list li .pl_d, #person .text, #person table td, #person table th, #person .person_flx_3 .pl_d > ul > li, #person .person_flx_n .pl_d > ul > li{font-size: 3.33333333vw; line-height: 6.66666667vw;}
  #person .person_flx_3 .pl_tb, #person .person_flx_n .pl_tn{font-size: 3.6vw; padding-bottom: 10px;}
  #person .person_flx_3 > ul, #person .person_flx_n > ul{flex-wrap: wrap;}
  #person .person_flx_3 > ul > li, #person .person_flx_3.person_flx_2 > ul > li, #person .person_flx_n > ul > li{width: 100%;}
  #person .person_flx_n > ul{gap: 10px;}
  #person .person_flx_n .person_flx_r{margin-top: 5%;}
  #person .person_flx_l > ul > li{border-bottom: 1px solid #cad0de; border-right: 0;}
  #person .person_flx_l .pl_tb::before{width: 80px; height: 80px;}

  [id*='strategy_07_sec_'] .secTitle {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 10px;
    padding-bottom: 1.33333333vw;
  }
  [id*='strategy_07_sec_'] .secTitle br {
    display: none;
  }
  [id*='strategy_07_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 3px;
    height: 0.4vw;
  }
  [id*='strategy_07_sec_'] .contTitle {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-bottom: 25px;
    margin-bottom: 3.33333333vw;
  }
  [id*='strategy_07_sec_'] * + .contTitle {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_head {
    padding: 10px 40px;
    padding: 1.33333333vw 5.33333333vw;
    padding-right: 100px;
    padding-right: 13.33333333vw;
    height: auto;
    min-height: 80px;
    min-height: 10.66666667vw;
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_head:after {
    width: 40px;
    width: 5.33333333vw;
    height: 40px;
    height: 5.33333333vw;
    right: 30px;
    right: 4vw;
    margin-top: -20px;
    margin-top: -2.66666667vw;
    -webkit-background-size: 15px;
    background-size: 15px;
    -webkit-background-size: 2vw;
    background-size: 2vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
    padding-bottom: 60px;
    padding-bottom: 8vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .link {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li + li {
    margin-top: 30px;
    margin-top: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li .h .link {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body ul > li .t {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table th,
  [id*='strategy_07_sec_'] .accordion .acc_body table td {
    padding: 20px;
    padding: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table th {
    width: auto;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body table td {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 {
    flex-direction: column;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd {
    font-size: 24px;
    font-size: 3.2vw;
    width: 300px;
    width: 40vw;
    height: 300px;
    height: 40vw;
    margin: 20px;
    margin: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_01 dd + dd:before {
    width: 20px;
    width: 2.66666667vw;
    height: 20px;
    height: 2.66666667vw;
    margin: 0;
    top: -35px;
    top: -4.66666667vw;
    left: 50%;
    margin-left: -10px;
    margin-left: -1.33333333vw;
    transform: rotate(45deg);
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 {
    padding: 40px;
    padding: 5.33333333vw;
    padding-top: 30px;
    padding-top: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 > div + div {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h1 {
    font-size: 28px;
    font-size: 3.73333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .h2 span {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-left: 0;
    display: block;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 {
    flex-direction: column;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .t {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid1 > dd .b {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd {
    width: 50%;
  }
  [id*='strategy_07_sec_'] .accordion .acc_body .obj_st_02 .grid2 > dd span {
    font-size: 22px;
    font-size: 2.93333333vw;
    height: 150px;
    height: 20vw;
  }
  [id*='strategy_07_sec_'] .title {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  [id*='strategy_07_sec_'] .text {
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='strategy_07_sec_'] .objImg {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  [id*='strategy_07_sec_'] .box {
    flex-direction: column;
    padding: 40px;
    padding: 5.33333333vw;
    padding-top: 30px;
    padding-top: 4vw;
  }
  [id*='strategy_07_sec_'] .box + .box:before {
    left: 0;
  }
  [id*='strategy_07_sec_'] .box .tit {
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: center;
    width: 100%;
    padding: 0;
    font-size: 30px;
    font-size: 4vw;
  }
  [id*='strategy_07_sec_'] .box .cont {
    padding: 40px;
    padding: 5.33333333vw;
    min-height: 200px;
    min-height: 26.66666667vw;
  }
  [id*='strategy_07_sec_'] .box .cont .txt1 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  [id*='strategy_07_sec_'] .box .cont .txt2 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  [id*='strategy_07_sec_'] .box .cont ul {
    flex-wrap: wrap;
    margin: -20px;
    margin: -2.66666667vw;
  }
  [id*='strategy_07_sec_'] .box .cont ul li {
    padding: 20px;
    padding: 2.66666667vw;
    width: 50%;
    box-sizing: border-box;
  }
  [id*='strategy_07_sec_'] .box .cont ul li:first-child {
    width: 100%;
  }
  [id*='strategy_07_sec_'] .box .cont ul li .obj {
    width: 240px;
    width: 32vw;
  }
  [id*='strategy_07_sec_'] .box .cont ul li .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='strategy_07_sec_'] .tb > li {
    display: block;
  }
  [id*='strategy_07_sec_'] .tb > li > * {
    display: block;
  }
  [id*='strategy_07_sec_'] .tb > li .th {
    padding: 20px 50px;
    padding: 2.66666667vw 6.66666667vw;
    font-size: 26px;
    font-size: 3.46666667vw;
    width: 400px;
    width: 53.33333333vw;
  }
  [id*='strategy_07_sec_'] .tb > li .th br {
    display: none;
  }
  [id*='strategy_07_sec_'] .tb > li .th b {
    margin-right: 10px;
    margin-right: 1.33333333vw;
  }
  [id*='strategy_07_sec_'] .tb > li .td {
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
    padding-right: 40px;
    padding-right: 5.33333333vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  [id*='energy_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='energy_sec_'] .subTit, [id*='energy_sec_'] .subTit2 {
    font-size: 35px;
    font-size: 4.66666667vw;
    /* line-height: 30px;
    line-height: 4vw; */
    line-height: 6.333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }

  [id*='energy_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='energy_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='energy_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  [id*='energy_sec_'] .secContents .obj.fww{flex-wrap: wrap;}
  [id*='energy_sec_'] .secContents .obj.fww li + li{margin-left: 0px;}
  [id*='energy_sec_'] .sugan{flex-wrap: wrap; gap: 0; padding: 1.25rem 1rem;}
  [id*='energy_sec_'] .sugan img{max-width: 40%; margin: 0 auto;}
  [id*='energy_sec_'] .sugan .text_box .tt{font-size: 4.66666667vw; margin-bottom: 4vw;}
  [id*='energy_sec_'] .sugan .text_box .tx{font-size: 3.33333333vw; line-height: 5.33333333vw;}

  #energy_sec_02 > .inner {
    padding-top: 0;
  }
  #energy_sec_02 > .bg {
    height: 100%;
    display: none;
  }
  #energy_sec_02 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_03 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #energy_sec_03_01 .subTit {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #energy_sec_03_02 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_03_02 .secContents .text {
    padding: 0;
    grid-column: 1;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #energy_sec_03_02 .secContents .obj {
    margin: 0 auto;
    margin-top: 0;
    max-width: 500px;
    max-width: 66.66666667vw;
  }
  #energy_sec_03_01 .secContents .obj {
    overflow-x: auto;
  }
  #energy_sec_03_01 .secContents .obj svg {
    width: 1920px;
    width: 256vw;
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #energy_sec_03_02 {
    margin-top: 10%;
  }
  #energy_sec_04 .subTit {
    font-size: 28px;
    font-size: 3.73333333vw;
    text-align: left;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #energy_sec_04 .obj {
    overflow-x: auto;
  }
  #energy_sec_04 .obj img {
    max-width: 1920px;
    max-width: 256vw;
  }
  #energy_sec_05_01 .tit {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-top: 50px;
    margin-top: 6.66666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: left;
  }
  #energy_sec_05_01 ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  #energy_sec_05_01 .table table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_05_01 .table table tbody th,
  #energy_sec_05_01 .table table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_05_02 .secContents .obj {
    margin-top: 0;
  }
  #energy_sec_06 .text {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #energy_sec_06 .text li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #energy_sec_06 .text li {
    padding-left: 0;
  }
  #energy_sec_06 .text li .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
    position: static;
  }
  #energy_sec_06 .text li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #energy_sec_06 .table {
    overflow-x: auto;
  }
  #energy_sec_06 .table table {
    width: 1400px;
    width: 186.66666667vw;
  }
  #energy_sec_06 .table table thead th {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #energy_sec_06 .table table tbody th,
  #energy_sec_06 .table table tbody td {
    font-size: 18px;
    font-size: 2.4vw;
    line-height: 38px;
    line-height: 5.06666667vw;
    padding: 20px 40px;
    padding: 2.66666667vw 5.33333333vw;
    box-sizing: border-box;
  }
  #energy_sec_06 .table table tbody td .prd {
    white-space: nowrap;
  }
  #energy_sec_06 .table table tbody td .prd > img {
    width: 200px;
    width: 26.66666667vw;
  }
  #energy_sec_06 .table table tbody td .prd > span {
    font-size: 20px;
    font-size: 2.66666667vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
  #energy_sec_06 .energy_cont, #energy_sec_06 .energy_cont_box{padding: 1rem;}
  #energy_sec_06 .energy_cont_wrap{flex-wrap: wrap;}
  #energy_sec_06 .energy_cont_box p{font-size: 4.2vw; line-height: 1; margin-bottom: 10px;}
  #energy_sec_06 .energy_cont_box span{font-size: 3vw;}
  #energy_sec_06 .energy_cont_box .box_list{gap: 10px;}
  #energy_sec_06 .energy_cont_box .box_list li{font-size: 3vw; gap: 5px; }
  #energy_sec_06 .energy_cont_box .box_list li::before{width: 3vw; height: 3vw;}
  
  [id*='chemical_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='chemical_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 30px;
    line-height: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='chemical_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='chemical_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='chemical_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #chemical_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #chemical_sec_02 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    padding-left: 0;
    max-width: 600px;
    max-width: 80vw;
  }
  #chemical_sec_03:after {
    top: 180px;
    top: 24vw;
  }
  #chemical_sec_03 ul li {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
  }
  #chemical_sec_03 ul li .tit {
    padding-left: 0;
    font-size: 30px;
    font-size: 4vw;
    line-height: 36px;
    line-height: 4.8vw;
    margin-top: 0;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #chemical_sec_03 ul li .txt {
    padding-left: 0;
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #chemical_sec_04 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #chemical_sec_04 .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='biz_prd_list'] .item > a {
    padding: 60px 50px;
    padding: 8vw 6.66666667vw;
    padding-bottom: 160px;
    padding-bottom: 21.33333333vw;
  }
  [id*='biz_prd_list'] .item .tit {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 63px;
    line-height: 8.4vw;
    height: 126px;
    height: 16.8vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='biz_prd_list'] .item .link {
    width: 70px;
    width: 9.33333333vw;
    height: 70px;
    height: 9.33333333vw;
    right: 50px;
    right: 6.66666667vw;
    bottom: 60px;
    bottom: 8vw;
  }
  #biz_prd_view {
    max-width: 100%;
    max-height: 100%;
  }
  #biz_prd_view > .inner {
    border-radius: 0;
  }
  #biz_prd_view .modal_header {
    height: 100px;
    height: 13.33333333vw;
  }
  #biz_prd_view .modal_header .modal_close {
    top: 50%;
    right: 20px;
    right: 2.66666667vw;
    transform: translateY(-50%);
    margin-top: 0;
  }
  #biz_prd_view .modal_content > .inner {
    padding: 0px 30px;
    padding: 0vw 4vw;
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
  #biz_prd_view .modal_footer .swiper-nav {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
    height: 150px;
    height: 20vw;
  }
  #biz_prd_view .modal_footer .swiper-nav .swiper-prev button .text,
  #biz_prd_view .modal_footer .swiper-nav .swiper-next button .text {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #biz_prd_slider .title {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 63px;
    line-height: 8.4vw;
    height: 126px;
    height: 16.8vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #biz_prd_slider .title span {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #biz_prd_slider .img {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #biz_prd_slider .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #biz_prd_slider .text {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  [id*='quicklime_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='quicklime_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='quicklime_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='quicklime_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='quicklime_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #quicklime_sec_01 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #quicklime_sec_01 .secContents .obj {
    margin-top: 0;
  }
  #quicklime_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #quicklime_sec_03 .table table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #quicklime_sec_03 .table table tbody th,
  #quicklime_sec_03 .table table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #quicklime_sec_05 > .inner {
    padding-top: 0;
  }
  #quicklime_sec_05 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #quicklime_sec_06 .secTitle {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='refractory_sec_'] .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  [id*='refractory_sec_'] .subTit {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='refractory_sec_'] .secContents.grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  [id*='refractory_sec_'] .secContents .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  [id*='refractory_sec_'] .sub + .sub {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #refractory_sec_01 .secContents {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  #refractory_sec_01 .secContents .obj {
    margin-top: 0;
  }
  #refractory_sec_02 {
    min-height: 450px;
    min-height: 60vw;
  }
  #refractory_sec_02 .text {
    font-size: 30px;
    font-size: 4vw;
    line-height: 45px;
    line-height: 6vw;
    padding-left: 0;
    max-width: 600px;
    max-width: 80vw;
  }
  #refractory_sec_03:after {
    top: 180px;
    top: 24vw;
  }
  #refractory_sec_03 .obj {
    padding-top: 40px;
    padding-top: 5.33333333vw;
  }
  #refractory_sec_03 ul li {
    display: block;
    border-bottom: 1px solid #d6d6d6;
  }
  #refractory_sec_03 ul li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #refractory_sec_03 ul li > * {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
  }
  #refractory_sec_03 ul li .tit {
    font-size: 30px;
    font-size: 4vw;
    line-height: 36px;
    line-height: 4.8vw;
    padding: 0;
  }
  #refractory_sec_03 ul li .tit br {
    display: none;
  }
  #refractory_sec_03 ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  #refractory_sec_03 ul li img {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #refractory_sec_04 .sortMenu {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #refractory_sec_04 .sortMenu > li + li {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  #refractory_sec_04 .sortMenu > li > a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .ir-contents {
    display: block;
  }
  .ir_table {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
    width: 90%;
    margin: 0 auto;
  }
  .ir_table.ir_table_pdf {
    margin: 0 auto;
  }
  .ir_table .tab > li {
    width: 100%;
  }
  .ir_table .tab > li button {
    width: 100%;
  }
  .ir_table .box {
    display: block;
    padding: 40px;
    padding: 5.33333333vw;
  }
  .ir_table .box li + li {
    padding-left: 0;
    padding-top: 10px;
    padding-top: 1.33333333vw;
  }
  .ir_table .tit {
    font-size: 36px;
    font-size: 4.8vw;
  }
  .ir_table .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  .ir_side_contents {
    display: none;
  }
  .ir_contact > .inner {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
    border: 0;
    width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  .ir_contact .btn {
    position: absolute;
    top: 40px;
    top: 5.33333333vw;
    right: 0px;
    right: 0vw;
  }
  .ir_table .tb_table thead th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
    width: auto !important;
  }
  .ir_table .tb_table tbody td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
    width: auto !important;
  }
  .ir_table .btn_st_01,
  .ir_table .btn_st_02,
  .ir_table .btn_st_03 {
    width: 100px;
    width: 13.33333333vw;
    height: 50px;
    height: 6.66666667vw;
    line-height: 48px;
    line-height: 6.4vw;
    font-size: 20px;
    font-size: 2.66666667vw;
    display: block;
    margin: 0 auto;
  }
  .ir_table [class*='btn_st_'] + [class*='btn_st_'] {
    margin-top: 5px;
    margin-top: 0.66666667vw;
  }
  #dividend_wrap .dividend_head {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
    padding: 0;
    display: block;
  }
  #dividend_wrap .dividend_head .ico {
    width: auto;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    text-align: center;
  }
  #dividend_wrap .dividend_head .ico img {
    display: inline-block;
  }
  #dividend_wrap .dividend_box {
    padding: 40px;
    padding: 5.33333333vw;
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #dividend_wrap .dividend_result {
    padding: 0;
  }
  #dividend_wrap .dividend_result .text .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #dividend_wrap .dividend_result .text .txt {
    font-size: 28px;
    font-size: 3.73333333vw;
    line-height: 55px;
    line-height: 7.33333333vw;
  }
  #dividend_wrap .dividend_result .table {
    overflow-x: auto;
  }
  #dividend_wrap .dividend_result .table table th {
    font-size: 20px;
    font-size: 2.66666667vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 70px;
    height: 9.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #dividend_wrap .dividend_result .table table td {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 24px;
    line-height: 3.2vw;
    height: 100px;
    height: 13.33333333vw;
    padding: 20px;
    padding: 2.66666667vw;
    box-sizing: border-box;
  }
  #dividend_wrap .dividend_result .em {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  [id*='governance_cont_'] .pdf_down {
    margin-bottom: 60px;
    margin-bottom: 8vw;
    flex-direction: column;
  }
  [id*='governance_cont_'] .pdf_down li{
    padding-bottom: 10px;
    max-width: 100%;
  }
  [id*='governance_cont_'] .pdf_down li:last-child{
    max-width: 100%;
  }
  [id*='governance_cont_'] .pdf_down li + li{
    padding-left: 0;
  }
  [id*='governance_cont_'] .pdf_down li a {
    font-size: 24px;
    font-size: 3.2vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  [id*='governance_cont_'] .pdf_down li a:after {
    right: 30px;
    right: 4vw;
  }
  [id*='governance_cont_'] .gov_title {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='governance_cont_'] .gov_tit {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
  }
  [id*='governance_cont_'] .gov_txt {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
  }
  .council_list .position_type {
    padding-left: 0;
  }
  .council_list .position_type .position {
    position: relative;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .council_list .position_type ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .ir_table .accordion.active .acc_head + .acc_body {
    padding: 20px 40px;
    padding: 2.66666667vw 5.33333333vw;
    padding-bottom: 60px;
    padding-bottom: 8vw;
  }
  .ir_table .accordion .acc_body .tb_table thead th {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .ir_table .accordion .acc_body .tb_table tbody td {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .references_boxCont {
    padding: 30px 50px;
    padding: 4vw 6.66666667vw;
    grid-template-columns: repeat(1, 1fr);
  }
  .references_boxCont ul li a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .references_boxCont ul li img {
    margin-right: 20px;
    margin-right: 2.66666667vw;
  }
  .references_boxCont ul li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .references_boxCont ul + ul li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  [id*='media_sec_'] .media_head {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  [id*='media_sec_'] .media_head .title {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  #media_modal.modal .cont {
    padding: 40px 50px;
    padding: 5.33333333vw 6.66666667vw;
  }
  #media_modal.modal .cont .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #media_modal.modal .cont .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #media_modal.modal .cont .btn {
    position: static;
    margin-top: 30px;
    margin-top: 4vw;
    display: inline-block;
  }
  #media_modal.modal button.modal_close {
    top: 20px;
    top: 2.66666667vw;
    right: 20px;
    right: 2.66666667vw;
    left: auto;
  }
  #media_sec_01 .newsroom_list .newsroom-item {
    width: 100%;
  }
  #media_sec_01 .newsroom-item-article .cont {
    padding: 30px 0px;
    padding: 4vw 0vw;
  }
  #media_sec_01 .newsroom-item-article .cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #media_sec_02 .catalogue {
    grid-template-columns: repeat(1, 1fr);
  }
  #media_sec_02 .catalogue .cont {
    padding-top: 35px;
    padding-top: 5.33333333vw;
    padding-left: 0;
    padding-bottom: 0;
  }
  #media_sec_02 .catalogue .cont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 40px;
    line-height: 5.33333333vw;
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  #media_sec_02 .catalogue .cont .btns {
    width: 50%;
    margin-left: auto;
  }
  #media_sec_02 .catalogue .cont .btns a {
    width: 100%;
  }
  #media_sec_02 .catalogue .cont .btns a + a {
    margin-left: 0;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #media_sec_02 .catalogue .cont .btn span {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #media_sec_02 .catalogue .obj {
    padding-right: 55%;
    margin-top: -300px;
    margin-top: -30vw;
  }
  #media_sec_03 .newsroom_list .newsroom-item {
    width: 100%;
  }
  .ir_notice .tb_head > * {
    width: 100%;
  }
  .ir_notice .tb_head .search input {
    width: 100%;
    height: 85px;
    height: 11.33333333vw;
    font-size: 27px;
    font-size: 3.6vw;
    padding-left: 40px;
    padding-left: 5.33333333vw;
    padding-right: 100px;
    padding-right: 13.33333333vw;
    background-size: 40px;
  }
  .ir_notice .tb_table tbody tr {
    display: block;
    border-bottom: 1px solid #c6c6c6;
    padding: 20px;
    padding: 2.66666667vw;
    padding-left: 100px;
    padding-left: 13.33333333vw;
    position: relative;
  }
  .ir_notice .tb_table tbody td {
    font-size: 25px;
    font-size: 3.33333333vw;
    padding: 0;
    width: auto !important;
    height: auto;
    display: block;
    text-align: left;
    border-bottom: 0;
  }
  .ir_notice .tb_table tbody td.num {
    font-size: 22px !important;
    font-size: 2.93333333vw !important;
    position: absolute;
    top: 30px;
    top: 4vw;
    left: 0;
    text-align: center;
    width: 90px !important;
    width: 12vw !important;
  }
  .ir_notice .tb_table tbody td.tit {
    font-size: 30px;
    font-size: 4vw;
  }
  .ir_notice .tb_table tbody td.file {
    display: none;
  }
  .ir_notice .tb_table tbody td.date {
    margin-top: 10px;
    margin-top: 1.33333333vw;
  }
  #page-localnav {
    height: 90px;
    height: 12vw;
  }
  #page-localnav > .inner {
    height: 90px;
    height: 12vw;
  }
  #page-localnav > .inner > div {
    justify-content: center;
  }
  #page-localnav .pageCate > li {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
  }
  #newsroom_list_section .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .newsroom-item-article.type4 {
    display: block;
  }
  .newsroom-item-article.type4 .img {
    width: 100%;
  }
  .newsroom-item-article.type4 .cont {
    padding: 35px 0px;
    padding: 4.66666667vw 0vw;
  }
  .newsroom-item-article.type4 .cont .tag {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .newsroom-item-article.type4 .cont .tag a {
    color: #00ace7;
  }
  .newsroom-item-article.type4 .cont .tit {
    font-size: 34px;
    font-size: 4.53333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
  }
  .newsroom-item-article.type4 .cont .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 34px;
    line-height: 4.53333333vw;
    height: 68px;
    height: 9.06666667vw;
    margin-top: 15px;
    margin-top: 2vw;
  }
  #newsroom_view_section .newsroom_view_head .title {
    font-size: 45px;
    font-size: 6vw;
    line-height: 1.5;
  }
  #inquiry_top {
    padding: 10% 0;
  }
  #inquiry_top .box {
    padding: 40px 40px;
    padding: 5.33333333vw 5.33333333vw;
  }
  #inquiry_top .ico {
    position: static;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #inquiry_top .text {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #inquiry_top .tit {
    font-size: 27px;
    font-size: 3.6vw;
    line-height: 1.7;
  }
  #inquiry_top .txt > li {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    text-indent: -7px;
  }
  #inquiry_top .btn button {
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
    height: 74px;
    height: 9.86666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
    border-top-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
  }
  #inquiry_top .contact {
    display: block;
  }
  #inquiry_top .contact > li {
    margin-right: 0;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_top .contact > li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #inquiry_top .contact > li strong {
    width: 100px;
    width: 13.33333333vw;
    display: inline-block;
  }
  #inquiry_agree .agree_tit {
    font-size: 45px;
    font-size: 6vw;
    line-height: 1.5;
  }
  #inquiry_agree .agree_box {
    padding: 60px 70px;
    padding: 8vw 9.33333333vw;
  }
  #inquiry_agree .agree_box .tit {
    font-size: 27px;
    font-size: 3.6vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #inquiry_agree .agree_box .txt {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 50px;
    line-height: 6.66666667vw;
  }
  #inquiry_agree .agree_box .txt > li {
    text-indent: -13px;
  }
  #inquiry_form .form_head {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #inquiry_form .form_head .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #inquiry_form .form_head .req {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #inquiry_agree .agree_chk label {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table th {
    display: block;
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
    padding-top: 30px;
    padding-top: 4vw;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table td {
    display: block;
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
    padding-top: 15px;
    padding-top: 2vw;
  }
  #inquiry_form .form_table.read td {
    padding: 40px 20px;
    padding: 5.33333333vw 2.66666667vw;
  }
  #inquiry_form .form_table .ipt {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #inquiry_form .form_table .em {
    font-size: 24px;
    font-size: 3.2vw;
    margin-top: 10px;
    margin-top: 1.33333333vw;
    display: block;
  }
  #inquiry_form .form_btn .btn {
    font-size: 32px;
    font-size: 4.26666667vw;
    width: 400px;
    width: 53.33333333vw;
    height: 100px;
    height: 13.33333333vw;
    line-height: 100px;
    line-height: 13.33333333vw;
  }
  #inquiry_form .notice_report{flex-wrap: wrap;}

  #confirm_modal {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
  }
  #confirm_modal button.modal_close { top: 5%; }
  [id*='cleanForce_sec_'] .secTitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    padding-bottom: 15px;
    padding-bottom: 2vw;
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='cleanForce_sec_'] .secTitle:after {
    width: 45px;
    width: 6vw;
    height: 2px;
  }
  [id*='cleanForce_sec_'] .htitle {
    font-size: 35px;
    font-size: 4.66666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  [id*='cleanForce_sec_'] .title {
    font-size: 25px;
    font-size: 3.33333333vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }
  [id*='cleanForce_sec_'] .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  [id*='cleanForce_sec_'] .boxlist {
    padding: 40px;
    padding: 5.33333333vw;
  }
  [id*='cleanForce_sec_'] .boxlist ul > li {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 30px;
    line-height: 4vw;
    padding-left: 15px;
    text-indent: -15px;
  }
  #pricacy_sec .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 50px;
    line-height: 6.66666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #pricacy_sec .text {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
  }
  #pricacy_sec .table th {
    font-size: 22px;
    font-size: 2.93333333vw;
    line-height: 32px;
    line-height: 4.26666667vw;
    height: 75px;
    height: 10vw;
  }
  #pricacy_sec .table td {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 42px;
    line-height: 5.6vw;
    padding: 30px;
    padding: 4vw;
  }
  #pricacy_sec .text > ul > li {
    padding-left: 30px;
    padding-left: 4vw;
    text-indent: -16px;
  }
  #pricacy_sec .text > ul > li > ul {
    padding-left: 30px;
    padding-left: 4vw;
  }
  .newsroom_search .search select {
    width: 100%;
    margin-bottom: 10px;
  }
  .newsroom_search .search input {
    width: 100%;
  }
  .affiliates_list li {
    padding: 40px 30px;
    padding: 5.33333333vw 4vw;
  }
  .affiliates_list li .img {
    position: static;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .affiliates_list li .tit {
    font-size: 36px;
    font-size: 4.8vw;
  }
  .affiliates_list li .tit strong {
    padding-right: 15px;
    padding-right: 2vw;
  }
  .affiliates_list li .tit span {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  .affiliates_list li .link {
    position: static;
    margin-top: 50px;
    margin-top: 6.66666667vw;
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
  }
  #page-top-visual.search_center_head .text > .inner {
    width: 92%;
  }
  #page-top-visual.search_center_head .text {
    padding-top: 60px;
    padding-top: 8vw;
  }
  #page-top-visual.search_center_head .text .t1 {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .search_center_head .newsroom_search {
    margin: 0;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .search_center_section .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  #site-header .search {
    margin-left: 0;
    margin-right: 40px;
    margin-right: 5.33333333vw;
  }
  #site-header .search .btn {
    width: 40px;
    width: 5.33333333vw;
    height: 40px;
    height: 5.33333333vw;
  }
  #site-header .sidemenu .menu_container .depth1 > ul > li.active .depth2 > ul > li > a{opacity: 1;}

  #strategy_09_sec_01 .inner .secTitle.P50{padding-top: 30px;}
  #strategy_09_sec_01 .box .h, #strategy_09_sec_01 .box .b a span, .table_down span, #link_downbox .h {font-size: 3.46666667vw;}
  #strategy_09_sec_01 .box{display: block; padding: 20px;}
  #strategy_09_sec_01 .box .b{margin-top: 20px;}
  #strategy_09_sec_01 .box .b a{width: 100%; height: 40px; line-height: 38px;}
  #strategy_09_sec_01 .box .b a + a{margin-left: 0; margin-top: 8px;}

  #link_downbox{display: block; padding: 20px 0;}
  #link_downbox .b{margin-top: 20px;}
  #link_downbox .b a{width: 100%; height: 40px; line-height: 38px;}
  #link_downbox .b a span{font-size: 14px;}
  #link_downbox .b a + a{margin-left: 0; margin-top: 8px;}
  
  [id*='intro_text'] {font-size: 0.875rem; line-height: 33px; width: 90%;}

  .di_contents {flex-direction:column;}
  .di_contents .di_title{font-size: 3.46666667vw;}
  .di_contents span{font-size: 3.46666667vw;}

  #di_group{position: static;}
  #di_group .group_select{width: 60vw;}
  #di_group .group_select  > ul > li a{font-size: 1em;}

  #workplace_sec_01 .story_tab .story_btn, #workplace_sec_02 .story_tab .story_btn{height: 70vw;}
  [id*='workplace_sec_'] .story_tab .story_btn li{max-height: 25px;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(4) a, #workplace_sec_02 .story_tab .story_btn li:nth-child(1) a{left: 30px;} 
  #workplace_sec_01 .story_tab .story_btn li:nth-child(1){position: absolute; left: 20%; top: 25%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(2){position: absolute; left: 75%; top: 35%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(3){position: absolute; left: 75%; top: 52%;}
  
  #workplace_sec_02 .story_tab .story_btn li:nth-child(1){position: absolute; left: 70%; top: 41%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(2){position: absolute; left: 47%; top: 31%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(3){position: absolute; left: 58%; top: 42%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(4){position: absolute; left: 48%; top: 56%;}
  #workplace_sec_02 .story_tab .story_btn li:nth-child(5){position: absolute; left: 44%; top: 8%;}
  #workplace_sec_01 .story_tab .story_btn li a{max-width: 75px; font-size: 12px; left: 25px;}
  #workplace_sec_02 .story_tab .story_btn li a{max-width: 70px; font-size: 12px;}

  #media_tab{display: flex; gap: 8vw; justify-content: flex-start; padding: 0 4vw; box-sizing: border-box; height: 16vw;}
  #media_tab > a{font-size: 3.33333333vw;}
  #media_tab.fixed{top: 18.66666667vw;  height: 16vw; padding: 0 4vw; box-sizing: border-box;}

  .newsroom_direct_link { top: 15%; right: 15px; }
  .brochure_direct_link { top: 25%; right: 15px; }
  .newsroom_direct_link > a, .brochure_direct_link > a { height: 14.8vw; }

  .accessibility_vod_wrap .subtit { padding: 20px; }
  .accessibility_vod_wrap h2 { width: 100%; margin-bottom: 15px; }
  .accessibility_vod_wrap .subtit_txt { padding: 0; width: 100%; }
}

@media screen and (max-aspect-ratio: 1920/1080) {
  .video-container > video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video-container > video {
    width: 100%;
  }
}

/* 뉴스레터 */
@media (max-width:890px) {
  #stb_subscribe .mail_airplane, .pc-view, #newsletter_form .mail_airplane.airp2{display: none;}
  #stb_subscribe, #newsletter_form{padding: 3rem 1.5rem;}
  #stb_subscribe .flex, #newsletter_form .flex{gap: 30px;}
  #stb_subscribe .flex .stb_form_title, #newsletter_form .flex .stb_form_title{font-size: 30px;}
  #stb_subscribe .flex, #stb_subscribe .btn_flex, #newsletter_form .flex{flex-wrap: wrap;}
  #stb_subscribe *, #stb_subscribe .stb_form_submit_button, #newsletter_form *, #newsletter_form .newsletter_form_btn{width: 100%;}
  #stb_subscribe .flex .stb_form_description , #stb_subscribe .stb_form_set .stb_form_set_label, #stb_subscribe .stb_form_submit_button{font-size: 18px;}
  #newsletter_form .flex .stb_form_description , #newsletter_form .newsletter_form_btn{font-size: 18px;}
}

/* 뉴스레터 스크롤바 */
@media (min-width:769px) {
  #stb_subscribe .custom-scrollbars * {
      -ms-overflow-style: -ms-autohiding-scrollbar;
      scrollbar-width: thin;
      scrollbar-color: #999 #eee;
  }
  ::-webkit-scrollbar,
  #stb_subscribe .custom-scrollbars ::-webkit-scrollbar {
      height: .8rem;
      width: 15px;
  }
  ::-webkit-scrollbar-track,
  #stb_subscribe .custom-scrollbars ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
  }
  ::-webkit-scrollbar-thumb,
  #stb_subscribe .custom-scrollbars ::-webkit-scrollbar-thumb {
      background-color: #c4c4c4;
      cursor: pointer !important;
      border-radius: 100px; 
      border: 5px solid #fff;
  }
}

/* 320 */
@media screen and (max-width: 320px) {
  #workplace_sec_01 .story_tab .story_btn li:nth-child(1){position: absolute; left: 18%; top: 22%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(2){position: absolute; left: 72%; top: 33%;}
  #workplace_sec_01 .story_tab .story_btn li:nth-child(3){position: absolute; left: 72%; top: 49%;}
}