@charset "utf-8";

/* ==========================================================================
    COMMON
    ========================================================================== */
body{letter-spacing: 0; font-family:'Roboto', sans-serif;}
#footer .footer_menu > ul > li > a{text-transform: uppercase;}
.pg_title .txt_en{display: none;}
.sec_title p{text-transform: none;}
#tabs > ul > li,
#sub_nav .subitem2{font-family: 'Poppins', sans-serif; font-weight: 400;}
#header #gnb .sub_menu{width: 150px; left: calc(50% - 80px);}
#footer .inner_footer address .item{width: 210px;}

#main_visual .mvis_area{padding: 0 var(--main-gap);}
.section.sec2 .sec_text{width: 500px;}
.section.sec2 .sec_carousel{width: calc(100% - 500px);}
.pg_history .history .tit_set{width: 320px;}
.pg_history .history .list_history .ct_history > p{text-transform: none;}
.pg_esg .list_esg .text_box .txt_set .title{display: none;}
.pg_business .list_business .text_area .title{font-size: 35px;}


.detail_prod .info_prod .list_spec .item{width: 140px;}



/* ==========================================================================
    RESPONSIVE
    ========================================================================== */
@media only screen and (max-width: 1380px) {
    #footer .right_set{display: none;}
    .pg_history .history .list_history{width: calc(100% - 340px);}
}

@media only screen and (max-width: 1280px) {
    .section.sec1 .list_business .bottom_text .txt_set .title{line-height: 24px;}
	
    
}

@media only screen and (max-width: 1023px) {
    #footer .inner_footer address > ul > li {flex-direction: column; margin-bottom: 18px; text-align: center;}
    #footer .inner_footer address .vl{justify-content: center;}
    #footer .inner_footer address .item{width: 100%;}
    #footer .right_set{display: flex;}
    .section.sec2 .sec_text,
    .section.sec2 .sec_carousel{width: 100%;}
    .pg_history .history .tit_set,
    .pg_history .history .list_history{width: 100%;}
    .pg_business .list_business .text_area .title{font-size: 32px}
    #tabs > ul > li > a{font-size: 14pxu; line-height: 1.3;}
}

@media only screen and (max-width: 767px) {
    #footer .inner_footer address .item{width: 100%;}
    .section.sec2 .sec_text .sec_title .main_text{line-height: 40px;}
    .pg_business .list_business .text_area .title{font-size: 26px}
    .pg_business .list_business .text_area .box_set .box .inner_box{font-size: 14px; line-height: 20px;}

    .detail_prod .info_prod .list_spec .item{width: 130px;}
}