@charset "euc-kr";

/* layout */
#header{}
#container{position:relative;}
#content{}
#footer{}
#aside{display:none;}
#wrap{width:100%;min-width:320px;position:relative;padding:0;}
.header-wrap{position:relative;border-bottom:0;}

/* footer */
footer{border:0 !important;background:#2c3248;padding:10px 5px;text-align:center;color:#d9dbe7;font-size:0.9em;}
.footer-btn{padding:10px 20px;}
.footer-btn ul{overflow:hidden;max-width:400px;margin:0 auto;}
.footer-btn li{float:left;width:25%;padding:2px;box-sizing:border-box}
.footer-btn a{display:block;width:100%;line-height:2;border:1px solid #6b707f;box-sizing:border-box}
.footer-btn .fontsize a{float:left;width:50%;}
.footer-link{padding:5px;color:#d9dbe7;font-size:0.8em}
.footer-link a,.footer-link span{display:inline-block;color:#d9dbe7;font-size:1.1em;margin:0 5px;}
.footer-copy{padding:5px;}
.footer-sns{padding:0;}
.footer-sns ul{overflow:hidden;width:200px;margin:0 auto;}
.footer-sns li{float:left;width:25%;text-align:center;}
.footer-sns li a{display:block;width:27px;height:27px;margin:0 auto;text-indent:-1000em;background-image:url(http://img.kbs.co.kr/cms/smart/images/img2016/spm-gnb.png);background-repeat:no-repeat;background-size:150px auto;}
.footer-sns .snsShare_fb{background-position:0 -100px;}
.footer-sns .snsShare_tw{background-position:-37.5px -100px;}
.footer-sns .snsShare_ks{background-position:-75px -100px;}
.footer-sns .snsShare_kt{background-position:-112.5px -100px;}

/* content */
.content{}

/* ±¤°í¿ë */
.ct-promo{position:relative;}
.ct-promo-item{position:relative;width:100%;overflow:hidden;}
.ct-promo-item span{display:block;}
.ct-promo-item .img{}
.ct-promo-item .img img{width:100%;}
.ct-promo-item .bg-gradation{position:absolute;top:0;left:0;right:0;bottom:0;}
.ct-promo-item .ico-play{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-40px 0 0 -25px;text-indent:-1000em;background-size:100% auto;}
.ct-promo-item .txt{position:absolute;bottom:0;left:0;right:0;padding:3% 10px;color:#fff;z-index:1;}
.ct-promo-item .txt .prog{font-size:0.8em;padding:0 2px;}
.ct-promo-item .txt .tit{font-size:1.2em;font-weight:bold;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ct-promo-item .txt .btn{}
.ct-promo-item .txt .btn a{display:block;float:left;padding:5px 15px;font-size:0.8em;text-align:center;margin:5px 5px 5px 0;border:1px solid #fff;}
.ct-promo-item .time{font-size:0.8em;position:absolute;bottom:0;right:0;padding:2px;background:#000;color:#fff;z-index:1;}
.ct-promo-slide .pagination{position:absolute;bottom:6px;right:15px;z-index:1;left:auto;width:auto;}
.ct-promo-slide .pagination span{float:left;display:block;width:5px;height:5px;margin:0 2px;background-size:100% auto;}
.ct-promo-slide .pagination .swiper-pagination-bullet-active{background-size:100% auto;}

/* Ä«µåÄÜÅÙÃ÷ ÅÇ */
.ct-tab{overflow:hidden;background:#e3e3e3;z-index:100;}
.ct-tab ul{display:table;white-space:nowrap;}
.ct-tab li{display:table-cell;position:relative;width:200px;text-align:center;border-right:1px solid #e3e3e3;}
.ct-tab li:first-child{border-left:1px solid #efefef;}
.ct-tab li.on{background:#f7f7f7;}
.ct-tab a{display:inline-block;;width:65px;height:65px;text-indent:-1000em;background:url(http://img.kbs.co.kr/cms/smart/images/img2016/spm-tab.png) 0 -200px no-repeat;background-size:400px auto;}
.ct-tab .ico-tabon{display:none;position:absolute;top:0;right:0;width:14px;height:14px;background:url(http://img.kbs.co.kr/cms/smart/images/img2016/spm-tab.png) -150px 0 no-repeat;background-size:400px auto;}
.ct-tab .on .ico-tabon{display:block;}
.ct-tab-hot   a{background-position:0 0;}
.ct-tab-news  a{background-position:0 -75px;}
.ct-tab-drama a{background-position:0 -150px;}
.ct-tab-enter a{background-position:0 -225px;}
.ct-tab-sisa  a{background-position:0 -300px;}
.ct-tab-radio a{background-position:0 -375px;}
.ct-tab-life  a{background-position:0 -450px;}
.ct-tab-event a{background-position:0 -525px;}
.ct-tab-rio a{background-position:0 -600px;}
.on.ct-tab-hot   a{background-position:-75px 0;}
.on.ct-tab-news  a{background-position:-75px -75px;}
.on.ct-tab-drama a{background-position:-75px -150px;}
.on.ct-tab-enter a{background-position:-75px -225px;}
.on.ct-tab-sisa  a{background-position:-75px -300px;}
.on.ct-tab-radio a{background-position:-75px -375px;}
.on.ct-tab-life  a{background-position:-75px -450px;}
.on.ct-tab-event a{background-position:-75px -525px;}
.on.ct-tab-rio a{background-position:-75px -600px;}
.ct-tab-hot   .ico-tabon{background-position:-150px 0;}
.ct-tab-news  .ico-tabon{background-position:-150px -75px;}
.ct-tab-drama .ico-tabon{background-position:-150px -150px;}
.ct-tab-enter .ico-tabon{background-position:-150px -225px;}
.ct-tab-sisa  .ico-tabon{background-position:-150px -300px;}
.ct-tab-radio .ico-tabon{background-position:-150px -375px;}
.ct-tab-life  .ico-tabon{background-position:-150px -450px;}
.ct-tab-event .ico-tabon{background-position:-150px -525px;}
.ct-tab-rio .ico-tabon{background-position:-150px -600px;}


/* ½ºÅ©·Ñ ÅÇó¸® */
.ct-card.fixed{font-size:14px;padding:65px 0 0;}
.ct-card.fixed .ct-tab{position:fixed;top:0;left:0;right:0;}
.ct-card.fixed .ct-tab a{height:40px;}
.ct-card.fixed .ct-tab-wrap{height:auto !important;}
.ct-card.fixed .ct-tab-hot   a{background-position:-175px 0;}
.ct-card.fixed .ct-tab-news  a{background-position:-175px -75px;}
.ct-card.fixed .ct-tab-drama a{background-position:-175px -150px;}
.ct-card.fixed .ct-tab-enter a{background-position:-175px -225px;}
.ct-card.fixed .ct-tab-sisa  a{background-position:-175px -300px;}
.ct-card.fixed .ct-tab-radio a{background-position:-175px -375px;}
.ct-card.fixed .ct-tab-life  a{background-position:-175px -450px;}
.ct-card.fixed .ct-tab-event a{background-position:-175px -525px;}
.ct-card.fixed .ct-tab-rio a{background-position:-175px -600px;}
.ct-card.fixed .on.ct-tab-hot   a{background-position:-250px 0;}
.ct-card.fixed .on.ct-tab-news  a{background-position:-250px -75px;}
.ct-card.fixed .on.ct-tab-drama a{background-position:-250px -150px;}
.ct-card.fixed .on.ct-tab-enter a{background-position:-250px -225px;}
.ct-card.fixed .on.ct-tab-sisa  a{background-position:-250px -300px;}
.ct-card.fixed .on.ct-tab-radio a{background-position:-250px -375px;}
.ct-card.fixed .on.ct-tab-life  a{background-position:-250px -450px;}
.ct-card.fixed .on.ct-tab-event a{background-position:-250px -525px;}
.ct-card.fixed .on.ct-tab-rio a{background-position:-250px -600px;}


/* Ä«µåÄÜÅÙÃ÷ */
.ct-card{background:#efefef;}
.ct-card:after{content:"";display:block;clear:both;}
.ct-card-wrap{position:relative;margin:3px;overflow:hidden;z-index:1;}

/* ±âº»Çü */
.ct-card-item{position:relative;float:left;width:50%;padding:2px;box-sizing:border-box;}
.ct-card-item a{position:relative;display:block;width:100%;height:100%;padding:100% 0 0;background:#fff;box-sizing:border-box;}
.ct-card-item span{display:block;}
.ct-card-item .img{position:absolute;top:0;left:0;width:100%;padding:56.25% 0 0;overflow:hidden;}
.ct-card-item .img img{width:auto;height:100%;position:absolute;top:-1000%;bottom:-1000%;left:-1000%;right:-1000%;margin:auto;}
.ct-card-item .time{font-size:0.7em;position:absolute;bottom:0;right:0;padding:2px;background:#000;color:#fff;}
.ct-card-item .txt{position:absolute;bottom:0;left:0;right:0;padding:43.75% 0 0;}
.ct-card-item .txt .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;position:absolute;top:13.5%;left:10px;right:10px;font-size:1.1em;line-height:1.2em;max-height:2.4em;color:#2f2f2f;}
.ct-card-item .txt .prog{position:absolute;bottom:13.5%;left:10px;right:10px;font-size:0.8em;color:#8a8a8a;}

/* ÅؽºÆ®Çü */
.ct-card-item.text{}
.ct-card-item.text a{vertical-align:middle;background:url(http://img.kbs.co.kr/cms/smart/images/img2016/bg-ct-items-txt.jpg) 50% 50% no-repeat;background-size:100% auto;}
.ct-card-item.text .img{display:none;}
.ct-card-item.text .txt{display:table;top:0;bottom:0;margin:auto;background:transparent;padding:7%;}
.ct-card-item.text .txt .desc{position:relative;left:0;font-size:1.15em;font-weight:bold;margin:0 0 5px;}
.ct-card-item.text .txt .prog{position:relative;left:0;font-size:1em;display:block;}

/* ¸µÅ©Çü BLUE */
.ct-card-item.link-blue{}
.ct-card-item.link-blue a{vertical-align:middle;background:#2d72c6;}
.ct-card-item.link-blue .img{display:none;}
.ct-card-item.link-blue .txt{display:table;top:0;bottom:0;margin:auto;background:transparent;padding:7%;}
.ct-card-item.link-blue .txt .desc{position:relative;left:0;font-size:1.15em;font-weight:bold;color:#fff;margin:0 0 5px;}
.ct-card-item.link-blue .txt .prog{position:relative;left:0;font-size:1em;display:block;color:#fff;}

/* ¸µÅ©Çü RED */
.ct-card-item.link-red{}
.ct-card-item.link-red a{vertical-align:middle;background:#ed2334;}
.ct-card-item.link-red .img{display:none;}
.ct-card-item.link-red .txt{display:table;top:0;bottom:0;margin:auto;background:transparent;padding:7%;}
.ct-card-item.link-red .txt .desc{position:relative;left:0;font-size:1.15em;font-weight:bold;color:#fff;margin:0 0 5px;}
.ct-card-item.link-red .txt .prog{position:relative;left:0;font-size:1em;display:block;color:#fff;}

/* ±×¸®µåÇü */
.ct-card-item.row2{width:100%;}
.ct-card-item.row2 a{padding:80% 0 0;}
.ct-card-item.row2 .txt{padding:24% 0 0;}
.ct-card-item.row2.full a{padding:50% 0 0;}
.ct-card-item.row2.full .img{padding:50% 0 0;}
.ct-card-item.row2.full .img img{width:100%;height:auto;}
.ct-card-item.row3{width:100%;}
.ct-card-item.row3 a{padding:80% 0 0;}
.ct-card-item.row3 .txt{padding:24% 0 0;}
.ct-card-item.row3.full a{padding:50% 0 0;}
.ct-card-item.row3.full .img{padding:50% 0 0;}
.ct-card-item.row3.full .img img{width:100%;height:auto;}
.ct-card-item.col2 a{padding:200% 0 2px;}
.ct-card-item.col2 .img{padding:156.25% 0 10px;}
.ct-card-item.col2 .txt{padding:43.75% 0 0;}
.ct-card-item.col2.full .img{padding:200% 0 2px;}
.ct-card-item.col3 a{padding:200% 0 2px;}
.ct-card-item.col3 .img{padding:156.25% 0 10px;}
.ct-card-item.col3 .txt{padding:43.75% 0 0;}
.ct-card-item.col3.full .img{padding:200% 0 2px;}
.ct-card-news{clear:both;color:#43464b;box-sizing:border-box;margin:3px 1px;overflow:hidden;}
.ct-card-news-slide ul{overflow:hidden;}
.ct-card-news-slide li{background:#fff;padding:8px 10px;border-bottom:1px solid #e7e8e8;}
.ct-card-news-slide li a{display:block;font-size:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ct-card-news .news-pagination{text-align:center;padding:2px 0;}
.ct-card-news .news-pagination span{display:inline-block;margin:0 5px;vertical-align:middle;width:8px;height:8px;background-size:100% auto;}
.ct-card-news .news-pagination .swiper-pagination-bullet-active{background-size:100% auto;}
.ct-card-news-btn{clear:both;padding:3px 0;color:#686868;}
.ct-card-news-btn ul{overflow:hidden;background:#fff;}
.ct-card-news-btn li{float:left;width:25%;box-sizing:border-box;text-align:center;line-height:1.5em;border-right:1px solid #e5e5e5;}
.ct-card-news-btn a{font-size:0.9em;line-height:2.6em;}

/* ½½¶óÀ̵åÇü */
.ct-slider article:first-of-type{display:block;}
.ct-slider article{display:none;}
.ct-slider .btn-wrap{}
.ct-slider .btn-wrap a{position:absolute;top:0;bottom:0;display:block;margin:auto;text-indent:-1000em;z-index:1;width:20px;height:38px;padding:30% 0;box-sizing:content-box;background-size:100% auto;}
.ct-slider .btn-left{left:2px;background:url(http://img.kbs.co.kr/cms/smart/images/img2016/btn-ct-slider-left.png) 50% 50% no-repeat;}
.ct-slider .btn-right{right:2px;background:url(http://img.kbs.co.kr/cms/smart/images/img2016/btn-ct-slider-right.png) 50% 50% no-repeat;}

/* ÇÏ´ÜÄÜÅÙÃ÷ */
.ct-board{position:relative;background:#2d3349;color:#d9dbe7;padding:50px 10px 20px;}
.ct-board h3{position:absolute;top:0;font-size:1em;width:50%;height:35px;line-height:35px;background:#2d3349;color:#d9dbe7;text-align:center;}
.ct-board h3 a{display:block;width:80%;margin:0 auto;}
.ct-board li{line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ct-board .btn-more{display:block;margin:10px 0 0;text-align:right;}
.ct-board .off h3{background:#484f69;color:#999caf;}
.ct-board .off ul,
.ct-board .off .btn-more{display:none;}
.ct-board-notice h3{left:0;}
.ct-board-recruit h3{right:0;}
.ct-app{background:#282f42;text-align:center;color:#d7dcef;overflow:hidden;}
.ct-app ul{padding:20px 25px;overflow:hidden;margin:0 auto;max-width:400px}
.ct-app li{float:left;width:20%;text-align:center;}
.ct-app li img{width:50px;height:50px;}