@media screen and (max-width: 1880px){
    #sub .history .year_contents.active .left_pic{
        padding-left: 12vw;
    }
    #sub .history .year_contents .left_pic{
        padding-right: 14%;
    }
    #sub .direction .api_wrap{
        width: 100% !important;
        overflow: hidden;
    }
    #sub .talent .for_tal .fot_img .left_img{
        width: 37%;
    }
    #sub .talent .for_tal .fot_img .right_img{
        width: 57%;
    }
}


@media screen and (max-width: 1700px){
    #sub .history .year_contents.active .left_pic{
        padding-left: 12vw;
    }
    #sub .history .year_contents .left_pic{
        padding-right: 9%;
    }
    #header .h_dep01 .dep01_li{
        width: 150px;
    }
}


@media screen and (max-width: 1440px){
    .inner{
        width:89.2857vw;
		overflow-x: hidden;
    }
    #header .h_dep01 .dep01_li{
        width: 10vw;
    }
    #header .sitemap_inner .site_menu .s_m_li01{
        padding: 0 3%;
    }
    #header .sitemap_inner .site_menu{
        width: 80vw;
    }
    #header .sitemap .contact_us{
        margin-right: 3vw;
    }
    #header .h_dep01 .dep01_li > a{
        font-size: 17px;
    }
    #header .h_dep02 .dep02_li{
        padding: 10% 12%;
    }
    #header .h_dep02 .dep02_li > a{
        font-size: 15px;
    }
    #main .main02 .swiper-button-next, #main .main02 .swiper-button-prev{
        width: 190px;
        background-size: 190px 20px;
    }
    #main .main03 .right_box{
        padding-left: 5%;
    }
    #main .main03 .right_box .tab_menu li{
        width: 8vw;
        height: 8vw;
        margin-right: 3%;
    }
    .sub_header .sub_menu{
        width: 100%;
    }
    #sub .story .start_wrap{
        overflow: hidden;
        align-items: flex-start;
    }
    #sub .story .start_wrap .txt_box{
        height: 100%;
        min-height: auto;
    }
    #sub .story .start_wrap .img_box{
        height: 100%;
    }
    #sub .story .start_wrap .txt_box{
        padding: 12% 0;
    }
    #sub .story .start_wrap .txt_box p{
        font-size: 24px;
        line-height: 40px;
    }
    #sub .story .st_box02 .sk_eye .invest_box .w_txt_box{
        padding-left: 6%;
    }
    #sub .story .st_box02 .sk_eye .invest_box li .w_img_box{
        width: 75%;
    }
    #sub .ci_box.color .con_tan .con_color {
        margin-right: 7%;
        padding: 3% 0;
    }
    #sub .s_top_h2{
        font-size: 26px;
    }
    #sub .detail .tab_content .a_map .aff03 {
        right: 9%;
        top: 16%;
    }
    #sub .detail .tab_content .a_map .aff01 {
        left: 9%;
        top: 20%;
    }
    #sub .detail .tab_content .a_map .aff04 {
        right: 13%;
        top: 52%;
    }
    #sub .detail .tab_content .a_map .aff02 {
        left: 9%;
        top: 56%;
    }
    #sub .biz .biz_left{
        font-size: 0;
    }
    #sub .biz .biz_left .num{
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 3%;
    }
    #sub .biz .biz_left .b_txt{
        width: calc(100% - 80px);
    }
    .c_index .swiper-pagination-bullet{
        width: 7vw;
        height: 7vw;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_p{
        margin: 5% 0 7%;
    }
    #sub .soofee .birch_box h4{
        font-size: 25px;
        margin-bottom: 3%;
    }
    #sub .soofee .birch_box .right_box .bir_p{
        line-height: 24px;
    }
    #sub .soofee .line_up li{
        padding: 3% 0 3% 3%;
    }
    #sub .soofee .line_up .num_s{
        margin-right: 4%;   
    }
    .board_list .video_ul li{
        margin-right: 3%;
        margin-bottom: 3%;
    }
    #sub .send_box .send_li{
        padding: 4% 7%;
    }
    #sub .talent .want_sk .values_ul li .values_txt h4{
        margin-bottom: 5%;
    }
    #sub .talent .want_sk .values_ul .values_txt p{
        padding: 1% 0 5%;
    }
    #sub .talent .want_sk .values_ul{
        margin-bottom: 4%;
    }
    #sub .talent .want_sk .success_ul li{
        padding: 2% 4%;
    }
    #sub .talent .want_sk .success_ul li .txt_box {
        margin-left: 4%;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5{
        padding-bottom: 2%;
    }
    #sub .talent .want_sk .success_ul li .txt_box .su_p{
        padding-top: 5%;
    }
    #sub .talent .want_sk .success_ul li img{
        width: 80%;
    }

    #sub .appl_box .send_li .tail_txt {
        display: block;
        margin-top: 20px;
        margin-left: 0;
    }

    #sub .step_info .step_list {
        width: 130px;
        margin-bottom: 20px;
    }

    #sub .step_info .step_list a {
        font-size: 16px;
    }

    #sub .step_info .step_list:not(:last-child) {
        margin-right: 25px;
    }

    #sub .step_info .step_list:not(:last-child)::after {
        right: -20px;
    }

    #sub .send_box .send_li select.jop {
        width: 140px;
    }

    #sub .send_title {
        font-size: 18px;
        margin-bottom: 30px;
    }
    #sub .send_frame {
        margin-bottom: 50px;
    }
    #sub .send_frame .img-box {
        position: absolute;
        top: 44px;
        left: 50%;
        transform: translateX(-50%);
        width: 180px;
        height: 254px;
    }
    
    #sub .send_frame .img_title {
        margin-bottom: 300px;
    }

    .ad-search {
        
        width: 140px;
        padding: 10px;
        font-size: 14px;
        border-radius: 30px;
        margin-top: 20px;
        margin-left: 0;
    }

    #sub .table_box table thead tr th {
        
        font-size: 14px;
    }

    #sub .form_table .form_list {
        background-color: #f5f5f5;
        
    }
    #sub .form_table .form_list:first-child dd {
        padding-left: 3%;
    }
    #sub .form_table .form_list:last-of-type dd {
        padding-right: 3%;
    }
    
    #sub .form_table .form_list dt {
        padding-top: 10px;
        background-color: rgba(0, 0, 0, 0);
    }

    #sub .table_box table tbody tr td {
       padding: 4% 1%;
        
    }


    #sub .table_box table tbody tr td .cal-box input {
        width: 150px;
    }

    #sub .table_box table tbody tr td:first-of-type {
        padding-left: 3%;
    }
    
    #sub .table_box table tbody tr td:last-of-type {
        padding-right: 3%;
    }

    #sub .table_box table tbody tr td input[type="text"],
    #sub .table_box table tbody tr td select {
        
        font-size: 14px;
    }
    
    #sub .table_box table tbody tr td .w150 {
        width: 130px;
    }
    
    #sub .table_box table tbody tr td .w130 {
        width: 110px;
    }
    #sub .table_box table tbody tr td .cal-box {
        width: 170px;
        
    }


    #sub .more-btn {
        width: 30px;
        height: 30px;
        line-height: 35px;
        font-size: 30px;
    }

    #sub .send_box .send_li .score {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
    
    #sub .text-box {
        padding: 40px;
        background-color: #f5f5f5;
    }
}


@media screen and (max-width: 1380px){
    #sub .social .chart.w60{
        width: 100%;
    }
    #sub .social .soci01 .c_img_box{
        display: none;
    }
    #sub .soofee .line_up .line_ri{
        width: 85%;
    }
    #sub .soofee .line_up li {
        padding: 3% 0 3% 5%;
    }

    #sub .complete_box {
        padding: 70px 0;
        margin-bottom: 80px;
    }
    
    #sub .complete_box img {
        margin-bottom: 45px;
    }
    
    #sub .complete_box .txt1 {
        font-size: 35px;
        margin-bottom: 35px;
    }
    
    #sub .complete_box .txt2 {
        font-size: 16px;
    }
}


@media screen and (max-width: 1300px){
    #sub .story .start_wrap .txt_box{
        padding: 12% 0;
    }
    #sub .detail .tab_content .a_map .aff02 {
        left: 4%;
    }
    #sub .detail .tab_content .a_map .aff04 {
        right: 10%;
    }
    #sub .planterior .m_left_img{
        width: 40%;
    }
    #sub .soofee .line_up li{
        width: 100%;
    }
    #sub .talent .want_sk .success_ul li{
        padding: 2% 3%;
    }

    
    #sub .table_box table {
        width: 1150px;
    }
}

@media screen and (max-width: 1216px){ 
	
	/*ESG - 윤리경영*/
	#sub > .esg.ethical > .info01_con .contents_con > .list_con > ul > li > .list_div {min-height:365px; padding:30px;}

}

@media screen and (max-width: 1200px){
    #header .h_inner{
        padding: 0 2% 0 4%;
    }
    #header .h_dep01,#header .sitemap .contact_us{
        display: none;
    }
    #header .sitemap .hamburger{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 3%;
    }
    #header .sitemap .hamburger.active{
        transform: translateY(-50%) rotate(45deg) ;
        top: 40%;
    }
    #header .h_inner{
        height: 70px;
    }
    #header h1{
        line-height: 70px;
    }
    #header .sitemap .hamburger .line{
        margin: 9% auto;
    }
    #main .main_slide01 .txt_box{
        width: 100%;
    }
    #main .main_slide01 .txt_box h2{
        font-size: 40px;
    }
    #main .main02 .quick_box .qli_01{
        background-image: none;
    }
    #main .main02 .quick_box .qli_02{
        background-image: none;
    }
    #main .main02 .quick_box .qli_03{
        background-image: none;
    }
    #main .main02 .quick_box .qli_04{
        background-image: none;
    }
    #main .main02 .quick_box .qli .q_txt_box{
        position: absolute;
        bottom: 30px;
        left: 30px;
        color: #fff;
    }
    #main .main02 .quick_box .qli{
        display: inline-block;
        width: 24.5%;
        text-align: center;
        height: auto;
    }
    #main .main02 .quick_box .qli .shape{
        position: relative;
        left: 0;
        top: 0;
    }
    #main .main02 .quick_box .qli .q_txt_box{
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%,-50%);
        text-align: center;
    }
    #main .main02 .quick_box .qli a{
        min-height: auto;
    }
    #main .main02 .quick_box .qli .m_q_p{
        font-size: 17px;
        text-align: center;
        color: #333333;
        font-weight: 500;
        margin-top: 3%;
    }
    #main .main02 .quick_box .qli .q_txt_box h4{
        font-size: 20px;
    }
    #header .sitemap .hamburger.active .line:nth-child(1){
        transform: translateY(6px);
    }
    #main .main02 .quick_box .qli:hover .shape{
        transform:  rotate(-10deg)  scale(1.05);
    }
    #main .main02 .swiper-button-next, #main .main02 .swiper-button-prev{
        width: 0;
    }
    #main .main02 .main02_bot .new_s{
        margin-bottom: 10%;
    }
    #main .main02::before{
        height: 22%;
    }
    #main .main03 .right_box .tab_content .tab_h6{
        font-size: 22px;
        margin-top: 5%;
    }
    #main .main03 .right_box .tab_content .tab_p{
        margin: 1% 0 5%;    
    }
    #main .main03 .right_box .tab_content .go_box a{
        padding: 5% 10%;
    }
    #main .main03{
        height: auto;
        background-image: none;
        background-color: #375f43;
    }
    #main .main03 > div{
        flex-wrap: wrap;
    }
    #main .main03 .left_box,#main .main03 .right_box{
        width: 100%;
    }
    #main .main03 .right_box{
        padding-left: 0;
        text-align: center;
    }
    #main .main03 .right_box .tab_menu{
        justify-content: center;
    }
    #main .main03 .right_box .tab_menu li{
        width: 110px;
        height: 110px;
    }
    #main .main03 .right_box .tab_content .go_box{
        margin: 0 auto;
    }
    #main .main03{
        padding-top: 0;
    }
    #main .main03 .right_box{
        margin-top: 17%;
    }
    #main .main03 .right_box .tab_content .go_box{
        border: 1px solid #fff;
    }
    #main .main03 .right_box .tab_content .go_box p{
        color: #fff;
    }
    #main .main03 .right_box .tab_content .go_box img{
        filter: brightness(0) invert(1);
    }
    #footer .f_bot{
        padding: 2% 0;
    }
    #footer .f_bot > div{
        flex-direction: column;
    }
    #footer .f_bot h1{
        margin-bottom: 2%;
    }
    #footer .f_bot .address{
        text-align: center;
        margin-left: 0;
    }
    #footer .f_top .inner{
        flex-direction: column;
        width: 100%;
    }
    #footer .f_top ul{
        width: 100%;
    }
    #footer .f_top .f_left li{
        width: 50%;
    }
    #footer .f_top .select_box{
        width: 100%;
    }
    #main .main02 .main_slide02 .txt_box{
        padding: 8% 7%;
    }
    .sub_header .sub_title .tit_h4{
        font-size: 30px;
        margin: 3% 0 1%;
    }
    #sub .story .start_wrap .txt_box{
        padding: 9% 0;
        width: 100%;
        border-bottom: 0;
    }
    #sub .story .start_wrap .img_box{
        width: 100%;
    }
    #sub .story .start_wrap .img_box img{
        width: 100%;
    }
    #sub .story .start_wrap .txt_box p{
        text-align: center;
    }
    #sub .story .start_wrap .txt_box p::after{
        left: 50%;
        transform: translateX(-50%);
    }
    #sub .story .photo_st{
        padding-top: 1%;
    }
    #sub .story .photo_st .ph_contain.radi_right{
        overflow: hidden;
        border-top-right-radius: 0;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    #sub .story .photo_st .ph_contain.radi_left{
        overflow: hidden;
        border-top-left-radius: 0;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    #sub .story .photo_st .ph_contain.radi_left .ph_img{
        order: -1;
    }
    #sub .story .photo_st .ph_img,#sub .story .photo_st .ph_txt{
        width: 100%;
    }
    #sub .story .photo_st .ph_img img{
        width: 100%;
    }
    #sub .story .photo_st .ph_txt p{
        padding: 2%;
    }
    #sub .story .st_box02 .sk_eye .tree .t_img_box.m100{
        margin-right: 3vw;
    }
    #sub .story .st_box02 .sk_eye .tree li{
        width: 18.5%;
    }
    #sub .story .st_box02 .sk_eye .tree .t_img_box{
        width: auto;
    }
    #sub .story .st_box02 .sk_eye .tree .t_img_box img{
        width: 100%;
    }
    #sub .story .st_box02 .sk_eye .tree.sk_t li:last-child{
        width: 50%;
        margin: 0 auto;
        margin-top: 6%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_img_box{
        width: 50%;
        margin: 0 auto;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_img_box img{
        width: 100%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_txt_box{
        width: 100%;
    }
    #sub .story .st_box02 .sk_eye .work_box{
        padding: 3% 0;
    }
    #sub .story .st_box02 .sk_eye .work_box.w06 .w_txt_box{
        margin-top: 7%;
    }
    #sub .story .st_box02 .sk_eye .invest_box li .w_img_box{
        padding: 0;
        margin: 0;
    }
    #sub .story .st_box02 .sk_eye .invest_box .work_box{
        padding: 0;
    }
    #sub .history .tab_menu_wrap.sticky{
        top: 70px;
    }
    #sub .history .tab_menu li{
        padding: 15px 0;
        font-size: 18px;
    }
    #sub .ci_box .con_tit{
        width: 100%;
    }
    #sub .ci_box .con_tan{
        width: 50%;
    }
    #sub .ci_box .con_tan:nth-of-type(2),#sub .ci_box.color .con_tan.w50{
        border-left: 0;
    }
    #sub .ci_box.color .con_tan.w30{
        width: 100%;
    }
    #sub .ci_box.color .con_tan.w50{
        width: 100%;
    }
    #sub .ci_box.color .con_tan .con_color{
        margin-right: 0;
        width: 50%;
    }
    #sub .ci_box .config_ul > li{
        min-height: auto;
        padding: 5% 0;
    }
    #sub .ci_box .config_ul > li:first-child{
        padding: 1% 0;
    }
    #sub .ci_box .config_ul > li img{
        width: 30%;
    }
    #sub .ci_box.config ul:last-child img{
        width: 37%;
    }
    #sub .ci_box.color .config_ul > li img{
        width: 12%;
    }
    #sub .ci_box.color .con_tit .con_p{
        padding-top: 2%;
        position: relative;
        bottom: 0;
    }
    #sub .ci_box.color .con_tan.w30 {
        padding: 4% 0;
        border-bottom: 1px solid #dddddd;
    }
    #sub .direction .map_box .map_h3{
        font-size: 24px;
    }
    #sub .direction .map_box .map_h3 span {
        margin: 0 1% 0 2%;
    }
    #sub .direction .map_box .map_li .map_tit{
        font-size: 18px;
    }
    #sub .direction .map_box .map_li {
        padding: 2% 0 2% 5%;
    }
    #sub .direction .map_box {
        margin: 4% 0;
    }
    #sub .s_top_h2{
        font-size: 23px;
    }
    #sub .b_index_top_box .b_txt{
        font-size: 16px;
        line-height: 28px;
    }
    #sub .b_index_inner .detail_wrap .txt_box{
        width: 100%;
        text-align: center;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_s_tit::after{
        width: 100%;
    }
    #sub .b_index_inner .detail_wrap .img_box{
        margin: 5% auto -8%;
    }
    #sub .b_index_inner .detail_wrap {
        padding-top: 5%;
        margin-bottom: 13%;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box em{
        width: 20vw;
        padding: 8% 0;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_p{
        margin: 3% 0;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_s_tit{
        padding: 1% 0 2%;
    }
    #sub .tab_menu li a{
        font-size: 16px;
        padding: 6% 0;
    }
    #sub .tc_tit {
        font-size: 24px;
    }
    #sub .tc_tit span {
        font-size: 16px;
        margin-left: 1%;
    }
    #sub .tc_p {
        font-size: 16px;
        line-height: 28px;
        margin: 2% 0 3%;
    }
    #sub .tc_con{
        padding: 3%;
    }
    #sub .detail .tab_content .a_map .map_bg{
        display: none;
    }
    #sub .detail .tab_content .a_map{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    #sub .detail .tab_content .a_map .aff_box{
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }
    #sub .detail .tab_content .a_map .aff_box .img_box{
        width: auto;
    }
    #sub .detail .tab_content .a_map .add_btn .line{
        display: none;
    }
    #sub .detail .tab_content .a_map .right_w .add_btn::after {
        left: auto;
    }
    #sub .detail .tab_content .carbon_b .p_img_box{
        height: auto;
    }
    #sub .detail .tab_content .w_a_100 .carbon_b .p_img_box{
        height: auto;
    }
    #sub .detail .tab_content .w_a_100 .carbon_b .p_img_box.w50{
        height: auto;
    }
    #sub .biz .biz_left .b_txt h4{
        font-size: 20px;
        margin-bottom: 1%;
    }
    #sub .biz .biz_left .b_txt span.red{
        font-size: 16px;
    }
    #sub .pla_ul li{
        padding: 6% 8%;
    }
    #sub .pla_ul li{
        min-height: 200px;
    }
    #sub .pla_ul li h5{
        font-size: 18px;
    }
    #sub .pla_ul li p{
        font-size: 16px;
    }
    .c_index .swiper-container-horizontal>.swiper-pagination-bullets,.c_index .swiper-pagination-custom,.c_index .swiper-pagination-fraction{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -30%;
        text-align: center;
    }
    .c_index .slide_wrap {
        margin-bottom: 7%;
        margin-top: 6%;
    }
    #sub .c_index .detail_wrap .txt_box .man_tit::after{
        width: 100%;
    }
    .slick_wrap .slider-for{
        width: 100%;
        padding-left: 0;
    }
    .slick-next,.slick-prev{
        display: none !important;
    }
    .slick_wrap .slider-nav{
        width: 60%;
        margin: 0 auto;
    }
    .slick-slide img{
        width: 100%;
        height: 100%;
    }
    /* .slick-initialized .slick-slide{
        width: 10vw;
        height: 10vw;
    } */
    .slick_wrap .slider-nav .s_thumb_box{
        width: 15vw;
        height: 15vw;
        margin: 3vw auto;
    }
    .c_index .slick_wrap .slider-nav{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -43%;
        width: 53%;
    }
    .c_index .slick_wrap .slider-nav .s_thumb_box{
        width: 9vw;
        height: 9vw;
    }
    .planterior .plan_top .gray_box .p_t_p{
        width: 80%;
        margin: 0 auto;
    }
    .planterior .plan_top .slick_wrap .slider-nav .s_thumb_box{
        width: 10vw;
        height: 10vw;
    }
    #sub .planterior .plan_top .slick_wrap .slider-for{
        width: 100%;
    }
    #sub .planterior .plan_top .slick_wrap .slider-nav{
        width: 50%;
    }
    #sub .planterior .pro_mp_ul{
        margin-bottom: 0;
    }
    #sub .planterior .youtube_wrap iframe{
        height: 45vw;
    }
    #sub .soofee .birch_box .left_box,#sub .soofee .birch_box .right_box{
        width: 100%;
    }
    #sub .soofee .birch_box .left_box img{
        width: 100%;
    }
    #sub .soofee .birch_box .right_box{
        margin-top: 5%;
        line-height: 28px;
    }
    #sub .soofee .birch_box{
        padding: 5% 0 8%;
    }
    #sub .soofee .cos_tit h4{
        font-size: 26px;
    }
    #sub .soofee .cos_tit .more_btn span{
        font-size: 30px;
    }
    #sub .soofee .cos_tit .more_btn{
        font-size: 16px;
        padding: 1.5% 0;
        width: 16vw;
    }
    #sub .oran_tit{
        font-size: 17px;
    }
    #sub .soofee .nature_wrap .na_ul table th,#sub .soofee .nature_wrap .na_ul table td{
        font-size: 16px;
        padding: 2% 0;
    }
    .board_list .video_ul li{
        width: 31%;
    }
    .board_list .video_ul li:nth-child(4n){
        margin-right: 3%;
    }
    .board_list .video_ul li:nth-child(3n){
        margin-right: 0;
    }
    #sub .send_box{
        width: 80%;
    }
    #sub .rguide_box .step_wrap .step_c > div{
        width: 15vw;
        height: 15vw;
    }
    #sub .talent .for_tal .fot_img {
        margin-top: 5%;
    }
    #sub .talent .for_tal .fot_img .left_img{
        margin-right: 0;
        width: 100%;
        text-align: center;
    }
    #sub .talent .for_tal .fot_img .left_img img{
        width: 65%;
    }
    #sub .talent .for_tal .fot_img .right_img{
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    #sub .talent .for_tal .fot_img .right_img img{
        width: 80%;
    }
    #sub .talent .for_tal{
        padding-bottom: 10%;
        height: auto;
    }
    #sub .talent .want_sk .values_ul .values_txt h6{
        padding-top: 8%;
    }
    #sub .talent .want_sk .values_ul li .values_txt {
        padding: 7% 12%;
    }
    #sub .talent .want_sk .values_ul li .values_txt h4{
        font-size: 22px;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5{
        font-size: 20px;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5 span{
        font-size: 15px;
        margin-left: 3%;
    }
    #sub .talent .want_sk .success_ul li .txt_box .su_p{
        font-size: 15px;
        line-height: 24px;
    }
    #sub .talent .want_sk .success_ul li{
        width: 100%;
    }
    #sub .talent .want_sk .success_ul li .txt_box .su_p{
        padding-top: 2%;
    }
    #sub .talent .want_sk .success_ul li .s_img_box{
        width: 10%;
    }
    #sub .talent .want_sk .success_ul li .txt_box{
        width: 85%;
    }
    #sub .talent .want_sk .success_ul li{
        padding: 4%;
    }
    #header .lang_box{
        margin-right: 9%;
    }
    #header.on .lang_box p{
        color: #fff;
    }
    #header.on .lang_box img{
        filter: brightness(0) invert(1);
    }
    #sub .detail .kfcc_box img{
        width: 20%;
    }
    #sub .detail .kfcc_box .kfcc_p{
        font-size: 16px;
        line-height: 26px;
        margin-top: 5%;
    }
    #sub .detail .kfcc_box > div {
        margin-left: 4%;
    }
    #sub .rGuide .benefit_box li .bene_p p{
        font-size: 17px;
    }

    
    #sub .send_box .send-flex .send_li {
        width: 100%;
    }

    #sub .send_box .send-flex {
        display: block;
        width: 100%;
    }
    #sub .send_frame .r-border {
        border-right: 0;
    }

    #sub .send_box .send_li input,
    #sub .send_box .send_li select {
        height: auto;
    }

}

@media screen and (max-width: 1024px){ 
	
	/*ESG - 윤리경영*/
	#sub > .esg.ethical > .info01_con .contents_con > .txt_con > .text_con {padding:28px 48px;}
	#sub > .esg.ethical > .info01_con .contents_con > .list_con > ul > li > .list_div {min-height:350px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con {margin-bottom:26px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {margin-bottom:16px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:24px; line-height:28px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {min-height:231px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:20px; line-height:33px;}


}

@media screen and (max-width: 960px){
    #header .sitemap .hamburger .line{
        width: 30px;
    }
    #main .main02 .main02_bot h3{
        font-size: 30px;
        margin: 7% 0 1%;
    }
    #main .main02 .main02_bot .new_s{
        font-size: 16px;
    }
    .sub_header .sub_menu > ul{
        width: 50%;
        margin: 0 auto;
        justify-content: flex-start;
    }
    .sub_header .sub_menu .s_li.home{
        width: 100% !important;
        margin: 0;
        margin-bottom: 1.5%;
    }
    .sub_header .sub_menu .s_li.s_m_t{
        width: 49%;
        margin: 0;
        margin-right: 2%;
    }
    .sub_header.business .sub_menu .s_li.s_m_t{
        width: 32%;
    }
    .sub_header.business.planterior .sub_menu .s_li.s_m_t,.sub_header.business.soofee .sub_menu .s_li.s_m_t{
        width: 49%;
    }
    .sub_header .sub_menu .s_li:last-child{
        margin-right: 0;
    }
    .sub_header .sub_menu .ui-selectmenu-button.ui-button{
        width: 100% !important;
    }
    .sub_header .sub_menu{
        bottom: -17%;
    }
    #sub .s_top_h2{
        font-size: 22px;
        margin-bottom: 3%;
        padding: 2% 0;
    }
    #sub .social .s_top_h2{
        padding: 2% 0;
    }
    #sub .story .st_box02 .sk_eye .invest_box .w_txt_box{
        padding-left: 4%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_txt_box h6{
        font-size: 16px;
    }
    #sub .story .start_wrap{
        margin: 3% 0;
    }
    #sub .history .year_contents .left_pic{
        display: none;
    }
    #sub .history .year_contents > div{
        width: 100%;
    }
    #sub .direction .map_box .map_li.w45{
        width: 100%;
        margin-bottom: 4%;
    }
    #sub .direction .map_box .map_li{
        width: 50%;
    }
    #sub .detail .tab_content .a_map .aff_box{
        width: 48%;
    }
    #sub .detail .tab_content .a_map .aff_box{
        margin-bottom: 5%;
    }
    #sub .detail .tab_content .carbon_b .pro_photo{
        width: 100%;
    }
    #sub .biz .biz_left{
        width: 100%;
    }
    #sub .biz .biz_right{
        width: 100%;
        text-align: center;
        margin: 3% 0;
    }
    #sub .biz .biz_left li{
        padding: 10% 0;
        align-items: flex-start;
    }
    #sub .planterior .m_left_img{
        width: 70%;
        margin: 0 auto;
    }
    #sub .planterior .pro_mp_ul{
        width: 100%;
    }
    #sub .planterior .pro_mp_ul{
        margin-top: 5%;
    }
    #sub .planterior .pro_mp_ul .be_s em{
        font-style: normal;
        width: 23px;
        height: 23px;
        line-height: 23px;
        background: #f55320;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        margin-right: 5%;
    }
    .planterior .be_s{
        display: flex;
    }
    #sub .soofee .tab_content .tap_h4{
        font-size: 18px;
    }
    #sub .soofee .tab_content .tap_h4 span{
        font-size: 24px;
        display: block;
        margin-bottom: 2%;
    }
    #sub .soofee .tab_content .tab_p{
        font-size: 16px;
        margin: 4% 0;
    }
    #sub .soofee .nature_wrap .na_ul li p{
        font-size: 15px;
    }
    #sub .soofee .nature_wrap .na_ul li span{
        font-size: 25px;
    }
    #sub .soofee .line_up .num_s{
        font-size: 85px;
    }
    #sub .soofee .line_up .line_ri h6{
        font-size: 20px;
        margin-bottom: 1%;
    }
    #sub .soofee .line_up .line_ri p{
        font-size: 15px;
        margin-top: 2%;
    }
    #sub .soofee .line_up li {
        padding: 2% 0 2% 5%;
    }
    #sub .soofee .line_up li{
        margin-top: 3%;
    }
    #sub .soofee .n_w50 .nature_wrap{
        width: 100%;
    }
    #sub .soofee .nature_wrap .na_ul .type li span{
        font-size: 15px;
        margin-left: 2%;
    }
    #sub .soofee .nature_wrap .na_ul li span{
        width: 7vw;
    }
    #sub .soofee .nature_wrap .na_ul .red_right, #sub .soofee .nature_wrap .na_ul li > p, #sub .soofee .nature_wrap .na_ul li > ul {
        width: calc(100% - 7vw);
    }
    #sub .soofee .nature_wrap.n01{
        margin-top: 5%;
    }
    #sub .soofee .nature_wrap{
        margin-top: 0;
    }
    .search_form .search_txt{
        width: calc(100% - 162px);
    }
    .search_form .s_txt{
        width: 100%;
    }
    #sub .board_view .video_txt_box{
        padding: 5%;
        margin-top: 5%;
    }
    #sub .board_view .video_txt_box p{
        font-size: 16px;
        line-height: 28px;
    }
    #sub .board_view .video_wrap{
        width: 80%;
    }
    #sub .s_top_h2{
        font-size: 20px;
    }
    #sub .send_box .send_li label{
        font-size: 16px;
    }
    #sub .send_box .send_li input{
        padding: 3%;
    }

    #sub .send_box .send_li select {
        padding: 3%;
    }
    #sub .send_box .submit_box input{
        width: 150px;
        font-size: 16px;
        line-height: 50px;
    }
    #sub .send_box .submit_box {
        margin: 6% 0 10%;
    }
    #sub .send_box{
        width: 90%;
    }
    #sub .send_box .send_li {
        padding: 3% 5%;
    }
    #sub .rAnn .step_wrap .step_c{
        width: 50%;
        margin-bottom: 7%;
    }
    #sub .rAnn .step_wrap .next_i{
        display: none;
    }
    #sub .rAnn .rAnn_box{
        padding: 5% 0;
    }
    #sub .rguide_box .step_wrap{
        justify-content: start;
        align-items: center;
    }
    #sub .rguide_box .step_wrap .step_c > div {
        width: 24vw;
        height: 24vw;
        margin-bottom: 10%;
    }
    #sub .rguide_box .step_wrap .step_c img{
        width: 60%;
    }
    #sub .rguide_box .step_wrap .step_c.ss img{
        width: 40%;
    }
    #sub .rguide_box .step_wrap .next_i{
        margin: 0 2%;
    }
    #sub .rguide_box .step_wrap .next_i img{
        width: 70%;
    }
    #sub .step_wrap .step_c .step_p{
        font-size: 16px;
    }
    #sub .rGuide .rguide_box h4{
        font-size: 21px;
    }
    #sub .rGuide .rguide_box {
        padding: 7% 0 0;
    }
    #sub .rGuide .rguide_box .precaution_wrap li{
        padding: 3% 0;
    }
    #sub .rGuide .rguide_box .precaution_wrap li .pre_tit{
        font-size: 17px;
        width: 135px;
        padding: 1% 0;
    }
    #sub .talent .for_tal .fot_txt h4 {
        font-size: 22px;
    }
    #sub .talent .for_tal .fot_txt .ft_p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 3%;
    }
    #sub .talent .for_tal .fot_txt .ft_s {
        font-size: 15px;
    }
    #sub .talent .for_tal .fot_txt{
        padding: 7% 0;
    }
    #sub .talent .want_sk{
        padding: 5% 0 10%;
    }
    #sub .talent .want_sk .want_tit{
        font-size: 22px;
    }
    #sub .talent .want_sk .want_t_p{
        margin: 4% 0;
    }
    #sub .talent .want_sk .want_t_p {
        font-size: 16px;
        line-height: 27px;
    }
    #sub .talent .want_sk .want_sub_tit span{
        margin: 4% 0;
    }
    #sub .talent .want_sk .values_ul li{
        width: 60%;
        margin: 0 auto;
        margin-bottom: 25%;
    }
    #sub .talent .want_sk .values_ul li .vant_bg{
        width: 100%;
    }
    #sub .talent .want_sk .values_ul li .values_txt h4 {
        margin-bottom: 17%;
    }
    #header h1 img{
        width: 85%;
    }
    #sub .detail .kfcc_box img {
        width: 40%;
        margin: 0 auto;
    }
    #sub .detail .kfcc_box .kfcc_p {
        font-size: 15px;
        line-height: 23px;
        margin-top: 7%;
    }
    #sub .biz .biz_top h3{
        font-size: 45px;
    }
    #sub .biz .biz_top p{
        font-size: 18px;
        margin-top: 1%;
    }
    #sub .rGuide .benefit_box li{
        width: 48%;
    }
    #sub .send_ff .send_txt {
        position: initial;
    }

    #sub .send_ff:not(:last-of-type){
        margin-bottom: 50px;
    }

	/* ESG - 윤리경영 */
	.w_con {display:none;}
	.m_con {display:block;}
	.w_img {display:none;}
	.m_img {display:block;}
	.w_br {display:none;}
	.m_br {display:block;}

	#sub > .esg.ethical > .info01_con {padding:84px 0 75px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con {display:block; margin-bottom:24px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .title_con {display:block; width:100%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:15px; text-align:center;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .title_con > span {font-size:26px; font-weight:700; line-height:72px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .text_con {width:100%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:16px 19px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .text_con > span {font-size:22px; line-height:30px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con {}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul {display:block;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li {width:100%; margin-bottom:15px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li:last-child {margin-bottom:0;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div {display:block; min-height:unset; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:29px 18px 30px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con {margin-bottom:23px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {margin-bottom:7px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con:before {width:5px; height:24px; top:6px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {min-height:unset; padding-left:15px; font-size:25px; line-height:41px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {min-height:unset;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:20px; line-height:28px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con {}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con > a {border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; padding:0 21px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con > a > span {font-size:18px; line-height:42px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con > a > img {}
	#sub > .esg.ethical > .info02_con {padding:77px 0 113px;}
	#sub > .esg.ethical > .info02_con > .inner > .title_con {margin-bottom:46px;}
	#sub > .esg.ethical > .info02_con > .inner > .title_con > span {font-size:28px; line-height:42px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li {margin-bottom:53px; padding-bottom:53px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td {width:20.5vw;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td > .icon_con > img {width:15.6vw;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con {padding-top:10px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con > span {font-size:26px; line-height:30px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con > span .color_text {display:block; margin-top:12px; font-size:22px; line-height:30px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con {margin-top:21px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li {margin-bottom:12px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li:before {top:10px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li > span {font-size:20px; line-height:30px;}

}


@media screen and (max-width: 768px){
    #main .main_slide01 .swiper-slide{
        height: 640px;
    }
    #main .main_slide01 .slide01{
        background-image: url(/img/main/main_slide01.jpg);
    }
    #main .main_slide01 .slide02{
        background-image: url(/img/main/main_slide02.jpg);
    }
    #main .main_slide01 .slide03{
        background-image: url(/img/main/main_slide03.jpg);
    }
    #main .main_slide01 .slide04{
        background-image: url(/img/main/main_slide04.jpg);
    }
    #main .main_slide01 .txt_box h2{
        font-size: 25px;
    }
    #main .main_slide01 .txt_box span{
        font-size: 17px;
        margin: 1% 0 4%;
    }
    #main .main_slide01.swiper-container-horizontal>.swiper-pagination-bullets, #main .main_slide01.swiper-pagination-custom, #main .main_slide01.swiper-pagination-fraction{
        bottom: 41%;
    }
    #main .main_slide01 .scroll_down{
        bottom: 8%;
    }
    #main .main_slide01 .scroll_down p{
        font-size: 15px
    }
    #main .main02 .main_slide02 .img_box{
        min-height: 50px;
    }
    #main .main02 .main_slide02 .txt_box p{
        display: none;
    }
    .slide02_wrap .swiper-container-horizontal>.swiper-scrollbar{
        display: none;
    }
    #main .main03 .left_box iframe{
        height: 250px;
    }
    #main .main03 .right_box .tab_menu li{
        width: 24vw;
        height: 24vw;
    }
    #main .main03 .right_box .tab_content{
        padding-left: 7%;
        text-align: left;
    }
    #main .main03 .right_box .tab_content .go_box{
        margin: 0;
    }
    #main .main03{
        padding-bottom: 200px;
    }
    #main .main02 .quick_box .qli{
        min-height: 210px;
    }
    #main .main02 .quick_box .qli .q_txt_box img{
        width: 40%;
    }
    #main .main02 .quick_box .qli .q_txt_box h4 {
        font-size: 16px;
    }
    #main .main02 .quick_box .qli .m_q_p{
        font-size: 15px;
    }
    #main .main03 .right_box .tab_menu li img{
        width: 40%;
    }
    #footer .f_bot .address{
        font-size: 12px;
        line-height: 21px;
    }
    .sub_header{
        background-size: contain;
        background-position: top center;
    }
    .sub_header.company{
        background-image: url(/img/sub/m_sub_vis01_01.jpg);
    }
    .sub_header.management{
        background-image: url(/img/sub/m_sub_vis02_01.jpg);
    }
    .sub_header.landscape{
        background-image: url(/img/sub/m_sub_vis03_01.jpg);
    }
    .sub_header.carbon{
        background-image: url(/img/sub/m_sub_vis04_01.jpg);
    }
    .sub_header.soofee{
        background-image: url(/img/sub/m_sub_vis05_01.jpg);
    }
    .sub_header.planterior{
        background-image: url(/img/sub/m_sub_vis06_01.jpg);
    }
    .sub_header.investment{
        background-image: url(/img/sub/m_sub_vis07_01.jpg);
    }
    .sub_header.promotion{
        background-image: url(/img/sub/m_sub_vis08_01.jpg);
    }
    .sub_header.recruitment{
        background-image: url(/img/sub/m_sub_vis09_01.jpg);
    }
    .sub_header.esg{
        background-image: url(/img/sub/m_sub_vis10_01.jpg);
    }

    .sub_header{
        height: 76vw;
    }
    .sub_header .sub_menu .ui-selectmenu-icon.ui-icon{
        bottom: 2.5vw;
        top: auto;
        transform: translateX(-50%);
        left: 50%;
    }
    .sub_header .sub_menu .ui-selectmenu-text{
        font-size: 15px;
        text-align: center;
        margin-right: 0;
    }
    .sub_header .sub_menu .ui-button{
        line-height: 9vw;
    }
    .sub_header .sub_menu > ul{
        width: 90%;
    }
    #sub .story .start_wrap .txt_box p{
        font-size: 21px;
        line-height: 37px;
    }
    #sub .story .st_box01{
        padding-bottom: 8%;
        margin-bottom: 5%;
    }
    #sub .story .photo_st .bg_b{
        font-size: 16px;
        margin-top: 6%;
        margin-bottom:5%;
        padding: 2.5% 5%;
    }
    #sub .story .photo_st .next_ic{
        margin: 5% 0;
    }
    #sub .story .st_box02 .sk_eye p{
        font-size: 16px;
        line-height: 27px;
    }
    #sub .story .st_box02 .sk_eye .tree li{
        width: 27.5%;
    }
    #sub .story .st_box02 .sk_eye .tree .two > div{
        width: 46%;
    }
    #sub .story .st_box02 .sk_eye .tree li:last-child{
        width: 60%;
    }
    #sub .story .st_box02 .sk_eye .tree .t_name{
        font-size: 14px;
    }
    #sub .story .st_box02 .sk_eye h5{
        font-size: 20px;
        margin-bottom: 2.5%;
    }
    #sub .story .st_box02 .sk_eye{
        padding: 7% 0;
    }
    #sub .story .st_box02 .sk_eye .work_box.w06 .w_txt_box{
        padding-left: 6%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_txt_box p{
        font-size: 16px;
        line-height: 28px;
        margin-top: 5%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_img_box{
        width: 90%;
    }
    #sub .story .st_box02 .sk_eye .invest_box li{
        width: 100%;
    }
    #sub .story .st_box02 .sk_eye .invest_box li .w_img_box img{
        width: 100%;
    }
    #sub .story .st_box02 .sk_eye .tree.sk09 li{
        width: 26.5%;
        margin: 3%;
    }
    #sub .story .st_box02 .sk_eye .tree.sk09{
        justify-content: center;
    }
    #sub .story .st_box02 .sk_eye .tree.sk_t li:last-child{
        width: 60%;
    }
    #sub .story .start_wrap .txt_box p{
        font-size: 19px;
        line-height: 33px;
    }
    .sub_header .sub_title .tit_h4{
        font-size: 27px;
        margin: 5% 0 1%;
    }
    #sub .story .st_box02 .sk_eye .tree .t_img_box{
        border-radius: 15%;
    }
    #sub .history .year_container{
        margin-top: 8%;
    }
    #sub .history .year_contents .right_cont h4{
        font-size: 20px;
    }
    #sub .history .year_contents .right_cont .year_sp{
        font-size: 16px;
    }
    #sub .history .year_contents .right_cont .month{
        width: 30px;
        font-size: 16px;
    }
    #sub .history .year_contents .right_cont h4{
        padding-left: 7%;
    }
    #sub .history .year_contents .right_cont h4::after{
        width: 4%;
    }
    #sub .history .year_contents .years .con_wrap{
        padding: 2% 0 2% 7%;
    }
    #sub .history .year_contents .right_cont .y_s_wrap{
        width: calc(100% - 30px);
    }
    #sub .ci_box .con_tan{
        width: 100%;
    }
    #sub .ci_box .con_tit .con_h6{
        font-size: 16px;
    }
    #sub .ci_box .config_ul li:nth-child(2){
        border-bottom: 1px solid #ddd;
    }
    #sub .ci_box .config_ul li:nth-child(3){
        border-left: 0;
    }
    #sub .ci_box.color .config_ul > li img {
        width: 23%;
    }
    #sub .ci_box.color .con_tan .con_color{
        width: 80%;
        padding: 6% 0;
        margin: 0 auto;
    }
    #sub .ci_box.color .con_tan .con_color:last-child{
        margin: 0 auto;
    }
    #sub .ci_box .config_ul .con_color li:nth-child(2){
        border-bottom: 0;
    }
    #sub .ci_box.color .color_icon p{
        font-size: 14px;
    }
    #sub .ci_box.color .color_icon .color_na{
        width: 20px;
        height: 20px;
        border-radius: 5px;
        margin-right: 10px;
    }
    #sub .ci_box.color .con_tan.w30{
        padding: 10% 0;
    }
    #sub .ci_box.color .con_tit .con_p{
        padding-top: 6%;
        line-height: 26px;
    }
    #sub .ci_box .config_ul > li{
        padding: 10% 0;
    }
    #sub .direction .map_box .map_h3{
        font-size: 20px;
    }
    #sub .direction .map_box .map_h3::before{
        top: 15%;
        width: 3px;
        height: 17px;
    }
    #sub .direction .map_box .map_ul{
        margin: 6% 0;
    }
    #sub .s_top_h2{
        font-size: 20px;
    }
    #sub .b_index_top_box .b_txt {
        font-size: 14px;
        width: 80%;
        line-height: 26px;
        margin: 0 auto;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box em::before{
        width: 20vw;
        height: 40px;
        border-radius: 30px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box span{
        font-size: 20px;
        left: 10px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_tit{
        font-size: 21px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_s_tit{
        font-size: 17px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_p {
        font-size: 15px;
        line-height: 23px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box{
        font-size: 15px;
    }
    #sub .detail .tab_content .a_map .aff_box > h5{
        font-size: 16px;
        text-align: left;
    }
    #sub .detail .tab_content .tc_con .tc_p02{
        font-size: 16px;
        margin: 5% 0 10%;
    }
    #sub .tab_menu_wrap .tab_menu{
        width: 100%;
    }
    #sub .tc_tit span {
        font-size: 17px;
        display: block;
        margin-left: 0;
        margin-top: 3%;
    }
    #sub .tab_menu li a{
        font-size: 15px;
    }
    #sub .detail .tab_content .a_map .pop_wrap .img_box{
        border-radius: 10px;
    }
    #sub .detail .tab_content .a_map .pop_wrap .pop_inner span{
        width: 7vw;
        height: 7vw;
    }
    #sub .detail .tab_content .a_map .pop_wrap .pop_inner h5{
        margin-bottom: 6%;
        font-size: 23px;
    }
    #sub .detail .tab_content .a_map .pop_wrap .pop_inner{
        width: 90%;
    }
    #sub .oran_tit{
        font-size: 17px;
        padding: 2% 6%;
    }
    #sub .detail .tab_content .carbon_b .ca_sp01{
        width: 100%;
    }
    #sub .detail .tab_content .carbon_b .ca_sp01.w2{
        width: 100%;
    }
    #sub .detail .tab_content .carbon_b .ca_sp01.w2 em {display: none;}
    #sub .detail .tab_content .carbon_b .ca_sp02{
        margin-top: 2%;
        width: 100%;
    }
    #sub .detail .tab_content .carbon_b .ca_sp02.w2{
        width: 100%;
    }
    #sub .detail .tab_content .w_a_100  .carbon_b .ca_sp02{
        margin-top: 0;
    }
    #sub .detail .tab_content .carbon_b h5{
        font-size: 18px;
    }
    #sub .detail .tab_content .carbon_b ul li {
        padding: 3% 0;
    }
    #sub .detail .tab_content .carbon_b .p_img_box{
        margin: 7% 0 3%;
    }
    #sub .detail .tab_content .carbon_b .pro_photo p{
        font-size: 16px;
    }
    #sub .detail .tab_content .w100 .carbon_b .pro_photo .pro_ul{
        width: 100%;
    }
    #sub .detail .tab_content .w100 .carbon_b .p_img_box{
        height: auto;
    }
    #sub .detail .tab_content .carbon_b ul li.b_n{
        border-bottom: 0;
    }
    #sub .detail .tab_content .carbon_b .pro_ul span{
        font-size: 14px;
        display: block;
        width: 100%;
    }
    #sub .detail .tab_content .w_a_100 .carbon_b .pro_photo .pro_ul {
        margin-top: 5%;
    }
    #sub .detail .tab_content .w_a_100 .carbon_b .p_img_box.w50,#sub .detail .tab_content .w_a_100 .carbon_b .p_img_box{
        width: 100%;
    }
    #sub .detail .tab_content .w_a_100 .carbon_b .pro_photo ul{
        margin-top: 3% !important;
    }
    #sub .social .soci01 .c_img_box{
        display: block;
        margin: 0 auto;
        margin-top: 5%;
    }
    #sub .social .soci_box{
        padding: 6% 0;
    }
    #sub .social .c_img_box.W80{
        width: 100%;
        margin-bottom: 5%;
    }
    #sub .soc_p span{
        font-size: 18px;
    }
    #sub .social .c_img_box.W33{
        width: 51%;
        margin: 0 auto;
        margin-bottom: 4%;
    }
    #sub .social .chart th,#sub .social .chart td{
        font-size: 15px;
        padding: 3% 0;
    }
    .ui-menu .ui-menu-item-wrapper{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        width: 100%;
    }
    .sub_header .sub_menu .s_li{
        min-height: 50px;
    }
    .sub_header .sub_menu .s_li.home{
        line-height: 50px;
    }
    #sub .platform .p_img_box.pp{
        width: 80%;
        margin: 0 auto;
    }
    #sub .platform .txt_box{
        width: 100%;
    }
    #sub .pla_ul li{
        min-height: 150px;
    }
    #sub .platform .txt_box{
        margin-bottom: 10%;
    }
    #sub .platform .p_img_box.pp{
        margin-bottom: 19%;
    }
    #sub .b_index_top_box{
        padding-bottom: 8%;
    }
    .c_index .swiper-button-next{
        right: -8%;
    }
    .c_index .swiper-button-prev{
        left: -8%;
    }
    .c_index .slide_wrap .swiper-slide,.c_index .swiper-container{
        border-radius: 10px;
    }
    .c_index .swiper-pagination-bullet-active{
        border: 2px solid #fff;
    }
    .c_index .swiper-pagination-bullet{
        width: 9vw;
        height: 9vw;
    }
    .c_index .swiper-container-horizontal>.swiper-pagination-bullets,.c_index .swiper-pagination-custom,.c_index .swiper-pagination-fraction{
        bottom: -37%;
    }
    .c_index .swiper-button-next,.c_index .swiper-button-prev{
        width: 13px;
        height: 50px;
        background-size: 13px 50px;
    }
    #sub .detail.cd .tab_content .carbon_b .pro_ul, #sub .planterior .tab_content .carbon_b .pro_ul{
        margin: 5% 0;
    }
    .slick-active.is-active .s_thumb_box{
        border: 2px solid #ff7a00;
    }
    .planterior .plan_top .gray_box .p_t_p{
        font-size: 14px;
        line-height: 25px;
    }
    .planterior .be_s,.planterior .be_c{
        width: 100%;
        margin-top: 1%;
        font-size: 15px;
    }
    #sub .planterior .planterior .be_c{
        width: calc(100% - 140px);
    }
    #sub .planterior .pro_mp_ul .be_s{
        width: 140px;
    }
    #sub .planterior .smoking_imgwrap .s_img{
        width: 100%;
        margin-bottom: 5%;
    }
    #sub .planterior .smoking_imgwrap {
        margin-top: 6%;
    }
    #sub .soofee .birch_box h4{
        font-size: 21px;
    }
    #sub .soofee .birch_box .right_box .bir_p{
        font-size: 15px;
    }
    #sub .soofee .cos_tit .more_btn{
        width: 28vw;
        padding: 2% 0;
        font-size: 14px;
    }
    #sub .soofee .cos_tit h4{
        font-size: 23px;
    }
    #sub .soofee .cos_p{
        font-size: 16px;
    }
    #sub .soofee .cosmetic{
        padding: 5% 0 9%;
    }
    #sub .soofee .cos_tit .more_btn span {
        font-size: 24px;
    }
    #sub .soofee .line_up .num_s {
        font-size: 55px;
    }
    #sub .soofee .line_up .line_ri h6{
        font-size: 18px;
        padding-bottom: 2%;
    }
    #sub .soofee .line_up .line_ri p {
        font-size: 14px;
    }
    #sub .soofee .nature_wrap .na_ul table th, #sub .soofee .nature_wrap .na_ul table td{
        font-size: 12px;
    }
    #sub .soofee .nature_wrap .na_ul .t_p{
        font-size: 12px;
        font-weight: 400;
    }
    #sub .soofee .nature_wrap .na_ul li p {
        font-size: 14px;
    }
    #sub .soofee .nature_wrap .na_ul {
        margin-bottom: 6%;
    }
    #sub .soofee .nature_wrap:nth-of-type(1){
        margin-top: 3%;
    }
    #sub .fianace .financ_wrap{
        width: 100%;
    }
    #sub .fianace .financial td{
        padding: 3% 2%;
    }
    #sub .fianace .financial th{
        font-size: 16px;
    }
    #sub .fianace .financial td{
        font-size: 15px;
    }
    #sub .fianace .unit .unit_w{
        font-size: 13px;
        padding: 2% 4%;
    }
    #sub .fianace .unit{
        margin-bottom: 3%;
    }

    /* 투자정보 - 지속가능경영 */
    #sub .management .desc { font-size: 16px; }
    #sub .management .desc .br { display: inline; }
    #sub .management .report .thumb { width: 50vw; }
    #sub .management .report .btn-wrap { width: 50vw; margin: 0 auto; }
    #sub .management .report .btn-wrap .btn { width: calc(50% - 5px); }
    #sub .management .report .btn-wrap .btn span { font-size: 2.3vw; height: auto; padding-right: 25px; }


    .board_list .board_normal thead{
        display: none;
    }
    .board_list .board_normal tbody{
        border-top: 1px solid #ff7a00;
    }
    .board_list .board_normal td:first-child, .board_list .board_normal td:nth-child(3), .board_list .board_normal td:nth-child(4){
        display: none;
    }
    .board_list .board_normal td:nth-child(2){
        width: 100% !important;
    }
    .board_list .board_normal .txt-align_left a{
        width: 70vw;
    }
    .board_list .board_normal td{
        padding: 4% 2%;
    }
    .search_form {
        margin-bottom: 9%;
    }
    .pagination{
        margin-top: 12%;
        padding-bottom: 15%;
    }
    .board_list .video_ul li{
        width: 48%;
    }
    .board_list .video_ul li:nth-child(3n){
        margin-right: 3%;
    }
    .board_list .video_ul li:nth-child(2n){
        margin-right: 0;
    }
    #sub .board_view .video_wrap{
        width: 100%;
    }
    #sub .board_view .video_wrap iframe, #sub .board_view .video_wrap img{
        min-height: auto;
    }
    .b_index_top_box .back_a{
        top: auto;
    }
    #sub .board_view .s_top_h2{
        text-align: left;
        padding: 6% 0;
    }
    .b_index_top_box .date_num{
        right: auto;
        left: 0;
        top: auto;
        bottom: 19%;
    }
    #sub .send_box .send_li label,#sub .send_box .send_li .wr_txt{
        width: 100%;
    }
    #sub .send_box .send_li .wr_txt{
        margin-top: 3%;
    }
    #sub .send_box .send_li.last input{
        width: 150px;
    }
    #sub .send_box .send_li .w30,.send_box .ui-selectmenu-button.ui-button{
        width: 90px;
    }
    #sub .send_box .send_li .w20{
        width: 70px;
    }
    .send_box .ui-selectmenu-button.ui-button{
        padding: 3% 4%;
    }
    .rAnn .board_list .board_normal td:nth-child(2){
        display: none;
    }
    .rAnn .board_list .board_normal td:nth-child(3){
        display: block;
        width: 100% !important;
    }
    .rAnn .board_list .board_normal td{
        display: none;
    }
    #sub .rAnn .rAnn_box .ann_p01{
        margin: 4% 0 3%;
    }
    #sub .step_wrap{
        align-items: flex-start;
    }
    #sub .rGuide .rguide_box .precaution_wrap li .pre_s{
        width: 100%;
        margin-top: 4%;
        padding-left: 0;
    }
    #sub .rGuide .rguide_box .precaution_wrap li{
        justify-content: start;
    }
    #sub .rGuide .rguide_box .precaution_wrap li .pre_tit{
        width: 23vw;
    }
    #sub .talent .for_tal{
        background: url(/img/sub/m_for_tal_bg.jpg) no-repeat center/cover;
    }
    #sub .talent .want_sk .values_ul .values_txt p{
        font-size: 14px;
        line-height: 23px;
    }
    #sub .talent .want_sk .values_ul li{
        width: 80%;
        margin-bottom: 17%;
    }
    #sub .talent .want_sk .want_sub_tit span {
        margin: 6% 0;
    }
    #sub .talent .want_sk .success_ul li .s_img_box{
        width: 15%;
    }
    #sub .talent .want_sk .success_ul li .txt_box{
        width: 80%;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5{
        font-size: 18px;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5 span {
        font-size: 13px;
        margin-left: 2%;
    }
    #sub .talent .want_sk .success_ul li .txt_box .su_p {
        font-size: 14px;
        line-height: 22px;
    }
    #sub .talent .want_sk .want_sub_tit span{
        font-size: 17px;
    }
    #header h1 img{
        width: 80%;
    }
    .ui-menu .ui-menu-item-wrapper{
        padding: 10px 7px;
        font-size: 0.8rem;
    }
    .sub_header{
        animation: none;
    }
    #sub .biz .biz_top{
        background: url(/img/sub/m_biz_top_bg.jpg) no-repeat center/cover;
        height: 300px;
    }
    #sub .biz .biz_top h3{
        font-size: 38px;
        line-height: 40px;
    }
    #sub .biz .biz_top p{
        font-size: 13px;
    }
    #main .main02 .quick_box .qli{
        width: 49%;
    }
    #sub .rGuide .benefit_box li{
        width: 100%;
        margin-bottom: 4%;
    }
    #sub .rGuide .benefit_box li .bene_p{
        text-align: left;
        margin-top: 4%;
    }
    #sub .rGuide .benefit_box li img{
        width: 80%;
    }
    #footer .policy_wrap{
        width: 80%;
    }
    #footer .policy_wrap h2{
        font-size: 18px;
    }
    #footer .policy_wrap .policy_inner p{
        font-size: 14px;
    }
    #footer .policy_wrap .button{
        font-size: 14px;
        margin-top: 10%;
    }

    #sub .appl_box .t_title {
        font-size: 16px;
    }

    #sub .appl_box .terms_box .t_txt_box dl {
        font-size: 13px;
        margin-bottom: 15px;
    }

    #sub .appl_box .terms_box .t_txt_box .bt_m {
        margin-bottom: 15px;
    }

    #sub .appl_box .terms_box .agree_box input[type="checkbox"] + label::before {
        width: 15px;
        height: 15px;
        top: -1px;
    }

    #sub .appl_box .terms_box .agree_box input[type="checkbox"]:checked + label:after {
        width: 15px;
        height: 15px;
        top: -1px;
    }
    
    #sub .appl_box .terms_box .agree_box input[type="checkbox"] + label {
        font-size: 12px;
        padding-left: 25px;
    }

    #sub .appl_box .terms_box .t_txt_box p {
        font-size: 14px;
    }

    #sub .appl_box .send_li .tail_txt {
        font-size: 12px;
        margin-top: 15px;
    }

    #sub .send_box .send_li input[type="radio"] + label::before {
        background-size: cover;
        width:15px; 
        height:15px; 
        top: 2px;
    }
    
    #sub .send_box .send_li input[type="radio"]:checked + label:after {
        background-size: cover;
        width:15px;
        height:15px;
        top: 2px;
    }

    #sub .send_box .send_li input[type="radio"] + label {
        font-size: 12px !important;
        padding-left: 25px;
    }

    .m-flex { display: flex; }

    #sub .step_info {
        margin: 0 0 30px 0;
    }

    #sub .step_info .step_list {
        width: 78px;
        margin-bottom: 10px;
        
    }

    #sub .step_info .step_list a {
        font-size: 11px;
        border-radius: 30px;
        padding: 10px;
    }

    #sub .step_info .step_list:not(:last-child) {
        margin-right: 15px;
    }

    #sub .step_info .step_list:not(:last-child)::after {
        right: -12px;
        width: 7px;
        height: 13px;
        background-size: 100% 100%;
        
    }
    #sub .send_box .send_li input, #sub .send_box .send_li select {
        padding: 10px;
        font-size: 14px;
    }

    #sub .send_box .send_li select.jop {
        width: 130px;
    }


    #sub .send_box .send-flex .send_li {
        width: 100%;
    }
    #sub .send_frame {
        margin-bottom: 30px;
    }
    
    #sub .send_title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #sub .send_frame .img_title {
        margin-bottom: 250px;
    }

    #sub .send_frame .img-box {
        width: 150px;
        height: 200px;
    }
    #sub .send_box .send_li .name_t {
        margin-left: 0;
    }
    #sub .send_frame .r-border {
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    #sub .send_frame .send_li:last-child {
        border-bottom: 0;
    }

    #sub .send_box .send_li .wr_txt,
    #sub .send_box .send_li .wr_txt .wr_tt {
        font-size: 15px;
    }
    .file_up label {
        width: 50px !important;
    }

    .file_up label img {
        width: 40%;
    }

    .ad-search {
        
        width: 100px;
        padding: 10px;
        font-size: 12px;
        border-radius: 30px;
        margin-top: 20px;
        margin-left: 0;
    }

    #sub .send_li .cal-box {
        width: 100%;
    }

    #sub .send_li .cal-box input {
        width: 100%;
    }
    #sub .send_li .c-connect {
        display: block;
        text-align: center;
        width: 100%;
        
    }

    #sub .table_box table thead tr th {
        
        font-size: 12px;
    }
    
  
    
    #sub .table_box table tbody tr td {
        padding: 3% 1%;
        
        
    }
    
    #sub .table_box table tbody tr td input[type="text"],
    #sub .table_box table tbody tr td select {
        padding: 10px;
        font-size: 12px;
    }
    
    #sub .table_box table tbody tr td .w150 {
        width: 100px;
    }
    
    #sub .table_box table tbody tr td .w130 {
        width: 80px;
    }
    #sub .table_box table tbody tr td .cal-box {
        width: 120px;
        
    }

    #sub .table_box table tbody tr td .cal-box input {
        width: 100%
    }

    #sub .table_box table {
        width: 870px;
    }

    #sub .ui-datepicker-trigger {
        right: 10px;
    }

    #sub .table_box table tbody tr td .del-btn img {
        width: 12px;
    }

    #sub .send_box .send_li span.connect {
        margin: 0 5px;
    }

    
    #sub .more-btn {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 25px;
    }

    #sub .del-btn {
        width: 15px;
    }
    
    #sub .send_li .s-cal {
        width: 150px;
    }

    #sub .w300 {
        width: 160px;
    }
    
    #sub .text-box {
        padding: 20px;
        background-color: #f5f5f5;
        
    }

    #sub .text-box textarea {
        font-size: 14px;
    }

    #sub .send_box .submit_box input {
        width: 100px;
        margin-top: 10px;
    }
    #sub .send_ff .send_txt {
        font-size: 12px;
    }

    #sub .send_ff:not(:last-of-type){
        margin-bottom: 35px;
    }

    #sub .text-box .tt_title {
        font-size: 14px;
    }

    #sub .text-box .txt_cnt {
        font-size: 12px;
        top: 73px;
        right: 20px;
    }
    .txt-block {
        display: block;
    }

    #sub .complete_box {
        padding: 30px 20px;
        margin-bottom: 60px;
    }
    
    #sub .complete_box img {
        margin-bottom: 25px;
    }
    
    #sub .complete_box .txt1 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    #sub .complete_box .txt2 {
        font-size: 12px;
    }

	/* ESG - 윤리경영 */
	#sub > .esg.ethical > .info01_con {padding:68px 0 56px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con {margin-bottom:18px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .title_con {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:11px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .title_con > span {font-size:20px; line-height:56px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .text_con {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 14px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .txt_con > .text_con > span {font-size:16px; line-height:22px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li {margin-bottom:11px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:20px 14px 22px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con {margin-bottom:15px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {margin-bottom:4px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con:before {width:3px; height:18px; top:1px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {padding-left:12px; font-size:18px; line-height:22px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:16px; line-height:22px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con > a {border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:0 16px;}
	#sub > .esg.ethical > .info01_con  .contents_con > .list_con > ul > li > .list_div > .file_con > a > span {font-size:14px; line-height:33px;}
	#sub > .esg.ethical > .info02_con {padding:56px 0 83px;}
	#sub > .esg.ethical > .info02_con > .inner > .title_con {margin-bottom:30px;}
	#sub > .esg.ethical > .info02_con > .inner > .title_con > span {font-size:22px; line-height:36px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li {margin-bottom:38px; padding-bottom:38px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td {width:20.5vw;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td > .icon_con > img {width:15.6vw;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con {padding-top:10px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con > span {font-size:20px; line-height:22px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .title_con > span .color_text {margin-top:6px; font-size:18px; line-height:22px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con {margin-top:12px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li {margin-bottom:6px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li:before {top:7px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .text_td > .list_con > ul > li > span {font-size:16px; line-height:20px;}

}


@media screen and (max-width: 499px){
    .sub_header .sub_menu .s_li.home{
        line-height: 50px;
    }
    .sub_header .sub_menu .ui-button,.sub_header .sub_menu .s_li{
        min-height: 50px;
    }
    .sub_header{
        height: 100vw;
    }
    .sub_header::after,.sub_header .sub_title{
        height: 50vw;
    }
    .sub_header .sub_title .tit_h4{
        font-size: 21px;
        margin: 7% 0 1%;
    }
    .sub_header .sub_title .tit_p{
        font-size: 15px;
    }
    #sub .story .start_wrap .txt_box {
        padding: 22% 0 10%;
    }
    #sub .story .start_wrap .txt_box p {
        font-size: 17px;
        line-height: 30px;
    }
    #sub .s_top_h2{
        font-size: 20px;
    }
    #sub .story .st_p01{
        font-size: 18px;
    }
    #sub .story .st_p02{
        font-size: 15px;
        line-height: 29px;
        margin-top: 10%;
    }
    #sub .story .st_box02 .sk_eye p{
        font-size: 15px;
        line-height: 29px;
    }
    #sub .story .st_box02 .sk_eye h5{
        font-size: 16px;
    }
    #sub .story .photo_st .ph_txt p,#sub .story .photo_st .bg_b{
        font-size: 14px;
    }
    #sub .story .st_box02 .sk_eye .tree .t_name{
        font-size: 13px;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_txt_box p{
        font-size: 14px;
    }
    #sub .story .st_box02 .sk_eye .invest_box .w_p {
        font-size: 13px;
        line-height: 21px;
        margin-top: 5%;
    }
    #sub .story .st_box02 .sk_eye .work_box .w_txt_box h6 {
        font-size: 14px;
    }
    #sub .story {
        padding: 15% 0 10%;
    }
    #sub .history .tab_menu li{
        padding: 10px 0;
        font-size: 16px;
    }
    #sub .history {
        padding: 60px 0 80px;
    }
    #sub .history .year_contents .right_cont .year_sp{
        font-size: 15px;
    }
    #sub .ci_box.color .con_tan .con_color{
        width: 100%;
    }
    #sub .ci_box.color .config_ul .con_tit{
        padding: 4% 6%;
    }
    #sub .ci_box.color .con_tit .con_p{
        font-size: 14px;
        line-height: 23px;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box em{
        width: 33vw;
        padding: 6% 0;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_go_box:hover em::before{
        width: 33vw;
    }
    #sub .b_index_inner .detail_wrap .txt_box .man_p {
        margin: 5% 0;
    }
    #sub .b_index_inner .detail_wrap{
        margin-bottom: 17%;
    }
    #sub .detail .tab_content .a_map .aff_box{
        width: 100%;
    }
    #sub .tab_content{
        padding: 9% 0;
    }
    #sub .tc_tit{
        font-size: 21px;
    }
    #sub .tc_tit span {
        font-size: 16px;
    }
    #sub .tc_p {
        font-size: 15px;
        line-height: 26px;
        margin: 4% 0 3%;
    }
    #sub .tab_menu li a{
        font-size: 14px;
    }
    #sub .oran_tit{
        font-size: 16px;
    }
    #sub .detail .tab_content .carbon_b .ca_sp01,#sub .detail .tab_content .carbon_b .ca_sp02{
        font-size: 15px;
    }
    #sub .tab_menu li a{
        font-size: 13px;
    }
    #sub .detail .tab_content .carbon_b .pro_ul span{
        font-size: 14px;
    }
    #sub .social .soc_p{
        font-size: 14px;
        line-height: 28px;
        padding: 5% 0;
    }
    #sub .soc_p span {
        font-size: 16px;
    }
    #sub .soc_p em {
        font-size: 18px;
    }
    #sub .tc_con{
        padding: 4%;
    }
    #sub .biz .biz_left .b_txt h4{
        font-size: 18px;
    }
    #sub .biz .biz_left .b_txt span.red{
        font-size: 15px;
    }
    #sub .biz .biz_left li{
        padding: 8% 0;
    }
    #sub .biz .biz_left .num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 4%;
        font-size: 17px;
    }
    #sub .pla_ul li h5{
        font-size: 16px;
    }
    #sub .pla_ul li p {
        font-size: 14px;
    }
    .c_index .slide_wrap{
        width: 90%;
    }
    .c_index .swiper-pagination-bullet{
        width: 12vw;
        height: 12vw;
        border-radius: 5px;
    }
    .c_index .swiper-container-horizontal>.swiper-pagination-bullets,.c_index .swiper-pagination-custom,.c_index .swiper-pagination-fraction {
        bottom: -42%;
    }
    .c_index .slide_wrap {
        margin-bottom: 12%;
        margin-top: 6%;
    }    
    .slick_wrap .slider-nav{
        width: 40%;
    }
    .planterior .be_s,.planterior .be_c{
        font-size: 14px;
    }
    #sub .soofee .nature_wrap .na_ul li span{
        width: 8vw;
    }
    #sub .soofee .nature_wrap .na_ul .red_right, #sub .soofee .nature_wrap .na_ul li > p, #sub .soofee .nature_wrap .na_ul li > ul {
        width: calc(100% - 8vw);
    }
    #sub .soofee .nature_wrap .na_ul li{
        padding: 2% 3%;
    }
    /* #sub .b_index_top_box {
        padding: 6% 0;
    } */
    #sub .soofee .line_up .num_s {
        font-size: 48px;
    }
    #sub .soofee .line_up .line_ri h6{
        font-size: 16px;
    }
    #sub .soofee .line_up li {
        padding: 3% 0 3% 5%;
    }
    #sub .soofee .cos_ul {
        margin: 7% 0;
    }
    #sub .soofee .cos_p{
        font-size: 14px;
        margin-bottom: 5%;
    }
    #sub .soofee .cos_tit h4 {
        font-size: 19px;
    }
    #sub .soofee .cos_tit .more_btn {
        width: 31vw;
        padding: 2% 0;
        font-size: 13px;
    }
    #sub .soofee .tab_content .tap_h4 span{
        font-size: 20px;
    }
    #sub .soofee .tab_content .tap_h4{
        font-size: 16px;
    }
    #sub .soofee .tab_content .tab_p{
        font-size: 14px;
    }
    .search_form .ui-selectmenu-button.ui-button{
        width: 90px;
    }
    .search_form .search_txt {
        width: calc(100% - 102px);
    }
    .pagination .num{
        margin: 0 3%;
    }
    .pagination .num .page-item a{
        width: 29px;
        height: 29px;
        line-height: 29px;
    }
    .board_list .video_ul li .txt_box{
        padding: 5%;
    }
    .board_list .video_ul li .txt_box .video_tit {
        font-size: 14px;
        line-height: 18px;
    }
    .board_list .video_ul li .txt_box .date{
        font-size: 14px;
        margin-top: 15px;
    }
    #sub .s_top_h2 {
        font-size: 17px;
    }
    #sub .board_view .s_top_h2{
        padding: 8% 0;
    }
    .b_index_top_box .date_num{
        font-size: 13px;
        bottom: 13%;
    }
    #sub .board_view {
        padding-bottom: 17%;
    }
    #sub .send_box .send_li.last input {
        width: 110px;
    }

    #sub .send_box .send_li .w30, .send_box .ui-selectmenu-button.ui-button {
        width: 68px;
    }

    #sub .send_box .send_li .w20{
        width: 50px;
    }
    #sub .send_box .send_li label {
        font-size: 14px;
    }
    #sub .send_box .submit_box input {
        width: 100px;
        font-size: 14px;
        line-height: 41px;
    }
    #sub .send_box .send_li {
        padding: 6% 5%;
    }
    #sub .step_wrap .step_c > div{
        width: 35vw;
        height: 35vw;
    }
    #sub .step_wrap .step_c .step_p {
        margin-top: 13px;
        font-size: 14px;
    }
    #sub .step_wrap .step_c img{
        width: 70%;
    }
    #sub .step_wrap .step_c:nth-of-type(1) img{
        width: 35%;
    }
    #sub .rAnn .rAnn_box .step_num{
        margin-bottom: 10px;
    }
    #sub .rAnn .rAnn_box .ann_p01,#sub .rAnn .rAnn_box .ann_p02{
        font-size: 14px;
    }
    #sub .rguide_box .step_wrap .step_c > div {
        width: 22vw;
        height: 22vw;
    }
    #sub .rguide_box .step_wrap .step_c.sc img{
        width: 60%;
    }
    #sub .step_wrap .step_c .step_p{
        font-size: 12px;
    }
    #sub .step_wrap .step_c > div{
        border-radius: 7px;
    }
    #sub .rguide_box .step_wrap .step_c > div{
        margin-bottom: 30%;
    }
    #sub .rGuide .rguide_box h4{
        font-size: 18px;
        margin-bottom: 1%;
    }
    #sub .rGuide .rguide_box .precaution_wrap li .pre_tit {
        font-size: 15px;
        width: 25vw;
    }
    #sub .rGuide .rguide_box .precaution_wrap li .pre_s{
        font-size: 14px;
        line-height: 25px;
    }
    #sub .talent .for_tal .fot_txt h4 {
        font-size: 20px;
    }
    #sub .talent .for_tal .fot_txt .ft_p {
        font-size: 14px;
        line-height: 25px;
    }
    #sub .talent .for_tal .fot_txt .ft_s {
        font-size: 14px;
        margin-top: 4%;
    }
    #sub .talent .want_sk .want_tit {
        font-size: 20px;
    }
    #sub .talent .want_sk .want_t_p {
        font-size: 14px;
        line-height: 25px;
    }
    #sub .talent .want_sk .want_sub_tit span{
        font-size: 15px;
        padding: 2% 4%;
    }
    #sub .talent .want_sk .values_ul li .values_txt h4 {
        margin-bottom: 9%;
    }
    #sub .talent .want_sk .values_ul .values_txt h6 {
        padding-top: 4%;
    }
    #sub .talent .want_sk .values_ul li .values_txt h4 {
        font-size: 20px;
    }
    #sub .talent .want_sk .values_ul .values_txt h6 {
        font-size: 17px;
    }
    #sub .talent .want_sk .values_ul .values_txt p {
        font-size: 13px;
        line-height: 22px;
    }
    #sub .talent .want_sk .values_ul li {
        width: 80%;
        margin-bottom: 9%;
    }
    #sub .talent .want_sk .success_ul li .txt_box h5 span{
        display: block;
        margin-left: 0;
    }
    #sub .talent .want_sk .success_ul li img {
        width: 100%;
    }
    #sub .talent .want_sk .success_ul li .txt_box {
        margin-left: 5%;
    }
    #sub .detail .kfcc_box .kfcc_p{
        font-size: 14px;
    }
    #sub .rGuide .benefit_box li{
        text-align: left;
    }
    #sub .rGuide .benefit_box li .bene_p p {
        font-size: 16px;
    }
    #sub .rGuide .benefit_box li .bene_p{
        margin-left: 0;
    }
    #sub .rGuide .benefit_box li img{
        width: 80%;
    }
    #sub .rGuide .rguide_box h4{
        margin-bottom: 4%;
    }
    #footer .policy_wrap .policy_inner {
        height: 250px;
    }
    #footer .policy_wrap h2 {
        font-size: 16px;
    }
    #footer .policy_wrap{
        padding: 20px;
    }
    #footer .policy_wrap .policy_inner p {
        font-size: 13px;
    }

    /* 투자정보 - 지속가능경영 */
    #sub .management .desc { font-size: 14px; margin-bottom: 30px; }
    #sub .management .report .title { font-size: 16px; }
    #sub .management .report .thumb { box-shadow: 0 0 15px rgb(0 0 0 / 30%); margin-bottom: 20px; }
    #sub .management .report .btn-wrap .btn span { padding-right: 17px; }

	/*esg - 윤리경영*/
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td {width:105px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td > .icon_con > img {width:80px;}
}

@media screen and (max-width: 370px) {
    #sub .management .report .btn-wrap { flex-direction: column; }
    #sub .management .report .btn-wrap .btn { width: 100%; aspect-ratio: 5 / 1; }

	/*esg - 윤리경영*/
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td {width:80px;}
	#sub > .esg.ethical > .info02_con > .inner > .list_con > ul > li > table > tbody > tr > .icon_td > .icon_con > img {width:70px;}
}