@charset "utf-8";

/* Default Definition */
body, input, textarea, table, select, button {font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif; font-size:14px; line-height:1.25em;-webkit-text-size-adjust:none;}
body, form, p, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption {margin:0; padding:0; -webkit-text-size-adjust:none;}
body {position:relative; color:#000; word-wrap:break-word; word-break:break-all; min-width:320px;}
dl,ul,ol,li {list-style:none}
img,fieldset {border:0}
fieldset {overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0;}
a {color:#000; text-decoration:none}
table {border-collapse:collapse}
caption, hr {display:none}
.blind {position:absolute; left:-2000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.ellip {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
button {border:none; padding:0; background:none; cursor:pointer;}
button::-moz-focus-inner,
input::-moz-focus-inner {padding:0; border:0;}
input.img {border:none; padding:0; background:none; cursor:pointer;}
.playTime {color:#cacaca; border-radius:1px; background-color: rgba(0, 0, 0, 0.5); letter-spacing:-1px; font-weight:500; text-align:center; font-family:"Trebuchet MS";}
.date {font-family:"Trebuchet MS";}

html, body {height:100%}
#wrap {position:relative; min-height:420px; height:100%; background:#ffc22e; text-align:center;}
#wrap h1 {z-index:10; position:absolute; left:0; top:0; width:100%; height:112px; margin-bottom:25px; padding-top:30px; text-indent:-5000em; background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/logo.png) no-repeat 50% 30px;}
.section {overflow:hidden; z-index:5; position:relative; min-height:420px; height:100%; margin:0 11px 0;}
.section .content {position:relative; min-height:420px; height:100%; border-top:10px solid #ffd72e;}
.section .content .article {position:relative; min-height:420px; height:100%; background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_mobile.jpg) repeat 0 0;}
.section .content .article .vodArticle {z-index:2; position:relative; top:140px; width:100%; height:207px; text-align:center; background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_vod.png) no-repeat 50% 0;}
.section .content .article .vodArticle .vodS {overflow:hidden; position:relative; left:50%; top:8px; width:295px; height:197px; margin-left:-147px; background:#000;}
.section .content .article .member {z-index:1; position:absolute; left:0; bottom:0; width:100%; height:93px; border-bottom:25px solid #ffd72e; background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_member.png) no-repeat 50% 25px;}

@media screen and (-webkit-min-device-pixel-ratio:2){
#wrap h1 {background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/logo_x2.png) no-repeat 50% 30px; background-size:180px 112px;}
.section .content .article {background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_mobile_x2.jpg) repeat 0 0; background-size:296px 417px;}
.section .content .article .vodArticle {background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_vod_x2.png) no-repeat 50% 0; background-size:307px 207px;}
.section .content .article .member {background:url(http://img.imbc.com/broad/tv/ent/challenge/mobile_vod/images/bg_member_x2.png) no-repeat 50% 25px; background-size:296px 93px;}
}