body{word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area{background-image: url('../../images/csr/social-responsibility/KV_csr_social-responsibility.jpg')}


#CSR_SOCIAL_RESPONSIBILITY{padding-bottom:160px;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2{position:relative;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul{font-size:0;}

#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 56px;
    width: calc(50% - 28px);
    margin-bottom: 80px;
}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li:last-child,#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li:nth-last-child(2){margin-bottom:0;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li:nth-child(2n){margin-right:0;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li img{width:100%;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .title{font-size:24px; line-height:36px; margin:28px 0 10px;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .desc{font-size:18px; line-height:32px; color:#444;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .gu_btn_sm_box{text-align:left; margin-top:32px;}


#CSR_SOCIAL_RESPONSIBILITY .grid_type_1{position:relative;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_1 ul{font-size:0;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_1 ul>li{width:100%;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_1 ul>li img{width:100%;}
#CSR_SOCIAL_RESPONSIBILITY .grid_type_1 ul>li .desc{font-size:18px; line-height:32px; color:#444;margin-top:40px;}

#CSR_SOCIAL_RESPONSIBILITY .gu_swiper{margin-top:80px;}

.gu_btn_sm_box.support_btn_wrap {
    margin-top: 32px;
    text-align: left;
}


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px){

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    #CSR_SOCIAL_RESPONSIBILITY{padding-bottom:90px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li{margin-bottom:51px; margin-right:33px;width:calc(50% - 33px);}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .title{font-size: 18px;line-height: 28px; margin: 22px 0 10px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .desc{font-size: 14px;line-height: 24px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_1 ul>li .desc{font-size:14px; line-height:24px; margin-top:32px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #CSR_SOCIAL_RESPONSIBILITY .gu_grid .gu_left_grid{margin-bottom:50px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li{margin-bottom:60px;width:100%; margin-right:0;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li:nth-last-child(2){margin-bottom:60px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .title{font-size:18px; line-height:26px;}
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .gu_btn_sm_box{margin-top:35px;}
    #CSR_SOCIAL_RESPONSIBILITY .gu_swiper{margin-top:60px;}
    .support_btn_wrap{
        margin-top: 35px;
    }
}

@media all and (max-width: 323px){
    #CSR_SOCIAL_RESPONSIBILITY .grid_type_2 ul>li .gu_btn_sm_box a > span{letter-spacing:-0.1px;}
}