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

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

/* 1680 - 250102 content.css 에서 옮김 */
@media screen and (max-width: 1680px) {
   body.main #header{ height: 130px; }
   #header > .inner{ margin: 0 40px; height: 80px;}
   #header, #header .menu > ul, #header .menu > ul .mm{ height: 80px; }
   #header .menu > ul > li > a{ padding: 0 30px;  }
   #header .menu .depth2{ top: 79px; }
   #header .area_rgh .col.widh{padding-top: 17px;margin-right: 20px;}
   .menuOpen #header .area_rgh .col.member,
   .menuOpen #header .area_rgh .col.lang{display: block;margin-right: 25px;}
}

/* 1520 - 241227 content.css 에서 옮김 */
@media screen and (max-width: 1520px) {
.pr-mb-n{margin-bottom: 30px !important;}
.title0{font-size: 30px;}
.title1{font-size: 20px; margin-bottom: 30px; }
.title1.flex .i-txt{margin-top: 2px;}
.title1.flex .txt{width: 90%;}
.title2{font-size: 16px; margin-bottom: 5px; }
.title3{font-size: 20px; margin-bottom: 20px; }
.group_txt1{line-height: 1.75; word-break: keep-all;}
}


/* 1480 */
@media screen and (max-width: 1480px) {
    #cc_sec_archive02 .cont {
        width: 500px; 
        margin-right: 140px; 
        min-height: 500px; 
        position: relative; 
        z-index: 1; 
        min-width: auto;
    }
}

/* 1380 */
@media screen and (max-width: 1380px){
    #carbon_accelerate .cont .txt2 {
        padding-left: 20px;
    }
    #esg_subPage_list .item {
       padding: 70px 50px 50px; 
    }
    #footer .inr-c-s{ margin: 0 40px;}
	#media_sec_press01 .content{
		width: 40%;
	}
	#media_sec_press01 .content .item .tit{
		height: 7vw;
	}
	
	/*250204 추가 - 사장메시지*/
	#message_sec_01 .photo{
		left: 49%;
	}
	/*250204 추가 끝*/
}

/* 1280 */
@media screen and (max-width: 1280px) {
    #cc_sec_archive02 .swiper-container, #cc_sec_archive02 .banner {width:43vw;}
}
/* 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;
    }
    /* 230602 기업시민 ccms 반응형 추가 */
    #ccms_direction .secText dl.block dd {height: 300px;}
    #ccms_direction .secText dd li {font-size: 14px;}

    /* 230613 기업시민 아카이브 */
    #cc_sec_archive01{margin-top: 0px;}
    #cc_sec_archive02 .controller {
      margin-top: -7vw;
    }
}


/* 1170 */
@media screen and (max-width: 1170px){
	/* 홀딩스 ir 바로가기 */
   .holdings_direct, .steeln_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;
  }

  .steeln_direct .direct_msg {
    flex-direction: column;
    padding: 20px !important;
    width: 100%;
    box-sizing: border-box;
  }
  .steeln_direct .direct_msg .dir_btn{
    width: 100%;
  }
  .direct_msg .txt, .direct_msg .txt strong {
    font-size: 14px;
  }
	
  /* 230410 국내공시 */
  .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%;}
      
  /* 230613 개인정보처리방침 */
  #privacy .terms ul {font-size: 1em;}
  	
}


/* 1076 */
@media screen and (max-width: 1076px){
    #footer .menu_foot .area_rgh {
        margin-top: 3vw;
    }
    /* 230613 기업시민 아카이브 */
    #cc_sec_archive02 .inr-c2 {
      flex-direction: column;
      align-items: flex-start;
    }
    #cc_sec_archive02 .inr-c2 .news_bg {
      height: 70%;
      width: 80%;
    }
    #cc_sec_archive02 .content {
      height: 100%;
      box-sizing: border-box; 
      margin-bottom: 5vw;
      width: 80%;
      padding: 0 10%;
    }
    #cc_sec_archive02 .swiper-container, #cc_sec_archive02 .banner  {width: 60vw; margin-left: 15vw;}
	
	/*240328 보도자료 페이지 추가*/
	#media_sec_press01 .inr-c2 {
      flex-direction: column;
      align-items: flex-start;
    }
    #media_sec_press01 .inr-c2 .news_bg {
      height: 80%;
      width: 90%;
    }
    #media_sec_press01 .content {
      height: 100%;
      box-sizing: border-box; 
      margin-bottom: 5vw;
      width: 80%;
      padding: 0 10%;
    }
    #media_sec_press01 .swiper-container, #cc_sec_archive02 .banner  {
		width: 60vw; 
		margin-left: 15vw;
	}
	#media_sec_press01 .wrap_bbs_banner .swiper-container, 
	#media_sec_press01 .wrap_bbs_banner .banner {
		width: 90%; 
		margin-right: 7vh;
	}
	#media_sec_press02 .inner {
		flex-direction: column; 
		padding: 20px 0 0 0; 
		row-gap: 20px;
	}
	#media_sec_press02 .date_search,#media_sec_press02 .ta-r{
		width: 100%;
	}
	#media_sec_press02 .wrap_input1, #media_sec_press02 .wrap_input2 {
		width: 45%;
	}
	#media_sec_press02 input[type='date']{
		width: 100%; 
		box-sizing: border-box;
	}
	#media_sec_press01 .content .item .tit{
		height: 11vw;
	}
}

/* 850 - 250102 content.css에서 옮김 */
@media screen and (max-width:850px){ 
  #greenate_brands .sub_brand_sec .sub_brand_wrap {width: 100%;}
  #greenate_brands .sub_brand_sec .greenate_tech {margin-left: 0;}
  #greenate_brands .sub_brand_sec .sub_brand_wrap >div:first-child,
  #greenate_brands .sub_brand_sec .sub_brand_wrap >div:nth-child(2) {width: 50%;}
}

/* 840 - 241227 content.css에서 옮김 */
@media screen and (max-width: 840px) {
  .wrap_rollring4{}
  .wrap_rollring4 .inner_rolling4{}
  .wrap_rollring4 .inner_rolling4 .swiper-container{}
  .wrap_rollring4 .inner_rolling4 .swiper-container .swiper-wrapper{}
  .wrap_rollring4 .item{position:relative;box-sizing:border-box;background:rgba(255,255,255,0.9);}
  .wrap_rollring4 .item:nth-child(3n+1):after{display:none;}
  
  .wrap_rollring4 .item .cont{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;box-sizing:border-box;padding: 7vw 10vw;}
  .wrap_rollring4 .item .cont .p_cate{margin-bottom: 4vw;font-size: 4.4vw;}
  .wrap_rollring4 .item .cont .h1{overflow:hidden;height: 19vw;font-size: 6vw;font-weight: 600;letter-spacing: -0.04em;line-height: 9vw;color: #1c1c1c;}
  .wrap_rollring4 .item .cont .t1{margin-top: 5vw;overflow:hidden;height: 15vw;line-height: 7vw;letter-spacing: -0.03em;color: #888888;}
  .wrap_rollring4 .item .cont .date{margin-top: 5vw;}
  .wrap_rollring4 .item .cont .more{margin-top:70px;}
  .wrap_rollring4 .pageing .swiper-button-prev2,
  .wrap_rollring4 .pageing .swiper-button-next2{
    width: 10vw;
    height: 10vw;
    font-size: 4vw;
    margin-top: -5vw;
    cursor: pointer;
  }
  .wrap_rollring4 .pageing .swiper-button-prev2{left: -5vw;}
  .wrap_rollring4 .pageing .swiper-button-next2{right: 8vw;}
  .wrap_rollring4 .pageing .swiper-button-prev2:where(:hover, :focus),
  .wrap_rollring4 .pageing .swiper-button-next2:where(:hover, :focus){background:#e60012;}

}

/* 789 - 250102 content.css 에서 옮김 */
@media screen and (min-width:789px){ 
	#citizen_report_top ul.btn_list.mt10 li .btn {width:200px;}
}

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

@media screen and (max-width: 768px) {
  /**  용도불명 start  **/
  .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_banner {
    display: none;
  }
  .header_banner + #header {
    top: 0;
  }
	
  .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);
  }
	
	
  .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;
  }
    
  .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); }*/	
	
  .spot_sub {
    height: 540px;
    height: 72vw;
  }
  .spot_sub .h1 {
    margin-top: 120px;
    margin-top: 16vw;
    text-align: center;
    font-size: 60px;
    font-size: 8vw;
  }

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

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

  .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;
  }
		
  .head-type2 {
    margin-top: 60px;
    margin-top: 8vw;
  }
	
  .box-head1 .lft {
    margin-top: 60px;
    margin-top: 8vw;
    margin-bottom: 50px;
    margin-bottom: 6.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%;
  }
	
  .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;
  }
	
  /* 용도불명 end */
	
	
  /**  common start  **/
  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%;
  }
	
  .w50p {
    width: 100% !important;
  }
	
  /* 탭메뉴 스타일 start */
  .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;
  }

  .tab.ty6 > ul > li > a {
    font-size: 28px;
    font-size: 3.73333333vw;
    height: 80px;
    height: 10.66666667vw;
  }	
	
  .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;
  }
	
  .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;
  } 
	
  /* 탭메뉴 스타일 end */	
	
  /* 페이징 start */
  .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;
  }
	
  /*250102 content.css에서 옮김*/
  .pagenation {
    margin-top: 30px;
  }
  .pagenation li a,
  .pagenation li strong {
    width: 20px;
    height: 20px;
  }
  .pagenation li.first a,
  .pagenation li.prev a,
  .pagenation li.next a,
  .pagenation li.last a {
    width: 15px;
  }
  .pagenation li.first a .vm,
  .pagenation li.prev a .vm,
  .pagenation li.next a .vm,
  .pagenation li.last a .vm {
    font-size: 16px;
  }
  .pagenation li .vm {
    font-size: 12px;
  }
  .pagenation li.prev {
    margin-right: 5px;
  }
  .pagenation li.first {
    margin-left: 5px;
  }
	
  /*250102 content.css에서 옮김 끝*/
  /* 페이징 end */
	
  /* 리스트스타일 start */
  .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;
  }
	
  /* 리스트스타일 end */
	
  /* flex start */
  .d-flex {
    flex-direction: column;
    margin-top: 60px;
    margin-top: 8vw;
  }
  .d-flex > * {
    width: 100%;
  }
  .d-flex > * + * {
    margin-top: 60px;
    margin-top: 8vw;
  }
	
  /* flex end */	
	
  .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%;
  }	
	
  .title_1 {
    font-size: 55px;
    font-size: 7.33333333vw;
  }

  .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;
  }
	
  .box-textarea {
    padding: 7vw 5vw;
  }	
	
  .bg_type2 {
    padding: 80px 0px;
    padding: 10.66666667vw 0vw;
  }
	
  .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%;
  }		
	
  .txt-flex > * {
    flex: auto;
  }
  .area_select1 {
    width: 100%;
  }
  .area_select1 .w2 {
    min-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;
  }
  .inr-c4 {
    padding-left: 45px;
    padding-left: 6vw;
    padding-right: 45px;
    padding-right: 6vw;
  }
  .txt_label1 {
    font-size: 22px;
    font-size: 2.93333333vw;
  }	
	
  /**  common end  **/
	
	
  /**  HEADER start  **/
  #header {
    height: 120px;
    height: 16vw;
    border-bottom: 1px solid transparent;
	  z-index: 5;
  }
  #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.mediacenter .mc_search{
	top: 82px;
  }
  #header.mediacenter .logo > a.mc_logo{
	font-size: 4.45vw;
  }
	
  /**  HEADER end  **/
	
	
  /**  FOOTER start  **/
  /* 230410 신규 footer 스타일 적용 */
	#footer .inr-c-s{
      margin: 0 6vw; 
    }
	#footer .menu_foot{ 
      padding-top: 12vw; 
      padding-bottom: 35vw; 
    }
	#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: 2vw;
    }
    #footer .menu_foot .mn dd {
        margin-top: 2.6vw;
        font-size: 4vw;
    }
	#footer .menu_foot .menu_dp1.mn dd:first-child {
		margin-top: 0;
	}
	#footer .menu_foot .menu_dp1.mn dd {
		font-size: 5vw;
/*    	margin-bottom: 5vw;*/
		margin-top: 1vw;
	}
	#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 .mn2 dd:first-child {
      padding-top: 2vw;
    }    
	#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;
    }
	
   /*230810 웹접근성 스타일 추가*/
	#footer .menu_foot .waWrap {
		left:0;
		bottom: -71%;
	}
	
  /* 230410 푸터 스타일 수정으로 인한 기존 css 주석 처리
    
    #site-footer > .inner {
    padding: 55px 45px;
    padding: 7.33333333vw 6vw;
    padding-top: 180px;
    padding-top: 24vw;
  }
  .footer_top {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer_top .lft {
    flex-direction: column;
  }
  .footer_top .lft li {
    width: 100%;
    font-size: 26px;
    font-size: 3.46666667vw;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  .footer_top .lft li:after {
    display: none;
  }
  .footer_top .lft li + li {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .footer-sns {
    position: absolute;
    top: 55px;
    top: 7.33333333vw;
    right: 45px;
    right: 6vw;
  }
  .footer_bottom {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 60px;
    padding-top: 8vw;
  }
  .footer_bottom .logo {
    position: absolute;
    top: 70px;
    top: 9.33333333vw;
    left: 45px;
    left: 6vw;
    width: 129px;
    width: 17.2vw;
    height: 34px;
    height: 4.53333333vw;
  }
  .footer_bottom .address {
    margin-left: 0;
    font-size: 22px;
    font-size: 2.93333333vw;
  }
  .footer_bottom .rgh {
    flex-direction: column;
    margin-left: 0;
    margin-top: 30px;
    width: 100%;
  }
  .footer_bottom .rgh > * {
    margin-left: 0;
  }
  #site-footer .group_select {
    width: 100%;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  } 
    .footer_menu ul {
    justify-content: center;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .footer_menu ul > li > a {
    font-size: 32px;
    font-size: 4.26666667vw;
  }*/
	
  /**  FOOTER end  **/
    
	
  /**  메인 start  **/
  .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;
  }  
  /*230731 추가*/
  #main-visual .play{
    display: none;
  }
    
  .main-page-section > .inner {
    padding: 180px 0px;
    padding: 24vw 0vw;
  }
  #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 .inner{
	padding: 19.4444vw 0;
}
  #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 .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;
  }
	
  .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;
  }
	
  .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;
  }
	
  /**  메인 end  **/
	

  /**  로그인 start  **/
  #login_wrap .login_head .text {
  	font-size: 20px; 
  	font-size: 4vw;
  }
  #login_wrap .login_box .form {
  	padding: 50px;
  }
  #login_wrap .login_box .form .chk ul li a {
  	font-size: 13px;
  	font-size: 3.5vw;
  }
  #login_wrap .login_box .form .chk ul li + li:before {
  	display: none;
  }
  #login_wrap .login_box .form .button {
  	margin-top: 15px;
  }
  #login_wrap .login_box .form .button button {
  	height: 50px;
  	font-size: 15px;
  	font-size: 3.5vw;
  }
  #login_wrap .login_box .info{
  	padding: 30px;
  }
  #login_wrap .login_box .info ul li {
  	font-size: 14px;
  	font-size: 3.5vw;
  }
  
  /**  로그인 end  **/
  
  
  /**  회원가입 start  **/
  .wrap_pin {
    display: flex;
  }
  .wrap_pin .top > .box{
    width: 260px; /*230814 340px > 260px로 변경*/
    min-width: 240px; /*230814 300px > 240px로 변경*/
    margin-left: 20px;
    height: 360px;
  }
  .wrap_pin .top > .box .ipt_group .ipt {
  	height: 40px;
  }
  
  .wrap_join_top .step {
  	flex-wrap: wrap;
  	justify-content: flex-start;
  }
  .wrap_join_top .step > li {
  	font-size: 25px;
  	font-size: 6vw;
  	line-height: 1.75;
  }
  .join .bot .btns a.btn_down1 {
  	min-width: inherit;        
  }
  .wrap_from.join1 .w_2 {
  	width: 100%;
  	min-width: inherit;
  }
  .wrap_join_top .step > li .txt:after {
  	top: -7px;
  }
  .join .box-gray .btns a {margin: 10px;}
  
  .wrap_from > .inner {
    padding: 0;
  }
	
  /**  회원가입 end  **/
	
	
  /**  전체메뉴 start  **/  
  .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: 20;
  }
	form[name="searchForm"]{
		z-index: 4;
	}
  .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;
  }
  /* 230428 상단 언어/로그인 버튼 수정 */
  .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,
  .allMenu .menu > .inner > ul > a{
    width: 100%;
    padding: 0 4vw 0 12vw;
    margin: 4vw 0 0 0;
    box-sizing: border-box;
  }
  .allMenu .menu > .inner > ul > li:nth-child(2){
    width: 100%;
  }
  .allMenu .menu .n2 .product_menu{
    margin-top: 4vw; /* 240108 0에서 4vw로 수정 */
  }
  .allMenu .menu .n2 .product_menu a{
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm {
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  .allMenu .menu .mm.n6,
  .allMenu .menu .mm.n7{
	margin-top: 4vw;
  }
  .allMenu .menu .mm.n7{
    padding-top: 10px;
  }
	
  .allMenu .menu .mm > a,
  .allMenu .menu a.mo-view{
    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.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;
  }

  /* 기존 전체메뉴 스타일 주석처리 
  
  .allMenu {
    background-color: transparent;
    top: 0;
    height: 100%;
  }
  .allMenu .bg {
    display: none;
  }
  .allMenu .menu {
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    height: calc(100% - 32vw);
  }
  .allMenu .area_opt {
    display: none;
  }
  .allMenu {
    z-index: 6;
  }
  .allMenu .menuTop {
    display: block;
  }
  .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: flex;
    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%;
  }
  .allMenu .menu > .inner > ul {
    padding: 70px 0px;
    padding: 9.33333333vw 0vw;
    padding-left: 75px;
    padding-left: 10vw;
    width: 100%;
    border-right: 0;
    width: auto;
  }
  .allMenu .menu .mm {
    margin-top: 80px;
    margin-top: 10.66666667vw;
  }
  .allMenu .menu .mm > a {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm > a:not(.link_blank):after {
    content: '';
    display: inline-block;
    width: 25px;
    width: 3.33333333vw;
    height: 14px;
    height: 1.86666667vw;
    margin-left: 30px;
    margin-left: 4vw;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.639,3.138 L13.567,15.815 L13.027,15.247 L12.985,15.289 L0.610,2.915 L2.590,0.935 L13.492,11.837 L23.708,1.110 L25.639,3.138 Z'/%3E%3C/svg%3E");
  }
  .allMenu .menu .mm.active > a:not(.link_blank):after {
    transform: rotate(180deg);
  }
  .allMenu .menu .mm.sz2 > a {
    font-size: 40px;
    font-size: 5.33333333vw;
  }
  .allMenu .menu .mm .depth_n2 > ul > li {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  .allMenu .menu .mm .depth_n2 > ul > li > a {
    font-size: 30px;
    font-size: 4vw;
    font-weight: normal;
  }
  .allMenu .menu > .inner .depth_n2 {
    position: static;
    padding-left: 30px;
    padding-left: 4vw;
    padding-top: 60px;
    padding-top: 8vw;
    width: auto;
  }
  .allMenu .menu .img_dep3 {
    display: none;
  } */
  .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;
  }
	
  /**  전체메뉴 end  **/
	
  /***   공통 start   ***/
  /* 검색바 */
  .wrap_search2 {
    width: 100%;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
	
  /* 하단 퀵 링크 230412 추가	*/
  .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;
  }
	
  /* top 버튼 start */
  .btn_top_fix {
    right: 20px;
    right: 6.5vw;
    top: -150px;
    top: -20vw;
    width: 50px;
    width: 13.33333333vw;
    height: 50px;
    height: 13.33333333vw;
  }
  .btn_top_fix.fixed {
    right: 20px;
    right: 6.5vw;
    bottom: 28px;
    bottom: 7.5vw;
  }
  .btn_top_fix .inr .ico{
	  width: 5vw;
	  height: 2.9vw;
	}
	/*240229 주석
	.flt_banner {
		display: none;
	}
	*/
	
	/* 미디어센터 플러팅배너 - 241004 추가 */
	.btn_mc_fix{
		right: -27px;
		top: 39%;
	}
	#header.sub .btn_mc_fix a.mc_banner_img,
	.btn_mc_fix a.mc_banner_img{
		background-size: cover;
		width: 28vw;
		height: 28.5vw;
	}
  /*
	.btn_mc_fix .mc_close_toggle{
		background-size: cover;
		width: 12vw;
		height: 12vw;
		max-height: 70px;
		max-width: 70px;
	}
	*/
  /* 우하단 플로팅 퀵메뉴 start */
  .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 .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;
  }
  
  /* 게시판 타입 1 */
  /* 감사보고서, 사업보고서, 전자공고, 공지사항 */
  .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-list-type1.bSize1 .td.subject {
    padding-left: 0;
  }
  .bbs-list-type1.bSize1 .td.date {
    text-align: left;
  }
	
  /**  spot_sub  ~ 3depth 탭메뉴까지 start  **/ 
  /* spot_sub start */
  .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_menu {
    margin-top: 0;
    top: 16vw;
  }
  .spot_menu.scroll{
	z-index: 4;		
  }
  .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%;
  }
	
  /* spot_sub end */
	
  /* path_sub ~ 3depth 탭메뉴까지 start */
  .sub-page-head {
    padding-top: 0;
    margin-bottom: 60px;
    margin-bottom: 8vw;
    margin-top: 36vw;
  }
  .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 {
      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;
  }
  .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;
  }
	
  .path_sub {
      margin-top: 6vw;
      margin-bottom: 12vw;
  }
  .path_sub .inr-c {
      margin: 0 6vw;
  }
  .path_sub p {
      font-size: 3.4vw;
  }
	
  /*  path_sub  ~ 3depth 탭메뉴까지 end  */ 
  /**  spot_sub  ~ 3depth 탭메뉴까지 end  **/ 
	
  /**  서브페이지 설정 start  **/
  /*  240304 퀵메뉴 스타일 정의로 인한 서브페이지 영상 재생버튼 스타일 추가*/
	.sub-page-section .progressbar-pagination{
	    right: 5.4vw;
		bottom: 7.5vw;		
	}
	.sub-page-section .progressbar-pagination .play button{
		width: 13.33333333vw;
	    height: 13.33333333vw;
	}
	
  .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-section:first-child > .inner:first-child {
    padding-top: 100px;
    padding-top: 13.33333333vw;
  }
  .sub-page-section:last-child > .inner:last-child {
    padding-bottom: 200px;
    padding-bottom: 26.66666667vw;
  }
  .sub-page-banner > .inner {
    min-height: 400px;
    min-height: 53.33333333vw;
  }
	
  /* 2열 본문스타일 start */
  .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.small {
    font-size: 16px;
    font-size: 3vw;
  }
  .secText.h2 {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .secHead {
    padding-right: 0;
  }
  .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;
  }
	
  /* 2열 본문스타일 end */
	
  /***   공통 end   ***/
	
	
  /**  회사소개 > 비전 start  **/
  #vision_sec_top .secText {
    font-size: 35px;
    font-size: 4.5vw;
  }
  /*	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;
  }
    /* 240325 추가 */
  #vision_sec_top .secText span.vision_slogan {
        font-size: 4.5vw;
  }
  
  /**  회사소개 > 비전 end  **/
	
	
  /**  회사소개 > 대표이사 메시지 start  **/
  #message_sec_01 > .inner {
    padding-bottom: 0;
  }
  #message_sec_01 .box {
    flex-direction: column;
  }
  #message_sec_01 .box .tit {
    font-size: 35px;
    font-size: 4.66666667vw;
  }
  #message_sec_01 .box .txt {
    font-size: 26px;
    font-size: 4.2vw;
  }
  #message_sec_01 .box .cont {
    padding: 60px 40px;
    padding: 8vw 5.33333333vw;
    box-sizing: border-box;
  }
  #message_sec_01 .box .photo {
    width: 100%;
  }
  #message_sec_01 .signature {
    font-size: 22px;
    font-size: 3.5vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #message_sec_01 .signature b {
    font-size: 35px;
    font-size: 5vw;
    margin-left: 30px;
    margin-left: 4vw;
  }
	#message_sec_02 .secBody{
		margin-left: 0;
	}
	#message_sec_02 .secTitle{
		font-size: 5vw;
	}
	#message_sec_02 .secText{
		margin-left: 0;
	}
  #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;
  }
	
  /*250204 추가*/
  #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;
  }
  /*250204 추가 끝*/
	
  /**  회사소개 > 대표이사 메시지 end  **/
	
	
  /**  회사소개 > 역사 start  **/	
  #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 역사페이지 탭메뉴 스타일 추가*/
  .sub-page-head#posco_histoy_head .menu ul li a .year {
	font-size: 3.5vw;
  }
	
  /*240222 역사페이지 내 다운로드 버튼스타일 추가*/
  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;
	  display: block;
  }
	#posco_histoy_list ul li .cont dl dd .text .history_btn_wrap { 
		gap: 3px; 
	}
  #posco_histoy_list ul li .img {
    padding: 0 !important;
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
	
  /**  회사소개 > 역사 end  **/
	
	
  /**  회사소개 > 네트워크 > 그룹사 start  **/
  #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;
  }
	
  /**  회사소개 > 네트워크 > 그룹사 end  **/
	
	
  /**  회사소개 > 네트워크 > 해외법인 start  **/
  #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;
  }
	
  /**  회사소개 > 네트워크 > 해외법인 end  **/
	
	
  /***   지속가능경영 start   ***/
  /**  지속가능경영 > ESG 경영 >  개요 start  **/
  #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 경영 >  개요 end  **/
	
	
  /**  지속가능경영 > ESG 경영 공통 모달 슬라이드 start  **/
  #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: 5.33333333vw;
  }
  #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 경영 공통 모달 슬라이드 end  **/


  /**  지속가능경영 > ESG 경영 공통 모달창 start  **/
  #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_subPage_modal #esg_video .video a.play:before {
    width: 15vw;
    height: 15vw;
  }
	
  #media_vod_section {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
	
  /**  지속가능경영 > ESG 경영 공통 모달창 end  **/
	
	
/**  지속가능경영 >지속가능경영이란 start  **/
  /* 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,
  #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;}

  /* 230526 기업시민 신규 페이지 */
  #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;}
  #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;}
  #cc_sec_03 dl.case01 dd .img::before { width: 35px;
    height: 35px;
    background-size: 35px;
    left: 6px;
    top: 0;
  }
	
  #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;}
  #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;}
  #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;}
  
  #cc_sec_03 dl dd.gap {gap: 20px;}
  #cc_sec_03 dl dd > p {font-size: 4.1vw;}
  #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: 5vw;}

  /* 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;}
  
  /**  지속가능경영 >지속가능경영이란 end  **/
	
	
  /**  지속가능경영 > ESG 경영 > Environmental start  **/
  #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 경영 > Environmental end  **/
	
	
  /**  지속가능경영 > ESG 경영 >  Social start  **/	
  #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;
  }
	
  /**  지속가능경영 > ESG 경영 >  Social end  **/
	
	
  /**  지속가능경영 > ESG 경영 >  Governance start  **/
  #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%;
  }
	
  /**  지속가능경영 > ESG 경영 >  Governance end  **/
	
	
  /**  지속가능경영 > ESG 보고서 공통 start  **/
  #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%;
	
	/*231017 추가*/
	margin-bottom: 120px;
  }
  #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%;
  }
	
  #citizen_report_list ul.list li .img{ 
		margin: auto; 
  }
  #citizen_report_list ul.list li .title {
  	font-size: 5.3vw;
  	font-weight: 700;
  }
  #citizen_report_list dl {
  	height: auto;
  	margin-top: 45px;
  }
  #citizen_report_list dl dd .btn {
  	height: 11vw;
  	line-height: 11vw;
  	font-size: 0.9em;
  	border-color: #333;
  }
  #citizen_report_list dl dd {
  	width: calc( (100% - 2.2vw) / 2);
  	margin-right: 2.2vw;
  	margin-bottom: 2.2vw;
  }
  #citizen_report_list dl dd:nth-child(even),
  #citizen_report_list dl dd.full {
  	margin-right: 0;
  }
	
  /**  지속가능경영 > ESG 보고서 공통 end  **/
	

  /**  지속가능경영 > ESG 보고서 > 지속가능경영보고서 start  **/
  /*231017 기업시민보고서 하이라이트 추가*/	
  #citizen_report_top .btn_list li .btn {
  	height: 11vw;
  	line-height: 11vw;
  }
  #citizen_report_top .inner[class*='ver'] { 
  	flex-direction: column-reverse; 
  	padding-top: 0; 
  	padding-bottom: 0;
  }
  #citizen_report_top [class*='ver'] .cont { 
  	padding: 70px 0 0 0; 
  }
  #citizen_report_top [class*='ver'] .download { 
  	padding-right: 0; 
  	margin-top: -100px; 
  }
  #citizen_report_top .ver2 .download{
  	display: flex;
  	justify-content: center;
  	padding: 0;
  }
  #citizen_report_top .ver2 .img,
  #citizen_report_list ul.list li .img{ 
  	width: 75%; 
  }
  #citizen_report_top [class*='ver'] .btn_list {
  	margin-top: 35px;
  }
  #citizen_report_top [class*='ver'] .btn_list li {
  	padding: 0;
  	width: calc( ( 100% - 2.2vw ) / 2 );
  	margin-right: 2.2vw;
  	margin-bottom: 2.2vw;
  } 
  #citizen_report_top [class*='ver'] .btn_list li:nth-child(even) {
  	margin-right: 0;
  }
  
  #citizen_report_top [class*='ver'] .btn_list .btn {
  	width: 100%;
  }
  /**  지속가능경영 > ESG 보고서 > 지속가능경영보고서 end  **/
	
  	
  /**  지속가능경영 > ESG 보고서 > 책임광물보고서 start  **/
  /* 230418 책임광물보고서 상단 스타일 수정 */
  #citizen_report_top.Responsible_report .btn_list { 
    width: 100%;
  }
  #citizen_report_top .secTitle {
    font-size: 5.3vw;
	font-weight: 700;
  }
	
  /**  지속가능경영 > ESG 보고서 > 책임광물보고서 end  **/
	
	
  /**  지속가능경영 > 이니셔티브 및 인증/수상 > 이니셔티브 start  **/
  #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;
  }
	
  /**  지속가능경영 > 이니셔티브 및 인증/수상 > 이니셔티브 end  **/
	
	
  /**  지속가능경영 > 이니셔티브 및 인증/수상 > 인증/수상 start  **/
  .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;
  }
	
  /**  지속가능경영 > 이니셔티브 및 인증/수상 > 인증/수상 end  **/
	
	
  /**  기업시민 > 기업시민소개 > 기업시민헌장 start  **/
  #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 .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;}
  #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;}
	
  .tab_box > li a {font-size: 3.33333333vw;}
  #citizen_Charter .tab_cont_wrap .tab_topbox .inner_box div.popup {width: 80%;}

  /**  기업시민 > 기업시민소개 > 기업시민헌장 end  **/
	
	
  /**  기업시민 >기업시민소개 > 5대브랜드 start  **/
  .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;}
  
  .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;} 

  /* 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 .obj { width: 100%; margin-bottom: 10px;}
  #citizen_zeronet .content1 .content > li .icon{width: 19%;}
  #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; }
  #citizen_zeronet .content1 .content > li .tit .t1 {width: 89px; font-size: 4.26666667vw;}
  #citizen_zeronet .content1 .content > li .tit .t2 {font-size: 3.33333333vw;}
  #citizen_zeronet .content1 .content > li .arr {width: 10vw; }
  #citizen_zeronet .content1 .content > li .arr > img {width: 2.4vw;}
  #citizen_zeronet .content1 .content > li .text {width: 135px; 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;}	

  /**  기업시민 > 기업시민소개 > 5대브랜드 end  **/
	
	
  /**  기업시민 > 기업시민소개 > CCMS start  **/
  /* 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 end  **/
	
	
  /**  기업시민 > 기업시민 아카이브 start  **/
  /* 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;}

  /**  기업시민 > 기업시민 아카이브 end  **/
	
	
  /**  기업시민 > 기업시민 뉴스&사이트 start  **/
  #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: 3.65vw;
  }
  #cc_sec_news03 .lst-thumb-type1 .item .btn_txt1 .circle {
    width: 9vw;
    height: 9vw;
  }
	
  /**  기업시민 > 기업시민 뉴스&사이트 end  **/
	
  /***   지속가능경영 end   ***/
	

  /**  재무정보 > 신용등급, 신용등급 정의 start  **/
  /* 신용등급 테이블 */
  .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;
  }
	
  /**  재무정보 > 신용등급, 신용등급 end  **/
	
	
  /**  홍보채널 > 견학신청 > 광양제철소 start  **/
  .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;
  }
	
  /* 견학코스 안내 팝업 start */
  .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%;
  }

  /*  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%; 
  }
	
	
	/*250326 견학안내 > 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;}

	/*250326 견학안내 > park1538 게이트웨이 페이지 끝*/

	
  /**  홍보채널 > 견학신청 > 광양제철소 end  **/
	
	
  /**  고객지원 > FAQ start  **/
  .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 .txt span{
	font-size: inherit;
  }
  .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;
  }
	
  /**  고객지원 > FAQ end  **/
	
	
  /**  고객지원 > 사이트맵 start  **/
  #siteMap ul.depth_n1 > li {
    flex-direction: column;
  }
  #siteMap ul.depth_n1 > li > .tit {
      width: 100%;
      display: block; /*230821 추가*/
  }
  #siteMap ul.depth_n1 > li > .tit .left > a {
  	font-size: 18px;
  }
  #siteMap ul.depth_n1 > li > .tit .right {
  	margin-top: 10px;
  }
  #siteMap ul.depth_n1 > li > .tit .right > p {
  	font-size: 16px;
  }
  #siteMap ul.depth_n1 > li > .cont { /*230821 추가*/
  	padding: 0 20px;
  }
  #siteMap ul.depth_n2 {
    margin-top: 40px;
    margin-top: 5.33333333vw;
  }
  #siteMap ul.depth_n2 > li {
    width: 50%;
  }
	
  /**  고객지원 > 사이트맵 end  **/	
	
	
  /**  고객지원 > 찾아오시는 길 start  **/
  .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;
  }
	
  .wrap_location .cont_location .head .btns {
    margin-top: 60px;
    margin-top: 8vw;
  }
	
  .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;
  }

  .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;
  }
	
  /**  고객지원 > 찾아오시는 길 end  **/
	

  /**  고객지원 > 관련사이트 start  **/
  .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;
  }

  /*240117 관련사이트 스타일 추가*/
  .box_relatedsites {
  	display: block;
  }
  .container_sub:has(.box_relatedsites) {
  	margin-top: -8vw;
  }
  
  .box_relatedsites > div {
  	display: block;
  	padding: 0;
  	margin-bottom: 40px;
  	background: none;
  	border-top: none;
  }
  
  .box_relatedsites > div .title,
  .box_relatedsites > div .items{
  	width: 100%;
  }
  .box_relatedsites > div .title{
  	font-size: 1.12rem;
  	margin-bottom: 15px;
  }
  .box_relatedsites > div .items{
  	box-sizing: border-box;
  	padding: 30px 20px;
  	background-color: #f6f6f6;
  	border-top: 1px solid #222;
  }
  .box_relatedsites > div .items .txt a{
  	font-size: 1rem;
  	padding: 15px 0;
  }
  .box_relatedsites > div .items div:first-child{
  	padding-top: 0;
  }
  .box_relatedsites > div .items div:last-child{
  	padding-bottom: 0;
  }
	
  /**  고객지원 > 관련사이트 end  **/
		

  /**  작성 Form (문의하기, 신고센터) 공통 start  **/
  .wrap_from > * {
    padding: 0;
  }

  .tlb_type1 {
    padding-top: 0;
    margin-top: 0 !important;
  }  
  .tlb_type1 .item .area_td {
    width: 100%;
  }
	
  /**  작성 Form (문의하기, 신고센터)  공통 end  **/
  
	
  /* 이용약관, 개인정보처리방침, 영상정보처리기기 운영·관리 방침 공통 start */	
  .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;
  }
	
  /* 이용약관, 개인정보처리방침, 영상정보처리기기 운영·관리 방침 공통 end */		
	
	
  /**  탄소중립전략 start  **/
  [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;
  }
	
  /**  탄소중립전략 end  **/
	
  
  /**  HyREX start  **/
  [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%;
  }
	
  /**  HyREX end  **/
	
	
  /**  Greenate start  **/
  /* 230414 greenate 페이지 추가 */
  [id*='greenate_'] > .inner {
    padding: 120px 0px;
    padding: 16vw 0vw;
  }
  
  #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;
  }
	
  /**  Greenate end  **/
		
	
  /**  미디어센터 start  **/
  /*240603 미디어센터 페이지 추가*/
  #header.menu.mediacenter{
  	height: auto;
  }
  #header.mediacenter {
  	height: auto;
  }
  #header.mediacenter > .inner{
  	flex-direction: column; 
  	align-items: flex-start;
  	gap: 10px;
  	height: fit-content;
  	padding: 10px 0;
  }
  #header.mediacenter .area_rgh_mc{
  	width: 98vw;
  	overflow-x: scroll;
  }
  #header.mediacenter .area_rgh_mc ul.dapth_one{
  	justify-content: space-between;
  	gap: 7.7vw;
  }
  #header.mediacenter .area_rgh_mc ul li{
  	flex: none;
  }
  #header.mediacenter .area_rgh_mc ul li:last-child{
  	padding-right: 10vw;
  }
  #header.mediacenter .area_rgh_mc ul li a{
  	font-size: 4vw; 
  	width: auto!important;
  }
  	
  #header.mediacenter .logo{
  	align-items: flex-end;
  }
  #header.mediacenter .logo > a.mc_logo .img.scroll{
  	margin-left: 11px;
  }
  #mc_main_slide {
  	margin-top: 16.3vw;
  }
  #mc_main_slide .mc_bg{
  	height: 45.56vw;
  }
  #mc_main_slide .wrap-mc-top .item{
  	flex-direction: column;
  }
  #mc_main_slide .wrap-mc-top .item.youtube 
  {
  	display: block; height: auto; 
  }
  #mc_main_slide .wrap-mc-top .item.youtube a div{
  	background-position: -155px;
  	/*임시로 넣음. 모바일용 썸네일 제작되면 삭제하기*/
  }
  #mc_main_slide .bg-pos{
  	width: 100%;
  	height: 51.41vw;
  }
  #mc_main_slide .wrap-mc-top .item.youtube .bg-pos {
  	height: 95.4vw;
  }
  #mc_main_slide .wrap-mc-top .item video.pc{display: none;}
  #mc_main_slide .wrap-mc-top .item video.mo{display: block;}
  
  #mc_main_slide .article_info{
  	border: none;
  	padding: 15px 0;
  	height: 47vw;
  }
  #mc_main_slide .article_info .cate{
  	font-size: 4.5vw;
  	margin-bottom: 15px;
  }
  #mc_main_slide .article_info .tit{
  	font-size: 5vw;
  	margin-bottom: 15px;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		white-space: normal;
  		word-wrap: break-word;
  		display: -webkit-box;
  		-webkit-line-clamp: 3;
  		-webkit-box-orient: vertical;
  }
  #mc_main_slide .article_info .date{
  	font-size: 4.5vw;
  }
  #mc_main_slide .controller .pageing > * {
  	height: 13.35vw;
  }
  #mc_main_slide .controller .pageing > button {
  	width: 13.35vw; 
  }
  #mc_banner_wrap .inner{
  	font-size: inherit;
  }
  #mc_articles_wrap>.inner{
  	display: block;
  	padding-top: 0;
  }
  #mc_articles_wrap .tit,
  #mc_social_slide .esg_subpage_list .item .txt_wrap .tit{
  	font-size: 4vw!important;
  	-webkit-line-clamp: 2;
  	min-height: unset;
  }
  #mc_articles_wrap .press_wrap .press_cell .article_info .tit{
  	-webkit-line-clamp: 3;
  }
  #mc_articles_wrap .date, 
  #mc_social_slide .esg_subpage_list .item .txt_wrap .date{
  	font-size: 3.6vw;
  }
  #mc_articles_wrap .right_box .date{
  	margin-top: 20px;
  }
  #mc_articles_wrap .press_wrap{
  	width: 100%;
  }
  #mc_articles_wrap .press_wrap li{
  	padding: 4.3vw 0 2vw;
  }
  #mc_articles_wrap .press_wrap .press_cell .article_thumb{
  	width: 38.9vw;
  	height: 21.8vw;
  }
  #mc_articles_wrap .press_wrap .press_cell .article_info{
  	justify-content: flex-start;
  	gap: 10px;
  }
  #mc_articles_wrap .right_box{
  	margin-left: 0;
  	margin-top: 50px;
  	gap: 50px;
  }
  #mc_articles_wrap .right_box ul{
  	display: flex;
  	overflow-x: scroll;
  }
  #mc_articles_wrap ul li{
  	flex: none; 
  	width: 75vw;
  }
  #mc_articles_wrap .right_box ul .article_info{
  	min-height: 33.6vw;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	}
  #mc_articles_wrap h2, #mc_social_slide .socialink_wrap h2{
  	font-size: 4.45vw;
  }
  #mc_articles_wrap h2:after{
  	width: 3.4vw;
  	height: 3.4vw;
  	background-size: cover;
  	}
  #mc_social_slide.sub-page-section{
  	background-position-y: unset;
  	background-size: unset;
  }
  #mc_social_slide.sub-page-section .inner{
  	display: flex;
  	flex-direction: column;
  	padding-bottom: 15vw;
  	padding-top: 0;
  	gap: 10px; 
  }
  #mc_social_slide .socialink_wrap{
  	width: 100%;
  	padding: 0;
  }
  #mc_social_slide .socialink_wrap h2{
  	margin-bottom: 0;
  }
  #mc_social_slide .socialink_wrap ul{
  	display: flex;
  	justify-content: flex-start;
  	gap: 5.5vw
  }
  #mc_social_slide .socialink_wrap li{
  	border: none;
  	display: flex;
  	align-items: center; 
  }
  /*
  	#mc_social_slide .socialink_wrap li:after{
  	display: inline-block;
  	content: '';
  	width: 1px; 
  	height: 50%;
  	background-color: #d5d5d5;
  	margin-left: 3.5vw;
  }
  */
  	#mc_social_slide .socialink_wrap li:last-child:after{
  	display: none;
  }
  #mc_social_slide .socialink_wrap li a{
  	margin: 5px 0;
  	font-size: 1.34em;
  }
  #mc_social_slide .socialink_wrap li a:after{
  	margin-left: 5px;
  }
  	
  #mc_social_slide .socialslide_wrap{
  	width: 100%;
  }
  #mc_social_slide .swiper-container{
  	overflow: visible;
  }
  #mc_social_slide .esg_subpage_list .item .txt_wrap{
  	min-height: 30.3vw;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	}
  #mc_social_slide .swiper-nav{
  	flex-direction: row;
  	top: unset;
  	transform: unset;
  	bottom: 10px;
  	left: 0;
  }
  #mc_social_slide .swiper-nav button{
  	width: 34px;
  	height: 34px;
  }
  #mc_social_slide .swiper-nav button:after{
  	font-size: 4vw;
  }
  /*240624 검색 스타일*/
  #header.mediacenter .mc_search > .inner{
  	width: 100%;
  }
  #header.mediacenter .mc_search > .inner > div{
  	width: 87vw;
  	max-width: none;
  }
  #header.mediacenter .mc_search input{
  	font-size: 4vw;
  }
  #header.mediacenter .mc_search > .inner > div:last-child{
  	top: auto;
  	bottom: 2vh;
  	padding: 0;
  	z-index: 3;
  	}
  #header.mediacenter .mc_search .search_close{
  	width: 8vw;
  	height: 8vw;
  	background-size: inherit;
  	}
  #header.mediacenter .mc_search .keyword *{
  	font-size: 3.7vw;
  }
  #mc_search_detail .inner{
  	padding-top: 20px;
  }
  #mc_search_detail .inner > div{
  	flex-direction: column;
  	height: auto;
  	padding: 10px; 
  }
  #mc_search_detail p{
  	font-size: 4.5vw;
  }
  #mc_search_detail .inner > div > div{
  	width: 100%;
  }
  #mc_search_detail .custom_select .option_select{
  	flex-direction: column;
  }
  #mc_search_detail .custom_select .option_list .change_text{
  	height: 36px;
  }
  #mc_search_detail .custom_select .option_list .select_btn{
  	font-size: 3.5vw;
  }
  #mc_search_detail .custom_select .option_list.search_option1,
  #mc_search_detail .custom_select .option_list.search_option2{
  	width: 100%;
  	align-items: flex-start;
  	gap: 0px;
  	flex-direction: column;
  	}
  #mc_search_detail .srch_date{
  	width: 100%; 
  	padding: 10px;
  	box-sizing: border-box;
  }
  #mc_search_detail .date_search{
  	flex-direction: column;
  	gap: 0px;
  }
  #mc_search_detail .date_search > div{
  	width: 100%;
  }
  #mc_search_detail .list_title, #mc_search_detail .result_box span.list_title{
  	font-size: 4vw;
  }
  #mc_search_detail .result_box .buttom_search{
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 0px;
  }
  #mc_search_detail .result_box .buttom_search form{
  	height: 36px;
  }
  #mc_search_detail .result_box .result_btm_area input[type="text"]{
  	font-size: 3.5vw;
  }
  #mc_search_list .inner{
  	padding-top: 30px;
  }
  #mc_search_list .list_item > a{
  	flex-direction: column;
  }
  #mc_search_list .list_item .thumb{
  	width: 100%;
  	height: 0;
  	padding-bottom: 56%;
  	}
  #mc_search_list .list_item .item_cate{
  	font-size: 3vw;
  }
  #mc_search_list .list_item .tit{
  	line-height: 1.5em;
  	font-size: 5vw;
  	margin-top: 10px;
  }
  #mc_search_list .list_item .date{
  	font-size: 4vw;
  }
  #mc_search_list p.result_total{
  	font-size: 5vw;
  }
  #mc_search_list .no_result p.top{
  	font-size: 4.5vw
  }
  #mc_search_list .no_result p.bot{
  	font-size: 3.5vw;
  }
  	
  /*240328 보도자료 페이지 추가*/
  #media_sec_press03 .inner {
  	padding: 55px 0 0 0 ;
  }
  #media_sec_press03 .item .cont {
  	padding: 35px 40px; 
  	padding: 8vw 10vw; 
  }
  #media_sec_press03 .item .cont .cate {
  		margin-bottom: 0; 
  	font-size:16px; font-size: 1em; 
  }
  #media_sec_press03 .item .cont .h1 {
  		height: auto; 
  	margin-bottom: 30px; 
  	margin-bottom: 5vw; 
  	font-size: 1.6em; 
  }
  #media_sec_press03 .lst-thumb.col3 > *{
  		margin: 0;
  }
  #media_sec_press03 a.item .cont {
  		padding: 35px 40px; 
  	padding: 8vw; 
  }
  #media_sec_press03 .item .cont .cate {
  		margin-bottom: 0; 
  	font-size:16px; 
  	font-size: 1em; 
  }
  #media_sec_press03 a.item .cont .h1 {
  		height: auto; 
  	margin-bottom: 30px; 
  	margin-bottom: 5vw; 
  	font-size: 1.6em; 
  }
  #media_sec_press03 a.item .cont .t1{
  	font-size: 1.1em;
  }
  #media_sec_press03 .bbs-pagination{
  	padding-top: 15vw;
  }
  #media_sec_press02 .ta-r {
  	margin-top: 3vw;
  }
  #media_sec_press02 .ta-r form{
  	display: flex;
  	align-items: center;
  }
  #media_sec_press02 .wrap_search2 {
  	margin-top: 1vw;
  }
  #media_sec_press02 .date_search{
  	flex-direction: column;
  	gap: 0;
  }
  #media_sec_press02 .date_search > *,
  #media_sec_press02 .date_search .btns a{
  	width: 100%; 
  	text-align: center;
  }
  #media_sec_press02 .date_search .btns a{
  	margin-top: 15px;
  }
  #media_sec_press01 .swiper-container, 
  	#cc_sec_archive02 .banner  {
  	width: 70vw; 
  	margin-right: 7vh;
  }
  
  #media_sec_press01 .inr-c2{ 
  		align-items: flex-end;
  }
  #media_sec_press01 .inr-c2 .news_bg {
  		height: 70%; 
  	width: 100%;
  }
  #media_sec_press01 .content .item .txt,
  #media_sec_press01 .content .item .cate,
  #media_sec_press01 .content .item .btn{ 
  		font-size: 3.33333333vw;
  }
  #media_sec_press01 .content .item .tit {
  		font-size: 6vw;
  	height: 15vw;
  }
  #media_sec_press01 .content .item .txt{
  	height: 35vw;
  }
  #media_sec_press01 .controller .pageing{
  	width: auto; 
  	gap: 2vw;
  }
  #media_sec_press01 .controller .pageing .num{
  	margin-left: 0;
  	text-align: right;
  }
  #media_sec_press01 .controller .pageing button{
  		width: 10vw; 
  	height: 10vw; 
  	font-size: 4vw;
  }
  #media_sec_press01 .inr-c2 {
  		padding: 7vh 0 0 0;
  	flex-direction: column;
  }
  #media_sec_press01 .content {
  		padding: 0 10vw; 
  	width: 100%;
  }
  #media_sec_press01 .swiper-container .item{
  		height: 60vw;
  }
  #media_sec_press01 .controller {
  		margin-top: -11vw;
  }
  #media_sec_press01 .wrap_bbs_banner .swiper-container, 
  #media_sec_press01 .wrap_bbs_banner .banner {
  	width: 90%; 
  	margin-right: 3vh;
  }
  #mc_sub_head{
  	margin-top: 26%;
  } 
  #mc_sub_head .path_sub span:first-child{
  	width: 4.5vw;
  	height: 4.5vw;
  	background-size: contain;
  }
  #mc_sub_head .title p{
  	font-size: 4.5vw;
  	margin-bottom: 3vw;
  }
  #mc_sub_head .title h2{
  	font-size: unset;
  }
  #mc_sub_head .title{
  	padding: 10vw 0 7vw;
  }
  #mc_sub_head .toplink{
  	margin-bottom: 0;
  }
  #mc_sub_head .toplink a{
  	font-size: 4vw;
  	padding: 5vw 0;
  }
  #mc_sub_tab > div,
  #mc_sub_tab .ta-r{
  	margin-top: 0px;
  }
  #mc_sub_tab .tab.ty_mc{
  	margin-top: 70px;
  }
  #mc_sub_tab .wrap_search2 {
  	height: 40px;
  }
  #mc_sub_tab .wrap_search2 input{
  	font-size: 3.5vw;
  }
 	
  .tab.ty_mc ul li a{
	font-size: 4vw;	
    width: 30vw;
	height: 10vw;
  }
  	
  #mc_sub_cate .d-flex{
  	margin-top: 0;
  }
  #mc_sub_cate .tab.ty4 > ul{
  	margin-bottom: 10px;
  }
  #mc_sub_cate .tab.ty4 > ul > li > a{
  	font-size: 3.4vw;
  }
  #mc_sub_list01.sub-page-section:last-child > .inner{
  	padding-bottom: 7vw;
  }
  #mc_sub_list01 .item .thumb{
  	height: 60vw;
  }
  #mc_sub_list01 .item .cont{
  	padding: 5vw;
  	min-height: inherit; 
  }
  #mc_sub_list01 .item .cont .cate{
  	font-size: 3.6vw;
  }
  #mc_sub_list01 .item .cont .h1{
  	font-size: 4vw;
  }
  #mc_sub_list01 .item .cont .t1 {
  	font-size: 3.6vw;
  }
  #mc_sub_list01 .bbs-pagination{
  	padding-bottom: 120px;
  }
  #mc_artile > .inner{
  	padding-top: 10vw;
  }
  .wrap_bbs_view .group_info{
  	margin-top: 8vw;
  }
  .wrap_bbs_view{}
  .wrap_bbs_view .top{
  	padding-bottom: 5vw;
  	font-size: 4vw;
  }
  .wrap_bbs_view .top .back{
  }
  .wrap_bbs_view .top .back .ff-en{font-size: 6vw;}
  .wrap_bbs_view .top .back i{
  	font-size: 7vw;
  	margin-right: 2vw;
  }
  .wrap_bbs_view .head{
  	text-align: center;
  	margin-top: 7vw;
  		padding-top: 10vw;
  }
  .wrap_bbs_view .head .h_1{
  	font-size: 4.7vw;
  	line-height: 1.5;
  }
  .wrap_bbs_view .head .info{
  	margin-top: 10vw;
  	font-size: 3.7vw;
  }
  .wrap_bbs_view .head .info span{}
  	.wrap_bbs_view .head .info span.date{
  	font-size: 4vw;
  }
  /*
  .wrap_bbs_view .head .info span.cate{margin-right: 5vw;padding-right: 5vw;margin-top: -0.6vw;position: relative;}
  .wrap_bbs_view .head .info span.cate:after{top: 0vw;width:1px;height: 4.7vw;background:#ddd;content:"";}
  */
  .wrap_bbs_view .cont{ 
  		padding: 9vw 0 7vw;
  	margin-top: 10vw;
  }
  .wrap_bbs_view .cont > .inner{ max-width: 980px; margin:0 auto; }
  	.wrap_bbs_view .cont .sp_cont_wrap > p {
  	margin-top: 3vw;
  }
  .wrap_bbs_view .cont .sp_cont_wrap > p img {
  	height: auto;
  }
  .wrap_bbs_view .cont .sp_cont_wrap > div.color_div{
  	width: fit-content !important;
  }
  .wrap_bbs_view .cont .sp_cont_wrap > div:has(img) p{
  	font-size: inherit!important;
  }
  .wrap_bbs_view .cont .sp_cont_wrap > div {
  	margin: 7vw auto 0;
  	
    /*250214 추가*/
	width: fit-content!important;
  }
  /*250214 추가*/
  .wrap_bbs_view .cont .sp_cont_wrap > div div{
  	width: fit-content!important;
  }
  .wrap_bbs_view .page_direction{
  		margin-top: 50px !important;
  	border-width: 1px 0;
  }
  .wrap_bbs_view .page_direction > .inner{
  	padding: 0;
  	display: flex;
  	flex-direction: column;
  }
  	.wrap_bbs_view .article_tags ul li a{
  	font-size: 3.4vw;
  }
  .wrap_bbs_view .page_direction .dir{
  		width: 100%;
  	box-sizing: border-box;
  	padding: 5vw 0;
  }
  .wrap_bbs_view .page_direction .dir.rgh{
  		text-align: left;
  }
  .wrap_bbs_view .page_direction .dir .h{
  	font-size: 3.6vw;
  		flex:none;
  } 
  .wrap_bbs_view .page_direction .dir .h i{
  	margin-right: 2vw;
  	font-size: 5vw;
  } 
  .wrap_bbs_view .page_direction .dir .tit{
  	display: inline-block;
  	margin-top: 0;
  	font-size: 3.6vw;
  }
  	.wrap_bbs_view .btn-bot a.btn_more {
  	width: 100%;
  	text-align: center;
  	margin-top: 10vw;
  }
  /*	240416 보도사진 페이지 추가*/
  	#media_sec_medias01 .inner {
  	padding: 13.33333333vw 0;
  }
  #media_sec_medias01 .lst-thumb.col3 > *{
  	margin: 0;
  }
  #media_sec_medias01 .item .cont .t1, #media_sec_medias01 .item .cont_top .img_size{
  	font-size: 3.75vw;
  }
  #media_sec_medias01 .item .cont .h1{
  	font-size: 5.34vw;
  }
  #media_sec_medias01 .bbs-pagination{
  	padding: 0 0 115px;
  }
  #media_sec_view01 .image .inner .thumbs .slide_list > li{
  	height: 14vw;
  }
  #media_sec_view01 .image .inner .list .swiper-pagination-progressbar{
  	bottom: -23vw;
  }
  #media_sec_view01 > .inner .image .list .btn{
  	font-size: 4vw;
  	width: 1.5vw;
  	height: 8vw;
  	top: 50%;
  	transform: translateY(-50%);
  	}
  #media_sec_view01 .inner .image .list .btn.btn_prev{
  	left: -9vw;
  }
  #media_sec_view01 .inner .image .list .btn.btn_next{
  	right: -9vw;
  }
  #media_sec_view01 >.inner, #media_sec_view02 >.inner{
  	padding-top: 2vw!important;
  }
  #media_sec_view01 >.inner .image .list .slide_list > li .img_down{
  	top: 2vw;
  	right: 2vw;
  	width: auto;
  	height: auto;
  	font-size: 3.6vw;
  	padding: 2vw 5vw;
  }
  #media_sec_view01 >.inner .image .list .slide_list > li .img_down::after{
  	width: 2.9vw;
  	height: 3.8vw;
  	}
  #media_sec_view01 .wrap_bbs_view .img_ex_wrap {
  	font-size: 3.6vw;
  	margin-top: 8vw;
  }
  #media_sec_view01 .wrap_bbs_view .img_ex_wrap li{
  	margin-top: 10vw;
  } 
  #media_sec_view02 .wrap_bbs_view .page_direction > .inner{
  	padding: 3vw 7vw;
  }
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .h{
  	line-height: normal;
  }
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit{
  	gap: 10px;
  	flex-direction: column;
  }
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .right_wrap{
  	gap: 10px; 
  	flex-direction: column;
  }
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .t{
  	font-size: 3.6vw;
  }
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .d{
  	font-size: 3.1vw;
  }
  #media_sec_view01 .wrap_bbs_view .page_direction, #media_sec_view02 .wrap_bbs_view .page_direction{ 
  	margin-top: 0px!important;
  }
  #mc_ad_banner{
  	height: 27vw;
  	background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_ad_banner_m.png);
  	background-position: left bottom;
  	background-repeat: no-repeat;
  	}
  #mc_ad_banner a{
  	height: 25vw;
  	padding: 0;
  	display: flex;
  }
  #mc_ad_banner a .inner{
  	font-size: 6.15vw; 
  	padding: 0 4.167vw;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: flex-end;
  } 
  #mc_ad_banner a .inner .sub{
  	font-size: 3.887vw;
  }
  #footer.mediacenter .address{
  	margin-top: 4vw;
  	flex-direction: column;
  }
  #footer.mediacenter .address .right span{
  	text-align: left;
  }

  /**  미디어센터 end  **/
	
}

@media screen and (max-width: 740px) {
	/*   Modal(250121 common.css에서 옮김)   */
    .main-modal { width: 80%; margin-left: -40%; margin-top: -45%; }
    .main-modal .image {width: 100%; height: auto;}
    .main-modal .image a {height: auto;}
    .main-modal .image img { width: 100%; }
    .main-modal .image .modal-btn { top:70%}
    .main-modal .image .modal-btn .mdbtn { margin-right: 2%;}
    .main-modal .foot-close {margin-top: -2.5%; height: 45px; line-height: 45px;}
}

@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 {
        background-image: url(../images/main/mo_back.jpg); /*230817 추가*/
    }
    #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;
    }
}
/*@media screen and (min-aspect-ratio: 1920/1080) { 메인 동영상 PC
  #main-visual-slider .swiper-slide .bg > video {
    width: 100%;
  }
}
@media screen and (max-aspect-ratio: 1920/1080) { /*메인 동영상 모바일
  #main-visual-slider .swiper-slide .bg > video.pc {
    display: none;
  }
  #main-visual-slider .swiper-slide .bg > video.mo {
      display: block; 
      min-width: 100%;
      min-height: 100vh;
      width: auto;
      height: 100%;
  }
}*/