/* title */
.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{font-size:20px; line-height:34px; border-bottom:1px solid #cccccc; padding-bottom:100px;}
.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img{margin:60px auto 120px;}
.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img .img_m{display:none;}

.section .sec_inner .gu_contents_title{margin-bottom:60px;}

/* 아이콘 리스트 */
.section.icon-box .sec_inner ul li{float:left; width:25%; text-align:center; line-height:22px;}
.section.icon-box .sec_inner ul li p{font-size:22px;}
.section.icon-box .sec_inner ul li .list_num{display:table; width:240px; height:240px;
    -webkit-border-radius:120px;
    -moz-border-radius:120px;
    border-radius:120px;
}
.section.icon-box .sec_inner ul li:nth-child(odd) .list_num{background:#e6f1f3;}
.section.icon-box .sec_inner ul li:nth-child(even) .list_num{background:#f5f5f5;}
.section.icon-box .sec_inner ul li .list_num > div{display:table-cell; vertical-align:middle;}
.section.icon-box .sec_inner ul li .list_num > div p{font-size:16px; padding:60px 0 20px;}
.section.icon-box .sec_inner ul li .list_num > div span{display:block; width:64px; margin:0 auto;}
.section.icon-box .sec_inner ul li .list_num > div span img{display:block; width:100%;}
.section.icon-box .sec_inner ul li .list_copy{font-size: 18px; line-height: 22px; padding: 40px 10px 0;}
.section.icon-box .sec_inner ul li .list_copy br{display:none;}

/* 문단 리스트 */
.section.sentence-box{margin-top:100px;}
.section.sentence-box .sec_inner ul li{padding:60px; margin-bottom:30px; background:#f5f5f5;}
.section.sentence-box .sec_inner ul li:last-child{margin-bottom:0;}
.section.sentence-box .sec_inner ul li p.sec_tit{font-size:24px; text-align: center; line-height:40px; letter-spacing: -1px;;}
.section.sentence-box .sec_inner ul li p.sec_copy{font-size:16px; line-height:26px; text-align:center; margin-top:30px;}
.section.sentence-box .sec_inner ul li p.sec_copy span{display:block; text-align:center;}
.section.sentence-box .sec_inner ul li p.sec_copy span:before{display:inline-block; content:'-'; vertical-align:middle; padding-right:10px;}
.section.sentence-box .sec_inner ul li.logo {background: url(/img/innovation/powertrain/AUG_E-Powerpack_black_2.png) no-repeat 90% 30px #f5f5f5;}
.section.sentence-box .sec_inner ul li.diagram img {width: 100%;}

/* kv 동영상 */
.gu_kv .kv_img_box{overflow:hidden;}
.gu_kv .kv_img_box video{height: auto; width: auto; min-width: 100%; min-height: 100%; position: absolute; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


/*----------------------------- Tablet -----------------------------*/
@media all and (max-width:1080px){

    .section .sec_inner .gu_contents_title {margin:80px 0 50px;}

    /* 아이콘 리스트 */
    .section.icon-box .sec_inner ul li .list_copy{font-size: 15px; padding: 30px 10px 0;}


    /* title */
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{font-size:16px; line-height:26px; padding-bottom:80px; margin-bottom:0;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title span{display:block;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img{margin:50px auto;}

    .content_wrap .content_txt .text_area {padding-right:0;}
    .content_wrap:nth-of-type(even) .content_txt .text_area {padding-left:0;}

    .section.sentence-box {margin-top: 80px; }
    .section.sentence-box .sec_inner ul li{ padding:40px; margin-bottom:16px;}
    .section.sentence-box .sec_inner ul li p.sec_tit { font-size:18px; line-height:28px; margin-bottom:25px;}
    .section.sentence-box .sec_inner ul li p.sec_copy { font-size:13px; line-height:22px; margin-top:25px;}
    .section.sentence-box .sec_inner ul li p:last-child{margin-bottom:0;}

    .section.icon-box .sec_inner .gu_contents_title{margin-top:60px;}
    .section.icon-box .sec_inner ul li .list_num {width:100%;height:0;padding:50%;border-radius:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
    .section.icon-box .sec_inner ul li .list_num > div { position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
    .section.icon-box .sec_inner ul li .list_num > div p { padding:40px 0 10px;}
    
    .section.sentence-box .sec_inner ul li.logo { padding-top: 60px;}

}

/*----------------------------- Mobile -----------------------------*/
@media all and (max-width:766px){

    .section .sec_inner .gu_contents_title {margin:60px 0 30px; font-size:24px; line-height:32px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title { padding-bottom:60px; margin-bottom:40px;}

    /* title */
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{font-size:16px; line-height:26px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img{margin:40px 0;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img img.img_w{display:none;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img img.img_m{display:block; max-width:335px; margin:0 auto;}

    /* 아이콘 리스트 */
    .section.icon-box .sec_inner .contents_title{margin:0 auto 30px;}
    .section.icon-box .sec_inner .gu_contents_title {margin-top: 40px;}
    .section.icon-box{margin-top:40px;}
    .section.icon-box .sec_inner ul li{width:50%; margin-bottom:30px;}
    .section.icon-box .sec_inner ul li:nth-child(n+2):nth-child(n+3){margin-bottom:0;}
    .section.icon-box .sec_inner ul li .list_num > div p{font-size:12px; line-height:13px; padding:60px 0 10px;}
    .section.icon-box .sec_inner ul li .list_num > div span{display:block; width:70%; min-width:64px;}
    .section.icon-box .sec_inner ul li .list_copy{font-size:12px; line-height:16px; letter-spacing:0; padding-top:18px;}
    .section.icon-box .sec_inner ul li .list_copy br{display:block;}


    /* 문단 리스트 */
    .section.sentence-box{margin-top:30px;}
    .section.sentence-box .sec_inner ul li{padding:30px 20px; margin-bottom:12px;}
    .section.sentence-box .sec_inner ul li p.sec_tit{margin:0px; line-height:26px;}
    .section.sentence-box .sec_inner .contents_title{margin:60px 0 30px;}
    .section.sentence-box .sec_inner ul li p.sec_copy{font-size:11px; line-height:19px; margin-top:20px;}
    .section.sentence-box .sec_inner ul li.logo { background-size: 150px;}
    .section.sentence-box .sec_inner ul li.diagram { padding: 10px 0;}
}

@media all and (max-width:374px){
    .section.icon-box .sec_inner ul li .list_num > div{width:60%;}
    .section.icon-box .sec_inner ul li .list_num > div span{width:50%;}
    .section.icon-box .sec_inner ul li .list_num > div p{padding-bottom:10px;}
}