.bottom {position:absolute;width:100%;}
.bottom .bottom_fill{position:absolute;width:100%;height:100%;opacity:0.9;}
.bottom button{float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}

.bottom .groub{position:absolute;left:50%;top:0px;height:100%;}

/*progress*/
.bottom .progress{position:absolute;left:300px;top:50%;}
.bottom .progress .area {position:absolute;width:337px;height:16px;background:url(../../img/skin/B10/progress.png) 0px 0px no-repeat;}
.bottom .progress .fill {position:absolute;width:337px;height:16px;background:url(../../img/skin/B10/progress.png) 0px -16px no-repeat;}
.bottom .progress .seek {position:absolute;width:337px;height:16px;cursor:pointer;}
.progress .point {position:absolute;left:0px;top:0px;width:32px;height:32px;margin:-16px;background:url(../../img/skin/B10/bottom.png) -320px -64px no-repeat;cursor:pointer;}

.progress .time{position:absolute;display:table;}
.progress .time .current_time{position:relative;font-family:'NanumBarunGothic', sans-serif;font-size:16px;color:#ff643c;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;vertical-align:middle;display:table-cell;}
.progress .time .total_time{position:relative;font-family:'NanumBarunGothic', sans-serif;font-size:16px;color:#ffffff;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;padding-left:5px; vertical-align:middle;display:table-cell;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.progress .current_time {line-height:1.2;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.progress .time_device {line-height:1.2;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.progress .total_time {line-height:1.2;}}

/*조작*/
.controll{position:absolute;left:437px;top:50%;}

.bottom .prev_play_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .prev_play {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) 0 0 no-repeat;}
.bottom .prev_play:hover{background-position-y:-32px;}

.bottom .play_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .play {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -32px 0 no-repeat;}
.bottom .play:hover{background-position-y:-32px;}

.bottom .next_play_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .next_play {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -64px 0 no-repeat;}
.bottom .next_play:hover{background-position-y:-32px;}

.bottom .replay_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .replay {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -288px 0 no-repeat;}
.bottom .replay:hover{background-position-y:-32px;}

.bottom .script_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}

.bottom .script {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -224px 0 no-repeat;}
.bottom .script:hover{background-position-y:-32px;}

.bottom .mute_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .mute {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -96px 0 no-repeat;}
.bottom .mute:hover{background-position-y:-32px;}

.bottom .full_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .full {position:absolute;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -192px 0px no-repeat;}
.bottom .full:hover{background-position-y:-32px}

.bottom .etc{position:absolute;left:50%;top:50%;}
.bottom .etc .index_info{position:absolute;border-radius:10px;background-color:#000000;opacity:0.5;font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;padding:10px;white-space:nowrap;pointer-events: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}

.bottom .etc .index {position:absolute;left:0px;width:130px;height:32px;background:url(../../img/skin/B10/index.png) 0px 0px no-repeat;}
.bottom .etc .index:hover{background-position-y:-32px}

.bottom .etc .R01 .rateindex{position:absolute;left:150px;top:0px;width:70px;height:32px;background:url(../../img/skin/B10/block.png) -192px 0px no-repeat;text-indent:0px;font-family:'Tahoma","Dotum","Apple Gothic';font-size:18px;color:#ffffff;}
.bottom .etc .R01 .rate_box{position:absolute;left:0px;display:none;}
.bottom .etc .R01 .rate_box .rate_box_fill{position:absolute;width:100%;height:100%;background-color:#000000;padding:10px;border-radius:10px;opacity:0.5;}
.bottom .etc .R01 .rate_box button{position:relative;left:10px;top:10px;width:40px;text-align:center;text-indent:0px;background:url(../../img/skin/B10/block.png);font-family:'NanumBarunGothic', sans-serif;font-size:13px;color:#ffffff;}
.bottom .etc .R01 .rate_box button:hover{color:#ff643c;}

.bottom .etc .R02{position:absolute;top:50%;left:200px;width:82px;height:27px;background:url(../../img/skin/B10/rate.png) 0 0 no-repeat;}
.bottom .etc .R02 button{text-indent:-999px;}
.bottom .etc .R02 .rateindex {position:absolute;top:6px;left:25px;font-family:'NanumBarunGothic',sans-serif;font-size:14px;color:#ffffff;font-weight:bold}
.bottom .etc .R02 .prevrate {position:absolute;left:10px;top:6px;width:15px;height:15px;background:url(../../img/skin/B10/rate.png) -82px 0 no-repeat;}
.bottom .etc .R02 .prevrate:hover{background-position-y:-15px;}
.bottom .etc .R02 .nextrate {position:absolute;left:59px;top:6px;width:15px;height:15px;background:url(../../img/skin/B10/rate.png) -97px 0 no-repeat;}
.bottom .etc .R02 .nextrate:hover{background-position-y:-15px;}

.bottom .etc .add_info{position:absolute;white-space:nowrap;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none;text-align:center;display:none;}
.bottom .etc .add_info .add_info_fill{position:absolute;border-radius:10px;width:100%;height:100%;background-color:#000000;opacity:0.5;}

.bottom .etc .addIndex {position:absolute;left:152px;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/additional.png) 0px 0px no-repeat;}
.bottom .etc .addIndex:hover{background-position-y:-32px}

.bottom .end{position:absolute;left:50%;top:0px;width:70px;height:25px;background:url(../../img/skin/B10/end.png) 0px 0px no-repeat;display:none;}

/*volum controll*/
.bottom .volum_controll{position:absolute;left:665px;top:50%;}
.bottom .volum_controll .area {position:absolute;width:75px;height:16px;background:url(../../img/skin/B10/vprogress.png) 0px 0px no-repeat;}
.bottom .volum_controll .fill {position:absolute;width:75px;height:16px;background:url(../../img/skin/B10/vprogress.png) 0px -16px no-repeat;}
.bottom .volum_controll .seek {position:absolute;width:75px;height:16px;cursor:pointer}
.bottom .volum_controll .point {position:absolute;left:0px;top:0px;width:32px;height:32px;margin:-16px;background:url(../../img/skin/B10/bottom.png) -320px -64px no-repeat;cursor:pointer;}

/*page move*/
.bottom .page_move {position:absolute;left:50%;;top:50%;}
.bottom .page_move .current_page{position:absolute;left:28px;top:8px;font-family:'NanumBarunGothic', sans-serif;font-size:17px;color:#ffffff;}
.bottom .page_move .page_device{position:absolute;left:53px;top:7px;font-size:17px;color:#ffffff;}
.bottom .page_move .total_page{position:absolute;left:63px;top:8px;font-family:'NanumBarunGothic', sans-serif;font-size:17px;color:#ffffff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.bottom .page_move .current_page {line-height:1.2;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.bottom .page_move .page_device {line-height:1;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.bottom .page_move .total_page {line-height:1.2;}}

.bottom .page_move .prev {position:absolute;left:-12px;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -128px 0 no-repeat;}
.bottom .page_move .prev:hover{background-position-y:-32px;}

.bottom .page_move .next {position:absolute;left:89px;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -160px 0 no-repeat;}
.bottom .page_move .next:hover{background-position-y:-32px;}

.scripts {position:absolute;left:50%;top:0px; width:910px; margin-left:-468px; display:none;}
.scripts .script_fill{position:absolute;left:0px;top:0px;width:936px;height:119px;background:url(../../img/skin/B10/script.png) 0 0 no-repeat;}
.scripts .script_area{position:absolute;left:10px;top:5px;width:936px;height:109px;}

.scripts .script_txt{font-family:'NanumBarunGothic', sans-serif;font-size:17px;color:#ffffff;word-break: keep-all;}
.scripts .close{position:absolute;right:10px;top:0px;width:32px;height:32px;background:url(../../img/skin/B10/bottom.png) -320px 0 no-repeat;}
.scripts .close:hover{background-position-y:-32px;}