.subwrap{background:url(../../img/ko/bg_sub.jpg) no-repeat center top; background-color:#ffffff;margin-top:10px;}
.subwrap .subcon{width:990px; margin:0 auto 0;}
.subwrap .subcon .viewtop{width:990px;height:280px;padding-right:120px;position:relative;}
.subwrap .subcon .viewtop .sns{position:absolute;left:245px;top:233px;z-index:2;}

.subwrap .subcon .viewtop .about_area .flash {display:block; width:250px; height:250px; overflow:hidden; position:absolute; z-index:1;}
.subwrap .subcon .viewtop .about_area .flash.f1 {left:50%; margin-left:50px; top:53px;}
.subwrap .subcon .viewtop .about_area .flash.f2 {left:50%; margin-left:-540px; top:0px;}
.subwrap .subcon .viewtop .about_area .flash.f3 {left:50%; margin-left:-270px; top:3px;}
.subwrap .subcon .viewtop .about_area .flash.f4 {left:50%; margin-left:200px; top:0px;}
.subwrap .subcon .viewtop .about_area .flash.f5 {left:50%; margin-left:-50px; top:20px;}
.subwrap .subcon .viewtop .about_area .flash.f6 {left:50%; margin-left:10px; top:20px;}
.subwrap .subcon .viewtop .about_area .flash.f7 {left:50%; margin-left:-300px; top:70px;}
.subwrap .subcon .viewtop .about_area .flash.f8 {left:50%; margin-left:-30px; top:-60px;}

.subwrap .subcon .viewtop .main_link {position:absolute;top:40px;left:640px;width:270px;height:200px;z-index:2;}
.subwrap .subcon .viewtop .main_link .in_main_link {display:block;width:270px;height:200px;text-indent:-999em;}

.subwrap .subcon .viewmid{width:990px;background:url('../../img/ko/bg_vod_center.jpg') repeat-y ;background-position:37px 0;float:left;}

.subwrap .subcon .view_top_line{height:1px;}

.subwrap .subcon .viewmid_wrap{width:990px;background:url(../../img/ko/bg_vod_middle.jpg) no-repeat center top -280px;float:left;}
.subwrap .subcon .viewmid .viewleft{width:192px; float:left; padding-left:38px;}
.subwrap .subcon .viewmid .viewright{width:730px; float:left; margin-top:-30px;}
.subwrap .subcon .viewmid .viewright .viewar{width:717px; margin-left:0; margin-top:61px;}
.subwrap .subcon .viewmid .viewright .viewar .box{padding:0 22px 48px 31px;}
.subwrap .subcon .viewmid .viewright .viewar .box .tit{position:relative; padding:9px 0 0px 0px;}
.subwrap .subcon .viewmid .viewright .viewar .box .tit .location{position:absolute; right:11px; top:13px; font-size:11px; color:#a6a5a5; letter-spacing:-1px;}
.subwrap .subcon .viewmid .viewright .viewar .box .tit .location a{color:#a6a5a5;}
.subwrap .subcon .viewmid .viewright .viewar .box .tit .line {padding-top:5px;border-bottom:1px solid #9AA2AD;width:657px;}

.subwrap .subcon .viewmid .viewright .viewar .box .unit{padding:5px 0 25px 0;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc{padding:0 8px 0 0px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject{position:relative; color:#8e602c; padding:10px 0 9px 0; border-top:1px solid #9AA2AD; border-bottom:1px solid #E6E6E6;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject .title{color:#526D94;font-weight:bold; padding-left:6px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject .infom{font-size:11px; color:#ABABAB; position:absolute; right:5px; top:10px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject .infom .time{padding-left:15px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject .infom .click{padding-left:10px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .subject .infom .letter{color:#F4A757;}

.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .thum{width:138px; height:107px; background:url(../../../_Common/img/ico_thumbg.png) no-repeat left 10px; float:left; text-align:center; padding:18px 0 0 0; margin-right:20px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .thum16x9{width:138px; height:88px; background:url(../../../_Common/img/ico_thumbg_16x9.png) no-repeat left 10px; float:left; text-align:center; padding:18px 0 0 0; margin-right:20px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .thum img{border:0px solid #E3DFE0;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .inform{width:490px; float:left; padding:14px 0 0 0;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .inform .title{padding:6px 0 10px 0; color:#88606a;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .inform .vcts{padding:10px 0 0px 2px; color:#737173;line-height:19px;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit .rc .inform .vcts strong{color:#5c5b5b;}
.subwrap .subcon .viewmid .viewright .viewar .box .unit_board{padding-top:13px; margin-left:-16px; width:100%; height:850px;}

.subwrap .subcon .viewbottom{clear:both;height:13px;padding-left:37px; margin-bottom:70px;}



/* main */

.mainwrap{width:100%; height:1180px; background:url(../../img/ko/bg_m.jpg) no-repeat center top;z-index:10; background-color:#224176;}
.mainwrap .main{width:1240px;height:1180px; margin:0 auto 0; margin-top:15px; position:relative;}

.mainwrap .main .m_img {position:relative; width:1240px; height:870px;}
.mainwrap .main .mc1{position:absolute;left:107px;top:-924px;width:389px;height:314px;z-index:10;}
.mainwrap .main .mc2{position:absolute;left:492px;top:-800px;width:289px;height:227px;}
.mainwrap .main .mc3{position:absolute;left:844px;top:-1022px;width:302px;height:204px;}
.mainwrap .main .tri_semo{position:absolute;left:840px;top:140px;width:111px;height:250px}




/* Layout */
#wrap_main {overflow:hidden; min-width:1180px; margin-top:-888px;}

/* content */
.area_content {margin-top:0;}
.area_content > div.type_1 {padding-top:0px; border-top:0px solid #fff;}
.area_content > div.type_2 {padding-top:0px; border-top:0px solid #fff;}

#container_ban {min-width:100px;}

.life_area_content  .thisImageShowGrid {
    position: relative;
    width: 5146px;
    height: 678px;
    margin: 40px 0 0 0;
}
.life_area_content .thisImageShowGrid:before,
.life_area_content .thisImageShowGrid:after {
    content: '';
    display: block;
    position: absolute;
    width: 5146px;
    height: 678px;
    background-image: url('../../img/ko/power.png');
    background-repeat: no-repeat;
    background-size: 5146px 678px;
    -webkit-animation-duration: 230s;
    animation-duration: 230s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.life_area_content .thisImageShowGrid:before {
    -webkit-animation-name: showGridAnimationBeforeLarge;
    animation-name: showGridAnimationBeforeLarge;
}

.life_area_content .thisImageShowGrid:after {
    -webkit-animation-name: showGridAnimationAfterLarge;
    animation-name: showGridAnimationAfterLarge;
}

@-webkit-keyframes showGridAnimationBeforeLarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    } 50% {
        -webkit-transform: translate3d(-5146px, 0, 0);
        transform: translate3d(-5146px, 0, 0)
    } 50.001% {
        -webkit-transform: translate3d(5146px, 0, 0);
        transform: translate3d(5146px, 0, 0)
    } 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes showGridAnimationBeforeLarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    } 50% {
        -webkit-transform: translate3d(-5146px, 0, 0);
        transform: translate3d(-5146px, 0, 0)
    } 50.001% {
        -webkit-transform: translate3d(5146px, 0, 0);
        transform: translate3d(5146px, 0, 0)
    } 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes showGridAnimationAfterLarge {
    0% {
        -webkit-transform: translate3d(5146px, 0, 0);
        transform:translate3d(5146px, 0, 0)
    } 50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    } 100% {
        -webkit-transform: translate3d(-5146px, 0, 0);
        transform: translate3d(-5146px, 0, 0)
    }
}
@keyframes showGridAnimationAfterLarge {
    0% {
        -webkit-transform: translate3d(5146px, 0, 0);
        transform: translate3d(5146px, 0, 0)
    } 50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    } 100% {
        -webkit-transform: translate3d(-5146px, 0, 0);
        transform: translate3d(-5146px, 0, 0)
    }
}