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

/* 메인비주얼 */
@media screen and (max-aspect-ratio: 1920/1080) {
    #main-visual-slider .swiper-slide .bg > video {
        width: auto;
        height: 100vh;
    }
}

@media (orientation: portrait) {
    #main-visual-slider .swiper-slide .bg > video.pc {
        display: none;
    }
    #main-visual-slider .swiper-slide .bg > video.mo {
        display: block;
        width: 125%;
        height: auto;
        background-color: #000;
    }
}

/* 1750 */
@media screen and (max-width: 1750px){
    .path_sub .inr-c{ margin: 0 40px; }
}

/* 1380 */
@media screen and (max-width: 1380px){
    #carbon_accelerate .cont .txt2 {
        padding-left: 20px;
    }
    #esg_subPage_list .item {
       padding: 60px 50px 50px; 
    }
    #footer .inr-c-s{ margin: 0 40px;}
}

/* 1180 */
@media screen and (max-width: 1180px){
    
    #carbon_accelerate .cont {
        flex-direction: column;
    }
    
    #carbon_accelerate .cont .txt2 {
        padding-left: 0;
        max-width: 100%;
    }
    
	#footer .menu_foot .logo{
        width:100%;
        margin-bottom:30px; 
    }	
	#footer .menu_foot .menu_dp1{
        border:0; 
        margin:0;
        padding:0;
    }
}

/* 1170 */
@media screen and (max-width: 1170px){
    .holdings_direct {  
        width: 100%; 
        height:auto !important; 
        background: url('/docs/kor7/jsp/resources/images/common/holdingslink_back_mobile.jpg') center bottom / cover no-repeat; 
        margin-top: 40px;
    }
    .holdings_direct .direct_msg {
        padding: 20px !important; 
        width: calc(100% - 40px)!important; 
        line-height: 26px;
    }
    .direct_msg p, .direct_msg strong {
    }
    .holdings_direct .direct_msg p {
        width: 100%;
    }
    .holdings_direct .direct_msg .dir_btn {
        width: 100%; 
        padding: 0; 
        margin: 20px 0px 0px !important; 
        line-height: 33px;
    }
    .holdings_direct .direct_msg .dir_btn ::after {
        top: 8.5px;
    }
    .direct_msg p, .direct_msg strong {
        font-size: 14px;
    }

    .msg_touch_help {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }
    .msg_touch_help img { 
        width: 80px; 
        height: 80px; 
    } 
    .table_inner.scroll { 
        position: relative; 
        overflow: hidden; 
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
    }
    .table_inner.scroll iframe {
        display:block; 
        text-align: none;
    }
    #post .msg_touch_help {
        top: 20%;
    }
}

/* 1076 */
@media screen and (max-width: 1076px){
    #footer .menu_foot .area_rgh {
        margin-top: 3vw;
    }
}

/* 768 */
@media screen and (min-width: 768px) {
    /* .contro .ml { margin-left: 18%; } 230530 삭제*/
}

@media screen and (max-width: 768px) {
  input,
  textarea,
  body {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  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;
  }
  .row {
    flex-direction: column;
  }
  .row > [class*='col_'] {
    width: 100%;
  }
  .secHead {
    padding-right: 0;
  }
  .viewZoom .zoomInBtn {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .viewZoom .zoomInBtn:after {
    width: 50px;
    width: 6.66666667vw;
    height: 50px;
    height: 6.66666667vw;
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  .viewZoom_m .zoomInBtn {
    visibility: visible;
  }
  .viewZoom_btnTopOver .zoomInBtn {
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #viewZoomLayer .close {
    width: 80px;
    width: 10.66666667vw;
    height: 80px;
    height: 10.66666667vw;
    top: 20px;
    top: 2.66666667vw;
    right: 15px;
    right: 2vw;
  }
  #header {
    height: 120px;
    height: 16vw;
    border-bottom: 1px solid transparent;
  }
  #header.menu {
    border-color: rgba(255, 255, 255, 0.3);
  }
  #header > .inner {
    height: 120px;
    height: 16vw;
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
  }
  #header .menu {
    display: none;
  }
  #header .area_rgh .col.widh {
    display: none;
  }
  #header .logo .img {
    width: 139px;
    width: 18.53333333vw;
    height: 36px;
    height: 4.8vw;
  }
  .header_banner {
    display: none;
  }
  .header_banner + #header {
    top: 0;
  }
   
  #footer .inr-c-s{
      margin: 0 6vw; 
    }
  #footer .menu_foot{ 
      padding-top: 12vw; 
      padding-bottom: 12vw; 
    }
	#footer .menu_foot .logo{ 
        margin-bottom:8vw; 
    }
	#footer .menu_foot .mn{
        width:50%;
        padding-left: 0;
        font-size: 4vw;
        box-sizing: border-box;
    }
	#footer .menu_foot .mn dt{
        font-size: 5vw;
        margin-bottom: 5vw;
    }
    #footer .menu_foot .mn dd {
        margin-top: 2vw;
        font-size: 4vw;
    }
	#footer .menu_foot .menu_cust{
        margin-left: 0;
        border: 0;
    }
    #footer .menu_foot .mn2 {
        margin-top: -11vw;
        padding-left: 50%;
        box-sizing: content-box;
    }
	#footer .menu_foot .area_rgh{
        margin-top: 7vw;
    }
	#footer .menu_foot .area_rgh .footer-sns{
        margin-top: 5vw;
        align-items: center;
        width: 100%;
    }
	#footer .menu_foot .area_rgh .footer-sns li a{
        margin-left: 2vw;
        width: 12vw;
        height: 12vw;
    }
    #footer .menu_foot .area_rgh .footer-sns li.footer-newroom a:first-child{
        margin-left:0;
    }
    #footer .menu_foot .area_rgh .footer-sns li.footer-newroom a{
        border-radius: 50vw;
        font-size: 0;
        padding: 0 6vw;
    }
    
	#footer .menu_foot .area_rgh .footer-sns li.footer-newroom a img {
        width: 12vw;
    }
    #footer .menu_foot .area_rgh .select{
        margin-left: 0;
        margin-top: 5vw;
        width: 100%;
    }    
    #footer .group_select {
        width: 100%;
    }
	#footer .group_select > a {
        height: 13vw;
        padding: 0 6vw;
        font-size: 4vw;
    }
	#footer .group_select > a:after {
        content: '';
        width: 3vw;
        height: 3vw;
        margin-top: 1.5vw;
    }
	#footer .group_select > ul {
        padding: 5vw;
    }
	#footer .group_select > ul > li .sector {
        font-size: 4.5vw;
        margin-bottom: 3vw;
    }
	#footer .group_select > ul > li a {
        font-size: 3.8vw;
    }
	#footer .group_select > ul > li > ul > li + li { 
        margin-top: 2vw; 
    }
    
	#footer .info_foot{
        padding: 12vw 0;
    }
	#footer .info_foot .f_menu {
        margin-left: -10vw;
        flex-wrap: wrap;
    }
	#footer .info_foot .f_menu li{ 
        margin-top: 4vw; 
        margin-left: 10vw;
    }
	#footer .info_foot .f_menu li a{
        font-size: 4vw;
    }
	#footer .address{ 
        font-size: 3.5vw;
        margin-top: 12vw;
    }
	#footer .address span{ 
        margin-top: 1vw;
    }

  .fot_menu {
      width: 80%;
  }
  .fot_menu ul li {
      width: auto; 
      font-size: 4vw; 
      margin-top: 0;
  }
  .fot_menu ul li a {
      padding: 5vw 6vw;
  }
  .fot_menu ul li i {
      right:5vw; 
      top:calc(50% - 2.5vw);
      font-size:5vw;
  }

  .menuOpen .wrap_search {
    display: none;
  }
  .cover-lnb {
    background-color: rgba(2, 38, 62, 0.95);
    backdrop-filter: blur(5px);
    z-index: 6;
  }
  .allMenu {
    background-color: transparent;
    top: 0;
    height: 100%;
    z-index: 6;
  }
  .allMenu .bg {
    display: none;
  }
  .allMenu .menu {
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    height: 100%;
    top: 0;
  }
  .allMenu .area_opt {
    display: flex;
    justify-content: flex-start;
    top: 15.8vw;
    right: 0;
    width: 100%;
    border-top: 1px solid #0e4166;
    padding-left: 16px;
    box-sizing: border-box;
  }
  
  .allMenu .area_opt .btn_allmenu {
    display: none;
  }
  .allMenu .area_opt .col + .col {
    margin-left: 20px;
  }
  .allMenu .area_opt .col.member a ,
  .btn_lang1 > a,
  .btn_lang1 .depth li a{
    font-size: 4vw;
  }
  .allMenu .menuTop {
    display: block;
    padding-bottom: 10vw;
  }
  .allMenu .menuTop .top {
    border-bottom: 1px solid #0e4166;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    height: 120px;
    height: 16vw;
    box-sizing: border-box;
  }
  .allMenu .menuTop .top .logo {
    width: 140px;
    width: 18.66666667vw;
    height: 36px;
    height: 4.8vw;
    background-image: url(../images/common/logo_posoco.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.6;
  }
  .allMenu .menuTop .top .right {
    display: inline-flex;
  }
  .allMenu .menuTop .top .right > * {
    width: 37px;
    width: 4.93333333vw;
    height: 37px;
    height: 4.93333333vw;
    font-size: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .allMenu .menuTop .top .right > * + * {
    margin-left: 60px;
    margin-left: 8vw;
  }
  .allMenu .menuTop .top .right .search {
    background-image: url(../images/ico/ico_search.png);
  }
  .allMenu .menuTop .top .right .close {
    background-image: url(../images/ico/ico_close.png);
  }
  .allMenu .menuTop .opt {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    height: 120px;
    height: 16vw;
  }
  .allMenu .menuTop .opt .lang {
    display: inline-flex;
    align-items: center;
  }
  .allMenu .menuTop .opt .lang li + li {
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  .allMenu .menuTop .opt .lang li a {
    font-size: 23px;
    font-size: 3.06666667vw;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
  }
  .allMenu .menuTop .opt .lang li.active a {
    color: #ffffff;
  }
  .allMenu .menu > .inner {
    width: 100%;
    height: 100%;
  }
  .allMenu .menu > .inner > ul {
    display: block;
    /* padding: 70px 0px;
    padding: 9.33333333vw 0vw;
    padding-left: 75px;
    padding-left: 10vw; */
    width: 100%;
    border-right: 0;
    width: auto;
    height: 100%;
    margin-top: 0;
    padding-bottom: 17vh;
  }
  .allMenu .menu > .inner > ul > li{
    width: 100%;
    padding: 0 4vw 0 12vw;
    margin: 4vw 0 0 0;
    box-sizing: border-box;
  }
  .allMenu .menu > .inner > ul > li:nth-child(2),
  .allMenu .menu > .inner > ul > li:nth-child(3){
    width: 100%;
  }
  .allMenu .menu .n2 .product_menu{
    margin-top: 0;
  }
  .allMenu .menu .n2 .product_menu a{
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm {
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  .allMenu .menu a.mm{
	  font-size: 5.33333333vw;
	  line-height: 1.5;
	  font-weight: 600;
	  display: block;
	  padding-bottom: 10px;
	  position: relative;
	  margin-top: 4vw;
	  padding: 0 4vw 0 12vw;
  }
	.allMenu .menu a.mm.n7{
		margin-top: 4vw;
		opacity: 1;
		font-size:5.33333333vw; 
	}
  .allMenu .menu .mm > a {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm > a:after {
    display: none;
  }
  .allMenu .menu .mm.active > a {
    font-size: 6vw;
  }
  .allMenu .menu .mm.active > a:not(.link_blank):after {
    /* transform: rotate(180deg); */
    display: none;
  }
  .allMenu .menu >.inner > ul >li.active{
    background-color: #004781;
    color: #000;
    padding-top: 8vw;
    padding-bottom: 3vw;
    width: 100%;
  }
  .allMenu .menu >.inner > ul >li.n1.active{
    margin-top:0;
  }
  .allMenu .menu >.inner > ul >li.n2.active{
/*    margin-bottom: 12vh;*/
    position: relative;
  }
  .allMenu .menu >.inner > ul >li.n2 > a{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .allMenu .menu >.inner > ul >li.n2.active > a{
    padding-bottom: 10px;
  }

  .allMenu .menu >.inner > ul >li.n2.active .product_menu{
    position: absolute;
    bottom: -9vh;
  }
  .allMenu .menu >.inner > ul >li.active > a:before {
    position: absolute;
    right: 2.3vw;
    top: 2.7vw;
    width: 2vw;
    height: 2vw;
    border-radius: 2vw;
    background: #279bf3;
    content: "";
  }
  .allMenu .menu >.inner > ul >li.active .depth_n2 {
    display: block;
    margin-top: 3vw;
  }
  .allMenu .menu > .inner > ul > li.n5, 
  .allMenu .menu > .inner > ul > li.n6,
  .allMenu .menu > .inner > ul > li.n7 {
    width: 100%;
  }
  .allMenu .menu .mm.sz2 > a {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm .depth_n2 > ul{
    height: auto;
    padding-top: 3vw;
    flex-wrap: nowrap;
  }
  .allMenu .menu .mm .depth_n2 > ul > li {
    margin-top: 40px;
    margin-top: 3vw;
  }
  .allMenu .menu .mm .depth_n2 > ul > li > a {
    font-size: 30px;
    font-size: 4vw;
    font-weight: normal;
    opacity: 1;
  }
  .allMenu .menu > .inner .depth_n2 {
    position: static;
    display: none;
    /* padding-left: 30px;
    padding-left: 4vw;
    padding-top: 60px;
    padding-top: 8vw; */
    width: auto;
  }
  .allMenu .menu .img_dep3 {
    display: none;
  }

  .allMenu .menu .inner > ul > li:first-child:after, 
  .allMenu .menu .inner > ul > li.n5:after{
    display: none;
  }

  .allMenu .mm .btn_eagroup {
    top: 1vh;
  }

  .allMenu .menu > .inner > ul > li.n8 {
    width: 100%;
    height: 40%;
  }

  .allMenu .mm .btn_eagroup a{
    font-size: 3.4vw;
    min-width: 52vw;
    padding: 3vw 7vw;
  }
    
  .btn_allmenu {
    width: 56px;
    width: 9vw;
    height: 56px;
    height: 9vw;
    margin-left: 0;
  }
  .btn_allmenu:after,
  .btn_allmenu:before {
    width: 24px;
    width: 3.2vw;
    height: 3px;
    height: 0.4vw;
    margin: 4px 0px;
    margin: 0.53333333vw 0vw;
  }
  .spot_menu > .inner {
    width: 98vw;
    overflow: hidden;
    margin-left: 0;
    overflow-x: scroll;
    padding-right: 0;
  }
  .spot_menu > .inner > ul > li.depth2 ul{
    justify-content: flex-start;
  }
  .spot_menu > .inner > ul > li.depth2 li a{
    white-space: nowrap;
    font-size: 4.3vw;
    word-wrap: break-word;
    height: 16vw;
    padding: 0 2vw;
  }
  .spot_sub {
    height: 540px;
    height: 72vw;
  }
  .spot_sub .h1 {
    margin-top: 120px;
    margin-top: 16vw;
    text-align: center;
    font-size: 60px;
    font-size: 8vw;
  }
  .sub-page-head {
    padding-top: 0;
    margin-bottom: 60px;
    margin-bottom: 8vw;
    margin-top: 36vw;
  }
  .path_sub {
      margin-top: 6vw;
      margin-bottom: 12vw;
  }
  .path_sub .inr-c {
      margin: 0 6vw;
  }
  .path_sub p {
      font-size: 3.4vw;
  }
  .sub-page-head > .inner {
    border-bottom: 0;
    padding-bottom: 0;
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: normal;
    justify-content: normal;
  }
  .sub-page-head .title {
/*    display: none;*/
  	text-align: center;
    font-size: 30px;
    font-size: 7.5vw;
    font-weight: bold;
  }
  .sub-page-head .menu {
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
  }
  .sub-page-head .menu ul {
    padding: 0 5%;
    padding-top: 40px;
    padding-top: 5.33333333vw;
    overflow-x: auto;
  }
  .sub-page-head .menu ul li + li {
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  .sub-page-head .menu ul li a {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 13.33333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	
	/*	240226 역사페이지 탭메뉴 스타일 추가*/
	.sub-page-head#posco_histoy_head .menu ul li a .year {
		font-size: 3.5vw;
	}
	.sub-page-head#posco_histoy_head .menu ul li.n3 a .tit, 
	.sub-page-head#posco_histoy_head .menu ul li.n4 a .tit{
		font-size: 3.5vw;
	}
		
	
  .sub-page-head .menu ul li:before {
    top: auto;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 4px;
    height: 0.53333333vw;
    margin-left: 0;
  }
  .sub-page-head .menu ul li:after {
    height: 6px;
    height: 0.8vw;
  }
  .sub-page-head + .sub-page-section > .inner {
    padding-top: 0;
  }
  .sub-page-head .wrap_search2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .sub-page-section > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  .sub-page-section:first-child > .inner {
    padding-top: 100px;
    padding-top: 13.33333333vw;
  }
  .sub-page-section:last-child > .inner {
    padding-bottom: 200px;
    padding-bottom: 26.66666667vw;
  }
  .sub-page-banner > .inner {
    min-height: 400px;
    min-height: 53.33333333vw;
  }
  .mo-sub-menu {
    position: relative;
  }
  .mo-sub-menu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 120px;
    height: 16vw;
    font-size: 35px;
    font-size: 4.66666667vw;
    color: #222;
    background-color: #f1f1f1;
    padding: 0px 45px;
    padding: 0vw 6vw;
    box-sizing: border-box;
  }
  .mo-sub-menu > a:after {
    content: '';
    width: 34px;
    width: 4.53333333vw;
    height: 20px;
    height: 2.66666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='20px'%3E%3Cpath fill-rule='evenodd' fill='rgb(57, 57, 57)' d='M33.998,2.538 L16.969,19.988 L14.676,17.639 L14.801,17.511 L0.002,2.347 L2.281,0.012 L17.079,15.176 L31.705,0.189 L33.998,2.538 Z'/%3E%3C/svg%3E");
  }
  .mo-sub-menu > ul {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    width: 100%;
  }
  .mo-sub-menu > ul li {
    border-top: 1px solid #ddd;
  }
  .mo-sub-menu > ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 120px;
    height: 16vw;
    font-size: 35px;
    font-size: 4.66666667vw;
    box-sizing: border-box;
    padding: 0px 45px;
    padding: 0vw 6vw;
    background-color: #f1f1f1;
    color: #666;
  }
  .mo-sub-menu.on {
    border-bottom: 1px solid #ddd;
  }
  .mo-sub-menu.on > a:after {
    transform: rotate(180deg);
  }
  .mo-sub-menu.on > ul {
    display: flex;
  }
  .mo-sub-menu > ul li.active a {
    color: var(--primary-color);
  }
  .secTitle {
    font-size: 45px;
    font-size: 6vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  .secTitle.h2 {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  .secText {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .secText.h2 {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .secHead > .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    padding-top: 0;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
    border-top: 0;
  }
  .secHead > .secTitle:before {
    display: none;
  }
  .secBody > .secTitle:first-child,
  .secBody > .secText:first-child {
    margin-top: 0;
  }
  * + .secTitle,
  * + .secText,
  *:not(.secTitle) + .secObj {
    margin-top: 45px;
    margin-top: 6vw;
  }
  .secBtns {
    margin-top: 20px;
    margin-top: 2.66666667vw;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-left: -2.66666667vw;
  }
  .secBtns .btn {
    min-width: 290px;
    min-width: 38.66666667vw;
    font-size: 22px;
    font-size: 2.93333333vw;
    height: 65px;
    height: 8.66666667vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  .tab.ty4 {
    margin-top: 60px;
    margin-top: 8vw;
  }
  .tab.ty4 > ul {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-left: -1.33333333vw;
    margin-bottom: -10px;
    margin-bottom: -1.33333333vw;
  }
  .tab.ty4 > ul > li {
    padding-left: 10px;
    padding-left: 1.33333333vw;
    padding-bottom: 10px;
    padding-bottom: 1.33333333vw;
    width: 33.333%;
  }
  .tab.ty4 > ul > li > a {
    min-width: auto;
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  .tab.ty2 > ul {
      flex-wrap: wrap;
      margin-left: -10px;
      margin-left: -1.33333333vw;
      margin-bottom: -10px;
      margin-bottom: -1.33333333vw;
  }
  .tab.ty2 > ul > li {
      padding-left: 10px;
      padding-left: 1.33333333vw;
      padding-bottom: 10px;
      padding-bottom: 1.33333333vw;
  }
  .tab.ty2 > ul > li > a {
      min-width: auto;
      height: 80px;
      height: 10.66666667vw;
      padding: 0px 30px;
      padding: 0vw 4vw;
      font: inherit;
  }
  .tab.ty2 > ul > li.on > a:before {
      bottom: 10px;
  } 
  .tb_table table th {
    padding: 20px 30px;
    padding: 2.66666667vw 4vw;
    height: 80px;
    height: 10.66666667vw;
    font-size: 23px;
    font-size: 3.06666667vw;
  }
  .tb_table table th,
  .tb_table table td {
    padding: 20px 30px;
    padding: 2.66666667vw 4vw;
    height: 90px;
    height: 12vw;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .modal {
    max-height: 100%;
  }
  .modal > .inner .modal_header {
    padding-top: 100px;
    padding-top: 13.33333333vw;
    padding-bottom: 40px;
    padding-bottom: 5.33333333vw;
  }
  .modal > .inner .modal_header > h2 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .modal > .inner .modal_footer {
    height: 90px;
    height: 12vw;
  }
  .modal .modal_close {
    top: 30px;
    top: 4vw;
    right: 30px;
    right: 4vw;
    width: 60px;
    width: 8vw;
    height: 60px;
    height: 8vw;
    background-size: 35%;
  }
  .modal_header h2 + #sub-menu {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #sub-menu ul {
    overflow-y: hidden;
    overflow-x: auto;
  }
  #sub-menu ul > li + li {
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  #sub-menu ul > li a {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 13.33333333vw;
  }
  .btn_top_fix {
    right: 30px;
    right: 6.5vw;
    top: -150px;
    top: -20vw;
    width: 100px;
    width: 13.33333333vw;
    height: 100px;
    height: 13.33333333vw;
  }
  .btn_top_fix.fixed {
    right: 30px;
    right: 6.5vw;
    bottom: 60px;
    bottom: 7.5vw;
  }
/* 240312 주석
  .flt_banner {
    display: none;
  }
*/
	.flt_banner{
	  width: 19vw;
	  height: auto;
	  padding: 0.5vw;
	  right: 3.8vw;
	  bottom: 6.2vw;
	}
	.flt_banner ul {
		gap: 7px; 
		margin-bottom: 17vw;
		margin-top: 10px; 
	}
	.flt_banner ul li > a{
		font-size: 0.9em;
	}
	.flt_banner a.close_toggle{
		width: 13.33333333vw;
		height: 13.33333333vw;
		/*left: 2.7vw;*/
		bottom: 5px;
	}
	.flt_banner ul li > a::before{
		width: 6.95vw;
		height: 6.95vw;
	}
	
  .newsletter_wrap {
    margin: 100px 0px;
    margin: 13.33333333vw 0vw;
    justify-content: center;
    padding: 100px 60px;
    padding: 13.33333333vw 8vw;
  }
  .newsletter_wrap .text {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .newsletter_wrap .text span {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .newsletter_wrap .btns {
    display: flex;
  }
  .newsletter_wrap .btn {
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
  }
  .newsletter_wrap .btn + .btn {
    margin-left: 10px;
    margin-left: 1.33333333vw;
  }
  /*.newsletter_wrap .thumb { width: 100%; .pa(40); margin-right:0; .mb(20); }
	.newsletter_wrap .cont > .inner { .pa2(40,0) }
	.newsletter_wrap .cont .tit1 { .fz(22); .mb(10); }
	.newsletter_wrap .cont .tit2 { .fz(32); .mb(20); }
	.newsletter_wrap .cont .ipt { .h(65); }
	.newsletter_wrap .cont .btn { .w-imp(160); .h(65); }
	.newsletter_wrap .cont .chk { .mt(40); }
	.newsletter_wrap .cont .chk li + li { .mt(10); }*/
  .bbs-list-type1 .item .num {
    display: none;
  }
  .bbs-list-type1 .bbs_head {
    display: none;
  }
  .bbs-list-type1 .bbs_body > .item {
    padding: 30px;
    padding: 4vw;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
  }
  .bbs-list-type1 .bbs_body .td {
    text-align: left;
    font-size: 25px;
    font-size: 3.33333333vw;
    width: 100% !important;
    padding: 0;
  }
  .bbs-list-type1 .bbs_body .td + .td {
    margin-top: 20px;
    margin-top: 2.66666667vw;
    max-width: 100%;
  }
  .bbs-list-type1 .bbs_body .num + * {
    margin-top: 0 !important;
  }
  .bbs-list-type1 .bbs_body .title {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .bbs-list-type1 .btn {
    height: 60px;
    height: 8vw;
    width: 100%;
  }
  .bbs-pagination {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
  }
  .bbs-pagination > ul > li > a {
    width: 60px;
    width: 8vw;
    height: 60px;
    height: 8vw;
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #vision_sec_top .secText {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  /*	240226 추가*/
  #vision_sec_top .inner {
	padding: 70px 0 100px;
  }
  #vision_posco_ci {
	padding-top: 0;
  }
  #vision_posco_ci.tab.ty4 > ul > li {
	width: auto;
  }

  /* 230517 추가 */
  #vision_sec_top .secText:before,
  #vision_sec_top .secText:after{
    display: none;
  }

  #message_sec_01 > .inner {
    padding-bottom: 0;
  }
  #message_sec_01 .box {
    flex-direction: column;
  }
	#message_sec_01 .box:before{
		background-image: none;
		background-color: #fff;
	}
  #message_sec_01 .box .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #message_sec_01 .box .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #message_sec_01 .box .cont {
	  height: auto;
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    box-sizing: border-box;
  }
  #message_sec_01 .box .photo {
    width: 100%;
	  display: flex!important;
  }
  #message_sec_01 .box .photo img {
    width: 100%;
  }
  #message_sec_01 .signature {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #message_sec_01 .signature b {
    font-size: 35px;
    font-size: 4.66666667vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
  #message_sec_02 .secText,
  #message_sec_04 .secText {
    padding: 35px 0px;
    padding: 4.66666667vw 0vw;
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #message_sec_03 > .inner {
    width: auto;
    margin: 0px 120px;
    margin: 0vw 16vw;
  }
  #message_sec_03 .text {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #message_sec_03 .text:before {
    width: 45px;
    width: 6vw;
    height: 36px;
    height: 4.8vw;
    top: -20px;
    top: -2.66666667vw;
    left: -35px;
    left: -4.66666667vw;
  }
	
 /*250220 추가*/
  #message_sec_01 {
  	margin-top: 20px;
  	height: auto;
  }
  #message_sec_01 .inner{
  	align-items: flex-start;
  	height: 101.3vw;
  }
  #message_sec_01 .txt{
  	padding-top: 30px;
  }
  #message_sec_01 .txt p{
  	font-size: 1.6em;
  }
  #message_sec_01 .txt p::before, #message_sec_01 .txt p::after{
  	width: 6.8vw;
  	height: 5.6vw;
  }
  #message_sec_01 .txt p::before{
  	margin-bottom: 10px;
  }
  #message_sec_01 .txt p::after{
  	margin-top: 5px;
  }
  #message_sec_01 .photo{
  	left: 32%;
  }
  #message_sec_01 .photo img{
  	height: 237px; 
  	object-fit: cover;
  }
  #message_sec_02 .inner{
  	font-size: 1.2em;
  	padding-top: 16vw;
  }
  #message_sec_02 .inner div:last-child span{
  	font-size: 1.34em;
  }
  #message_sec_02 .inner div:nth-child(2){
  	word-break: break-all;
  }
  #message_sec_02 .inner div:last-child{
  	margin-top: 50px;
  }
  /*250220 추가 끝*/
	
  #posco_histoy_head {
    margin: 155px 25px 10px;
    margin: 36vw 6vw 5vw;
  }
  #posco_histoy_head > .inner {
    align-items: center;
    justify-content: center;
  }
  #posco_histoy_head .btn {
    width: 300px;
    width: 70vw;
    height: 80px;
    height: 10.66666667vw;
  }
  #posco_histoy_head .btn + .btn {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
	
	/*240223 역사페이지 내 다운로드 버튼스타일 추가*/
	a.history_btn{
		display: block;
		font-size: 3.15vw;
		padding: 4px 9px;
		margin-bottom: 5px;
	}
	a.history_btn img{
		margin-left: 7px;
	}
	
  #posco_histoy_menu ul {
    flex-wrap: wrap;
  }
  #posco_histoy_menu ul li {
    width: 50%;
    padding: 40px;
    padding: 5.33333333vw;
  }
  #posco_histoy_menu ul li .year {
    font-size: 38px;
    font-size: 5.06666667vw;
  }
  #posco_histoy_menu ul li.active .year:after {
    width: 20px;
    width: 2.66666667vw;
    height: 20px;
    height: 2.66666667vw;
  }
  #posco_histoy_menu ul li .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #posco_histoy_kv > .inner {
    min-height: 640px;
    min-height: 85.33333333vw;
  }
  #posco_histoy_kv .title {
    font-size: 45px;
    font-size: 6vw;
  }
  #posco_histoy_kv .text {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #posco_histoy_list ul li {
    flex-direction: column !important;
    padding-left: 80px;
    padding-left: 10.66666667vw;
  }
  #posco_histoy_list ul li:before {
    left: 25px;
    left: 3.33333333vw;
  }
  #posco_histoy_list ul li:after {
    left: 0;
    top: 80px;
    top: 10.66666667vw;
    margin: 0;
  }
  #posco_histoy_list ul li > * {
    width: 100%;
  }
  #posco_histoy_list ul li .cont > div {
    padding: 0 !important;
  }
  #posco_histoy_list ul li .cont .year {
    font-size: 55px;
    font-size: 7.33333333vw;
  }
  #posco_histoy_list ul li .cont dl {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #posco_histoy_list ul li .cont dl dd:before {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #posco_histoy_list ul li .cont dl dd .date {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #posco_histoy_list ul li .cont dl dd .text {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #posco_histoy_list ul li .img {
    padding: 0 !important;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #group_company .list > li {
    flex-direction: column;
  }
  #group_company .list > li + li {
    padding-top: 80px;
    padding-top: 10.66666667vw;
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  #group_company .list > li .title {
    width: 100%;
    font-size: 42px;
    font-size: 5.6vw;
  }
  #group_company .list > li .cont {
    padding-right: 0;
    margin-bottom: 60px;
    margin-bottom: 8vw;
    margin-top: 60px;
    margin-top: 8vw;
  }
  #group_company .list > li .cont .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #group_company .list > li .cont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #group_company .list > li .cont .homepage {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #group_company .list > li .cont .homepage p {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #group_company .list > li .img {
    width: auto;
  }
  #company_brochure .list {
    flex-direction: column;
  }
  #company_brochure .list li {
    width: 100%;
  }
  #company_brochure .list li a {
    background-size: cover;
  }
  #company_brochure .list li a > * {
    font-size: 32px;
    font-size: 4.26666667vw;
    padding: 20px 40px;
    padding: 2.66666667vw 5.33333333vw;
  }
  #company_brochure .list li i.pdf {
    width: 30px;
    width: 4vw;
    height: 35px;
    height: 4.66666667vw;
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  #company_local_global > .inner {
    width: 100%;
  }
  #company_local_global .globalMap .text {
    padding: 100px;
    padding: 13.33333333vw;
  }
  #company_local_global .globalMap .text .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #company_local_global .globalMap .text ul li {
    padding-left: 40px;
    padding-left: 5.33333333vw;
  }
  #company_local_global .globalMap .text ul li + li {
    margin-left: 100px;
    margin-left: 13.33333333vw;
  }
  #company_local_global .globalMap .text ul li p {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #company_local_global .globalMap .text ul li div {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #company_local_global .globalMap .text ul li div b {
    font-size: 55px;
    font-size: 7.33333333vw;
  }
  #company_local_global .globalMap > .inner {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #company_local_global .globalMap .list li .en {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #company_local_global .globalMap .list li .kr {
    display: none;
  }
  #company_local_global .globalMap .list li .point {
    width: 12px;
    width: 1.6vw;
    height: 12px;
    height: 1.6vw;
  }
  #company_local_global .globalMap .list li a:before,
  #company_local_global .globalMap .list li a:after {
    display: none;
  }
  #company_map_area {
    height: 620px;
    height: 82.66666667vw;
    margin-top: 60px;
    margin-top: 8vw;
  }
  #company_corporation_list .tb_table {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #approach_kv {
    justify-content: flex-end;
  }
  #approach_kv > .inner {
    padding-bottom: 300px;
    padding-bottom: 40vw;
  }
  #approach_kv .tit .t1 {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #approach_kv .tit .t2 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #approach_kv .viewMore {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #esg_subPage_section {
    min-height: 80vh;
  }
  #esg_subPage_section .swiper-nav {
    display: none;
  }
  #esg_subPage_list .item {
    padding: 70px;
    padding: 9.33333333vw;
    padding-top: 100px;
    padding-top: 13.33333333vw;
    height: 640px;
    height: 85.33333333vw;
  }
  #esg_subPage_list .item .tit {
    font-size: 36px;
    font-size: 4.8vw;
    margin-bottom: 40px;
    margin-bottom: 4.5vw;
  }
  #esg_subPage_list .item .date{
    font-size: 3vw;
  }
  #esg_subPage_list .item .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_subPage_list .item .more a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_subPage_list .item .more a.dl {
    height: 80px;
    height: 10.66666667vw;
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #esg_subPage_modal {
    min-height: 100%;
  }
  #esg_subPage_modal .date{
    font-size: 3vw;
  }
  #esg_subPage_modal > .inner {
    border-radius: 0;
  }
  #esg_subPage_modal .secTitle {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #esg_subPage_modal .secText {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_subPage_modal .secTitle.h2 {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #esg_subPage_modal .secInner {
    padding-left: 25px;
    padding-left: 3.33333333vw;
    margin-top: 35px;
    margin-top: 4.66666667vw;
  }
  #esg_subPage_modal .sub-page-section + .sub-page-section {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #esg_subPage_modal .bd_list ul > li {
    width: 100%;
    flex-direction: column;
  }
  #esg_subPage_modal .bd_list ul > li .lft {
    width: 100%;
    padding-right: 0;
    margin-bottom: 60px;
    margin-bottom: 8vw;
    display: flex;
  }
  #esg_subPage_modal .bd_list ul > li .rgh {
    width: 100%;
  }
  #esg_subPage_modal .bd_list ul > li .photo {
    width: 250px;
    width: 33.33333333vw;
    flex: none;
    margin-bottom: 0;
    padding-right: 60px;
    padding-right: 8vw;
  }
  #esg_subPage_modal .btn_group > li {
    margin-right: 10px;
    margin-right: 1.33333333vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  #esg_subPage_modal .downBtn {
    font-size: 22px;
    font-size: 2.93333333vw;
    height: 70px;
    height: 9.33333333vw;
    min-width: 200px;
    min-width: 26.66666667vw;
  }
  #esg_subPage_modal #esg_video .text {
    font-size: 6vw;
  }
  #esg_latest_news > .inner {
    padding-top: 120px;
    padding-top: 16vw;
    padding-bottom: 200px;
    padding-bottom: 26.66666667vw;
  }
  #esg_latest_news .esg_article_title {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #esg_latest_news .esg_article_more {
    top: 125px;
    top: 16.66666667vw;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #esg_latest_news .esg_article_list {
    overflow-x: auto;
    margin: -35px;
    margin: -4.66666667vw;
  }
  #esg_latest_news .esg_article_list > li {
    width: 80vw;
    flex: none;
    padding: 35px;
    padding: 4.66666667vw;
  }
  #esg_latest_news .esg_article_list .article .tit {
    font-size: 36px;
    font-size: 4.8vw;
    height: 155px;
    height: 20.66666667vw;
  }
  #esg_latest_news .esg_article_list .article .date {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_latest_news .esg_article_list .article .img {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .report_links {
    margin-top: 50px;
    margin-top: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .report_links ul {
    flex-direction: column;
  }
  .report_links ul li {
    padding-left: 0;
    padding-right: 0;
  }
  .report_links ul li:first-child {
    padding-top: 0;
  }
  .report_links ul li:last-child {
    padding-bottom: 0;
  }
  .report_links ul li + li {
    border-left: 0;
    border-top: 1px solid #dadada;
  }
  .report_links ul li .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .report_links ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_environment_01 .secTitle {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #esg_environment_01 .secTitle:after {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #esg_environment_01 .secText {
    font-size: 30px;
    font-size: 4vw;
  }
  #esg_environment_03 > .inner {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
  }
  #esg_environment_03 .title {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #esg_environment_03 .text {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_environment_03 ul {
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  #esg_environment_03 ul li {
    font-size: 30px;
    font-size: 4vw;
  }
  #esg_environment_04 > .inner {
    padding-top: 100px;
    padding-top: 13.33333333vw;
  }
  #esg_environment_04 .secTitle {
    font-size: 42px;
    font-size: 5.6vw;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #esg_environment_04 .secBody {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
  }
  #esg_environment_04 .secText {
    width: 90%;
    margin: 0 auto;
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #esg_environment_04 .secBtn {
    margin-top: 90px;
    margin-top: 12vw;
  }
  #esg_environment_05 .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  #esg_social_section > .inner {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #esg_social_section .secTitle {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #esg_social_section .secText {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #esg_social_section .secText + .secText {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #esg_social_section .secText ul {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_social_section .secObj {
    margin-left: 0;
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  #governance_1_sect_01 > .inner {
    padding-top: 100px;
    padding-top: 13.33333333vw;
    padding-bottom: 70px;
    padding-bottom: 9.33333333vw;
    flex-direction: column-reverse;
  }
  #governance_1_sect_01 .photo {
    width: 100%;
    height: 350px;
    height: 46.66666667vw;
    padding: 0;
  }
  #governance_1_sect_01 .photo img {
    top: auto;
    left: auto;
    bottom: -100px;
    bottom: -13.33333333vw;
    width: 550px;
    width: 73.33333333vw;
    right: 0;
  }
  #governance_1_sect_01 .cont .title {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #governance_1_sect_01 .cont .sign {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-top: 60px;
    margin-top: 8vw;
  }
  #governance_1_sect_01 .cont .sign b {
    display: block;
    margin-left: 0;
  }
  #governance_1_sect_02 > .inner {
    padding: 100px 0px;
    padding: 13.33333333vw 0vw;
  }
  #governance_1_sect_02 .secText {
    padding-right: 0;
  }
  #governance_1_sect_03 > .inner {
    padding-bottom: 0;
  }
  #governance_1_sect_03 .cont {
    padding: 30px 10px;
    padding: 4vw 1.33333333vw;
  }
  #governance_1_sect_03 .cont .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #governance_1_sect_03 .cont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #governance_1_sect_03 .swiper-arrow > * {
    width: 60px;
    width: 8vw;
    height: 60px;
    height: 8vw;
    margin-top: -130px;
    margin-top: -17.33333333vw;
    background-size: 35%;
  }
  #governance_1_sect_04 > .inner {
    padding-bottom: 0;
  }
  #governance_1_sect_04 .list {
    flex-direction: column;
  }
  #governance_1_sect_04 .list > li + li {
    margin-left: 0;
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  #governance_1_sect_04 .list > li .txt {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #governance_1_sect_05 .row > .col_6 {
    padding: 80px 60px;
    padding: 10.66666667vw 8vw;
  }
  #governance_1_sect_05 .row > .col_6 + .col_6 {
    margin-left: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #governance_1_sect_05 .title {
    font-size: 42px;
    font-size: 5.6vw;
  }
  #governance_1_sect_05 .text {
    font-size: 28px;
    font-size: 3.73333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  #governance_1_sect_05 .more {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #governance_1_sect_05 .more a {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #governance_1_sect_05 ul li a {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .ethics_item_list .item {
    width: 100%;
  }
  #citizen_report_top .cont {
    padding-left: 0;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #citizen_report_top .secText {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #citizen_report_top .download {
    padding-right: 0;
  }
  #citizen_report_list ul li {
    width: 100%;
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  #citizen_report_list ul.list li{
    width:100%
  }
  #citizen_report_top .btn_list {
    flex-wrap: wrap;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #citizen_report_top .btn_list li {
    width: 50%;
    box-sizing: border-box;
  }
  #citizen_report_top .btn_list li .btn {
    width: 100%;
  }

  /* 230418 책임광물보고서 상단 스타일 수정 */
  #citizen_report_top.Responsible_report .btn_list { 
    width: 100%;
  }
  #citizen_report_top .secTitle {
    font-size: 6vw;
  }

  #initiative_global_list ul li {
    flex-direction: column;
  }
  #initiative_global_list ul li + li {
    margin-top: 70px;
    margin-top: 9.33333333vw;
  }
  #initiative_global_list ul li .img {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #initiative_global_list ul li .cont .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #initiative_global_list ul li .cont .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #initiative_global_list > .inner {
    padding-bottom: 200px;
    padding-bottom: 26.66666667vw;
  }
  #media_vod_section {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .initiative_awards_list + .initiative_awards_list > .inner {
    padding-top: 0;
  }
  .initiative_awards_list .kv_title {
    font-size: 70px;
    font-size: 9.33333333vw;
    height: 430px;
    height: 57.33333333vw;
    padding-bottom: 150px;
    padding-bottom: 20vw;
  }
  .initiative_awards_list .awards_list {
    padding: 0;
    margin-top: -150px;
    margin-top: -20vw;
  }
  .initiative_awards_list .awards_list ul {
    padding: 60px 60px;
    padding: 8vw 8vw;
  }
  .initiative_awards_list .awards_list ul li {
    flex-direction: column;
  }
  .initiative_awards_list .awards_list ul li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .initiative_awards_list .awards_list ul li .date {
    width: 100%;
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .initiative_awards_list .awards_list ul li .text {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .wrap-slide-type1.bg_f1 {
    padding: 0;
  }
  .thumb-head-type1 {
    flex-direction: column;
  }
  .thumb-head-type1 .thumb {
    width: 100%;
  }
  .thumb-head-type1 .cont {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .thumb-head-type1 .cont .t1 {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .thumb-head-type2 {
    margin-top: 80px;
    margin-top: 10.66666667vw;
    flex-direction: column;
  }
  .thumb-head-type2 .thumb {
    width: 100%;
  }
  .thumb-head-type2 .cont {
    width: 100%;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .thumb-head-type2 .cont .t1 {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .thumb-head-type3 {
    margin-top: 80px;
    margin-top: 10.66666667vw;
    flex-direction: column;
  }
  .thumb-head-type3 .thumb {
    width: 100%;
    margin: 0;
  }
  .thumb-head-type3 .cont {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .thumb-head-type3 .cont .t1 {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .thumb-head-type3 .cont .year {
    margin-bottom: 0;
  }
  .wrap-slide-type1 .pageing {
    position: static;
    margin-top: 60px;
    margin-top: 8vw;
    justify-content: flex-end;
  }
  .lst-thumb {
    flex-direction: column;
  }
  .lst-thumb > * {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .lst-thumb.col2 > * {
    margin-top: 0 !important;
    margin-bottom: 80px !important;
    margin-bottom: 10.66666667vw !important;
  }
  .lst-thumb.col3 > * {
    width: 100%;
    margin-left: 0;
    margin: 0;
  }
  .lst-thumb.col3 > * + * {
    margin-top: 60px !important;
    margin-top: 8vw !important;
  }
  .lst-thumb.col3.ma-2 > * {
    width: 100%;
    margin: 0;
  }
  .lst-thumb .item .cont {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .d-flex {
    flex-direction: column;
    margin-top: 60px;
    margin-top: 8vw;
  }
  .d-flex > * {
    width: 100%;
  }
  .d-flex > * + * {
    margin-top: 60px;
    margin-top: 8vw;
  }
  .group_cen_line {
    flex-wrap: nowrap;
  }
  .group_cen_line > .line + .line {
    padding-left: 50px;
    padding-left: 6.66666667vw;
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  .box_item_type2 .thumb {
    height: 640px;
    height: 85.33333333vw;
  }
  .box_item_type2 .cont {
    padding: 35px 40px;
    padding: 4.66666667vw 5.33333333vw;
  }
  .box_item_type3 .thumb {
    width: 100%;
    height: 0;
    padding-top: 142%;
  }
  .box_item_type3 .cont {
    width: 100%;
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
  }
  [class*="btn_type"].pv60 {
    height: 100px;
    height: 13.33333333vw;
    width: 100%;
  }
  .tab.ty5 > ul {
    overflow-x: auto;
  }
  .tab.ty5 > ul > li {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  .tab.ty5 > ul > li > a {
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  .title_1 {
    font-size: 55px;
    font-size: 7.33333333vw;
  }
  .box-head1 .lft {
    margin-top: 60px;
    margin-top: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  .lst-thumb-type1 > .item {
    flex-direction: column;
  }
  .lst-thumb-type1 > .item .rgh {
    margin: 0;
  }
  .lst-thumb-type1 .thumb {
    width: 100%;
    height: 400px;
    height: 53.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .lst-thumb-type1 .item .t1 br {
    display: none;
  }
  .lst-thumb-type1 .item .t2 {
    font-size: 55px;
    font-size: 7.33333333vw;
  }
  .btn_txt1 {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .btn_txt1 .circle {
    width: 80px;
    width: 10.66666667vw;
    height: 80px;
    height: 10.66666667vw;
  }
  .tlb_type1 .item {
    flex-direction: column;
  }
  .tlb_type1.sz2 .item .area_th {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  .tlb_type1.sz2 .item .area_td {
    width: 100%;
  }
  .tlb_type1.sz2 .item .area_td.tell {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .tlb_type1.sz2 .item .area_td .inp_txt {
    width: 100% !important;
  }
  .tlb_type1.sz2 .item .area_td input[type="file"] {
    width: 100%;
  }
  .box-textarea {
    padding: 7vw 5vw;
  }
	
	/* 견학안내 */
/*250402 견학안내 > park1538 게이트웨이 페이지 추가*/
	
	.lst-thumb-type2{flex-direction: row; height: auto;}
	.lst-thumb-type2 .item{height: 84vw; background-size: cover;}
	.lst-thumb-type2 .item:first-child{background-position-x: -75px;}
	.lst-thumb-type2 .item > div .top, .lst-thumb-type2 .item > div{position: unset; transform: unset; justify-content: center;}
	.lst-thumb-type2 .item .t1{font-size: 6vw;}
	.lst-thumb-type2 .item .t2{font-size: unset;}
	.lst-thumb-type2 .item .row{position: unset; opacity: 1; margin-top: 30px;}
	.lst-thumb-type2 .item .row>div{font-weight: ;}
	.lst-thumb-type2 .item .ico_.blank3{min-width: 13px; width: 13px; height: 13px; background-position: -64px -11px; background-size: 600px;}
	
/*250402 견학안내 > park1538 게이트웨이 페이지 끝*/
	
  .reservation_step {
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .reservation_step ul > li {
    font-size: 55px;
    font-size: 7.33333333vw;
  }
  .reservation_step ul > li:not(.active) {
    display: none;
  }
  .reservation_step ul > li + li:before {
    display: none;
  }
  .reservation_type .select {
    flex-direction: column;
    align-items: flex-start;
  }
  .reservation_type .select > * {
    width: 100%;
  }
  .reservation_type .select > dl {
    flex-direction: column;
  }
  .reservation_type .select > dl > dt {
    margin-bottom: 20px;
    margin-bottom: 2.66666667vw;
  }
  .reservation_type .select > dl > dd {
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .reservation_type .select > div .btn {
    width: 100%;
    height: 80px;
    height: 10.66666667vw;
  }
  .reservation_type .guide ul {
    flex-direction: column;
  }
  .reservation_type .guide ul > li {
    width: 100%;
    padding: 60px;
    padding: 8vw;
  }
  .reservation_type .guide ul > li + li {
    margin-left: 0;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .main-page {
    padding-top: 80px;
    padding-top: 10.66666667vw;
    padding-bottom: 80px;
    padding-bottom: 10.66666667vw;
  }
  #main_section_visual .pageing_ty2 {
    display: none;
  }
  #mainVisual .progressbar-pagination {
    bottom: 80px;
    bottom: 10.66666667vw;
  }
  .wrap_hynex_main {
    padding: 0;
  }
  .wrap_hynex_main {
    padding-top: 0;
  }
  .wrap_hynex_main > .inner {
    border-radius: 0;
  }
  .wrap_hynex_main .txt_group_before {
    font-size: 45px;
    font-size: 6vw;
  }
  .wrap_hynex_main .txt_group_after .t1 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  .wrap_hynex_main .txt_group_after .t2 {
    font-size: 26px;
    font-size: 3.46666667vw;
    letter-spacing: 0.2em;
    margin-top: 140px;
    margin-top: 18.66666667vw;
  }
  .wrap_hynex_main .txt_group_after .btns {
    margin-top: 70px;
    margin-top: 9.33333333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrap_hynex_main .txt_group_after .btns * {
    width: 350px;
    width: 46.66666667vw;
    height: 90px;
    height: 12vw;
  }
  .wrap_hynex_main .txt_group_after .btns * + * {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .wrap_areaInfoMain .thumb {
    position: static;
    transform: translate3d(0, 0, 0) !important;
  }
  .wrap_areaInfoMain .item .thumb.n1 {
    margin-left: 0;
  }
  .wrap_areaInfoMain .item .thumb.n2 {
    margin-left: 0;
  }
  .wrap_areaInfoMain .item .thumb.n3 {
    margin-left: 0;
  }
  .wrap_areaInfoMain .item .thumb img {
    max-width: 100%;
    display: block;
  }
  .head-type1 {
    margin-bottom: 100px;
    margin-bottom: 13.33333333vw;
  }
  .head-type1 .h1 {
    font-size: 45px;
    font-size: 6vw;
    line-height: 1.44;
  }
  .wrap_areaInfoMain .item {
    padding-top: 0;
    padding-bottom: 100px;
    padding-bottom: 13.33333333vw;
  }
  .wrap_areaInfoMain .box_line {
    display: none;
  }
  .wrap_areaInfoMain .btns {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .wrap_areaInfoMain .btns .btn_type1 {
    background-color: #00a5e5;
    padding: 0 15px;
    border-color: #00a5e5;
  }
  .wrap_areaInfoMain .btns .btn_type1 .inr {
    width: 105px;
  }
  .wrap_areaInfoMain .btns .btn_type1 .circle i {
    color: #fff;
  }
  .wrap_areaInfoMain .item .txt {
    padding-top: 50px;
    padding-top: 6.66666667vw;
    background-color: #fff;
    width: 630px;
    width: 84vw;
    margin: 0 auto;
    margin-top: -50px;
    margin-top: -6.66666667vw;
    position: relative;
    z-index: 1;
  }
  .wrap_areaInfoMain .item .h1 {
    font-size: 36px;
    font-size: 4.8vw;
  }
  .wrap_areaInfoMain .item .t1 {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .inner_step3 > .tab-type1 {
    position: static;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
    width: 90%;
  }
  .inner_step3 > .tab-type1 a {
    background-color: transparent;
  }
  .inner_step3 > .tab-type1 > ul {
    flex-wrap: nowrap;
  }
  .inner_step3 > .tab-type1 > ul > li {
    margin: 0;
    width: 100%;
  }
  .inner_step3 > .tab-type1 > ul > li + li {
    margin-left: 10px;
    margin-left: 1.33333333vw;
  }
  .inner_step3 > .tab-type1 > ul > li > a {
    width: 100%;
    height: 120px;
    height: 16vw;
    box-sizing: border-box;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .inner_step3 > .tab-type1 > ul > li > a span {
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  .inner_step3 > .tab-type1 li.active,
  .inner_step3 > .tab-type1 a:hover {
    background-color: transparent;
  }
  .inner_step3 > .tab-type1 > ul > li > a img {
    width: 130px;
    width: 17.33333333vw;
  }
  .area_video {
    height: 0;
    padding-top: 56.25%;
  }
  .area_video .btn_play {
    width: 100px;
    width: 13.33333333vw;
    height: 100px;
    height: 13.33333333vw;
    margin-top: -50px;
    margin-top: -6.66666667vw;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  .wrap_new_vision .bub1,
  .wrap_new_vision .bub2 {
    display: none;
  }
  .wrap_new_vision .images {
    position: static;
    height: auto;
  }
  .wrap_new_vision .images > * {
    position: static;
  }
  .wrap_new_vision .images > * + * {
    margin-top: 120px;
    margin-top: 16vw;
  }
  .wrap_new_vision .images img {
    display: block;
    max-width: 100%;
  }
  .wrap_new_vision .images .img1 {
    margin-left: 50px;
    margin-left: 6.66666667vw;
    width: 120%;
  }
  .wrap_new_vision .images .img2 {
    margin-left: 250px;
    margin-left: 33.33333333vw;
    margin-right: 45px;
    margin-right: 6vw;
  }
  .wrap_new_vision .images .img3 {
    margin-left: 45px;
    margin-left: 6vw;
    margin-right: 90px;
    margin-right: 12vw;
  }
  .wrap_new_vision {
    height: auto;
  }
  .wrap_new_vision .cont {
    margin-top: 0;
  }
  .wrap_new_vision .cont .h1 {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  .wrap_new_vision .cont .area_dd {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    padding: 38px 18px;
    padding: 5.06666667vw 2.4vw;
    padding-bottom: 0;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  .wrap_new_vision .cont .area_dd:after {
    width: 68px;
    width: 9.06666667vw;
    height: 55px;
    height: 7.33333333vw;
    background-size: contain;
  }
  .wrap_products_main .area_lft {
    width: auto;
    height: auto;
    background-size: contain;
  }
  .wrap_products_main .area_lft .inner {
    width: auto;
    padding: 70px 45px;
    padding: 9.33333333vw 6vw;
    box-sizing: border-box;
    padding-bottom: 245px;
    padding-bottom: 32.66666667vw;
  }
  .wrap_products_main .area_lft .h1 {
    font-size: 95px;
    font-size: 12.66666667vw;
    font-weight: 600;
  }
  .wrap_products_main .area_lft .tab {
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  .wrap_products_main .area_lft .tab a {
    width: 196px;
    width: 26.13333333vw;
    height: 196px;
    height: 26.13333333vw;
    margin-right: 20px;
    margin-right: 2.66666667vw;
  }
  .wrap_products_main .area_lft .tab a span {
    font-size: 30px;
    font-size: 4vw;
  }
  .wrap_products_main .area_lft .cont {
    font-size: 28px;
    font-size: 3.73333333vw;
    margin-top: 45px;
    margin-top: 6vw;
  }
  .wrap_products_main .area_rgh {
    position: static;
    margin-top: -200px;
    margin-top: -26.66666667vw;
    padding: 0px 40px;
    padding: 0vw 5.33333333vw;
    width: auto;
  }
  .wrap_products_main .tab_area {
    overflow: visible;
  }
  .wrap_products_main .wrap_rollring5 {
    overflow: visible;
  }
  .wrap_products_main .swiper-container {
    overflow: visible;
  }
  .wrap_products_main .card_type1 {
    height: 720px;
    height: 96vw;
  }
  .wrap_products_main .card_type1 .cont {
    padding: 100px 65px;
    padding: 13.33333333vw 8.66666667vw;
  }
  .wrap_products_main .card_type1 .cont .h1 {
    font-size: 65px;
    font-size: 8.66666667vw;
  }
  .wrap_products_main .card_type1 .cont .t1 {
    font-size: 30px;
    font-size: 4vw;
    margin-top: 10px;
    margin-top: 1.33333333vw;
  }
  .wrap_products_main .pageing.swiper.type2 > .inner {
    color: #333;
    justify-content: center;
  }
  .wrap_products_main .pageing.swiper.type2 .number {
    font-size: 30px;
    font-size: 4vw;
  }
  .wrap_products_main .pageing.swiper.type2 .swiper-button-prev2,
  .wrap_products_main .pageing.swiper.type2 .swiper-button-next2 {
    font-size: 60px;
    font-size: 8vw;
  }
  .main-page.esg {
    padding-top: 0;
    padding-bottom: 160px;
    padding-bottom: 21.33333333vw;
  }
  .wrap_esg_main {
    margin-left: 45px;
    margin-left: 6vw;
    margin-right: 240px;
    margin-right: 32vw;
  }
  .wrap_esg_main .item {
    height: 820px;
    height: 109.33333333vw;
    min-height: auto;
  }
  .wrap_esg_main .h1 {
    font-size: 50px;
    font-size: 6.66666667vw;
  }
  .wrap_esg_main .hover .h2 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .wrap_esg_main .hover .t1 {
    display: none;
  }
  .wrap_esg_main .btn-more1 {
    font-size: 30px;
    font-size: 4vw;
  }
  .wrap_esg_main .btn-more1 i {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-left: 27px;
    margin-left: 3.6vw;
  }
  .wrap_esg_main .hover .more {
    margin-top: 70px;
    margin-top: 9.33333333vw;
  }
  .wrap_esg_main .num .circle {
    width: 62px;
    width: 8.26666667vw;
    height: 62px;
    height: 8.26666667vw;
    font-size: 20px;
    font-size: 2.66666667vw;
  }
  .banner_main1 {
    text-align: center;
    overflow: hidden;
    background-position: 12%;
    height: 460px;
    height: 61.33333333vw;
  }
  .banner_main1 .h1 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .banner_main1 .t1 {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .banner_main1 .bg_img {
    margin: 0;
    top: auto;
    bottom: -100px;
    bottom: -13.33333333vw;
    transform: translateX(-50%);
    width: 85%;
  }
  .banner_main1 .btns {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .banner_main1 .btns a {
    padding: 30px 50px;
    padding: 4vw 6.66666667vw;
  }
  .main-page.story > .inr-c {
    width: 90%;
    margin: 0 auto;
  }
  .wrap_notice_type1 {
    flex-direction: column;
  }
  .wrap_notice_type1 .h1 {
    font-size: 45px;
    font-size: 6vw;
    text-align: center;
  }
  .wrap_notice_type1 .h1 br {
    display: none;
  }
  .wrap_notice_type1 > .col.lft {
    width: 100%;
  }
  .wrap_notice_type1 > .col.lft > a {
    display: none;
  }
  .wrap_notice_type1 .lst_thumb2 {
    width: auto;
  }
  .wrap_notice_type1 .tab.ty1 {
    margin: 0 -5%;
    margin-top: 80px;
    margin-top: 10.66666667vw;
    margin-bottom: 80px;
    margin-bottom: 10.66666667vw;
  }
  .wrap_notice_type1 .tab.ty1 ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-left: 5%;
  }
  .wrap_notice_type1 .tab.ty1 ul li {
    margin: 0;
  }
  .wrap_notice_type1 .tab.ty1 ul li + li {
    margin-left: 18px;
    margin-left: 2.4vw;
  }
  .wrap_notice_type1 .tab.ty1 ul li a {
    padding: 20px 30px;
    padding: 2.66666667vw 4vw;
    min-width: 150px;
    min-width: 20vw;
    box-sizing: border-box;
    text-align: center;
  }
  .wrap_notice_type1 .tab_area {
    margin-bottom: 0;
  }
  .wrap_notice_type1 .lst_thumb2 > .item {
    margin: 0;
    border-top: 1px solid #000;
  }
  .wrap_notice_type1 .lst_thumb2 > .item > a {
    padding: 30px 0px;
    padding: 4vw 0vw;
  }
  .wrap_notice_type1 .lst_thumb2 > .item .cate {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .wrap_notice_type1 .lst_thumb2 > .item .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
    height: 100px;
    height: 13.33333333vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  .wrap_notice_type1 .lst_thumb2 > .item .txt {
    font-size: 24px;
    font-size: 3.2vw;
    height: 80px;
    height: 10.66666667vw;
  }
  .wrap_notice_type1 .lst_thumb2 > .item .img {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .title_sns {
    font-size: 45px;
    font-size: 6vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .thumb-head-type2 .cont .h1 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .thumb-head-type3 .cont .h1 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .wrap_search2 {
    width: 100%;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  /*  240730 문의하기 스타일 추가	*/
  .wrap_faq .item_box {
	display: block;
  }
  .wrap_faq .item .questions,
  .wrap_faq .item .answer {
    padding: 40px 40px;
    padding: 5.33333333vw 5.33333333vw;
  }
  .wrap_faq .item .answer {
    padding-top: 0;
  }
  .wrap_faq .item .ico {
    width: 50px;
    width: 6.66666667vw;
    margin-right: 30px;
    margin-right: 4vw;
  }
  .wrap_faq .item .questions .txt .tit {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  .wrap_faq .item .answer > .inner {
    padding-top: 40px;
    padding-top: 5.33333333vw;
  }
  .wrap_faq.type2 .item .questions {
    padding-top: 140px;
    padding-top: 10vw;
    position: relative;
  }
  .wrap_faq.type2 .item .ico {
    position: absolute;
    top: 40px;
    top: 5.33333333vw;
    left: 40px;
    left: 5.33333333vw;
  }
  .wrap_faq.type2 .item .txt {
    width: 100%;
  }
  .wrap_faq.type2 .item .questions .arr {
    position: absolute;
    top: 40px;
    top: 5.33333333vw;
    right: 40px;
    right: 5.33333333vw;
  }
  .txt-flex > * {
    flex: auto;
  }
  .wrap_from > * {
    padding: 0;
  }
  .tlb_type1 .item .area_td {
    width: 100%;
  }
  .area_select1 {
    width: 100%;
  }
  .area_select1 .w2 {
    min-width: 100%;
  }
  .w50p {
    width: 100% !important;
  }
  .head-type2 {
    margin-top: 60px;
    margin-top: 8vw;
  }
  .wrap_relatedsites {
    flex-direction: column;
  }
  .wrap_relatedsites .item {
    width: 100%;
    margin-left: 0;
    padding: 20px 50px;
    padding: 2.66666667vw 6.66666667vw;
  }
  .wrap_relatedsites .item:nth-child(-n+2) {
    padding-top: 20px;
    padding-top: 2.66666667vw;
    border: 0;
  }
  .wrap_relatedsites .item:nth-last-child(-n+2) {
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  .wrap_relatedsites .item:first-child {
    border-top: 1px solid #222;
    padding-top: 50px;
    padding-top: 6.66666667vw;
  }
  .wrap_relatedsites .item:last-child {
    padding-bottom: 50px;
    padding-bottom: 6.66666667vw;
  }
  .bbs-list-type1.bSize1 .td.subject {
    padding-left: 0;
  }
  .bbs-list-type1.bSize1 .td.date {
    text-align: left;
  }
  .wrap_location .thumb_panorama {
    margin-bottom: 70px;
    margin-bottom: 9.33333333vw;
  }
  .wrap_location .cont_location {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .wrap_location .cont_location > * {
    width: 100%;
  }
  .wrap_location .cont_location .info {
    padding-left: 0;
    border-left: 0;
    padding-top: 50px;
    padding-top: 6.66666667vw;
  }
  .lst_table1 .area_tr {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .lst_table1 .area_td {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .wrap_location .cont_location .head .btns {
    margin-top: 60px;
    margin-top: 8vw;
  }
  .title0 {
    font-size: 42px;
    font-size: 5.6vw;
  }
  [class*="btn_type"].ctype3 {
    width: 100%;
  }
  [class*="btn_type"].h60 {
    height: 80px;
    height: 10.66666667vw;
  }
  .lst_bot_banner1 .item .cont .t1 {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .btn_txt3 {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .wrap_pr_type1 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .wrap_pr_type1 > .area_head {
    width: 100%;
  }
  .wrap_pr_type1 > .area_head br {
    display: none;
  }
  .wrap_pr_type1 > .area_cont {
    width: 100%;
  }
  .box-gray > .inner {
    padding: 45px 35px;
    padding: 6vw 4.66666667vw;
  }
  .box-gray .lst-thumb.rc3_1 .thumb {
    width: 130px !important;
  }
  .box-blue > .inner {
    padding: 45px;
    padding: 6vw;
  }
  .box-blue .d-flex {
    flex-direction: row;
    margin-top: 0;
  }
  .box-blue .d-flex > * {
    width: auto;
  }
  .tab.ty6 > ul > li > a {
    font-size: 28px;
    font-size: 3.73333333vw;
    height: 80px;
    height: 10.66666667vw;
  }
  .inr-c4 {
    padding-left: 45px;
    padding-left: 6vw;
    padding-right: 45px;
    padding-right: 6vw;
  }
  .txt_label1 {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .wrap_from > .inner {
    padding: 0;
  }
  .tlb_type1 {
    padding-top: 0;
    margin-top: 0 !important;
  }
  .bg_type2 {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  .find_account_wrap .head .tit {
    font-size: 42px;
    font-size: 5.6vw;
  }
  .find_account_wrap .head .txt {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .find_account_wrap .body ul {
    flex-direction: column;
    margin-left: 0;
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
  }
  .find_account_wrap .body ul li {
    margin-left: 0;
  }
  .find_account_wrap .body ul li + li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #cultural_schedule .head > ul li.active a:before {
    top: -20px;
    top: -2.66666667vw;
  }
  .area_select1 > select {
    min-width: 100%;
  }
  #cultural_schedule {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
  }
  #cultural_schedule .head {
    flex-direction: column;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #cultural_schedule .head > div {
    margin: 0 auto;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #cultural_schedule .head > ul {
    width: 100%;
    overflow-x: auto;
    padding-top: 20px;
    padding-top: 2.66666667vw;
  }
  #cultural_schedule .head > ul li {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  #cultural_schedule .head > ul li + li {
    margin-left: 40px;
    margin-left: 5.33333333vw;
  }
  #cultural_schedule .body {
    flex-direction: column;
  }
  #cultural_schedule .body .img {
    width: 100%;
    flex: auto;
    padding: 0;
    margin: 0;
  }
  #cultural_schedule .body .img img {
    width: 100%;
  }
  #cultural_schedule .body .cont .cate {
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #cultural_schedule .body .cont .title {
    font-size: 42px;
    font-size: 5.6vw;
    line-height: 1.25;
  }
  #cultural_schedule .body .cont .text {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    height: 140px;
    height: 18.66666667vw;
  }
  #cultural_schedule .body .cont .list ul li {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  #cultural_schedule .body .cont .list ul li + li {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #cultural_schedule .body .cont .list ul li > * {
    width: 100% !important;
    padding: 0;
    text-align: left;
  }
  #cultural_schedule .body .cont .list ul li > .tit {
    margin-top: 10px;
    margin-top: 1.33333333vw;
  }
  #cultural_schedule .body .cont .list ul li > .date {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
  }
  #cultural_schedule .body .cont .list ul li > .label {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .main-page-section > .inner {
    padding: 180px 0px;
    padding: 19.4444vw 0vw!important;
  }
  #main-visual-slider .swiper-slide .cont {
    align-items: flex-start;
    padding-top: 240px;
    padding-top: 32vw;
  }
  #main-visual-slider .swiper-slide .cont .tit {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #main-visual-slider .swiper-slide .cont .txt {
    font-size: 60px;
    font-size: 8vw;
  }

  #main-visual-slider .swiper-nav {
    bottom: 200px;
    bottom: 26.66666667vw;
  }
  #main-visual-slider .swiper-prev,
  #main-visual-slider .swiper-next,
  #main-visual-slider .playPause.pause {
    display: none;
  }
  #main-visual .viewMore {
    bottom: 50px;
    bottom: 6.66666667vw;
  }
    
    /* 230324 progressbar-pagination 추가 */ 
  #main-visual .progressbar-pagination {
      position: absolute;
      left: 0;
      bottom: 5vw;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      z-index: 1;
    }  
  #main-visual .progressbar-pagination .btn_full {
      margin-right: 5vw;
      border: 1px solid #fff;
      padding: 2.5vw 6vw;
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: 15vw;
      height: auto;
    }
  #main-visual .progressbar-pagination .btn_full .t{
      font-size: 3.5vw;
      color: #fff;
      font-weight: 600;
      display: inline-block;
      position: relative;
      z-index: 1;
    }
  #main-visual .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-visual .progressbar-pagination .btn_full:hover .t {
      color:#222;
    }
  #main-visual .progressbar-pagination .btn_full:hover:after {
      height:100%;
    }
  #main-visual .mute {
      margin-right: 2vw;
    }
  #main-visual .mute button {
      width: 10vw;
      height: 10vw;
      background-size: 37%;
    }
  #main-visual .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");
    }
  /*#main-visual .swiper-pagination {position: relative;text-align: left;width: auto;display: flex;align-items: center;justify-content: flex-end;padding-right: 40px;}
  #main-visual .swiper-pagination .swiper-pagination-bullet {width: 31vw;height: 2px;}
  #main-visual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0;}
  #main-visual .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
  #main-visual .swiper-pagination .swiper-pagination-bullet .num{bottom: 2vw;}
  #main-visual .swiper-pagination .swiper-pagination-bullet .bar { width: 0%; height: 4px; background-color: #fff; display: block; margin-top: -3px;}*/
    
  #main-brand > .inner {
    flex-direction: column;
  }
  #main-brand .cont {
    width: 100%;
    padding-right: 0;
    position: relative;
  }
  #main-brand .cont .tit {
    font-size: 54px;
    font-size: 7.2vw;
  }
  #main-brand .cont .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #main-brand .cont ul {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #main-brand .cont ul li {
    border-bottom: 0;
    width: 100%;
    border-bottom: 2px solid transparent;
  }
  #main-brand .cont ul li.active {
    border-color: #26a4ec;
  }
  #main-brand .cont ul li + li {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  #main-brand .cont ul li a {
    height: 100px;
    height: 13.33333333vw;
  }
  #main-brand .cont ul li a:after {
    display: none;
  }
  #main-brand .cont ul li .t {
    display: none;
  }
  #main-brand .cont ul li .logo {
    display: block;
    padding: 20px 0px;
    padding: 2.66666667vw 0vw;
  }
  #main-brand .cont ul li .video {
    top: 100%;
    left: 0;
    width: 100%;
    height: 600px;
    height: 80vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #main-brand .cont ul li .video .playBtn {
    width: 200px;
    width: 26.66666667vw;
    height: 200px;
    height: 26.66666667vw;
  }
  #main-carbon > .inner {
    flex-direction: column;
  }
  #main-carbon > .inner > * {
    width: 100%;
  }
  #main-carbon .cont {
    padding-left: 0;
    color: #fff; 
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5vw;
    border-radius: 5vw;
    z-index: 1;
  }
  #main-carbon .cont .tit {
    font-size: 54px;
    font-size: 7.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main-carbon .cont .txt1 {
    font-size: 39px;
    font-size: 5.2vw;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #main-carbon .cont .txt2 {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
    
  #main-carbon .cont ul {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #main-carbon .cont ul li {
    border-bottom: 0;
    width: 100%;
    border-bottom: 2px solid transparent;
  }
  #main-carbon .cont ul li.active {
    border-color: #26a4ec;
  }
  #main-carbon .cont ul li + li {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  #main-carbon .cont ul li a {
    height: auto;
  }
  #main-carbon .cont ul li a:after {
    display: none;
  }
  #main-carbon .cont ul li .t {
    font-size: 5vw; 
    height: auto;
    color: #fff;
  }
    
  #main-carbon .video {
    position: static;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    height: 540px;
    height: 72vw;
  }

/* 250701 esg 섹션 삭제로 인한 주석 처리
  #main-esg .title {
    font-size: 54px;
    font-size: 7.2vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #main-esg .row {
    flex-direction: column;
  }
  #main-esg .row > div a {
    flex-direction: row;
    background-color: transparent;
    align-items: center;
  }
  #main-esg .row > div .img > div {
    width: 250px;
    width: 33.33333333vw;
  }
  #main-esg .row > div .dec {
    padding: 0;
    padding-left: 40px;
    padding-left: 5.33333333vw;
	border: none;
  }
  #main-esg .row > div .dec .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #main-esg .row > div .dec .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    display: none;
  }
  #main-esg .row > ul {
    padding-left: 0;
    padding-top: 30px;
    padding-top: 4vw;
    margin-top: 30px;
    margin-top: 4vw;
    flex-direction: column;
  }
	#main-esg .row > ul > li{
		width: 100%;
	}
  #main-esg .row > ul > li + li {
    padding-top: 30px;
    padding-top: 4vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  #main-esg .row > ul .img > div {
    width: 250px;
    width: 33.33333333vw;
    height: 0;
    padding-top: 47.25%;
  }
  #main-esg .row > ul .dec {
    padding-left: 40px;
    padding-left: 5.33333333vw;
  }
  #main-esg .row > ul .dec .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #main-esg .row > ul .dec .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
    display: none;
  }
*/
	#main-news{
		height: auto;
	}
  #main-news .title {
    font-size: 54px;
    font-size: 7.2vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #main-news .viewMore {
    font-size: 22px;
    font-size: 2.93333333vw;
    top: -120px;
    top: -16vw;
  }
  #main-news .tab {
    overflow-x: auto;
    padding-right: 0;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #main-news .tab li {
    margin-right: 10px;
    margin-right: 1.33333333vw;
  }
  #main-news .tab li a {
    font-size: 22px;
    font-size: 2.93333333vw;
    min-width: 150px;
    min-width: 20vw;
    height: 60px;
    height: 8vw;
  }
  #main-news .list {
    margin-left: -20px;
    margin-left: -2.66666667vw;
  }
  #main-news .list > li {
    width: 100%;
    padding-left: 20px;
    padding-left: 2.66666667vw;
  }
  #main-news .list > li a {
    width: 425px;
    width: 56.66666667vw;
  }
  #main-news .list > li a .dec {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
  }
  #main-news .list > li a .dec .cate {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #main-news .list > li a .dec .tit {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 13.33333333vw;
  }
  #main-news .list > li a .dec .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  [id*='carbon_'] > .inner {
    padding: 120px 0px;
    padding: 16vw 0vw;
  }
  #carbon_kv .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #carbon_kv .txt {
    font-size: 65px;
    font-size: 8.66666667vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #carbon_about > .inner {
    flex-direction: column;
  }
  #carbon_about > .inner > .img {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #carbon_about > .inner > .img img {
    width: 400px;
    width: 53.33333333vw;
  }
  #carbon_about .tit {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_about .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #carbon_accelerate .title {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
    line-height: 1.25;
  }
  #carbon_accelerate .txt1 {
      margin-bottom: 6.66666667vw;
      font-size: 3.46666667vw
  }
  #carbon_accelerate .cont {
    flex-direction: column;
  }
  #carbon_accelerate .cont .num {
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
    flex-direction: column;
  }
  /* #carbon_accelerate .cont .num dl dd {
    font-size: 30px;
    font-size: 4vw;
  }
  #carbon_accelerate .cont .num dl dd span {
    display: inline-block;
    font-size: 100px;
    font-size: 13.33333333vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  #carbon_accelerate .cont .num dl dd small {
    font-size: 50px;
    font-size: 6.66666667vw;
  } */
  #carbon_accelerate .cont .txt2 {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #carbon_accelerate .cont .txt2 span {
      font-size: 2.93333333vw;
  }
  #carbon_accelerate .secText {
      font-size: 5vw;
  }
  #carbon_accelerate .tit {
      margin: 150px 0 80px;
      margin: 15vw 0 13vw;
  }
  #carbon_accelerate .tit .t1 {
    font-size: 30px;
    font-size: 4vw;
  }
  #carbon_accelerate .tit .t2 {
    margin-bottom: 5.33333333vw;;
    font-size: 24px;
    font-size: 3.2vw;
  }
  #carbon_risk .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_risk .risk_list > li {
    flex-direction: column !important;
  }
  #carbon_risk .risk_list > li + li {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #carbon_risk .risk_list > li > * {
    width: 100%;
  }
  #carbon_risk .risk_list > li .dec {
    padding: 0;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_risk .risk_list > li .dec .tit {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #carbon_risk .risk_list > li .dec .txt {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #carbon_risk2 .risk_list > li .dec .tit {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #carbon_risk2 .table .head {
    display: none;
  }
  #carbon_risk2 .table .body ul li {
    flex-direction: column;
  }
  #carbon_risk2 .table .body ul li + li {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #carbon_risk2 .table .body ul li > div {
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-left: 0;
    width: 100%;
    margin-top: 80px;
    margin-top: 10.66666667vw;
    padding: 40px;
    padding: 5.33333333vw;
  }
  #carbon_risk2 .table .body ul li > div:before {
    top: auto;
    bottom: 100%;
    right: auto;
    left: 50%;
    transform: rotate(45deg);
    margin: 0;
    margin-bottom: 30px;
    margin-bottom: 4vw;
    margin-left: -5px;
  }
  #carbon_risk2 .table .body ul li > div p {
    font-weight: 600;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  #carbon_risk2 .table .body dl {
    flex-direction: column;
    padding: 40px;
    padding: 5.33333333vw;
    box-sizing: border-box;
  }
  #carbon_risk2 .table .body dl dd {
    font-size: 25px;
    font-size: 3.33333333vw;
    width: 100%;
    padding: 0;
  }
  #carbon_risk2 .table .body dl dd + dd {
    margin-top: 30px;
    margin-top: 4vw;
  }
  #carbon_risk2 .table .body dl dd p {
    font-weight: 600;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  #carbon_risk2 .table .body dl dd.type {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
  }
  #carbon_risk2 .table .body dl dd.type p {
    margin-left: 20px;
    margin-left: 2.66666667vw;
  }
  #carbon_effort .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_effort .carbon_effort_mainPoint .subTitle {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
    #carbon_effort .carbon_effort_mainPoint .subTitle span {
        font-size: 3.46666667vw;
    }
  #carbon_effort .carbon_effort_mainPoint ul {
    overflow-x: auto;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li {
    width: 35vh;
    flex: none;
    margin-left: 50px;
    margin-left: 6.66666667vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .inner {
    height: 600px;
    height: 80vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .inner .bg:before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #carbon_effort .carbon_effort_mainPoint ul li .cont {
    padding: 50px;
    padding: 6.66666667vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .cont .dec {
    display: block;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .cont .txt {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .cont .more {
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  #carbon_effort .carbon_effort_mainPoint ul li .tit {
    font-size: 45px;
    font-size: 6vw;
  }
  #carbon_effort .carbon_effort_cont {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #carbon_effort .carbon_effort_cont .subTitle {
    font-size: 55px;
    font-size: 7.33333333vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_effort .carbon_effort_cont .secText {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #carbon_effort .carbon_effort_cont .tit {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  #carbon_guideline .secTitle {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_guideline .secText {
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  #carbon_guideline .guideBook {
    padding-left: 0;
  }
  #carbon_guideline .cont {
    flex-direction: column;
  }
  #carbon_guideline .download {
    margin-top: 70px;
    margin-top: 9.33333333vw;
  }
  #carbon_guideline .download .btn {
    width: 100%;
  }
  #carbon_news .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #carbon_news .more {
    top: 150px;
    top: 20vw;
  }
  #carbon_news .more a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #carbon_news ul {
    overflow-x: auto;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  #carbon_news ul .item {
    margin-left: 50px;
    margin-left: 6.66666667vw;
    width: 40vh;
    flex: none;
  }
  #carbon_news ul .item .dec {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
  }
  #carbon_news ul .item .cate {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #carbon_news ul .item .tit {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 12vw;
  }
  #carbon_news ul .item .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  [id*='hyrex_'] > .inner {
    padding: 120px 0px;
    padding: 16vw 0vw;
  }
  #hyrex_kv .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #hyrex_kv .txt {
    font-size: 65px;
    font-size: 8.66666667vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #hyrex_about > .inner > div {
    flex-direction: column;
  }
  #hyrex_about > .inner > div > .img {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #hyrex_about > .inner > div > .img img {
    width: 400px;
    width: 53.33333333vw;
  }
  #hyrex_about .tit {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #hyrex_about .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #hyrex_about .obj {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #hyrex_banner {
    height: 600px;
    height: 80vw;
    justify-content: flex-start;
  }
  #hyrex_banner > .inner {
    padding-top: 90px;
    padding-top: 12vw;
  }
  #hyrex_banner .tit {
    font-size: 70px;
    font-size: 9.33333333vw;
  }
  #hyrex_banner .txt {
    font-size: 30px;
    font-size: 4vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  #hyrex_compare .cont {
    flex-direction: column;
  }
  #hyrex_compare .cont .tit {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #hyrex_compare .cont .txt {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #hyrex_compare .obj {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #hyrex_tech .title {
    font-size: 34px;
    font-size: 4.53333333vw;
  }
  #hyrex_tech .text {
    font-size: 60px;
    font-size: 8vw;
  }
  #hyrex_tech ul {
    margin-top: 60px;
    margin-top: 8vw;
    flex-direction: column;
  }
  #hyrex_tech ul li + li {
    margin-left: 0;
    margin-top: 60px;
    margin-top: 8vw;
  }
  #hyrex_tech ul li .tit {
    font-size: 30px;
    font-size: 4vw;
    padding-top: 30px;
    padding-top: 4vw;
  }
  #hyrex_tech ul li .txt {
    font-size: 24px;
    font-size: 3.2vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  #hyrex_video .text {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #hyrex_video .video a:before {
    width: 150px;
    width: 20vw;
    height: 150px;
    height: 20vw;
  }
  #hyrex_plan .secTitle {
    font-size: 60px;
    font-size: 8vw;
  }
  #hyrex_plan * + .secTitle {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #hyrex_plan .secObj {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #hyrex_news .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #hyrex_news .more {
    top: 150px;
    top: 20vw;
  }
  #hyrex_news .more a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #hyrex_news ul {
    overflow-x: auto;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  #hyrex_news ul .item {
    margin-left: 50px;
    margin-left: 6.66666667vw;
    width: 40vh;
    flex: none;
  }
  #hyrex_news ul .item .dec {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #hyrex_news ul .item .cate {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #hyrex_news ul .item .tit {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 13.33333333vw;
  }
  #hyrex_news ul .item .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #hyrex_brochure > .inner {
    flex-direction: column;
  }
  #hyrex_brochure .cont .title {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #hyrex_brochure .img {
    padding-right: 0;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #hyrex_brochure .cont ul li .tit {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #hyrex_brochure .cont ul li .txt {
    font-size: 30px;
    font-size: 4vw;
  }
  #hyrex_brochure .cont .more .btn {
    width: 100%;
  }
  [id*='greenate_'] > .inner {
    padding: 120px 0px;
    padding: 16vw 0vw;
  }

  .spot_menu {
    margin-top: 0;
    top: 16vw;
  }
  .spot_menu > .inner > ul {
    padding-top: 0;
    width: 100%;
  }
  .spot_menu > .inner > ul > li {
    width: 100%;
    margin-right: 0;
  }
  .spot_menu > .inner > ul > li:not(:last-child) {
    display: none;
  }
  .spot_menu > .inner > ul > li > a {
    width: 100%;
  }
  .reservation_info {
    flex-direction: column;
    padding: 40px 60px;
    padding: 5.33333333vw 8vw;
  }
  .reservation_info .ico {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  .reservation_info .info dl {
    flex-direction: column;
  }
  #tab_area1 {
    margin: 0 auto;
    width: 90%;
  }
  .terms h4 {
    font-size: 36px;
    font-size: 4.8vw;
    padding-top: 60px;
    padding-top: 8vw;
  }
  .terms h5 {
    font-size: 15px;
    padding-top: 40px;}
    
  .terms p {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .terms .list-style03 {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .terms .list-style01 > li {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .terms .list-style02 > li {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .terms .list-style03 > li {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .terms .list-style04 > li {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #siteMap ul.depth_n1 > li {
    flex-direction: column;
  }
  #siteMap ul.depth_n1 > li > .tit {
    width: 100%;
  }
  #siteMap ul.depth_n2 {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #siteMap ul.depth_n2 > li {
    width: 50%;
  }

  /* 230405 기업시민 페이지 추가 */
/*
  #cc_sec_01 > .inner {flex-direction: column;}
  [id*='cc_sec_'] .tit {font-size: 8vw; line-height: 1.25;}
  [id*='cc_sec_'] .tit br.mobile {display: none;}
  #cc_sec_01 .txt {font-size: 3.46666667vw; margin-top: 6.66666667vw;}
  #cc_sec_01 > .inner .img { margin-top: 8vw; text-align: center;}
  #cc_sec_02 .secTxt {margin-top: 8vw;}
  #cc_sec_02 .secTxt p {font-size: 4vw; width: 100%; text-align: center; padding: 10px 0;line-height: 1.25;}
  #cc_sec_02 .secTxt p br{display: block;}
  [id*='cc_sec_'] .citizen_m_img {display: block; margin: 5.33333vw auto 0;}
  .cont.list .listCon.circle {display: none;}
  .cont.list .listTit {font-size: 4vw;}
  .cont.list .listCon{margin-top: 6.66666667vw;}
  .cont.list .listCon .item {width: 100%; float: none; margin: 40px 0 0 0!important;}
  .cont.list .listCon .item p{font-size: 3.33333333vw;}
  .cont.list .listCon .item a.more {font-size: 3vw;}
*/

  /* 230414 greenate 페이지 추가 */
  #greenate_kv{
    justify-content: flex-end;
  }
  #greenate_kv > .inner{
    padding-top: 0;
    padding-bottom: 13vw;
  }
  #greenate_kv .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #greenate_kv .txt {
    font-size: 65px;
    font-size: 8vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #greenate_future .inner > h5 {
    font-size: 20px;
  }
  #greenate_kv .tit {
    font-size: 30px;
    font-size: 4vw;
  }
  #greenate_kv .txt {
    font-size: 65px;
    font-size: 8vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #greenate_about > .inner {
    flex-direction: column;
    gap: 8vw;
  }
  #greenate_about > .inner > div > .img {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #greenate_about > .inner > div > .img img {
    width: 400px;
    width: 53.33333333vw;
  }
  #greenate_about .tit {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #greenate_about .txt {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #greenate_about .obj {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #greenate_about > .inner > div {
    flex-direction: column;
  }
  #greenate_about > .inner > div > .img {
    margin-top: 60px;
    margin-top: 8vw;
  }
  #greenate_about > .inner > div > .img img {
    width: 400px;
    width: 53.33333333vw;
  }
  #greenate_about .tit {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #greenate_about .txt {
    font-size: 26px;
    font-size: 3.2vw;
  }
  #greenate_about .obj {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #greenate_brands .inner > h4.title {
    font-size: 5vw;
    margin-bottom: 3vw;
  }
  #greenate_brands .inner > p {
    font-size: 3.2vw;

  }
  #greenate_brands .sub_brand_sec .sub_brand_wrap {
    width: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    margin-top: 3vw;
    align-items: center;
  }
  #greenate_brands .sub_brand_sec .greenate_main_logo {
    width: 80%;
    height: 0;
    padding-bottom: 17.7%;
    background-size: cover;
    display: flex;
  }
  #greenate_brands .sub_brand_sec .sub_brand_wrap >div {
    width: 80%!important;
    display: flex;
  }
  #greenate_brands .sub_brand_sec .sub_brand_wrap .greenate_tech {
    margin-top: 15px;
  }
  #greenate_brands .sub_brand_sec .sub_brand_wrap >div img{
    width: 100%;
  }
  #greenate_brands .sub_brand_sec .sub_brand_wrap >div:last-child {
    display: none;
  }
  #greenate_future .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #greenate_future .inner > p {font-size: 3.2vw;}
  #greenate_future .risk_list > li {
    flex-direction: column !important;
  }
  #greenate_future .risk_list > li + li {
    margin-top: 100px;
    margin-top: 13.33333333vw;
  }
  #greenate_future .risk_list > li > * {
    width: 100%;
  }
  #greenate_future .risk_list > li .dec {
    padding: 0;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #greenate_future .risk_list > li .dec .tit {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  #greenate_future .risk_list > li .dec .txt {
    font-size: 22px;
    font-size: 3.2vw;
  }
  #greenate_future .risk_list > li .img img {
    width: 100%;
  }
  #greenate_planet {
    height: 600px;
    height: 80vw;
    justify-content: flex-start;
  }
  #greenate_planet > .inner {
    padding-top: 90px;
    padding-top: 5vw;
  }
  #greenate_planet .tit {
    font-size: 70px;
    font-size: 9.33333333vw;
    margin-top: 5vw;
  }
  #greenate_planet .txt {
    font-size: 30px;
    font-size: 3vw;
    line-height: 1.7;
    margin-top: 30px;
    margin-top: 4vw;
  }
  #greenate_news .secTitle {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #greenate_news .more {
    top: 150px;
    top: 20vw;
  }
  #greenate_news .more a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #greenate_news ul {
    overflow-x: auto;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  #greenate_news ul .item {
    margin-left: 50px;
    margin-left: 6.66666667vw;
    width: 40vh;
    flex: none;
  }
  #greenate_news ul .item .dec {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #greenate_news ul .item .cate {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #greenate_news ul .item .tit {
    font-size: 30px;
    font-size: 4vw;
    height: 121px;
    height: 16vw;

  }
  #greenate_news ul .item .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #greenate_video .text {
    font-size: 30px;
    margin-bottom: 0;
  }
  .wrap_pin {
    display: flex;
  }
  .wrap_pin .top > .box{
    width: 340px;
    min-width: 300px;
    margin-left: 20px;
  }
	
	/* 230906 기업시민 신규 페이지 */
  #citizen_kv .tit .t2.small, #citizen_kv .tit .t2 { font-size: 5.6vw;}
  
  #cc_sec_02 .inner .cont.line,
  #cc_sec_02 .inner .cont.blue{padding: 40px 30px; border-radius: 30px; }
  #cc_sec_02 .inner .cont_wrap { flex-direction: column; gap: 10px; font-size: 3.33333333vw;}
  #cc_sec_02 .inner .cont .cont_tit {font-size: 4.5vw;}
  #cc_sec_02 .inner .cont .cont_txt {font-size:3.33333333vw; line-height: 1.875;}
  #cc_sec_02 .inner .icon_wrap {
    width: 80px;
    height: 80px;
    background-size: 55px auto !important;
  }
  #cc_sec_03 dt {font-size: 4vw;width: 100%;}
  #cc_sec_02 .box_tit .icon{width: 45px; height: 45px; background-size: 45px;}
  
  #cc_sec_02 .box_tit {padding-left: 0; font-size: 4.26666667vw; gap: 10px;}
  #cc_sec_03 .listTxt {font-size: 5vw;}

  #cc_sec_03 dl{flex-direction: column; }
  #cc_sec_03 dl.top dd{display:block; background: none; font-size: 6.9vw;height: auto; line-height: 1;}
  #cc_sec_03 dl.top dd span{font-size: 6.9vw;}

  #cc_sec_03 dl.case01 dd {padding: 10px 0;}
  #cc_sec_03 dl.case01 dd .img{ font-size: 6.8vw;padding-left: 42px;margin-left: 0; }
  #cc_sec_03 dl.case01 dd .img::before { width: 35px;
    height: 35px;
    background-size: 35px;
    left: 6px;
    top: 0;
  }
  #citizen_Charter .text {font-size: 5vw;}
  #citizen_Charter .tab_box li {width: 20.5vw; margin-right: 5px;}
  #citizen_Charter li.tab_on { margin-right: -20px; width: 25vw;}
  #citizen_Charter li a p {font-size: 4vw}
  #citizen_Charter .tab_cont_wrap .tab_topbox,
  #citizen_Charter .tab_cont_wrap .tab_cont1 .tab_topbox {margin-top: -2px; font-size: 3.33333333vw; padding: 7vh 7vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox {flex-direction: column;}
  #citizen_Charter .tab_cont_wrap .tab_botbox .boxHead {width: 100%;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul {gap: 3vw; flex-direction: column;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul span {transform: rotate(90deg);}
  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul .circle {flex: none; font-size: 4vw;}

  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul .circle.circle_01 {width: 35vw; height: 35vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul .circle.circle_02 {width: 40vw; height: 40vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody ul .circle.circle_03 {width: 45vw; height: 45vw;}

  #citizen_Charter .tab_cont_wrap .tab_botbox .boxBody > p {font-size: 4.26666667vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .bluebox, 
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .greybox {padding: 20px; height: auto; min-height: 100px; gap: 20px;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .bluebox p, 
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .greybox p {font-size: 3.33333333vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .bluebox span, 
  #citizen_Charter .tab_cont_wrap .tab_botbox.sec .boxBody .greybox span {text-align: center;}
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box .box_tit,
  #citizen_Charter .tab_cont_wrap .tab_topbox .list_tit {font-size: 5vw;}
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box {flex-direction: column;     align-items: flex-start; padding: 3vh 5vw;}
  #citizen_Charter .tab_cont_wrap .tab_cont2 .tab_topbox .inner_box .icon,
  #citizen_Charter .tab_cont_wrap .tab_cont3 .tab_topbox .inner_box .icon,
  #citizen_Charter .tab_cont_wrap .tab_cont4 .tab_topbox .inner_box .icon {background-size: 70%; width: 25vw; height: 25vw;}
  
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box .box_txt {font-size: 3.33333333vw;}
  #citizen_Charter .tab_cont_wrap .tab_cont4 .tab_blockbox.type02 .big_block span.small,
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box span.small {font-size: 2.1vw;}

  #citizen_Charter .tab_cont_wrap .tab_botbox .boxHead {margin-bottom: 10px; font-size: 4vw;}
  #citizen_Charter .tab_cont_wrap .tab_botbox .boxHead h4 {font-size: 4.26666667vw;}

  #citizen_Charter .tab_cont_wrap .tab_botbox.thir .boxBody .bluebox span,
  #citizen_Charter .tab_cont_wrap .tab_blockbox .tit_block {font-size: 5vw; padding: 3vh 0;}
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set {flex-direction: column;}
  /* #citizen_Charter .tab_cont_wrap .tab_cont3 .tab_blockbox .block_set {flex-direction: row;} */
  #citizen_Charter .tab_cont_wrap .tab_cont3 .tab_blockbox.type02 .block_set div {height: 150px;}
  #citizen_Charter .tab_cont_wrap .tab_cont3 .tab_blockbox .block_set span.line {height: 30px; width: 6px;}
  #citizen_Charter .tab_cont_wrap .tab_cont3 .tab_blockbox .block_set.single div p {font-size: 3.33333333vw;}
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set .cellTit {font-size: 4vw;}

  #citizen_Charter .tab_cont_wrap .tab_blockbox .big_block {padding: 3vh 5vw; font-size: 3.33333333vw; }
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set,
  #citizen_Charter .tab_cont_wrap .tab_blockbox.type02 .block_set {gap: 5px;}
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set div {padding: 0 8vw; height: 150px; width: 100%; box-sizing: border-box; justify-content: center;}
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set .cellTxt{ font-size: 3.33333333vw; margin-top: 10px;}

  #citizen_Charter .tab_cont_wrap .tab_cont2 .tab_blockbox {margin-top: 5vh;}
  #citizen_Charter .tab_cont_wrap .tab_blockbox .block_set span.plus,
  #citizen_Charter .tab_cont_wrap span.cir_arrow_blue {width: 10vw; height: 10vw;}
  #citizen_Charter .tab_cont_wrap span.cir_arrow_blue {width: 10vw; height: 10vw; margin-top: 7vh;}

  .citizen_box_in p{font-size: 3.33333333vw;}
  #citizen_venture .citizen_box_in p,.citizen_box_in.type2 p{text-align: left;}
  .citizen_boxlist li:last-child {margin-top: 20px;}
  
  #citizen_beyond .citizen_boxlist ul:last-child {margin-top: 10px;}
  #citizen_volunteer .citizen_boxlist li:last-child,
  #citizen_futuregen .citizen_boxlist li:last-child,
  #citizen_lowbirth .citizen_boxlist li:last-child,
  #citizen_beyond .citizen_boxlist li:last-child {margin-top: 0px;}
  

  .tab_box > li a {font-size: 3.33333333vw;}
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box div.popup {width: 80%;}

  #cc_sec_03 dl.case02 dd>ul {flex-direction: column; gap: 5px;}
  #cc_sec_03 dl.case02 dd>ul>li {border-radius: 10px; padding: 20px 0; justify-content: space-between; gap: 0;}
  #cc_sec_03 dl.case02 dd>ul>li.case {border-radius: 30px;}
  #cc_sec_03 dl.case02 dd>ul>li p {font-size: 2vw; min-height: auto;}
  #cc_sec_03 dl.case02 dd>ul>li p strong {font-size: 4.5vw;}
  #cc_sec_03 dl.case02 dd>ul>li.case span {font-size: 4.7vw;}
  #cc_sec_03 dl.case02 dd>ul>li ul { margin-top: 10px; box-sizing: border-box; padding: 0 20px; }
  #cc_sec_03 dl.case02 dd>ul>li li { font-size: 3.33333333vw;}
  #cc_sec_03 dl.case02 dd>ul>li li:before {top: 8px;}
  #cc_sec_03 dl.case02 dd>ul>li.case span::before { width: 40px; height: 40px; background-size: 25px; margin-bottom: 10px;}
  #cc_sec_03 dl.case02 dd>ul>li.case span::before { width: 40px; height: 40px; background-size: 25px; margin-bottom: 10px;}
  
  /* 230602 기업시민 ccms추가 */
  #ccms_overview .inner_box .box_tit,
  #citizen_Charter .list_tit {font-size: 5vw;}
  #ccms_overview .inner_box {flex-direction: column; align-items: flex-start; padding: 5vw; border-radius: 30px;}
  #ccms_overview .inner_box .inner_box_cell {flex-direction: column; align-items: flex-start; gap: 20px;}
  #ccms_overview .inner_box .icon,
  #ccms_overview .inner_box .icon,
  #ccms_overview .inner_box .icon {background-size: 70%; width: 25vw; height: 25vw;}
  
  #ccms_overview .inner_box .box_txt {font-size: 3.33333333vw;}

  #ccms_direction .secText>p {margin-bottom: 30px;}
  #ccms_direction .secText dt {line-height: 40px; padding: 10px; border-radius: 10px; font-size: 4.26666667vw; box-sizing: border-box;}
  #ccms_direction .secText dt::before {width: 25px; height: 17px; margin: 0 10px 0 15px;}
  #ccms_direction .secText dt.society::before {height: 21px;}
  #ccms_direction .secText dt.people::before {height: 18px;}
  #ccms_direction .secText dd {margin: 10px 0 25px; padding: 5vw; border-radius: 10px;}
  #ccms_direction .secText dd li {margin-bottom: 20px; font-size: 3.33333333vw;}
  #ccms_direction .secText dd li strong {font-size: 4vw;}
  #ccms_direction .secText .block_wrap {flex-direction: column;}
  #ccms_direction .secText dl.block dd {height: auto;}
  #ccms_direction .secText dd ul:not(.first) li:last-child {margin-bottom: 0;}
  #ccms_direction .secText dd li::before {width: 40px; height: 40px; background-size: 40px auto;}
  #ccms_direction .secText dd li:nth-of-type(2)::before {background-position: 0 -40px;}
  #ccms_direction .secText dd li:nth-of-type(3)::before {background-position: 0 -80px;}
  #ccms_direction .secText dd li:nth-of-type(4)::before {background-position: 0 -120px;}
  #ccms_direction .secText dd li:nth-of-type(5)::before {background-position: 0 -160px;}
  #ccms_direction .secText dd li:nth-of-type(6)::before {background-position: 0 -200px;}
  
  #ccms_direction .secText dd ul:nth-of-type(2) li:nth-of-type(1)::before {background-position: 0 -517px;}
  #ccms_direction .secText dd ul:nth-of-type(2) li:nth-of-type(2)::before {background-position: 0 -240px;}
  #ccms_direction .secText dd ul:nth-of-type(2) li:nth-of-type(3)::before {background-position: 0 -280px;}
  #ccms_direction .secText dd ul:nth-of-type(2) li:nth-of-type(4)::before {background-position: 0 -320px;}
  #ccms_direction .secText dd ul:nth-of-type(2) li:nth-of-type(5)::before {background-position: -1px -556px;}
  #ccms_direction .secText dd.society li:nth-of-type(1)::before {background-position: 0 -360px;}
  #ccms_direction .secText dd.society li:nth-of-type(2)::before {background-position: 0 -400px;}
  #ccms_direction .secText dd.people li:nth-of-type(1)::before {background-position: 0 -440px;}
  #ccms_direction .secText dd.people li:nth-of-type(2)::before {background-position: 0 -486px;}

  #ccms_direction .secText section {padding: 15px; text-align: justify; border-radius: 10px;}
  #ccms_direction .secText section p:nth-of-type(1) {margin-bottom: 20px;}
  #ccms_direction .secText dd.business{display: block;}
  #ccms_direction .secText dd.business ul:last-child{margin-top: 20px;}
  #ccms_direction .secText .society,
  #ccms_direction .secText dd.society,
  #ccms_direction .secText .people,
  #ccms_direction .secText dd.people {position: static; width: 100%;margin-left: 0;}
  .down_btn {font-size: 3.33333333vw;}
  #ccms_summary .secText { padding: 5vw; background: url(/docs/kor7/jsp/resources/images/esg/citizens/ccms_deco.png) 95% 95% no-repeat #eee; font-size: 3.33333333vw;}
  #ccms_summary .secText .down_btn{max-width: 60%;}
	
  #cc_sec_03 dl dd.gap {gap: 15px; padding: 10px; box-sizing: border-box; }
  #cc_sec_03 dl dd > p {font-size: 4vw; text-align: center; }
  #cc_sec_03 dl dd > span, #cc_sec_03 dl dd > strong, 
  #cc_sec_03 dl dd p > span,
  #cc_sec_03 dl dd.gap span {font-size: 4.5vw;}
	
	 /* 230906 기업시민 페이지 추가 */
  #cc_sec_01 > .inner {flex-direction: column;}
  
  [id*='cc_sec_'] .tit.small, [id*='cc_sec_'] .tit {font-size: 8vw; line-height: 1.25;}
  [id*='cc_sec_'] .tit br.mobile {display: none;}
  #cc_sec_01 .txt,
  #cc_sec_02 .txt {font-size: 3.46666667vw; margin-top: 6.66666667vw;}
  #cc_sec_01 > .inner .img { margin-top: 8vw; text-align: center;}
  #cc_sec_02 .secTxt {margin-top: 8vw;}
  #cc_sec_02 .secTxt p {font-size: 4vw; width: 100%; text-align: center; padding: 10px 0;line-height: 1.25;}
  #cc_sec_02 .secTxt p br{display: block;}
  [id*='cc_sec_'] .citizen_m_img {display: block; margin: 5.33333vw auto 0;}
  .cont.list .listCon.circle {display: none;}
  .cont.list .listTit {font-size: 4vw;}
  .cont.list .listCon{margin-top: 6.66666667vw;}
  .cont.list .listCon .item {width: 100%; float: none; margin: 40px 0 0 0!important;}
  .cont.list .listCon .item p{font-size: 3.33333333vw;}
  .cont.list .listCon .item a.more {font-size: 3vw;} 
    /* 230612 기업시민 아카이브 추가 */
    #cc_sec_archive03 .item .cont {padding: 35px 40px; padding: 8vw 10vw; }
    #cc_sec_archive03 .item .cont .cate {margin-bottom: 0; font-size:16px; font-size: 1em; }
    #cc_sec_archive03 .item .cont .h1 {height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em; }
    #cc_sec_archive03 .lst-thumb.col3 > *{margin: 0;}
    #cc_sec_archive03 .item .cont {padding: 35px 40px; padding: 8vw 10vw; }
    #cc_sec_archive03 .item .cont .cate {margin-bottom: 0; font-size:16px; font-size: 1em; }
    #cc_sec_archive03 .item .cont .h1 {height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em; }
    #cc_sec_archive02 .swiper-container, #cc_sec_archive02 .banner  {width: 70vw;margin-left: 0;}
  
    #cc_sec_archive02 .inr-c2{ align-items: flex-end;}
    #cc_sec_archive02 .inr-c2 .news_bg {height: 70%; width: 100%;}
    #cc_sec_archive02 .content .item .txt,
    #cc_sec_archive02 .content .item .cate,
    #cc_sec_archive02 .content .item .btn{ font-size: 3.33333333vw;}
    #cc_sec_archive02 .content .item .tit {font-size: 6vw;}
    #cc_sec_archive02 .controller .pageing button{width: 10vw; height: 10vw; font-size: 4vw;}
    #cc_sec_archive02 .inr-c2 {padding: 7vh 0 0 0;flex-direction: column;}
    #cc_sec_archive02 .content {padding: 0 10vw; width: 100%;}
    #cc_sec_archive02 .swiper-container .item{height: 60vw;}
    #cc_sec_archive02 .controller {margin-top: -11vw;}
    #cc_sec_archive02 .controller .pageing{width: auto; gap: 20px;}


  /* 5대브랜드 추가 230605 */
  #citizen_popup_top{flex-direction: column; gap: 20px; }
  #citizen_popup_top .ctype3{font-size: 3.333333333vw; }
  #citizen_popup_top .top_txt {font-size: 3.33333333vw;}

  
  /* green with posco */
  #citizen_zeronet .content1 .inner { display: block!important;}
  #citizen_zeronet .content1 .obj { width: 100%; margin-bottom: 10px;}
  #citizen_zeronet .content1 .content > li {align-items: flex-start; flex-direction: column;}
  #citizen_zeronet .content1 .content > li .icon{width: 19%;}
	#citizen_zeronet .content1 .content > li + li {margin-top: 30px;}
  #citizen_zeronet .content1 .content{width: 100%;}
  #citizen_zeronet .content1 .content > li:nth-child(even) {padding-left: 0;}
  #citizen_zeronet .content1 .content > li .tit{width: auto; text-align: left;}
  #citizen_zeronet .content1 .content > li .tit .t1 {width: 100%; font-size: 4.26666667vw;}
  #citizen_zeronet .content1 .content > li .tit .t2 {font-size: 3.33333333vw;}
  #citizen_zeronet .content1 .content > li .arr {/*width: 10vw;*/ display: none;}
  #citizen_zeronet .content1 .content > li .arr > img {width: 2.4vw;}
  #citizen_zeronet .content1 .content > li .text {width: 100%; font-size: 3.33333333vw; line-height: 1.7em;}

  .modal_header .greenate_tit {flex-direction: column; gap: 0;}
  #citizen_greenate .content li{flex-direction: column; align-items: flex-start; gap: 10px;}
  #citizen_greenate .content li .tit {font-size: 4.26666667vw;}
  #citizen_greenate .content li .text {font-size: 3.33333333vw;}

  #citizen_video .text {
    font-size: 60px;
    font-size: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  #citizen_video .video a:before {
    width: 150px;
    width: 20vw;
    height: 150px;
    height: 20vw;
  }
  .citizen_boxlist {padding: 7vw;}
  .citizen_boxlist_in,
  .citizen_box {flex-direction: column; text-align: center; font-size: 3.33333333vw;}
  .citizen_boxlist_in{gap: 10px; margin-top: 20px;}
  .citizen_box span{flex-direction: column; text-align: center; font-size: 4vw;}
  #citizen_venture .citizen_box_in div,.citizen_boxlist_in.type2 div {height: auto; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 5vw;}
  
  #esg_latest_news > .inner {
    padding-top: 120px;
    padding-top: 16vw;
    padding-bottom: 200px;
    padding-bottom: 26.66666667vw;
  }
  #esg_latest_news .esg_article_title {
    font-size: 50px;
    font-size: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  #esg_latest_news .esg_article_more {
    top: 125px;
    top: 16.66666667vw;
    font-size: 28px;
    font-size: 3.73333333vw;
  }
  #esg_latest_news .esg_article_list {
    overflow-x: auto;
    margin: -35px;
    margin: -4.66666667vw;
  }
  #esg_latest_news .esg_article_list > li {
    width: 80vw;
    flex: none;
    padding: 35px;
    padding: 4.66666667vw;
  }
  #esg_latest_news .esg_article_list .article .tit {
    font-size: 36px;
    font-size: 4.8vw;
    height: 155px;
    height: 20.66666667vw;
  }
  #esg_latest_news .esg_article_list .article .date {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  #esg_latest_news .esg_article_list .article .img {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .report_links {
    margin-top: 50px;
    margin-top: 6.66666667vw;
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .report_links ul {
    flex-direction: column;
  }
  .report_links ul li {
    padding-left: 0;
    padding-right: 0;
  }
  .report_links ul li:first-child {
    padding-top: 0;
  }
  .report_links ul li:last-child {
    padding-bottom: 0;
  }
  .report_links ul li + li {
    border-left: 0;
    border-top: 1px solid #dadada;
  }
  .report_links ul li .tit {
    font-size: 32px;
    font-size: 4.26666667vw;
  }
  .report_links ul li .txt {
    font-size: 25px;
    font-size: 3.33333333vw;
  }
	#cc_sec_news03 .lst-thumb-type1 .item .t2 {
		font-size: 7.33333333vw;
	}
	#cc_sec_news03 .tit
	,#cc_sec_news01 .tit{
		font-size: 8vw;
	}
    #cc_sec_news01 > .inner {
        padding: 0 0 10.66666667vw;
    }
    #cc_sec_news02 > .inner {
        padding: 80px 0;
    }
  #cc_sec_news02 .more {
    top: 150px;
    top: 8.5vw;
  }
  #cc_sec_news02 .more a {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #cc_sec_news02 ul {
    overflow-x: auto;
    margin-left: -50px;
    margin-left: -6.66666667vw;
  }
  #cc_sec_news02 ul .item {
    margin-left: 50px;
    margin-left: 6.66666667vw;
    width: 40vh;
    flex: none;
  }
  #cc_sec_news02 ul .item .dec {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #cc_sec_news02 ul .item .tit {
    font-size: 30px;
    font-size: 4vw;
    height: 121px;
    height: 16vw;

  }
  #cc_sec_news02 ul .item .date {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #cc_sec_news03 > .inner{
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
  #cc_sec_news03 .lst-thumb-type1 > .item .lft {
    width: 100%;
  }
  #cc_sec_news03 .lst-thumb-type1 .item .t1 {
    margin-top: 4vw;
  }
  #cc_sec_news03 .lst-thumb-type1 .item .btn_txt1 {
    font-size: 1.1em;
  }
  #cc_sec_news03 .lst-thumb-type1 .item .btn_txt1 .circle {
    width: 9vw;
    height: 9vw;
  }
    
/*  230503 광양제철소 견학 팝업 게시   */
  #showimage .product_popup {
    width: 80%; 
    margin-left:-40%; 
    margin-top:-40%; 
  }
  #showimage .product_popup .popup_image {
    width: 100%;
  }
  #showimage .product_popup .popup_image img { 
    width: 100%; 
  }
  #showimage .product_popup .popup_txt { 
    width: 100%; 
  }
}