@charset "utf-8";

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin:0;  padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{outline:0;   text-decoration:none;}
em { font-style:normal; }
body { font: 13px /1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.h { position:absolute; left:-99999px; }

.ml1 {margin-left:10px;}
.ml2 {margin-left:20px;}

/* Media Player */
#Popup { width:350px; height: 150px; position: relative; background-image:url(../../images/content/mediaplayer/player_bg.png);}
.player { width:350px; height: 60px; padding-top: 20px; float:left; }
.btnClose {position: absolute; top: 0px; right: 0px; z-index:1000;}


/* Media Player -- 제어버튼 */
.btns {float:left; margin-left:68px; width:220px; height:63px; position: relative; }

.btn_prev { float:left; width:44px; height:43px;margin-top:10px; margin-right:11px;}
a.btn_prev {display:block; background-image:url(../../images/content/mediaplayer/btn_prev.png);}
a:hover.btn_prev {display:block; background-image:url(../../images/content/mediaplayer/btn_prev_over.png);}

.btn_play { float:left; width:62px; height:63px;margin-right:11px;}
a.btn_play {display:block; background-image:url(../../images/content/mediaplayer/btn_play.png);}
a:hover.btn_play {display:block; background-image:url(../../images/content/mediaplayer/btn_play_over.png);}

.btn_pause { float:left; width:62px; height:63px;margin-right:11px;}
a.btn_pause {display:block; background-image:url(../../images/content/mediaplayer/btn_pause.png);}
a:hover.btn_pause {display:block; background-image:url(../../images/content/mediaplayer/btn_pause_over.png);}

.btn_next { float:left; width:44px; height:43px;margin-top:10px;margin-right:5px;}
a.btn_next {display:block; background-image:url(../../images/content/mediaplayer/btn_next.png);}
a:hover.btn_next {display:block; background-image:url(../../images/content/mediaplayer/btn_next_over.png);}

.btn_stop { float:left; width:43px; height:43px;margin-top:10px;}
a.btn_stop {display:block; background-image:url(../../images/content/mediaplayer/btn_stop.png);}
a:hover.btn_stop {display:block; background-image:url(../../images/content/mediaplayer/btn_stop_over.png);}

/* Media Player -- 타이틀 */
.songtitle {float:left; position:relative; width:280px; height:18px; font:12px "Arial"; font-weight:bold; margin-left:33px; margin-top:12px;}


/* Media Player -- Play Bar (현재위치) */

.barGroup {float:left; position:relative; width:290px; height:15px; font:12px "Arial"; font-weight:bold; margin-left:32px; margin-top:5px;}
.barblue {float:left; position:relative; background-image:url(../../images/content/mediaplayer/bar_blue.png); width:150px; height:16px; }
.seekingbar {z-index:5; width:16px; height:17px; margin-left:140px; background-image:url(../../images/content/mediaplayer/bar_seeking.png); display:block;}
.time {font:12px "Arial"; font-weight:bold; width:40px; text-align:right;}