body {word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/company/innovation/KV_company_innovation.jpg')}
#INNOVATION .gu_content .gu_text {margin-bottom:60px;}
#INNOVATION .gu_content video { width:100%; }
#INNOVATION .gu_content .innovation_tech img { max-width:48%; }

#COMPANY_INNOVATION {margin-bottom:0;}


#BANNER {position: relative; margin-top:220px; font-size:0;}
#BANNER > div {display:inline-block; vertical-align:top;width:50%; position:relative;overflow:hidden;}
#BANNER > div a {width:100%; display:inline-block;}
#BANNER > div a .bg {min-height:340px;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
#BANNER > div:nth-of-type(1) a .bg {background: url(../../../img/company/innovation/banner_CEinnovation.jpg) no-repeat 70% 90% / cover;}
#BANNER > div:nth-of-type(2) a .bg {background: url(../../../img/company/innovation/banner_engineinnovation.jpg) no-repeat 70% 50% / cover;}
#BANNER > div a:hover .bg {transform:scale(1.1);}
#BANNER > div a span {position:absolute;top:50px;left:50px; font-size:32px;color:#fff}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #INNOVATION .gu_content .gu_text {margin-bottom:50px;}
    #BANNER {margin-top:90px;}
    #BANNER > div a:hover .bg {transform:scale(1);}
    #BANNER > div a span {font-size:18px;top:32px;left:32px;}
    #BANNER > div a .bg {min-height:170px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #INNOVATION .gu_content .gu_text {margin-bottom:40px;}
    #BANNER {margin-top:70px;}
    #BANNER > div {width:100%;}
}