html, body{
margin:0px;
padding:0px;
}
.ymbox{
overflow:hidden !important;
background-color:transparent;
padding:0px;
margin:0px auto;
border:#FFF solid 5px;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-o-border-radius: 5px !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
width: 90%;}
.yareau{
position: relative;
width: 100%;
padding-bottom: 56.25%;margin:0px;
}
#player{
position: absolute;
overflow:hidden;
padding:0px;
margin:0px;
width: 100%;
height: 100%;
}
.youtube-m{
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%,-50%) !important;
overflow:hidden;
padding:0px;
margin:0px;
height:100%;
width:100%;
border-radius: 5px;
}
.poster-icon_end{
display: block !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px !important;
height: 100px !important;
}
#youtube-plugin-cc, #youtubeQuality{
display: none;
}

@media (max-width: 480px) {
.player-poster {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.poster-icon{
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 100px !important;
height: 100px !important;
}
}

/* 유튜브 자막을 화면 밖으로 보내는 CSS */
.ytp-caption-window-bottom {
position: absolute;
top: -9999px; /* 자막을 화면 밖으로 보냅니다 */
left: -9999px;
}