@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:14px;line-height:1;font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;letter-spacing:-.6px;-webkit-font-smoothing:antialiased;background:#fff}

/** widget **/
.recommendations{position:relative;width:740px;height:384px}
.recommendations .ico{display:block;height:33px;width:79px;background-image:url("../images/txt_recommendations.png");margin-bottom:8px}
.recommendations h2{display:block;width:79px}
.recommendations .list{height:321px;outline:0}
.recommendations .list li{position:relative;width:170px;float:left;margin:0 20px 16px 0}
.recommendations .list li:nth-child(4){margin:0}
.recommendations .list li:nth-child(8){margin:0}
.recommendations .list li a{outline:0}
.recommendations .list li a:hover{text-decoration:underline}
.recommendations .list span{display:block;width:170px;font-size:14px;height:2.8em;overflow:hidden;line-height:1.4em;display:-webkit-box;-webkit-line-clamp:2;letter-spacing:-.6px}
.recommendations .list .ad::before,
.recommendations .list .ad_slot::before{position:absolute;top:1px;left:1px;content:url("../images/ico_ad.png");z-index:10}
.recommendations .thumbwrap{width:25%;width:170px;margin-bottom:8px}
.recommendations .thumb{position:relative;padding-top:56%;overflow:hidden;border:1px solid #f2f2f2}
.recommendations .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%)}
.recommendations .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%)}
.recommendations .pager{height:22px;width:96px;margin:5px auto 0}
.recommendations .pager li{float:left;margin-left:12px}
.recommendations .pager li:first-child{margin-left:0}
.recommendations .pager li button{height:12px;width:12px;overflow:hidden;text-indent:-9999px;background-color:#ccc;border-radius:6px;transition:all .1s ease-in;vertical-align:top;outline:0}
.recommendations .pager li.slick-active button{width:24px;background-color:#333}
.provide{position:absolute;top:15px;right:0;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")}
}
@media (-webkit-min-device-pixel-ratio:1.7) {
  .provide {color:red}
}