.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:48px;top:250px;z-index:2;}

.subwrap .subcon .viewtop .about_area {}

.subwrap .subcon .viewtop .main_link {position:absolute;top:40px;left:57px;width:550px;height:200px;z-index:2;}
.subwrap .subcon .viewtop .main_link .in_main_link {display:block;width:550px;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 5px 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{height:870px; background:url(../../img/ko/bg_m.jpg) no-repeat center top;}
.mainwrap .main{width:1240px; margin:0 auto 0; margin-top:10px; position:relative;}
.mainwrap .vod_player{position:absolute;left:474px;top:565px; width:261px;height:146px;}
.mainwrap .vod_player .vod_player_in{positioin:relative; width:261px;height:146px;}
.mainwrap .vod_player .vod_player_in .icon_thumb{position:absolute;display:block;width:55px;height:55px;right:0px;top:33px;left:105px;}
.mainwrap .vod_player .vod_player_in .layer {position:absolute;left:0;background-color:#292927;opacity:0.80;filter:alpha(opacity:80);z-index:1;width:261px;height:45px;margin-top:-45px;}
.mainwrap .vod_player .vod_player_in .layer_txt {position:absolute;left:-3px;z-index:1;width:261px;height:30px;margin-top:-40px;color:#C5C4C0;font-size:13px;line-height:17px;text-align:left;box-sizing:border-box;padding-left:10px;}

.mainwrap .main .m_img .container_ban {position:relative;}
.mainwrap .main .m_img .cheer{position:absolute;left:340px;top:477px; width:550px;height:20px; z-index:1;}
.mainwrap .main .m_img .cheer a{display:block;float:left;text-indent:-999em;}
.mainwrap .main .m_img .cheer .re{width:70px;height:24px;}
.mainwrap .main .m_img .cheer .co{width:75px;height:24px;}
.mainwrap .main .m_img .cheer .bo{width:107px;height:24px;}

.mainwrap .main .m_frame{position:absolute;left:-125px;top:0px; width:1240px;height:727px;}
.mainwrap .main .m_menu{position:absolute;left:-47px;top:664px;width:1082px;height:34px;}

.mainwrap .main .m_img .main_img {width:1240px;height:870px;background:url(../../img/ko/main.jpg) no-repeat center top;}
.mainwrap .main .m_img .menu_link {display:block;text-indent:-9999em;z-index:22;}
.mainwrap .main .m_img .menu_link a {display:block}
.mainwrap .main .m_img .menu_link .search{display:block;position:absolute;top:140px;left:390px;width:130px;height:130px;}
.mainwrap .main .m_img .menu_link .board{position:absolute;top:210px;left:785px;width:130px;height:130px;}
.mainwrap .main .m_img .menu_link .comment{position:absolute;top:285px;left:325px;width:120px;height:120px;}
.mainwrap .main .m_img .menu_link .hotclip{position:absolute;top:380px;left:817px;width:110px;height:110px;}



/* main */
.bg_area{position:absolute;top:0px;left:0%;width:100%;height:870px;z-index:0;}
.bg_area div{position:absolute;}

.bg_area .ball{
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count: infinite;
    /* Standard syntax */
    animation-duration: 30s;
    animation-timing-function:linear;
    animation-iteration-count: infinite}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball1 {
    from   {margin:240px 0 0 -100px}
    to   {margin:-530px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball1 {
    from   {margin:240px 0 0 -100px}
    to   {margin:-530px 0 0 -570px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball2 {
    from   {margin:440px 0 0 650px}
    to   {margin:-230px 0 0 450px}
}

/* Standard syntax */
@keyframes ball2 {
    from   {margin:340px 0 0 -390px}
    to   {margin:-230px 0 0 -490px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball3 {
    from   {margin:50px 0 0 500px}
    to   {margin:-415px 0 0 -90px}
}

/* Standard syntax */
@keyframes ball3 {
    from   {margin:50px 0 0 500px}
    to   {margin:-415px 0 0 -90px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball4 {
    from   {margin:300px 0 0 600px}
    to   {margin:-20px 0 0 0px}
}

/* Standard syntax */
@keyframes ball4 {
    from   {margin:300px 0 0 600px}
    to   {margin:-20px 0 0 0px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball5 {
    from   {margin:440px 0 0 150px}
    to   {margin:-230px 0 0 -720px}
}

/* Standard syntax */
@keyframes ball5 {
    from   {margin:440px 0 0 150px}
    to   {margin:-230px 0 0 -720px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball6 {
    from   {margin:240px 0 0 550px}
    to   {margin:-0px 0 0 150px}
}

/* Standard syntax */
@keyframes ball6 {
    from   {margin:240px 0 0 550px}
    to   {margin:-0px 0 0 150px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball7 {
    from   {margin:100px 0 0 730px}
    to   {margin:-100px 0 0 380px}
}

/* Standard syntax */
@keyframes ball7 {
    from   {margin:100px 0 0 730px}
    to   {margin:-100px 0 0 380px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball8 {
    from   {margin:240px 0 0 550px}
    to   {margin:-420px 0 0 -500px}
}

/* Standard syntax */
@keyframes ball8 {
    from   {margin:140px 0 0 550px}
    to   {margin:-50px 0 0 50px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball9 {
    from   {margin:230px 0 0 570px}
    to   {margin:-230px 0 0 350px}
}

/* Standard syntax */
@keyframes ball9 {
    from   {margin:230px 0 0 570px}
    to   {margin:-230px 0 0 -200px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball10 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball10 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 -570px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball11 {
    from   {margin:0px 0 0 650px}
    to   {margin:-240px 0 0 150px}
}

/* Standard syntax */
@keyframes ball11 {
    from   {margin:0px 0 0 650px}
    to   {margin:-240px 0 0 150px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball12 {
    from   {margin:100px 0 0 0px}
    to   {margin:-330px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball12 {
    from   {margin:100px 0 0 0px}
    to   {margin:-330px 0 0 -570px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball13 {
    from   {margin:400px 0 0 550px}
    to   {margin:-350px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball13 {
    from   {margin:500px 0 0 -50px}
    to   {margin:-350px 0 0 -1200px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball14 {
    from   {margin:240px 0 0 350px}
    to   {margin:-440px 0 0 150px}
}

/* Standard syntax */
@keyframes ball14 {
    from   {margin:240px 0 0 350px}
    to   {margin:-440px 0 0 -700px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball15 {
    from   {margin:240px 0 0 450px}
    to   {margin:-230px 0 0 300px}
}

/* Standard syntax */
@keyframes ball15 {
    from   {margin:240px 0 0 450px}
    to   {margin:-230px 0 0 -300px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball16 {
    from   {margin:340px 0 0 350px}
    to   {margin:-330px 0 0 -700px}
}

/* Standard syntax */
@keyframes ball16 {
    from   {margin:340px 0 0 350px}
    to   {margin:-330px 0 0 -700px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball17 {
    from   {margin:180px 0 0 0px}
    to   {margin:-230px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball17 {
    from   {margin:180px 0 0 0px}
    to   {margin:-230px 0 0 -570px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ball18 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 350px}
}

/* Standard syntax */
@keyframes ball18 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 -300px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes ball19 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 -570px}
}

/* Standard syntax */
@keyframes ball19 {
    from   {margin:240px 0 0 550px}
    to   {margin:-530px 0 0 -570px}
}


.bg_area .v1{top:532px;left:0px;-webkit-animation-delay:-29s;-webkit-animation-name:ball1;animation-delay:-29s;animation-name:ball1;}
.bg_area .v2{top:579px;left:415px;-webkit-animation-delay: -11s;-webkit-animation-name:ball2;animation-delay: -11s;animation-name:ball2;}
.bg_area .v3{top:592px;left:712px;-webkit-animation-delay: -26s;-webkit-animation-name:ball3;animation-delay: -26s;animation-name:ball3;}
.bg_area .v4{top:44px;left:454px;-webkit-animation-delay: -30s;-webkit-animation-name:ball4;animation-delay: -30s;animation-name:ball4;}
.bg_area .v5{top:237px;left:59px;-webkit-animation-delay: -45s;-webkit-animation-name:ball5;animation-delay: -45s;animation-name:ball5;}
.bg_area .v6{top:0px;left:508px;-webkit-animation-delay: -10s;-webkit-animation-name:ball6;animation-delay: -10s;animation-name:ball6;}
.bg_area .v7{top:50px;left:540px;-webkit-animation-delay: -30s;-webkit-animation-name:ball7;animation-delay: -15s;animation-name:ball7;-webkit-animation-duration:30s;animation-duration:30s;}
.bg_area .v8{top:50px;left:658px;-webkit-animation-delay: -5s;-webkit-animation-name:ball8;animation-delay: -30s;animation-name:ball8;}
.bg_area .v9{top:232px;left:532px;-webkit-animation-delay: -45s;-webkit-animation-name:ball9;animation-delay: -45s;animation-name:ball9;-webkit-animation-duration:50s;animation-duration:50s;}
.bg_area .v10{top:552px;left:86px;-webkit-animation-delay: -40s;-webkit-animation-name:ball10;animation-delay: -40s;animation-name:ball10;}
.bg_area .v11{top:233px;left:290px;-webkit-animation-delay: -35s;-webkit-animation-name:ball11;animation-delay: -35s;animation-name:ball11;}
.bg_area .v12{top:541px;left:557px;-webkit-animation-delay: -20s;-webkit-animation-name:ball12;animation-delay: -20s;animation-name:ball12;}
.bg_area .v13{top:365px;left:514px;-webkit-animation-delay: -40s;-webkit-animation-name:ball13;animation-delay: -40s;animation-name:ball13;}

.bg_area .v14{top:50%;left:450px;-webkit-animation-delay: 0s;-webkit-animation-name:ball14;animation-delay: 0s;animation-name:ball14;}
.bg_area .v15{top:65%;left:-100px;;-webkit-animation-delay: 0s;-webkit-animation-name:ball15;animation-delay: 2s;animation-name:ball15;}
.bg_area .v16{top:45%;left:880px;-webkit-animation-delay: 0s;-webkit-animation-name:ball16;animation-delay: 0s;animation-name:ball16;}
.bg_area .v17{top:50%;left:600px;-webkit-animation-delay: -12s;-webkit-animation-name:ball17;animation-delay: -12s;animation-name:ball17;-webkit-animation-duration:50s;animation-duration:50s;}
.bg_area .v18{top:55%;left:-410px;-webkit-animation-delay: 1s;-webkit-animation-name:ball18;animation-delay: 1s;animation-name:ball18;-webkit-animation-duration:50s;animation-duration:50s;}


/*
.bg_area .v19{top:50%;left:180px;-webkit-animation-delay: 0s;-webkit-animation-name:ball14;animation-delay: 0s;animation-name:ball14;border:1px solid red;}
.bg_area .v20{top:50%;left:580px;;-webkit-animation-delay: 18s;-webkit-animation-name:ball15;animation-delay: 18s;animation-name:ball15}

.bg_area .v21{top:55%;left:600px;-webkit-animation-delay: 0s;-webkit-animation-name:ball16;animation-delay: 0s;animation-name:ball16;}
.bg_area .v22{top:55%;left:532px;-webkit-animation-delay: 0s;-webkit-animation-name:ball17;animation-delay: 0s;animation-name:ball17;-webkit-animation-duration:50s;animation-duration:50s;}
.bg_area .v23{top:65%;left:-310px;-webkit-animation-delay: 2s;-webkit-animation-name:ball18;animation-delay: 2s;animation-name:ball18;-webkit-animation-duration:30s;animation-duration:30s;}

.bg_area .v24{top:55%;left:0px;-webkit-animation-delay: 0s;-webkit-animation-name:ball14;animation-delay: 0s;animation-name:ball14;}

.bg_area .v27{top:55%;left:210px;-webkit-animation-delay: 0s;-webkit-animation-name:ball17;animation-delay: 0s;animation-name:ball17;-webkit-animation-duration:50s;animation-duration:50s;}
.bg_area .v28{top:55%;left:600px;-webkit-animation-delay: 0s;-webkit-animation-name:ball18;animation-delay: 0s;animation-name:ball18;-webkit-animation-duration:50s;animation-duration:50s;}
*/


.bg_area .pink1{width:96px;height:96px;background:url(../../img/pink1.png) no-repeat}
.bg_area .pink2{width:44px;height:44px;background:url(../../img/pink2.png) no-repeat}
.bg_area .pink3{width:24px;height:24px;background:url(../../img/pink3.png) no-repeat}
.bg_area .gray1{width:96px;height:96px;background:url(../../img/gray1.png) no-repeat}
.bg_area .gray2{width:88px;height:88px;background:url(../../img/gray2.png) no-repeat}
.bg_area .gray3{width:73px;height:73px;background:url(../../img/gray3.png) no-repeat}
.bg_area .gray4{width:57px;height:57px;background:url(../../img/gray4.png) no-repeat}
.bg_area .gray5{width:47px;height:47px;background:url(../../img/gray5.png) no-repeat}
.bg_area .gray6{width:44px;height:44px;background:url(../../img/gray6.png) no-repeat}
.bg_area .gray7{width:38px;height:38px;background:url(../../img/gray7.png) no-repeat}
.bg_area .gray8{width:30px;height:30px;background:url(../../img/gray8.png) no-repeat}
.bg_area .gray9{width:23px;height:23px;background:url(../../img/gray9.png) no-repeat}




/* sub */


.bg_area_sub{position:absolute;top:0px;left:0%;width:100%;height:280px;z-index:0;}
.bg_area_sub div{position:absolute;}

.bg_area_sub .ball{
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count: infinite;
    /* Standard syntax */
    animation-duration: 30s;
    animation-timing-function:linear;
    animation-iteration-count: infinite}


/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball1 {
    from   {margin:240px 0 0 -100px}
    to   {margin:-530px 0 0 -570px}
}

/* Standard syntax */
@keyframes sub_ball1 {
    from   {margin:240px 0 0 -100px}
    to   {margin:-530px 0 0 -570px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball2 {
    from   {margin:340px 0 0 -390px}
    to   {margin:-230px 0 0 -490px}
}

/* Standard syntax */
@keyframes sub_ball2 {
    from   {margin:340px 0 0 -390px}
    to   {margin:-230px 0 0 -840px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball3 {
    from   {margin:50px 0 0 500px}
    to   {margin:-415px 0 0 -90px}
}

/* Standard syntax */
@keyframes sub_ball3 {
    from   {margin:50px 0 0 500px}
    to   {margin:-415px 0 0 -90px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball4 {
    from   {margin:300px 0 0 600px}
    to   {margin:-20px 0 0 0px}
}

/* Standard syntax */
@keyframes sub_ball4 {
    from   {margin:300px 0 0 600px}
    to   {margin:-20px 0 0 0px}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball5 {
    from   {margin:440px 0 0 150px}
    to   {margin:-230px 0 0 -720px}
}

/* Standard syntax */
@keyframes sub_ball5 {
    from   {margin:440px 0 0 150px}
    to   {margin:-230px 0 0 -720px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball6 {
    from   {margin:240px 0 0 550px}
    to   {margin:-0px 0 0 150px}
}

/* Standard syntax */
@keyframes sub_ball6 {
    from   {margin:240px 0 0 550px}
    to   {margin:-0px 0 0 150px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball7 {
    from   {margin:440px 0 0 630px}
    to   {margin:-100px 0 0 -220px}
}

/* Standard syntax */
@keyframes sub_ball7 {
    from   {margin:440px 0 0 630px}
    to   {margin:-300px 0 0 -220px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball8 {
    from   {margin:240px 0 0 550px}
    to   {margin:-420px 0 0 -570px}
}

/* Standard syntax */
@keyframes sub_ball8 {
    from   {margin:240px 0 0 550px}
    to   {margin:-420px 0 0 -570px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball9 {
    from   {margin:230px 0 0 570px}
    to   {margin:-230px 0 0 -200px}
}

/* Standard syntax */
@keyframes sub_ball9 {
    from   {margin:230px 0 0 570px}
    to   {margin:-230px 0 0 -200px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball10 {
    from   {margin:120px 0 0 350px}
    to   {margin:-240px 0 0 -140px}
}

/* Standard syntax */
@keyframes sub_ball10 {
    from   {margin:120px 0 0 350px}
    to   {margin:-240px 0 0 -140px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball11 {
    from   {margin:60px 0 0 520px}
    to   {margin:-100px 0 0 250px}
}

/* Standard syntax */
@keyframes sub_ball11 {
    from   {margin:60px 0 0 520px}
    to   {margin:-100px 0 0 250px}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sub_ball12 {
    from   {margin:60px 0 0 520px}
    to   {margin:-100px 0 0 250px}
}

/* Standard syntax */
@keyframes sub_ball12 {
    from   {margin:60px 0 0 520px}
    to   {margin:-100px 0 0 320px}
}

.bg_area_sub .v1{top:0px;left:0px;-webkit-animation-delay:-29s;-webkit-animation-name:sub_ball1;animation-delay:-29s;animation-name:sub_ball1;}
.bg_area_sub .v2{top:579px;left:415px;-webkit-animation-delay: -11s;-webkit-animation-name:sub_ball2;animation-delay: -11s;animation-name:sub_ball2;}
.bg_area_sub .v3{top:592px;left:612px;-webkit-animation-delay: -26s;-webkit-animation-name:sub_ball3;animation-delay: -26s;animation-name:sub_ball3;}
.bg_area_sub .v4{top:44px;left:454px;-webkit-animation-delay: -30s;-webkit-animation-name:sub_ball4;animation-delay: -30s;animation-name:sub_ball4;}
.bg_area_sub .v5{top:237px;left:59px;-webkit-animation-delay: -45s;-webkit-animation-name:sub_ball5;animation-delay: -45s;animation-name:sub_ball5;}
.bg_area_sub .v6{top:0px;left:488px;-webkit-animation-delay: -10s;-webkit-animation-name:sub_ball6;animation-delay: -10s;animation-name:sub_ball6;animation-duration: 20s;}
.bg_area_sub .v7{top:754px;left:-100px;-webkit-animation-delay: -30s;-webkit-animation-name:sub_ball7;animation-delay: -15s;animation-name:sub_ball7;-webkit-animation-duration:30s;animation-duration:30s;}
.bg_area_sub .v8{top:450px;left:418px;-webkit-animation-delay: -5s;-webkit-animation-name:sub_ball8;animation-delay: -30s;animation-name:sub_ball8;}
.bg_area_sub .v9{top:232px;left:532px;-webkit-animation-delay: -45s;-webkit-animation-name:sub_ball9;animation-delay: -45s;animation-name:sub_ball9;-webkit-animation-duration:50s;animation-duration:50s;}
.bg_area_sub .v10{top:242px;left:150px;-webkit-animation-delay: -40s;-webkit-animation-name:sub_ball10;animation-delay: -40s;animation-name:sub_ball10;}
.bg_area_sub .v11{top:100px;left:500px;-webkit-animation-delay: -20s;-webkit-animation-name:sub_ball10;animation-delay: -20s;animation-name:sub_ball11;animation-duration: 10s;}
.bg_area_sub .v12{top:100px;left:630px;-webkit-animation-delay: -5s;-webkit-animation-name:sub_ball10;animation-delay: -5s;animation-name:sub_ball11;animation-duration: 13s;}

.bg_area_sub .pink1{width:96px;height:96px;background:url(../../img/pink1.png) no-repeat}
.bg_area_sub .pink2{width:44px;height:44px;background:url(../../img/pink2.png) no-repeat}
.bg_area_sub .pink3{width:24px;height:24px;background:url(../../img/pink3.png) no-repeat}
.bg_area_sub .gray1{width:96px;height:96px;background:url(../../img/gray1.png) no-repeat}
.bg_area_sub .gray2{width:88px;height:88px;background:url(../../img/gray2.png) no-repeat}
.bg_area_sub .gray3{width:73px;height:73px;background:url(../../img/gray3.png) no-repeat}
.bg_area_sub .gray4{width:57px;height:57px;background:url(../../img/gray4.png) no-repeat}
.bg_area_sub .gray5{width:47px;height:47px;background:url(../../img/gray5.png) no-repeat}
.bg_area_sub .gray6{width:44px;height:44px;background:url(../../img/gray6.png) no-repeat}
.bg_area_sub .gray7{width:38px;height:38px;background:url(../../img/gray7.png) no-repeat}
.bg_area_sub .gray8{width:30px;height:30px;background:url(../../img/gray8.png) no-repeat}
.bg_area_sub .gray9{width:23px;height:23px;background:url(../../img/gray9.png) no-repeat}