body{word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .kv_img_box .kv_img_area {background-image: url('../../../../img/company/brand-communication/KV_company_brand.jpg')}

#BRAND_ACTIVITIES{padding-bottom:160px;}
#BRAND_ACTIVITIES .gu_content .gu_contents_depth4 .gu_text p {margin-bottom:30px;}
#BRAND_ACTIVITIES .gu_tab_depth4 ul li {min-width:calc(100% / 3)}
#BRAND_ACTIVITIES .gu_swiper .swiper-container .direction_area .swiper-pagination{width:100px; text-align:left; padding-right:0; box-sizing:border-box;}
#BRAND_ACTIVITIES .gu_swiper .swiper-container .direction_area .swiper-progress{z-index:1;}
#BRAND_ACTIVITIES .gu_tab_depth4 ul li a{line-height:inherit;}

.gu_content {position:relative;max-width:960px; width:100%; margin:0 auto;*zoom:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gu_content:after {display:block;content:"";clear:both;}
.gu_content h2.gu_title {font-size:32px; font-weight:700; line-height:46px; color:#222;text-align:center; padding-bottom:40px;}
.gu_content h2.gu_title_en {font-size:56px; line-height:70px; color:#222; text-align:center; padding-bottom:55px; font-family: "Plain",sans-serif;font-weight:700;}
.gu_content .gu_sub_title {font-size:20px; line-height:34px;color:#222; text-align:center; margin-bottom:55px;}
.gu_content .gu_sub_title.gu_desc {margin-top:-50px; text-align:center !important;}
.gu_content .gu_sub_title_en {font-size:24px; line-height:40px; color:#222; text-align:center; font-family: "Plain",sans-serif;font-weight:500;}
.gu_content .gu_box_title {font-size:20px; line-height:34px;color:#222; font-weight:700; margin-bottom:55px;}
.gu_content .gu_text {font-size:18px; line-height:30px; font-weight:300;}
.gu_content .gu_box_sub_title {font-size:18px; line-height:28px; color:#222; font-weight:700;}
.gu_content .gu_box_desc {font-size:18px; line-height:30px;color:#222}
.gu_tab_depth4{margin-bottom:100px;}
.gu_content .gu_sub_title.top_copy{font-weight:400; margin-bottom:80px;}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #BRAND_ACTIVITIES .gu_content .gu_contents_depth4 .gu_text p {margin-bottom:25px;}

    .gu_content h2.gu_title {font-size:24px; line-height:32px; padding-bottom:30px;}
    .gu_content h2.gu_title_en {font-size:28px; line-height:38px; padding-bottom:45px;}
    .gu_content .gu_sub_title {font-size:16px; line-height:26px; margin-bottom:45px;}
    .gu_content .gu_sub_title.gu_desc {margin-top:-35px;}
    .gu_content .gu_box_title {font-size:18px; line-height:26px;margin-bottom:45px;}
    .gu_content .gu_text {font-size:14px; line-height:24px;}
    .gu_content .gu_box_sub_title {font-size:16px; line-height:24px;}
    .gu_content .gu_box_desc {font-size:15px; line-height:25px;}
    .gu_grid_box li {padding:20px 0 30px;}
    .gu_grid_box li .top .gu_box_sub_title {padding-bottom:20px;}

    /* 4뎁스 텝 */
    .gu_tab_depth4 {height: 42px; overflow: hidden; margin-bottom:50px;}
    .gu_tab_depth4:before {bottom:10px;}
    .gu_tab_depth4 ul {text-align: center; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; box-sizing: border-box; font-size: 0; height: 46px;}
    .gu_tab_depth4 ul li {display: inline-block; vertical-align: top; line-height: 1; height: 32px;width:auto !important;}
    .gu_tab_depth4 ul li a:before {bottom: -1px;}
    .gu_tab_depth4.mobile {height: 32px;}
    .gu_tab_depth4.mobile:before {bottom:0;}

    #BRAND_ACTIVITIES{padding-bottom:120px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .gu_content h2.gu_title_en {font-size:28px; line-height:38px; padding-bottom:40px;}
    .gu_content .gu_sub_title {display:none;}
    .gu_content .gu_sub_title.gu_desc {margin-top:-35px;}
    .gu_content .gu_box_title {margin-bottom:35px;}
    .gu_content .gu_text {font-size:13px; line-height:24px;}
    .gu_content .gu_box_sub_title {font-size:16px; line-height:24px;}
    .gu_content .gu_box_desc {font-size:13px; line-height:24px;}
    .gu_grid_box li {width:100%;margin-right:0; padding:20px 0;}
    .gu_grid_box li .top .img {margin:10px 0 45px;}
    .gu_grid_box li .bottom {height:100% !important; padding:35px 30px;}
    .gu_grid_box li .bottom p {position:relative; width:100%; left:auto;top:auto;-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}

    #BRAND_ACTIVITIES{padding-bottom:60px; padding-top:30px;}
}