﻿@charset "UTF-8";

/* ========================= common ========================= */
html.unscroll, body.unscroll{touch-action:none}
fieldset{min-width:0}
#container{letter-spacing:-.075em}
.wrapper{position:relative;width:1200px;margin:0 auto}

/*썸네일을 포함한 리스트 - 공통*/
.thumb_type{overflow:hidden;text-align:left}
.thumb_type .item span{display:block}
.thumb_type .item .img{position:relative;width:100%;padding-top:55.769230%;margin-bottom:6px;overflow:hidden;border-radius:5px;}
.thumb_type .item .img:after{content:'';display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;box-sizing:border-box;opacity:0.16;}
.thumb_type .item img{width:100%;position:absolute;top:0;left:-50%;bottom:0;right:-50%;z-index:0;margin:auto}
.thumb_type .item .tit{display:block;overflow:hidden}

/* prev program */
.wrap_prevpgm{padding:40px 0 100px}

.content_spot{margin-bottom:75px;background-color:#f0f7ff}
.content_spot .img{position:relative}
.content_spot .img_m{display:none;min-height:52px;background-color:#4f6be5}
.content_spot .img_logo{position:absolute;top:30%;left:50%;z-index:1;width:17.78%;height:64px;margin:0 0 0 -8.87%}
.content_spot .img_logo img{text-align:center}
.content_spot .img_bg{position:relative}
.content_spot .img_bg:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background:url(//image.imnews.imbc.com/page/include/images/list/layer_title_m.png) no-repeat 50% 100%;background-size:100%}
.content_spot .txt{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:52px;font-size:0}
.content_spot .txt:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.content_spot .txt_w{display:inline-block;min-width:450px;vertical-align:middle}
.content_spot .txt h2.tit{color:#fff}
.content_spot .txt h2.tit{font-size:40px;font-family:'notokr-medium'}

.prevpgm_list .thumb_type {font-size:0}
.prevpgm_list .thumb_type li{display:inline-block;width:260px;margin:0 53px 58px 0}
.prevpgm_list .thumb_type li:nth-child(4n){margin-right:0}
.prevpgm_list .thumb_type a:hover{text-decoration:none}
.prevpgm_list .thumb_type .img{margin-bottom:17px}
.prevpgm_list .thumb_type .tit{margin-bottom:15px;font-size:20px;font-family:'notokr-medium';line-height:30px}
.prevpgm_list .thumb_type .date{font-size:16px;font-family:'notokr-medium';color:#7d7d7d;letter-spacing:0}

/* ========================= @medi ========================= */

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
    .wrap_prevpgm{padding:0}
    .mobile .content_spot{margin-bottom:12px;border-bottom:none}
    .content_spot .wrapper{padding:0}
    .content_spot .img_m{display:block}
    .content_spot .img_pc{display:none}
    .content_spot .txt{top:auto;bottom:0;padding-left:0}
    .content_spot .txt:before{vertical-align:middle;}
    .content_spot .txt_w{min-width:auto;width:100%;text-align:center}
    .content_spot .broad_info{padding:0;margin:0;background:none}
    .content_spot .txt h2.tit{margin-bottom:0;font-size:18px;font-family:inherit}
    
    .mobile .content_area{padding-bottom:40px}
    
    .prevpgm_list .thumb_type{margin-bottom:8px}
    .prevpgm_list .thumb_type li{width:100%;margin:0;padding:8px 0;border-bottom:1px solid #f1f1f1}
    .prevpgm_list .thumb_type a{display:block;overflow:hidden;width:100%;font-size:0}
    .prevpgm_list .thumb_type span{display:inline-block;vertical-align:middle}
    .prevpgm_list .thumb_type .img{padding-top:17.9%;width:32.19%;margin-bottom:0;background-color:#000}
    .prevpgm_list .thumb_type .txt{width:67.81%;padding-left:15px;box-sizing:border-box}
    .prevpgm_list .thumb_type .tit{margin-bottom:20px;font-size:16px;line-height:18px;color:#222;font-family:inherit;font-weight:700}
    .prevpgm_list .thumb_type .date{font-size:12px;color:#757575;font-family:inherit}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {}