@charset "UTF-8";

/** reset **/
a,abbr,acronym,address,applet,article,aside,audio,b,bdi,bdo,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,map,mark,menu,nav,object,ol,p,pre,q,rp,rt,ruby,s,samp,section,select,small,span,strike,strong,summary,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font-size:100%;font-family:inherit;border:0;vertical-align:baseline}
input,select,textarea{color:inherit;font-family:inherit;padding:0;margin:0}
.blind{position:absolute !important;font-size:0 !important;visibility:hidden !important}
ol,ul{list-style:none}
a{color:inherit;text-decoration:none}
img{vertical-align:top}
body{color:#333;font-size:15px;line-height:1;font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;letter-spacing:-1px;-webkit-font-smoothing:antialiased;background:#fff}

/** widget **/
.thumbwrap{width:25%;width:153px;margin-bottom:8px}
.thumb{position:relative;padding-top:56%;overflow:hidden;border:1px solid #f2f2f2}
.thumb .centered{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}
.thumb .centered img{position:absolute;top:0;left:0;width:100%;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.toge{position:relative;width:300px}
.toge h2{margin-bottom:8px}
.toge .ico{display:block;height:33px;width:145px;background:url("../images/txt_toge.png") no-repeat}
.toge .img{height:260px;padding-bottom:20px}
.toge .img li{float:left;padding-right:12px}
.toge .img li:nth-child(2n){padding-right:0}
.toge .img li a:hover{text-decoration:underline}
.toge .img .thumbwrap{width:144px}
.toge .img span{display:block;width:144px;height:2.5em;overflow:hidden;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:2;font-weight:700;font-size:13px;margin-bottom:20px}
.toge ul.img li::before{content:none}
.toge .img .thumbwrap::after{content:url("../images/ico_vod_s.png");position:absolute;margin-top:-24px;margin-left:116px;z-index:10}
.provide{position:absolute;top:12px;right:3px;color:#b3b3b3;font-size:11px;line-height:20px;letter-spacing:0}
.provide .logo{display:inline-block;width:60px;height:15px;overflow:hidden;text-indent:-9999px;background:url("../images/logo_deep_dive.png") no-repeat;background-size:60px 15px;vertical-align:-3px}
.provide .logo:before{display:none;background:url("../images/logo_deep_dive_over.png") no-repeat;content:''}
.provide .logo:hover{background-image:url("../images/logo_deep_dive_over.png")}
@media (-webkit-min-device-pixel-ratio:1.1), (min-resolution:97dpi) {
  .provide .logo{background-image:url("../images/logo_deep_dive_3x.png")}
  .provide .logo:before{background-image:url("../images/logo_deep_dive_over_3x.png")}
  .provide .logo:hover{background-image:url("../images/logo_deep_dive_over_3x.png")}
}