@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;
	}
	.control-panel {flex-direction: column; row-gap: 30px;}
	.control-panel .col {width: 80%;}
	.control-panel .area_select1 .select_box{width:80%;}
	.control-panel .area_select1 .select_box select{width:80%; background-size: 1.6em;}
	.control-panel .area_select1 {justify-content: space-between;}
	.control-panel .area_select1 button {width: 20%;}
	.control-panel .tab.ty5 > ul {justify-content: space-between;}
	
}

/* 850 - 25010;2 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;
  }
 
  #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;
	justify-content: space-around;
  }
  .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;
  }
  .control-panel {row-gap: 0;}
  .control-panel .col {width: 100%;}
  .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 button{
   	 width: 10vw;
     height: 10vw;
     background-size: 37%;
  }
    
  .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: 2.4vw;
      border: 1px solid #fff;
      padding: 2.5vw 6vw;
      display: inline-block;
      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: 13.33333333vw;
      height: 13.33333333vw;
      background-size: 37%;
	  margin-right: 4.3333vw;
    }
  #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; width: 100%; border-right: 0; width: auto; height: 100%; margin-top: 0; padding-bottom: 17vh; /* padding: 70px 0px; padding: 9.33333333vw 0vw; padding-left: 75px; padding-left: 10vw; */}
  
  .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 {display: none;/* transform: rotate(180deg); */}
  .allMenu .menu >.inner > ul >li.active{ width: 100%; padding-top: 8vw; padding-bottom: 3vw; background-color: #004781; color: #000;}
  .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 {width: auto; position: static; display: none; /* padding-left: 30px; padding-left: 4vw; padding-top: 60px; padding-top: 8vw; */}
  .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  **/
  /* 신용등급 테이블 */
  .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 추가, 260429 10px로 줄임*/
  	padding: 0 10px;
  }
  #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 */		
	
  
/**  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  **/
	
}

/* 팝업 두개 업로드 시 주석 처리 start */
@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;}
} 
/* 팝업 두개 업로드 시 주석 처리 end */

@media screen and (max-aspect-ratio: 1920/1080) {
  #main-visual-slider .swiper-slide .bg > video {width: auto; height: auto;}
}

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