@charset "utf-8";
@import url('reset.css');
:root{
	--color-drama:#ED0776;
	--color-joy:#FCAF17;
	--color-sports:#1669B2;
	--color-sports-type2:#006dcb;
	--color-story:#963C8C;
	--color-kids:#4495D1;
	--color-life:#A4CC39;
	--main-title-color:#121212;
	--sub-title-color:#a8a8a8;
	--kbs-white:#ffffff;
	--kbsn-electric-indigo:#533CE9;
	--kbsn-indigo:#140661;
    --kbs-gray-deep-2:#8F8F8F;
    --line-basic:#EBEBEB;
    --text-title:#1E1F21;
    --kbs-black:#1E1F21;
}

html.layer_on, body.layer_on{overflow-y:hidden; height: 100%;}
.layer_on .container{height: 100%;}

body.noscroll{overflow:hidden;}
/*#n_view.noscroll{overflow-y:hidden;}*/

#header{position: fixed;width: 100%;top:0;left:0;z-index: 999; background-color:#fff;}
#header .head{position:relative;transition: all 0.2s; border-bottom: 1px solid #E8E8E8;}
#header.active{z-index: 101;}
#header.active .head{background-color: #fff;}
#header .logo{text-align: center;display: table;margin: 0 auto;}
#header .logo > a{display: table-cell;height: 63px;vertical-align: middle;}
#header .logo img{width:96px;display: block;}
#header.njoy .logo img{width: 96px;}
#header.nplay .logo img{width: 130px;}
#header #snb.flex{display:flex;gap:20px;justify-content:center;border-bottom:1px solid #e5e5e5;}
#header #snb.flex>li{padding:0;}
#header .btns,
#header_type1 .btns,
.snb_wrap .btns{width:48px;height:48px;}
#header .btns.search,
#header_type1 .btns.search,
.snb_wrap .btns.search{position: absolute;top: 0;right:0px;bottom:0;margin:auto;background: url(../images/common/icn_search_b.png) no-repeat 50% 50% / 15px 15px;}
#header .btns.search.b,
#header_type1 .btns.search.b,
.snb_wrap .btns.search.b{background-image: url(../images/common/icn_search_b.png)}
#hamberger,
.hamberger{position:absolute;top:0;left:0;width:48px;height:48px;display: inline-block;bottom:0;margin:auto;}
#hamberger .btn_total,
.hamberger .btn_total{display:block;position:absolute;top:50%;left:50%;margin-left:-8px;width:17px;transition:all .3s ease;}
#hamberger .btn_total,
#hamberger .btn_total:before,
#hamberger .btn_total:after,
.hamberger .btn_total,
.hamberger .btn_total:before,
.hamberger .btn_total:after{height:2px;background:#222;border-radius: 2px;}
#nplay .hamberger .btn_total,
#nplay .hamberger .btn_total:before,
#nplay .hamberger .btn_total:after{height:2px;background:#fff;border-radius: 2px;}
#njoy .hamberger .btn_total,
#njoy .hamberger .btn_total:before,
#njoy .hamberger .btn_total:after{height:2px;background:#fff;border-radius: 2px;}
#hamberger .btn_total:before,
#hamberger .btn_total:after,
.hamberger .btn_total:before,
.hamberger .btn_total:after{content:''; display:block;position:absolute;width:100%;height:100%;transition:all .3s ease;}
#hamberger .btn_total:before,
.hamberger .btn_total:before{width:17px;top:-6px;}
#hamberger .btn_total:after,
.hamberger .btn_total:after{width:17px;top:6px;}
#hamberger.b .btn_total,
#hamberger.b .btn_total:before,
#hamberger.b .btn_total:after,
.hamberger.b .btn_total,
.hamberger.b .btn_total:before,
.hamberger.b .btn_total:after{background:#000;}

#header.default,
#header_type1.default{position: absolute;z-index: 2}
#header.default.fixed{position: fixed;background-color: #fff;}
#header_type1.line{border-bottom: 1px solid #d2d2d2}
#header_type1{position: fixed;width: 100%;top:0;left:0;z-index: 100;transition: background-color 0.3s}
#header_type1 .head{padding:0 50px;height:63px;position: relative}
#header_type1 .logo{position: absolute;top:50%;left:50px;margin-top: -4px;}
#header_type1 .logo > a{display: block;}
#header_type1 .logo img{height: 0.5625rem;/*9px*/display: block;}
#header_type1 .title,
#header h2.title{padding:16px 0;font-size: 0.875rem;/*14px*/color: #000;font-family: 'Noto Sans KR', 'Metropolis',sans-serif;font-weight: 700;text-align: center;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:normal;}
#header_type1 .onair_dot{display: inline-block;position: relative;}
#header_type1 .onair_dot:after{display: block;content: '';width: 4px;height:4px;background-color: #d62020;position: absolute;right:-5px;top:0px;border-radius: 100%}
#header_type1.active.onair .onair_dot:after{background-color: #fff}
#header_type1.active{background-color: #fff;}
#header_type1.active.onair{background-color: var(--kbsn-indigo);}
#header_type1.active.schedule{background-color: var(--kbsn-indigo);}
#header_type1:not(.default,.snb_wrap).active .title{color: #fff;}
#header_type1:not(.default,.snb_wrap).active .logo{display: none}
#header_type1.active .btns{height: 40px;}
#header_type1:not(.default,.snb_wrap).active .btns.search{background-image: url(../images/common/icn_search.png)}
#header_type1.active #hamberger{height: 40px;}
#header_type1:not(.default,.snb_wrap).active #hamberger.b .btn_total,
#header_type1:not(.default,.snb_wrap).active #hamberger.b .btn_total:before,
#header_type1:not(.default,.snb_wrap).active #hamberger.b .btn_total:after{background:#fff;}
#header_type1 .snb_row{border-top:1px solid #E8E8E8;}
#header h2.title{height: 63px;}

#hamberger.w .btn_total,
#hamberger.w .btn_total:before,
#hamberger.w .btn_total:after{background:#fff;}
.btns.search.w{background-image: url(../images/common/icn_search.png)}

.search_zone{display:none;position: fixed;top:0;left:0;width: 100%;height:100%;background-color: rgba(0,0,0,0.8);z-index: 999;}
.search_zone .search_dimd{position:fixed;top:0;left:0;bottom:0;right:0;}
.search_zone .search_inner{background-color: #fff;padding: 0 75px 0 24px;position: relative}
.search_zone .del img,
.search_zone .search img{width: 1em;display: block;}
.search_zone .del,
.search_zone .search{padding: 4px;}
.search_zone .int{font-size: 0.8125rem;/*13px*/color: #000;height:49px;width: 100%}
.search_zone ::-webkit-input-placeholder{color:#7f7f7f;font-weight: 300;}
.search_zone ::-moz-placeholder{color:#7f7f7f;font-weight: 300;}
.search_zone :-ms-input-placeholder{color:#7f7f7f;font-weight: 300;}
.search_zone :-moz-placeholder{color:#7f7f7f;font-weight: 300;}
.search_zone .btn{position: absolute;top: 50%;right:20px;transform: translateY(-50%)}
.auto_box{position: absolute;width:100%;top:49px;left:0;overflow: hidden}
.auto_box .auto_inner{overflow: hidden}
.auto_box .auto_result{padding: 13px 24px;}
.auto_box .auto_list a{display: block;padding: 9px 0 8px;padding-right:15px;font-size: 0.8125rem;/*13px*/color: #fff;font-weight: 300;background: url(../images/common/icn_home.png) no-repeat 100% 50% / 1em 0.923em}
.auto_box .auto_list a > strong{font-weight: 500;color: #8272ef;}

.total_fixed.active{display: block}
.total_fixed{display:none;position: fixed;top:0;left:0;width: 100%;height:100%;background-color: rgba(0,0,0,0.7);z-index: 999;}
.total_dimd{position:fixed;top:0;left:0;bottom:0;right:0;}
.total_menu{position: absolute;top:0;left:0;width: 62.5%;height:100%;background-color: #fff;overflow: hidden;overflow-y: auto}
.total_menu .menu_inner{padding-bottom:180px; position:relative;min-height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.total_menu .top_area{padding:27px 0 0;}
.total_menu .mn_w{padding: 0 25px;}

/* .total_menu .mn_in{padding-bottom: 60px;border-bottom: 1px solid #aeaeae;width: 200%;transition: margin-left 0.4s ease}
.total_menu .mn_w.on{padding: 0 25px 0 0}
.total_menu .mn_w.on .mn_in{margin-left: -100%}
.total_menu .mn_w.on .menu_list > li.has_sub.on .sub_menu{display: block} */


.t_logo{margin-bottom: 33px;padding-left: 25px}
.t_logo img{width: 52px;display: block;}
.t_logo.icon{margin:0 0 10px 0;padding-left:43px;}
.t_logo .home{display:inline-block;width:21px;height:19px;background: url(../images/common/icn_home.png) no-repeat 0 0/21px;filter:brightness(0);}
.menu_list{width:100%;border-top:1px solid #D4D4D4;}
.menu_list > li{position: relative;width: 100%;border-bottom:1px solid #D4D4D4;padding:16px 0;}
.menu_list > li > a{display: block;padding:0 15px 0 18px;font-size: 1.063rem;/*17px*/font-weight:400;color: #000;position: relative}

/*
.menu_list > li.has_sub > a:after{display: block;content: '';width:7px;height:11px;position: absolute;top:50%;right:19px;margin-top:-5px;background: url(../images/common/sp_nav.png) no-repeat 0 0 / 15px 25px}
*/
.menu_list .icn_arw{position:absolute;top:8px;right:0;width:1.875rem;height:1.875rem;display:block;cursor: pointer}
.menu_list > li.has_sub > .icn_arw:after{content: '';width:11px;height:6px;position: absolute;top:50%;right:15px;background-image: url(../images/common/icon-menu-show.png);background-size:cover;}
.menu_list > li.has_sub.on > .icn_arw::after{background-image:url(../images/common/icon-menu-hide.png);}

.menu_list .onair_dot{position:relative;margin-left:3px;display: inline-block;width: 4px;height:4px;border-radius: 100%;background-color: #d62020;vertical-align: middle;top:-8px;}
.menu_list .onair_dot:after{pointer-events: none;position: absolute;top: 0; left: 0;padding: 0;z-index: -1;opacity: 0;width: 100%;height: 100%;border-radius: 50%;content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.total_fixed .btn_close{width: 30px;height: 30px;position: absolute;top:15px;left:65%;}
.total_fixed .btn_close:after{display: block;content: '';position: absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width: 13px;height: 13px;background: url(../images/common/sp_nav.png) no-repeat 0 -13px / 15px 25px}
.menu_list .has_sub .sub_menu{display:none;position: relative;width: 100%;box-sizing: border-box;}
.menu_list .has_sub .sub_menu ul{padding:6px 0 0 30px;}
.menu_list .has_sub .sub_menu ul li:last-child a{margin-bottom:0px;}

.menu_list .sub_menu li{position: relative;}
.menu_list .sub_menu .s_back{display: block;position: absolute;top:0;left:0;width: 50%;height:27px;box-sizing: border-box}
.menu_list .sub_menu .s_back:before{display: block;content: '';width:7px;height:11px;position: absolute;top:50%;left:25px;margin-top:-5px;background: url(../images/common/sp_nav.png) no-repeat -9px 0 / 15px 25px}
.menu_list .sub_menu a{display: block;font-size: 0.875rem;/*14px*/font-weight: 300;color:#848D9F;margin:10px 0;}

/* LNB수정 210415 */
.total_menu .bot_area{position: absolute;bottom: 0;left:0;width: 100%;}
.total_menu .bot_area img{width: 100%}
.total_menu .etc_page{padding: 41px 0 36px;}
.total_menu .etc_page .tit{font-size: 0.8125rem;/*13px*/font-weight: 500;color: #5b5b5b;padding-left: 25px;margin-bottom: 15px;display: block;}
.total_menu .etc_list:after{display: block;content: '';clear: both;}
.total_menu .etc_list > li:nth-child(1) > a,
.total_menu .etc_list > li:nth-child(3) > a,
.total_menu .etc_list > li:nth-child(5) > a,
.total_menu .etc_list > li:nth-child(7) > a{padding-left: 25px}
.total_menu .etc_list > li{float: left;width:50%;position: relative}
.total_menu .etc_list > li > a{display: block;padding:7px 0;font-size: 0.75rem;/*12px*/font-weight: 300;color: #000;}
.total_menu .bot_area .etc_list li:first-child:after{display: block;content: '';width: 1px;height:16px;background-color: #aeaeae;position: absolute;right:0;top:50%;margin-top: -8px;}
.total_menu .bot_area .etc_list a{text-align: center;font-size: 0.6875rem;/*11px*/padding:11px 0;padding-left: 0 !important}
/*
.total_fixed .sns_area{position: absolute;bottom:30px;left:67%;}
.total_fixed .sns_area .btn_sns{float:none;display:block;width:1.500em;height:1.500em;background-size: auto 1.500em;margin: 10px 0}
.total_fixed .sns_area .btn_sns.i {background-position: -2.15em 0;}
.total_fixed .sns_area .btn_sns.y {background-position: -5em -0.15em;}
*/

.main_slide{position: relative;width: 100%; padding-top: 63px; overflow: hidden;}
.main_slide .slide_in{position: relative;}
.main_slide .item{position:relative;width:100%;color: #fff;box-sizing: border-box;background-position: 50% 0;background-repeat: no-repeat;background-size: cover; padding: 20px 15px 0px;}
/* .main_slide .item .inner{padding: 68px 24px 0;} */
.main_slide .item .channel{position:relative;z-index: 2; display: block; line-height: 18px; color:#959595; font-size:12px; font-weight:400;}
.main_slide .item .channel img{padding-top:4px;}
.main_slide .item .channel img.channelCss_sports {height:10px; padding-top:9.5px;}
.main_slide .item .channel img.channelCss_joy {height:18px;}
.main_slide .item .channel img.channelCss_kids {height:18px;}
.main_slide .item .channel img.channelCss_story {height:18px;}
.main_slide .item .channel img.channelCss_life {height:18px;}
.main_slide .item .channel img.channelCss_drama {height:18px;}
.main_slide .item .channel img.channelCss_youtube {height:16px;}
.main_slide .item .txt_wrap{position:relative; height: 140px; padding: 40px 17px 10px 17px; box-sizing: border-box; background-color:#fff; font-size:0px; /* border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; */ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.main_slide .item .txt{position:relative; z-index: 2; padding-bottom: 2px;}
.main_slide .item .text{/* font-size:1.688rem; 27px*/font-size: 20px; color:#000; font-weight: 500; position:relative;z-index: 2}
.main_slide .item .text.p1{font-size: 26px; font-weight:bold; line-height: 38px; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_slide .item .text.p2{font-size: 14px; font-weight:medium; line-height: 20px; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_slide .item .program{position:relative;z-index: 2;/*writing-mode: vertical-lr;letter-spacing: 0.23em;*/display: none;width: 1.17em;font-size:0.625rem;/*10px*/font-weight: 500;word-break:break-word;word-wrap: break-word;overflow-wrap: break-word;text-align: center;line-height: 1.5; }

.main_slide .obj {position: relative;top:0;left:0;width: 100%;z-index: 1; height: auto; overflow: hidden; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.main_slide .item .obj img {width:100%; height:100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.main_slide .item.slick-active .obj img {width: 100%; height:100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.0); transform: scale(1.0);}
/*
.main_slide .item.no1{}
.main_slide .item.no1 .img{top:auto;left:auto;bottom:0;left:0;}
*/
/*
.main_slide .item.no1 .img{left:auto;bottom:0;left:0;}
.main_slide .item.no2{}
*/
/* .main_slide .item.no2 .img{top:auto;left:auto;bottom:0;left:0;} */
/*
.main_slide .item.no2 .img{left:auto;bottom:0;left:0;}
.main_slide .item .img img{position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%,-50%);}
.main_slide .slick-slide img{display: inline-block}
.main_slide .slick-dots{bottom: 3em;}
*/
.main_slide .item{z-index: 1;opacity: 1;}
/*
.main_slide .item{z-index: 0;opacity: 0;}
.main_slide .item.on{z-index: 1;opacity: 1;}
*/
/* 모션추가 */
/*
.main_slide .item .program{opacity: 0; transform: translate(-70px, 0px)}
.main_slide .item .img{opacity: 0; transform: translate(50px, 0px);text-align:center;}
.main_slide .item .p1, .main_slide .item .p2, .main_slide .item .p3, .main_slide .item .channel {transform: translateY(45px);opacity: 0;}
.main_slide .item.on .program{transform: translateX(0);opacity:1;}
.main_slide .item.on .img{transform: translateX(0);opacity:1;}
.main_slide .item.on .p1,
.main_slide .item.on .p2,
.main_slide .item.on .p3,
.main_slide .item.on .channel {transform: translateY(0);opacity:1;}
.main_slide .item.on .time, .main_slide .item.on .day{font-size: 12px; font-weight:regular; line-height:18px; vertical-align: bottom; color: #959595; margin-left: 4px;}
*/
.page_navi{position: absolute; width:100%; z-index: 1; text-align: center; font-size: 0; background-color: inherit; top: 325px; display: inline-block;}
.page_navi:after{display: block;content: '';clear: both;}
.page_navi .navi_wrap{display: inline-block;}
.page_navi .dot{display: inline-block;margin:0 5.5px;width: 5px;height:5px;background-color: rgba(0,0,0,0.5);border-radius: 100%;font-size: 0;color: transparent}
.page_navi .dot.on{background-color: #000;}

.slick-dots .autoplay.play {position: absolute; top: 13px; width: 16px; height: 16px; background: url(../images/btn_pause.png); display: inline-block; background-repeat: no-repeat; background-size: 16px; margin-left: 1.5px;}
.slick-dots .autoplay {position: absolute; top: 13px; width: 16px; height: 16px; background: url(../images/btn_play.png); display: inline-block; background-repeat: no-repeat; background-size: 16px; margin-left: 1.5px;}

.container{background-color: #F6F8FA; z-index:100; position: relative;width: 100%;min-height:100%; top:75%; left:0;box-sizing: border-box;padding-top:25px; /* border-top-left-radius: 12px;border-top-right-radius: 12px; */}
.container.sub{background-color: #fff;position: relative;top:0;margin: 0;padding-top: 105px;z-index: 1}
/*.container.type1{background: #fff;}*/
.container.sub.nav1{padding-top: 63px;}
.container.sub.nav1 .ctn_inner{padding-top: 24px;}
.container .line_mark{position:relative;display: block;margin: 0 auto;width: 20px;height:4px;}
.container .line_mark:before,
.container .line_mark:after{display: block;content: '';width: 100%;height:1px;background-color: #7c7c7c;position: absolute;bottom: 0;left:0}
.container .line_mark:before{top: 0}
.container.type3{background: #fff;}
.container.main{padding-top: 63px;}
.ctn_inner{}
.sub_page{padding: 0 24px;}
.sub_page .scrolling_carousel,
.sub_page .magazine_list{margin: 0 -24px;}
.sub_page .section .tit_zone{padding: 0}

.section{padding:0px 0 32px;}
.section #theme1 {padding-top:25px;}
.theme .section{padding-top:12px;}
.section.p0{padding: 0}
.section.p1{padding-left: 24px;padding-right: 24px;}
.section.p2{padding-bottom: 0}
.section.vt{padding:32px 24px 0;}
.gradient{
	-webkit-box-shadow: inset 0px 25px 25px -15px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0px 25px 25px -15px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0px 25px 25px -15px rgba(0, 0, 0, 0.03);
}
.section .tit_zone{/*padding: 0 68px 0 24px;*/padding: 0 15px;}
.section .tit_zone.pd,
.section .cont_zone.pd{padding:20px 15px 0;}
.section.onair .cont{padding: 0 45px;}
.section .tit_zone.pd2{padding: 0;padding-left: 24px;}
.section .tit_zone{font-size: 1.063rem;/*17px*/color: #222;font-weight: 100;margin-bottom: 16px;position:relative;}
.tit_zone .hot{color:#ed0776;font-weight:bold}
.tit_zone .title{width:calc(100% - 14px); font-size: 20px; font-weight:700;line-height: 1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tit_zone a{position:absolute;right:24px;top:5px;background-image:url(../images/sp_icn.png);width:11px;height:18px}
.tit_zone > p{position: relative;padding-bottom:8px;}
/* .tit_zone > p:after{position:absolute;bottom:0;left:0;display: block;content: '';width: 27px;height:1px;background-color: #000}
 */.cont_zone{position: relative}
.scrolling_carousel{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;white-space: nowrap;}
.scrolling_carousel #snb > li{white-space: nowrap;}
.scrolling_carousel::-webkit-scrollbar{display:none}
.scrolling_carousel{overflow:-moz-scrollbars-none;}
.scrolling_carousel #snb{padding:0 15px; margin: 0 auto;}
/* .thumb{position: relative;display: block;width: 100%;height:auto;text-align: center;vertical-align: middle;overflow: hidden;}
.thumb img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;vertical-align: top} */

.thumb{position: relative;display: block;width: 100%;height:auto;text-align: center;vertical-align: middle;overflow: hidden;padding-top:56.25%;}
.thumb img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;vertical-align: top;position:absolute;left:0;top:0;}



.bar{display: inline-block;vertical-align: top;overflow:hidden;width:1px;height:8px;margin:0 5px 1px;background-color:#919090;font-size:0;line-height:0;color:transparent;vertical-align: middle}

.hv .thumb:after,
.hv .thumb .cnt:after,
.tbtn:after,
.btn_more > span:after{background: url(../images/sp_icn.png) no-repeat 0 0 / auto 26px;}
.hv .thumb:before{display: block;content: '';position: absolute;top:0;left:0;bottom:0;right:0;z-index:2;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
}
.hv.type1 .thumb:after,
.hv.type3 .thumb:after,
.hv.type4 .thumb:after,
.hv.type5 .thumb:after,
.tbtn:after{display: block;content: '';position: absolute;bottom:5px;right:5px;width: 13px;height:14px;background-position: -22px -12px; z-index: 5;}

.hv.type2 .thumb .cnt{position:absolute;bottom:10px;right:10px;font-size: 1.438rem;/*23px*/font-weight: 100;color: #fff;line-height:1;display: inline-block;transition: bottom 0.2s;z-index: 2;text-align: center}
.hv.type2 .thumb .cnt:after{padding-top: 5px;display: block;content: '';width: 17px;height:12px;background-position: 0px -9px;margin: 0 auto}

.hv.type3 .thumb:after{bottom:5px;width: 14px;height:16px;background-position: -64px -10px;}
.hv.type3 .icn2 .thumb:after{bottom:11px;width: 17px;height:12px;background-position: -106px -14px;}
.hv.type4 .thumb:after{top:50%;left:50%;margin: -11px 0 0 -10px;width: 19px;height:21px;background-position: -40px -5px;}
.hv.type5 .thumb:after{width: 14px;width:18px;height:16px;background-position: -83px -10px;}

.tbtn{font-size: 0.75rem;/*12px*/font-weight: 300;color: #533CE9;padding-right: 11px;}
.tbtn:after{top:50%;right:0;margin-top:-4px;width: 6px;height: 10px;background-position: 0 0;}
.section .tbtn{position: absolute;top:-34px;right:14px; display:none;}
.section .tbtn.t1{right:24px;}
.tbtn.t1{padding-right: 0}
.tbtn.t1:after{display: none}

/* onair_tab 20220913 -  */
.onair_tab {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: relative; white-space: nowrap;}
.onair_tab .clear {display: table; width: auto; table-layout: fixed; padding: 0 15px;}
.onair_tab .clear li {padding: 10px 5px; display: table-cell; width: 11.813em; vertical-align: top; white-space: normal;}
/* 스크롤 숨김 */
.onair_tab {overflow: scroll; -ms-overflow-style: none;}
.onair_tab::-webkit-scrollbar {display: none; width: 0 !important;}

/* live_n 20220913 -  */
.live_n_type {display: table; width: 100%; table-layout: fixed; padding: 0 5px; box-sizing: border-box;}
.live_n_type .item {padding: 0 5px;display: table-cell; vertical-align: top; white-space:normal; width: 33%;}
.live_n_type .item > a {position:relative; display: block;}
.live_n_type .item .thumb{position: relative; display: block; height:60px; text-align: center; font-size: 14px; line-height: 23px; color:#b9b9b9; vertical-align: middle; overflow: hidden; padding: 6px; box-sizing: border-box; border: 1px solid #b9b9b9; border-bottom: none; white-space: normal; text-overflow: ellipsis; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.live_n_type .item .txt_live{top: 56px; left: 24px; height: 30px; font-size: 14px; line-height: 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: #b9b9b9; color: #fff; }
.live_n_type .item.live .thumb {color:#000;}
.live_n_type .item.live .txt_live {background-color: #ed0776;}

.grid_type1,
.grid_type2,
.grid_type4,
.grid_type5,
.nsns_list,
.play_list,
.onair_tab .tab,
.rd_tab .tab,
#snb,
.slider_nav .slide{display: table;width: auto;table-layout: fixed;padding: 0 10px;}

.grid_type1 .item,
.grid_type2 .item,
.grid_type4 .item,
.grid_type5 .item,
.nsns_list .item,
.play_list .item,
.onair_tab .tab > li,
.rd_tab .tab > li,
#snb > li,
.slider_nav .item{padding: 0 5px;display: table-cell;width:11.813em;/*189px*/vertical-align: top;white-space:normal;}
.grid_type1 .thumb,
.grid_type2 .thumb,
.grid_type3 .thumb,
.grid_type4 .thumb,
.nsns_list .thumb,
.play_list .thumb,
.gallery_list .thumb{border-radius: 5px;overflow: hidden;}
#program1 .grid_type2 .thumb {border-radius: 80px;}

.gallery_style{display: flex !important;flex-wrap: wrap;}
.gallery_style:after{display: block;content: '';clear: both;}
.gallery_style .item{display: flex;flex-direction: column;margin-bottom: 15px;}
.grid_type2.gallery_style,
.grid_type4.gallery_style{padding: 0;margin: 0 -5px;}
.grid_type2.gallery_style .item,
.grid_type4.gallery_style .item{float: left;width: 50%;box-sizing: border-box}
.grid_type2.gallery_style .thumb,
.grid_type4.gallery_style .thumb{width: 100%;height:auto;}
.grid_type2.gallery_style .thumb img,
.grid_type4.gallery_style .thumb img{position:relative;}

.grid_type1 .item > a{display: block; /* width: 11.813em; */ width: 8.2em;}
.grid_type1 .thumb{/* width: 11.813em;height: 6.625em; */ width: 8.11em; height: 4.5em;margin-bottom: 10px;padding:0;}
.grid_type1 .tit{font-size: 14px; color: #222;line-height: 1.4;font-weight: 400;/*height: 3em;*/display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.grid_type1 .etc{padding-top: 3px;font-size: /*0.6875rem;*/12px; color: #959595;font-weight: 400;}
.grid_type1 .nm{position:relative;top:-1px;font-weight: 500;display:inline-block;vertical-align: middle;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.grid_type1 .etc .player{position:relative;display:inline-block;background:url(../images/icon_vod.png) no-repeat 0 0;width:10px;height:10px;margin:0 4px 0 21px;background-size:22px 10px;top:1px;}
.grid_type1 .etc .player::before{position:absolute;content:'';width:1px;height:11px;background:#afafaf;left:-11px;top:-1px;}
.grid_type1 .etc .like{position:relative;display:inline-block;background:url(../images/icn_cnt.png) no-repeat 0 0;width:11px;height:10px;margin:0 4px 0 9px;}
#personcomponent .grid_type1 .etc {display:none;}


.cont_zone .replay .etc .player{position:relative;display:inline-block;background:url(../images/icon_vod.png) no-repeat 0 0;width:10px;height:10px;margin:0 4px 0 21px;background-size:22px 10px;top:1px;}
.cont_zone .replay .etc .player::before{position:absolute;content:'';width:1px;height:11px;background:#afafaf;left:-11px;top:-1px;}
.cont_zone .replay .etc .like{position:relative;display:inline-block;background:url(../images/icn_cnt.png) no-repeat 0 0;width:11px;height:10px;margin:0 4px 0 9px;}


.grid_type2 .item{width:7.250em;/*116px*/}
.grid_type2 .item > a{display: block;}
.grid_type2 .thumb{ width: 5.5em;/*7.250em; 116px*/ height: 5.5em;/*10.250em; 164px*/ margin-bottom: 12px;padding:0;}
.grid_type2 .tit{margin-bottom: 6px;font-size: 14px; line-height: 1.5;font-weight: 300; color: #222; max-height: 3em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.grid_type2 .etc{display:block;margin: 1px 0;font-size: 12px;/*11px*/font-weight: 500;color: #A8A8A8;}
.grid_type2 .etc .nm{display: block;}
.grid_type2 .cn1{color: #fcaf17}
.grid_type2 .cn2{color: #006dcb}
.grid_type2 .sign_off .cn1,
.grid_type2 .sign_off .cn2{color: #919090}

/* 방송 프로그램 - program */
#program1 .grid_type2 .tit{margin-bottom: 2px;font-size: 14px; line-height: 1.5;font-weight: 400; color: #222; letter-spacing: -0.5px;}
#program1 .grid_type2 .etc{font-size: 12px; line-height: 1.5;font-weight: 300; color: #959595;}
#program1 .grid_type2 .item {padding: 0 6px;}

/* 인기영상 - choicechart */
#choicechart .item .etc {font-size:12px; font-weight: 400; color:#959595;}
#choicechart .item.no1 .etc {display:block;}

/* N.즐기기 -  */
#enjoy .grid_type2 .item {padding-right:15px;}
#enjoy .grid_type2 .thumb {width: 55px; height: 55px; margin-bottom: 12px;padding:0; border-radius: 60px; border: 1px solid #E3E3E3; background: #fff; box-sizing: border-box;}
#enjoy .grid_type2 .thumb img {}
#enjoy .grid_type2 .item.list .thumb img{position: absolute; top: 17px; left: 14px; width: 27px; height: auto;}
#enjoy .grid_type2 .item.naverTV .thumb img{position: absolute; top: 15px; left: 20px; width: 19px; height: auto;}
#enjoy .grid_type2 .item.instagram .thumb img{position: absolute; top: 15px; left: 15px; width: 25px; height: auto;}
#enjoy .grid_type2 .item.facebook .thumb img{position: absolute; top: 15px; left: 20px; width: 13px; height: auto;}
#enjoy .grid_type2 .item.youtube .thumb img{position: absolute; top: 17px; left: 13.5px; width: 28px; height: auto;}
#enjoy .grid_type2 .item.c-blog .thumb img{position: absolute; top: 17px; left: 13.5px; width: 28px; height: auto;}
#enjoy .grid_type2 .item.c-youtube .thumb img{position: absolute; top: 17px; left: 13.5px; width: 28px; height: auto;}
#enjoy .grid_type2 .tit {font-size: 13px;}

/* Full영상 무료 다시보기 - theme4 */
#theme4 .item .thumb {}

.banner_slide{overflow: hidden}
.banner_slide .item{margin: 0;padding:0;}
.banner_slide .item img{width: 100%}

.slick-dots{position: absolute; z-index: 1;}
.slick-dots:after{display: block;content: '';clear: both;}
.slick-dots li{display: inline-block;margin:0 3px;width: 4px;height:4px;background-color: #939393;border-radius: 100%;font-size: 0;color: transparent}
.slick-dots li.slick-active{background-color: #242424;}
#banner1 .slick-dots, #banner2 .slick-dots,#wrap .banner_wrap .slick-dots{top: auto; bottom: 10px; left:10px;}
.main_slide .slick-dots {position: absolute; bottom: 114px; width: 100%; text-align: center;}
.main_slide .slick-dots li{margin:0 6px; width: 5px;height:5px;}
#magazine1 .slick-dots {bottom: 86px; right:7px;}
#magazine1 .slick-dots li{display: inline-block; margin:0 4px; width: 5px;height:5px;background-color: #ccc;border-radius: 100%;font-size: 0;color: transparent}
#magazine1 .slick-dots li.slick-active{background-color: #fff;}

.grid_type3{padding-bottom: 0px}
#choicechart .grid_type3{padding-bottom: 6px}
.grid_type3 .item{position: relative;padding-left: 9.0em; min-height:4.55em; margin-bottom: 14px;}
#n_view .grid_type3 .item{margin-bottom: 22px; padding-left: 9.2em;}
.grid_type3 .thumb{position:absolute;top:0;left:0;width: 8.11em; height:4.5em; margin-bottom: 9px;padding:0;}
.grid_type3.hv .thumb:after{bottom: 5px;right:5px;}
.grid_type3 .info{position: relative;padding:0px 0 0 0;display: flex; }
.grid_type3 .rank{position:relative;top:2px;left:0;font-size: 1.25rem;/*20px*/color: #533CE9;font-weight: 400;line-height: 1;letter-spacing: -0.1em;padding-right: 8px; font-family: 'Cafe24Ohsquareair';}
.grid_type3 .c_right{width: auto;}
.grid_type3 .rank,
.grid_type3 .c_right{vertical-align: top;display:table-cell;}
.grid_type3 .nm{display: block;font-size: 12px; font-weight: 500;color: #959595;}
.grid_type3 .tit{margin-bottom: 7px; font-size: 15px; font-weight: 400;color: #222;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.grid_type3 .no1{padding-left:0;position: relative;}
.grid_type3 .no1 .thumb:before{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
}
.grid_type3 .no1 .thumb{position:relative;width:100%;height:auto;}
.grid_type3 .no1 .info{position:relative;padding: 0 5px 0;box-sizing: border-box;width: 100%;z-index: 1;}
.grid_type3 .no1 .rank{/* display: block; */position: relative;top:0;margin-bottom: 7px; font-size: 26px; top: 3px;}
.grid_type3 .no1 .nm{font-size:0.625rem;/*10px*/}
.grid_type3 .no1 .rank,
.grid_type3 .no1 .nm,
.grid_type3 .no1 .tit{/* color: #fff; */ padding-right: 14px;}
.grid_type3 .no1 .tit{margin-bottom: 5px; font-size: 15px; font-weight: 400; color: #222; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.grid_type3 .no1 .etc {font-size: 0.6875rem; color: #959595; font-weight: 400;}
.grid_type3 .no1 .thumb:after{top:50%;left:50%;margin: -11px 0 0 -10px;width: 19px;height:21px;background-position: -40px -5px;}
.grid_type3 .no1 .c_right{/* display: block; */}

.more_type1{display: block;width:100%;text-align: center;position: relative;}
/* .more_type1:before{display: block;content: '';width: 100%;height:1px;background-color: #533CE9;position: absolute;top:50%;left:0;} */
.more_type1 > span{position:relative;z-index:1;padding:3px 16px;display: inline-block;background-color: #fff;font-size: 0.75rem;/*12px*/color: #222; height: 31px; line-height: 31px; border: 1px solid #dbdbdb; border-radius:30px;}

.grid_type4 .item{width: 7.250em;/*116px*/position: relative;}
.grid_type4 .item > a{display: block;}
.grid_type4 .thumb{width: 7.250em;/*116px*/height:7.250em;/*116px*/padding:0;}
.grid_type4 .tit{margin-top: 10px;font-size: 0.75rem;/*12px*/color: #262626;line-height: 1.5;font-weight: 400;height: 3em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.grid_type5 > .item{width: 5.875em;/*94px*/padding:0 5px;text-align: center}
.grid_type5 > .item > a{display: block;}
.grid_type5 .thumb{width: 5.250em;/*84px*/height: 5.250em;/*84px*/border-radius: 100%;overflow: hidden;margin:0 auto 18px;padding:0;}
.grid_type5 .name{margin-bottom: 3px;font-size: 0.8125rem;/*13px*/font-weight: 400;color: #262626}
.grid_type5 .pg{font-size:0.625rem;/*10px*/font-weight: 500;color: #919090;margin: 0 -5px;}

.n_magazine{position: relative;padding: 0 15px 30px;}
.n_magazine .tit_zone{/*position: absolute;top:32px;left:24px;color: #fff;*/position:relative; color:#000; z-index: 2;padding: 0}
.n_magazine .tit_zone .title{font-size: 1.188rem;/*19px*/line-height: 1.28;width:100%}
.n_magazine .tit_zone .title:before{background-color: #fff;}
.grid_type6,
.grid_type6 .item,
.grid_type6 .thumb img,
.grid_type6 .cont,
.grid_type6 .thumb:after{z-index: 1; border-radius: 8px;}
.grid_type6 .thumb{z-index: 1; border-radius: 8px; overflow: hidden;}
.grid_type6 .item{position: relative;/*float: none;*/}
.grid_type6 .thumb:after{display: block;content: '';position: absolute;top:0;left:0;bottom: 0;right:0;/*background-color: rgba(0,0,0,0.5);*/}
.grid_type6 .cont{margin-top:12px;margin-bottom:20px;/*position: absolute;top:0;right:0;bottom: 0; */ position:relative; height:45px; width: 100%;text-align: center;color: #000;box-sizing:border-box;}
.grid_type6 .inner{}
.grid_type6 .tit{margin-bottom: 5px;font-size: /*1.25rem*/16px;font-weight: 500;line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.grid_type6 .txt{padding:0 24px;font-size: /*0.8125rem*/14px;font-weight: 300;line-height: 1.4;max-height: 5em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.grid_type6 .item img {width: 100%;transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.grid_type6 .item.slick-active img { -webkit-transform: scale(1); transform: scale(1);}
.grid_type6 .slick-list .thumb{padding:0; height: auto;}
.grid_type6 .slick-list .thumb img{position:relative;}
.grid_type6 .slick-list{z-index: 1; border-radius: 10px;}
.grid_type6 .slick-dots{z-index: 2}

.btns{display: inline-block;text-align: center;}
.btns.type1{padding:0 19px;font-size: 0.8125rem;/*13px*/font-weight: 300;border: 1px solid #fff;line-height: 2;}
.btns.type2{width:100%;font-size: 0.8125rem;/*13px*/color:#3c3c3c;font-weight: 300;border: 1px solid #8e8e8e;line-height: 2.5;}
.btns.type2.s1{color:#fff;font-weight: 400;border-color: #533CE9;background-color: #533CE9}
.btns.type3{border: 1px solid #acacac;color: #323232;font-size: 0.8125rem;/*13px*/line-height: 3;}
.btns.type4{position:relative;display: block;border: 1px solid #a1a1a1;color: #3c3c3c;font-size: 0.8125rem;/*13px*/line-height: 2.5;font-weight: 300}
.btns.type4.icn1:after,
.btns.type4.icn2:after,
.btns.type4.s1:after{display: block;content: '';position: absolute;top:50%;right:10px;background: url(../images/cont/sp_bul.png) no-repeat 0 0 / auto 14px;}
.btns.type4.icn1.on:after{background-position: -15px 0}
.btns.type4.icn1:after{width: 14px;height:8px;margin-top:-4px;}
.btns.type4.icn2:after{width: 11px;height:13px;margin-top:-6px;background-position: -31px 0}
.btns.type4.s1{border-color: #533CE9;background-color: #533CE9;color: #fff;}
.btns.type4.s1:after{width: 13px;height:14px;margin-top:-7px;background-position: -44px 0}
.btns.type5{display: block;line-height: 2.8;font-size: 0.6875rem;/*11px*/border-radius: 40px;border-color: #533CE9;background-color: #533CE9;color: #fff;}

.n_sns .tit_row{padding-left: 24px;}
.tit_row{margin-bottom: 15px;}
.tit_row .title{display:inline-block;font-size: 1.188rem;/*19px*/font-weight: 400;color: #000}
.sorting_btn{float:right;display: inline-block;vertical-align: bottom;margin-left: 6px;margin-right: 24px}
.sorting_btn > li{float: left;}
.sorting_btn > li > a:after{position:absolute;top:50%;right:0;margin-top:-5px;display: block;content: '';width: 1px;height:10px;background-color: #838383;}
.sorting_btn > li:last-child > a:after{display: none;}
.sorting_btn > li > a{position: relative;font-size: 0.75rem;/*12px*/color: #606060;padding:0 7px;}
.sorting_btn > li:last-child > a{padding-right: 0}
.sorting_btn > li.on > a{font-weight: 700;color: #533CE9;}

.nsns_list .item{width: 7.188em;/*115px*/margin: 0 6px;}
.nsns_list .thumb{margin-bottom: 10px;width: 7.188em;/*115px*/padding:0;}
.nsns_list .txt{color:#919090;font-size:0.625rem;/*10px*/font-weight: 500;letter-spacing: -0.02em;line-height: 1.55; display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.notice_zone{padding:0 30px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background-color: #fff;}
/* .notice_zone .n_tit{float: left;font-size: 0.75rem;12pxcolor: #533CE9;font-weight: 700;line-height: 4;} */
.notice_zone .n_tit{display:none;}
.notice_zone .nlb{display: inline-block;padding:0 13px;line-height:20px;background-color: #3f456b;border-radius: 20px;vertical-align: top;}
.notice_zone .n_list{}
.notice_zone .n_list li > a{display: block;line-height: 4;font-size: 12px; color: #000;font-weight: 300;vertical-align: middle;max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/* 푸터수정 220110 */
#footer{background-color: #F6F8FA;color: #fff;}
#footer .fixed_inner{padding:30px 15px 38px;}
#footer address{font-weight: 350;font-size:0.6675rem;/*10px*/line-height: 1.6;margin-bottom:20px;letter-spacing: -0.032em;color: rgba(255,255,255,0.7)}
#footer .copy{font-weight: 400;font-size:0.6675rem;/*10px*/line-height: 1.6; color: #959595; margin-top:12px;}

#footer .foot_info{display:block;margin:3px auto 10px;text-align:center;}
#footer .sns_list {text-align: center; display: inline-block;position: relative;}
#footer .sns_list li{/*float:left;*/position:relative; display: inline-block;}
#footer .sns_list li:nth-child(3) {/*float:right;*/}
#footer .sns_list li:nth-child(2):after{content: "|";position: absolute;left:0;top:2px;font-size:0.6875rem; font-weight: 300; color:#959595;}
#footer .sns_list li span{margin-top:3.5px;float:left;font-size:0.6675rem; line-height: 0.8rem; font-weight:700;color:#767676;}
#footer .sns_list li:first-child span{padding-right:0.69rem; padding-left:0.335rem;}
#footer .sns_list li:nth-child(2) span{padding-right:0px; padding-left:1rem;}

#footer .sns_box{width:100%;position:relative;}
#footer .sns_box .sns_link{display:inline-block;height:1.250em;margin-left:1.7em; vertical-align: middle;}
#footer .col{text-align: center}
/*#footer .col.addr{margin-top: 18px} */
.fnb {margin: 0 -11px;text-align: center}
.fnb > li{display: inline-block;}
.fnb > li > a{display: block;padding:7px 10px;font-size: 0.6675rem;/*11px*/font-weight: 400;color: #959595;}
.btn_sns{margin:0 0.4rem;display: inline-block;height:1.0em;/*20px*/background: url(../images/common/m_sp_sns_new_01.png) no-repeat 0 0 / auto 1.0em;/*20px*/}
.btn_sns.f{width: 0.55em; background-position: -2.35em 0/*5px 0*/;}
.btn_sns.i{width: 1.05em; background-position: -6.08em 0/*-29px 0*/;}
.btn_sns.y{width: 1.39em; background-position: 0em 0/*-67px 0*/;}
.btn_sns.b{width: 1.250em; background-position: -6.68em 0/*-29px 0*/;}
.btn_sns.t{width: 1.27em; background-position: -3.85em 0;/*20px*/}
.btn_top{position:absolute;bottom:18px;right:24px;width:2.5rem;height:0.9375rem;background: url(../images/common/btn_top.png) no-repeat 0 0 / 2.5rem 0.9375rem;}

.quick{position: fixed;bottom: 15px;/*right: 16px;*/right: -62px;padding: 0;z-index: 100;opacity:0;/*transition: right 0.8s ease, opacity 0.3s ease;*/}
.quick.active{right:16px;opacity: 1}
.quick .inner{display:block;width:130px;height:130px;overflow:hidden}
.quick .inner img{width:100%}
.quick .close{position:absolute;top:0;right:0;width:22px;height:22px;background: url(../images/common/icn_floating_close.png) 6px 5px no-repeat}
.quick .close:focus{outline:1px dashed #000;outline:auto 1px -webkit-focus-ring-color}

.floating{position:absolute;top:0;left:0;width: 100%;height:46px;background: url(../images/common/sp_quick.png) no-repeat 0 0 / 46px 92px;z-index: 9000}
.floating.top{background-position: 0 -46px;display: none}
.floating.cnl:before{position: absolute;top:4px;right:3px;display: block;content: '';width: 6px;height:6px;border: 1px solid #fff;background-color: #d32424;border-radius: 100%;
     -webkit-animation: object_one 1.3s ease-in infinite;
    animation: object_one 1.3s ease-in infinite;
}
@-webkit-keyframes object_one {
    50% {-webkit-transform: scale(0.3);}
}
@keyframes object_one {
    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
    }
}

#dimd{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4);z-index:5000; display:none;}
/* n_view */
#n_view{position:fixed;top:100%;left:0;bottom:0;right:0;width:100%;height:100%;/*overflow:hidden;*/overflow-y:auto;z-index:99998;padding-top: 43px;box-sizing:border-box;}
#n_view > .inner{position:relative;width:100%;min-height:100%;overflow:hidden;}


#n_view{position:fixed;top:100%;left:0;bottom:0;right:0;width:100%;height:100%;z-index:99998;box-sizing:border-box;}
#n_view .nv_in{min-width: 100%;position:absolute;top:0;left:0;bottom:0;right:0;padding-top: 57px;overflow:hidden;box-sizing: border-box}
#n_view .nv_in > .inner {position:relative;width:100%;min-width:100%;min-height:100%; overflow:hidden;}
#n_view.active .nv_in{overflow-y: auto}
#n_view.active .btn_close{top:18px;opacity: 1;transition: top 0.2s, opacity 0.5s;}
#n_view .footer,
.footer.type2{padding: 22px 0 26px;font-size: 0.625rem;/*10px*/color: #9a9a9a;font-weight: 350;text-align: center;background-color: #fff;}
#n_view .btn_close{position:absolute; top:-10px;left:50%;margin-left:-15px;display:block;width:30px;height:30px;background: url(../images/btn_close.png) no-repeat 50% 50% / 27.5px 27.5px;z-index:999980;opacity: 0;transition: top 0.1s, opacity 0.1s;}
#n_view .nv_contents{display: none;margin: 0 auto;background: #F6F8FA;min-height:calc(100vh - 105px);box-sizing: border-box}
#n_view .nv_contents.type2{padding-top: 22px;border-top-left-radius:12px;border-top-right-radius:12px;}
#n_view .btn_close.bot{display:none;width:40px;height:40px;background: url(../images/sp_close.png) no-repeat 50% -45px / 40px auto;top:auto;left:auto;bottom: 10px;right:5px;margin-left: 0;position: absolute;z-index: 999980;}
#n_view.active .btn_close.bot{position: fixed}


/* type4: 박스 컬러 화이트 */
#n_view .nv_contents.type4{background: #fff;}

/* type5: footer 없는 타입, .nv_contents.type5와 같이 가져가는 값 (예_유튜브쇼츠) */
#n_view.nview5{overflow: hidden;}
#n_view.nview5 .nv_in{overflow: hidden; height: 100%;}
#n_view.nview5 .inner{overflow: hidden;min-width:auto; min-height:auto;}
#n_view.nview5 .footer{display: none;}

/* type5: 박스 라운딩 처리, 박스 컬러 화이트, 높이값 100% 고정 */
#n_view .nv_contents.type5{height: calc(100vh - 57px);min-height: auto;padding: 16px 30px 0;border-top-left-radius:12px;border-top-right-radius:12px;/* overflow-y: scroll; scroll-snap-type: y mandatory;*/}
#n_view .nv_contents.type5 .view_box{padding:0;height: 100%;}

/* 유튜브 쇼츠 */
#n_view .nv_contents .shorts_container{padding-bottom: 20vh; height: 100%;overflow-y: auto;scroll-snap-type: y mandatory;box-sizing: border-box;-ms-overflow-style: none;scrollbar-width: none;scroll-padding-top:0 !important;}
#n_view .nv_contents .shorts_container::-webkit-scrollbar{display: none;}
#n_view .nv_contents .reel_video{position: relative;width: calc(56.25vh - 72px *.5625);height: calc(100vh - 128px);margin: 0 auto;scroll-behavior: smooth;scroll-snap-align: start;scroll-snap-stop: always;border-radius: 8px;overflow: hidden;touch-action: auto;}
#n_view .nv_contents .reel_video:not(:last-child){margin-bottom: 8px;}
#n_view .nv_contents .reel_video iframe{-webkit-overflow-scrolling: touch;overflow: hidden; display: inline-block;vertical-align: top; width: 100%;height: 100%; touch-action: auto;}


/*미디어쿼리 화면비율*/
/* 스크린 너비가 9/16 비율 이상일때 */
@media all and (max-device-aspect-ratio:9/16) {
	#n_view .nv_contents .reel_video{width:100%;}
} 
@media all and (max-aspect-ratio:9/16) {
	#n_view .nv_contents .reel_video{width:100%;}
} 

.player_wrap .video_player .video img,
.player_wrap .video_player .video iframe,
.player_wrap .video_player .video object,
.player_wrap .video_player .video embed{width: 100%;height: 100%;}

.player_wrap .video_player .video {position: relative;padding-bottom: 56.211%;height: 0;overflow: hidden;z-index: 1}
.player_wrap .video_player .video iframe,
.player_wrap .video_player .video object,
.player_wrap .video_player .video embed,
.player_wrap .video_player .video img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.player_wrap .video_info{position: relative; padding: 15px 15px 0px;}
.player_wrap .video_info .cnt{margin-top:15px;font-size:0.8575rem;}
.player_wrap .video_info .cnt .player{position:relative;display:inline-block;background:url(../images/icon_vod.png) no-repeat 0 0;width:13px;height:12px;margin:0 4px 0 0;top:2px;background-size:28px 12px;}
.player_wrap .video_info .cnt .like{position:relative;display:inline-block;background:url(../images/icon_vod.png) no-repeat -13px 0;width:18px;height:12px;margin:0 4px 0 17px;top:2px;background-size:28px 12px;}


.player_wrap .watch_title{position: relative}
.player_wrap .watch_title .tit{padding-right: 28px;font-size: /*1.063rem*/17px; font-weight: 400;color: #222;}
.player_wrap .watch_title .cnt{font-size: 12px; font-weight: 300;color: #222;}
.player_wrap .watch_title .nv.share{position: absolute;top:-4px;right:-8px;}
.player_wrap .watch_etc{font-size: /*0.6875rem*/ 12px; color: #222;font-weight: 300; margin-top: 15px;}
.player_wrap .watch_etc .date{font-weight: 500;margin-right: 2px;}
.watch_etc .bar{background-color:#919090;}
.player_wrap .btn_home{vertical-align: top;}

.nv,
.watch_btn a,
.btn_home:after{background: url(../images/sp_nview.png) no-repeat 0 0 / 232px 46px;}
.nv.share{width: 30px;height:30px;background-position: -203px -16px;}

.btn_home{display:inline-block;position:relative;font-size: 0.625rem;/*10px*/color: #533CE9;font-weight:350;padding-right:17px}
.btn_home:after{position:absolute;top:50%;margin-top:-5px;right:0;display: block;content: '';width: 13px;height:11px;background-position: -202px 0;}

.watch_btn{display: inline-block}
.watch_btn a{float:left;margin:0 7px;display: inline-block;width: 46px;height:46px;}
.watch_btn a.f{background-position: -50px 0}
.watch_btn a.k{background-position: -101px 0}
.watch_btn a.url{background-position: -151px 0}

.aside_title{font-size: 20px;font-weight: 400;line-height:35px;color: #222;padding-left: 40px;padding-right: 120px;}
.aside_title .thumb{width: 35px; height: 35px; border-radius: 40px; overflow: hidden; padding: 0; position: absolute; top: 0; left: 15px;}
.aside_txt {font-size: 16px; font-weight: 400; line-height:24px; color: #222; margin-left: -9px; padding-top: 15px;}
.aside_home{position: absolute; top: 2px; right: 0px; margin-right: 15px; padding: 5px 13px; background-color: transparent; border: 1px solid #B3B3B3; border-radius: 20px; width:59px;}
.aside_home > span{display:block; font-size: 12px; font-weight: 400; line-height:18px; color: #222; position: relative;z-index: 1}

.cr_cblue{color: #533CE9 !important;}

.section.related{margin-top: 30px; padding-top: 20px; padding-bottom: 15px; background-color: #ECEFF2;}
.section.related .tit_zone{margin-bottom: 16px;}
.section.related .cont_zone {margin-bottom: 5px;}
.section.related .cont_zone .info {font-size: 12px; font-weight: 400; color: #959595; line-height: 1.4; padding-top:3px;}

.section.pb9 .tit_zone > p {font-size: 20px; font-weight: 700; color: #222; line-height: 29px; padding-bottom:0px;}
.section.pb9 .more_type1 {margin-top:20px}
#n_view .section.pb9 .more_type1 {margin-top:34px}

.play_list .item{width:116px;}
.play_list .item > a{display: block;}
/* .play_list .thumb{width:116px;height:66px;margin-bottom: 10px;} */
.play_list .thumb{width: 8.2em;height: 4.6em;margin-bottom: 10px;padding:0;}
.play_list .tit{font-size: /*0.75rem;*/14px;color: #222;line-height: 1.4;font-weight: 400;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.gallery_list{margin: 0 -5px;display: flex;flex-wrap: wrap;}
.gallery_list .item{position: relative;float:left;width:50%;padding:0 5px;margin-bottom: 26px;box-sizing: border-box;display: flex;flex-direction: column;}
.gallery_list .item > a{display: block;}
.gallery_list .thumb{margin-bottom: 13px;padding-top:56%;}
.gallery_list .nm{display: block;font-size: 0.6875rem; font-weight: 500;color: #919090;vertical-align: middle;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.gallery_list .nm{position:relative;font-weight: 500;height: 1.38em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.gallery_list .tit{margin-bottom: 7px;font-size: 0.75rem;/*12px*/font-weight: 400;color: #262626;height: 2.6em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.gallery_list .etc{font-size: 0.6875rem;/*11px*/color: #767676;font-weight: 400;}



.gallery_list .etc .player{position:relative;display:inline-block;background:url(../images/icon_vod.png) no-repeat 0 0;width:10px;height:10px;margin:0 4px 0 21px;background-size:22px 10px;top:1px;}
.gallery_list .etc .player::before{position:absolute;content:'';width:1px;height:11px;background:#afafaf;left:-11px;top:-1px;}
.gallery_list .etc .like{position:relative;display:inline-block;background:url(../images/icn_cnt.png) no-repeat 0 0;width:11px;height:10px;margin:0 4px 0 9px;}




.btn_more{display: block;padding:6px 0;width:100%;font-size: 0.75rem;/*12px*/color: #533CE9;font-weight:300;text-align: center}
.btn_more > span{position:relative;padding-right:17px;position: relative;}
.btn_more > span:after{position:absolute;top:50%;margin-top:-3px;right:0;display: block;content: '';width: 10px;height:6px;background-position: -11px 0;}

.section.onair{padding: 2px 0 29px;}
.onair_tab{margin-bottom: 15px;}
.onair_tab .tab{padding: 0 24px;}
.onair_tab .tab > li{padding: 0 7px;width: auto}
.onair_tab .tab > li:first-child{padding-left: 0}
.onair_tab .tab > li:last-child{padding-right: 0}
.onair_tab > ul > li > a{display: block;height:15px;background: url(../images/ch_logo.png) no-repeat 0 0 / auto 32px;}
.onair_tab a.joy{width: 50px}
.onair_tab a.drama{width: 63px;background-position: -62px 0}
.onair_tab a.sports{width: 75px;background-position: -134px 0}
.onair_tab a.w{width: 37px;background-position: -221px 0}
.onair_tab a.life{width: 56px;background-position: -271px 0}
.onair_tab a.kids{width: 50px;background-position: -340px 0}
/* START 20190109_01 */
.onair_tab a.plus{width: 60px;background-position: -405px 0}
/* END 20190109_01 */
.onair_tab .on a.joy{background-position: 0 -18px}
.onair_tab .on a.drama{background-position: -62px -18px}
.onair_tab .on a.sports{background-position: -134px -18px}
.onair_tab .on a.w{background-position: -221px -18px}
.onair_tab .on a.life{background-position: -271px -18px}
.onair_tab .on a.kids{background-position: -340px -18px}
/* START 20190109_02 */
.onair_tab .on a.plus{background-position: -405px -18px}
/* END 20190109_02 */

.onair .program_list{margin:0 -6px;}
.onair .program_list .item{position:relative;padding-left: 61px;width: 100%;height:64px;border: 1px solid #e8e8e8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;cursor:pointer;box-sizing:border-box;
	margin:0 3px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.03);
}
.onair .program_list .item .col{font-size:0.625rem;/*10px*/height:62px;}
.onair .program_list .item .col.subject{position:absolute;top:0;left:0;width: 61px;line-height:62px;text-align: center;font-weight:700;color:#fbfbfb;background-color: #b9b9b9;background-image: url(../images/sp_onair.png);background-size: 183px 62px;overflow: hidden;}
.onair .program_list .item .col > a{display: block;}
.onair .program_list .item .col.info{display: table;width: 100%;}
.onair .program_list .item .col.info > a{padding:2px 0 3px 17px;color: #a8a8a8;display: table-cell;vertical-align: middle;}
.onair .program_list .title{margin: 4px 0 0;font-weight: 700;font-size: 0.6875rem; /*11px*/}
.onair .program_list .time{font-weight: 700;color: #c7c7c7;}
.onair .program_list .item.on .col.info > a{color: #2b2b2b;}
.onair .program_list .item.on .title:after{display: inline-block;content: '';width: 3px;height:3px;background-color: #dc0909;border-radius: 100%;vertical-align: top;margin-left: 2px;}
.onair .program_list .item.prev .col.subject{background-position: 0 0}
.onair .program_list .item.on .col.subject{background-position: -61px 0}
.onair .program_list .item.next .col.subject{background-position: -122px 0}
.onair .program_list.joy .item.on .col.subject{background-color: #fcaf17}
.onair .program_list.drama .item.on .col.subject{background-color: #ed0776}
.onair .program_list.sports .item.on .col.subject{background-color: #1669b2}
.onair .program_list.w .item.on .col.subject{background-color: #ec2028}
.onair .program_list.life .item.on .col.subject{background-color: #a4cc39}
.onair .program_list.kids .item.on .col.subject{background-color: #f58220}
.onair .program_list.joy .item.on .time{color: #fcaf17;}
.onair .program_list.drama .item.on .time{color: #ed0776;}
.onair .program_list.sports .item.on .time{color: #1669b2;}
.onair .program_list.w .item.on .time{color: #ec2028;}
.onair .program_list.life .item.on .time{color: #a4cc39;}
.onair .program_list.kids .item.on .time{color: #f58220;}
.onair .slick-list{padding: 5px 3px;}
.onair .slick-arrow{width:30px;height:100%;position: absolute;top:0;left:-28px;background: url(../images/sp_pn.png) no-repeat 0 50% / 48px 14px;font-size: 0;line-height: 0;color: transparent}
.onair .slick-arrow.slick-next{left:auto;right:-28px;background-position: -20px 50%;}

/* onair 모바일 적용 20220920 */
.section.onair_m .cont {padding: 0 10px;}
.onair_m .program_list {margin: 0;}
.onair_m .program_list:after {content:''; clear:both; display:block;}
.onair_m .program_list .item {position: relative;padding: 0 5px; width: 33.32%; height: 90px;-moz-border-radius: 5px; overflow: hidden; cursor: pointer; box-sizing: border-box; margin: 0; border: none; -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 3%); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 3%); float: left; position: relative;}
.onair_m .program_list .item .col.subject {position: inherit; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background-color: #b9b9b9; background-image: none; background-size: 183px 62px; overflow: hidden; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.onair_m .program_list .item .col.info {table-layout: fixed; border: 1px solid #e8e8e8; height: 60px; box-sizing: border-box; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block;}
.onair_m .program_list .item .col.info > a {padding: 5px; width: 100%; display: block;}


.no_data{padding:80px 0 90px;text-align: center;font-size: 0.8125rem;/*13px*/font-weight: 350;color: #8f8f8f}

.layer_zone{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8); z-index:999981;display:none;overflow-y: auto;}
.layer_wrap{display:table;width:78%;height:100%;position:absolute;top:0;left:50%;margin-left:-39%;box-sizing:border-box;}
.layer_inwrap {display:table-cell;vertical-align:middle;}
.layer_cont{background:#fff;box-sizing:border-box;}
.layer_zone#share .layer_cont,
.layer_zone .layer_cont.share{background: none;text-align: center;font-weight: 300;font-size: 1.125rem;/*18px*/color: #fff;}
.layer_zone#share .layer_cont p,
.layer_zone .layer_cont.share p{margin-bottom: 30px;}

.slick-slide {outline: none !important;}

.view_box{padding: 8px 24px 0}
.view_box .title_row{position: relative;padding:0;margin-bottom:0;padding-bottom: 22px;border-bottom: 1px solid #cdcdcd;}
.view_box .title_row .tit{font-size: 1.063rem;/*17px*/font-weight: 400;color: #000;line-height: 1.4;margin-bottom: 9px}
.view_box .title_row .info{padding-right: 30px;position: relative}
.view_box .title_row .date{font-size: 0.6875rem; /*11px*/color: #919090;font-weight: 300}
.view_box .title_row .date.b{font-weight: 500;margin-right: 4px;}
.view_box .title_row .nv.share{position: absolute;top:-5px;right:-5px;}
.view_box .content_row{padding: 34px 0;font-weight: 300;color: #000;}
.view_box .content_row img{max-width: 100%;}
.view_box .content_row.type1{margin: -1px -24px 0;padding-top: 0;position: relative;z-index: 1}

.view_box2 .title_row{padding: 20px 0 16px;margin-bottom:0;border-bottom: 1px solid #cdcdcd}
.view_box2 .title_row .tit{font-size: 1.063rem;/*17px*/font-weight: 400;color: #000;line-height: 1.45;}
.view_box2 .title_row .info{font-size: 0.6875rem; /*11px*/font-weight: 300;color: #858585;margin-top: 12px;}
.view_box2 .content_row{padding: 43px 0 90px;}
.view_box2 .file_row{padding: 20px 0 12px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.file_list:after{display: block;content: '';clear: both;}
.file_list dt{width: 50px;float: left;font-size: 0.6875rem; /*11px*/font-weight: 400;color: #424242;text-align: center}
.file_list dd{margin-left: 50px;margin-bottom: 5px;display: block;padding-left: 21px;}
.file_list dd a{font-size: 0.8125rem;/*13px*/color: #533CE9;font-weight: 500;border-bottom: 1px solid #aec2eb;line-height: 1.1;vertical-align: top}
.file_list dd:last-child{margin-bottom: 0}
.btn_center_box{text-align: center;padding: 44px 0 92px;}
.btn_center_box .btns{width: 58%}

.content-editor{font-size:0.8125rem;}
.content-editor img{max-width:100%;}

.slider_nav{position: relative;padding-top: 6px;}
.slider_nav .slide{padding:0 24px;}
.slider_nav .item:first-child{padding-left: 0}
.slider_nav .item:last-child{padding-right: 0}
.slider_nav .item{width: 4em;padding: 0 3px;position: relative;padding-top: 5px;}
.slider_nav .thumb{width: 4em;height:4em;border-radius: 6px;overflow: hidden}
.slider_nav .item.active:before,
.slider_nav .thumb:before,
.slider_nav .thumb:after{display: block;content:'';position: absolute;top:0;left:0;width: 100%;height:100%;z-index: 1}
.slider_nav .thumb:before{background-color: rgba(0,0,0,0.4);}
.slider_nav .item.active .thumb:before{display: none;}
.slider_nav .item.active .thumb:after{box-sizing: border-box;border: 2px solid #533CE9;border-radius: 6px;}
.slider_nav .item.active:before{position:absolute;top:0;left:50%;margin-left:-5px;
	width: 0;height: 0;border-style: solid;border-width: 0 5px 5px 5px;border-color: transparent transparent #533CE9 transparent;
}
.slider_big{position: relative;}
.slider_big .item{position: absolute;top:0;left:0;width: 100%;opacity: 0;transition: opacity 0.3s ease}
.slider_big .item.active{position: relative;z-index: 1;opacity: 1}
.slider_big .item img{width: 100%}


/* 20190117 */
#recommend{
	margin: 7px -24px 0;padding: 0 24px;
	overflow:-moz-scrollbars-none;
	scrollbar-color: rgba(255,255,255,0) rgba(255,255,255,0);
}
#recommend{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;white-space: nowrap;}
#recommend::-webkit-scrollbar{display:none}
#recommend{
	overflow:-moz-scrollbars-none;
	scrollbar-color: rgba(255,255,255,0) rgba(255,255,255,0);
}
#recommend.title{overflow-x:auto;width:auto;white-space:nowrap;text-overflow:initial}
#recommend .tags{display: inline-block;margin-right: 2px}
#recommend .tags a{position:relative;right:auto;top:auto;background-image:none;width:auto;height:auto; font-size: 14px; font-weight: 300;}
#recommend .tags.cr_cblue a {font-weight: 700;}

.grid_type3 .no1 .thumb:before{z-index: 1;}
.grid_type3 .no1 .thumb{padding-top:56%; margin-bottom: 16px;}
.grid_type3 .no1 .thumb img{position: absolute;top:0;left:0;bottom: 0;right:0;}

.onair .program_list .item .col.info{table-layout: fixed}
.onair .program_list .title{margin-top:1px; display:inline-block;vertical-align: middle;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;padding-right: 5px}
.onair .program_list .item.on .title:after{position: absolute;right:0px;top:3px; display: none;}
.onair_m .program_list .title {display: block;}

/* main popup */
.popup-wrap{position:relative;width:100%;height:100%;display:block;box-sizing: border-box;}
.popup-box{width: 100%;padding: 0 15px;box-sizing: border-box;}
.popup-area{position:relative;}
.popup{width:100%;position: absolute;top: 50px;left: 0;max-width: 596px;height: auto;padding: 8px;box-sizing: border-box;background-color: #fff;z-index: 999;-webkit-box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);-moz-box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);box-sizing: border-box}
.popup-img{max-width:100%;vertical-align: top;box-sizing:border-box;}
.btn-popup-wrap{position:relative;padding:10px;font-size:14px;color:#000;border:1px solid #9e9ab8;}
.btn-popup-wrap .btn-close {display: block;width: 100%;margin-top:12px;padding: 10px 0;background-color: #9ba1b8;color: #fff;font-size: 16px;vertical-align: middle;box-sizing: border-box;}
.btn-popup-wrap .btn-nottoday{height: 28px;vertical-align: middle;background-color: #5066b5;color: #fff;font-weight: 300;border-radius: 41px 0px 0px 41px;-moz-border-radius: 41px 0px 0px 41px;-webkit-border-radius: 41px 0px 0px 41px;text-align: left;padding-left: 15px;font-size: 11px;padding-right: 30px;float: right;margin-right: -20px;}
.btn-popup-wrap .btn-nottoday:after{display: block;content: '';position: absolute;top: 18px;right: -4px;width: 13px;height: 13px;background: url(../images/common/sp_nav.png) no-repeat 0 -13px / 15px 25px;margin:0 3px;}
@media (min-width: 580px) {.popup {position: absolute;top: 50px;left: 50%;max-width: 596px;height: auto;padding: 8px;box-sizing: border-box;background-color: #fff;z-index: 999;-webkit-box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);-moz-box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);box-shadow: 24px 24px 70px -24px rgba(0,0,0,0.25);box-sizing: border-box;margin: 0 15px;margin-left: -298px;}}
/* //main popup */

/* persona section 19031 */
.persona-wrap{position:relative; /* background-color: #e9eaf0; */ overflow: hidden}
.persona{/* position: absolute; */ position: relative; top: 0;left: 0;width: 100%;background-repeat: no-repeat;background-size: 100% auto;background-position: left;padding-top: 57.225%;}
.persona-wrap .tit_zone{/* padding: 0 0 40px 24px */ padding: 0 15px;}
.img-persona{left: 0;position: absolute;top: 0;width: 100%;}



/* 경기일정개선 : 210128 메인배너 */
/* .main_slide .item.no3{background-color:#18191f;} */

.banner-box{position:absolute;right:14px;bottom:38px;width:80%;z-index:10;max-width:350px;}
.banner-txt{background-color:#000;font-size: 0.8125rem;}
.banner-txt li{padding:0 10px;}
.banner-txt li .txt-div{padding:10px 0;}
.banner-txt li .txt-div span{font-weight:100;}
.banner-txt li+li .txt-div{border-top:1px solid #666;}
.left-day{float:left;}
.left-day .sports-time{margin-left:5px;}
.right-where{float:right;}
.right-where span+span{margin-left:5px;}
.sche-tit{clear:both;padding-top:5px;font-weight:500;}
.live-red, .rec-blue{font-weight:500 !important;}
.live-red{color:#f40808;}
.rec-blue{color:#6384ff;}

.noti-p{font-size:0.625rem;text-align:right;font-weight:300;margin-top:8px;}

/* KBS스토리 센터 슬라이드 */
.obj.img.center{text-align:center;background-color:#0e0e0f;}

/* select_zone */
.select_zone {padding: 0 15px;}
.select_zone ul {display: table; width: auto; table-layout: fixed; margin-bottom:16px;}
.select_zone ul li {padding: 0px 0px; display: inline-table; vertical-align: top; white-space: normal; font-size: 15px; font-weight:400;}
.select_zone ul li span {text-align: center; display: block; line-height: 26px; height: 26px; color: #222; padding: 0px 13px;}
.select_zone ul li.select span {background-color: #533CE9; border-radius: 26px; color: #fff; font-weight:700;}

/* //select_zone */

/* 더보기 아래 */
.more_type1 span button {position: relative; top: -2px;}
.cont_page {display: inline-block; margin-left: 10px; color:#959595;}
.cont_page span {color:#333;}
/* //더보기 아래 */

/* persona - 지금 뜨는 프로그램 */
.persona-wrap .cont_tit {padding:12px 15px 18px; text-align: center;}
.persona-wrap .cont_tit p {font-size: 16px; font-weight: 600;}
.persona-wrap .cont_tit .title {font-size: 14px; font-weight: 400;}
/* //persona */

/* chartjoy - 예능클립 */
#chartjoy .item.no1 {padding: 0 15px 10px;}
#chartjoy .item.no1 a {}
#chartjoy .item.no1 .thumb {border-radius: 5px;}
#chartjoy .item.no1 .tit {font-size: 0.75rem; font-weight: 400; color: #262626; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; padding-top: 10px;}
#chartjoy .item.no1 .etc {font-size: 0.65rem; font-weight: 400; color: #b2b2b2; padding-top: 10px;}
/* //chartjoy - 예능클립 */

/* 스포츠, 예능 메뉴 가운데 정렬 */
#nplay #snb, #njoy #snb {padding: 0 15px; text-align: center; display:flex;overflow-x:auto;justify-content:space-between;gap:20px;}
#nplay #snb li, #njoy #snb li {display:inline-block;flex-shrink: 0;padding:0;}


/*상단 배너*/
.promotion-banner{padding:63px 0 0;}
.promotion-banner .slick-dots{bottom:8px;left: 16px !important;}
.promotion-banner .slick-dots li{background-color:rgba(255,255,255,0.3);}
.promotion-banner .slick-dots li.slick-active{background-color:#fff;}


/* 메인 UI/UX 개편 */
/*slider type4*/
.slide_type4 .cont{margin-bottom: 0;}

/*shorts*/
#shorts .grid .item{padding:0 8px;}
#shorts .grid .thumb{width:8.11em;height:14.4em;margin-bottom: 8px;}
#shorts .grid .tit{font-weight: 400; color: #121212;margin-bottom: 4px;}
#shorts .grid .etc{font-weight: 400;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

/*추천구작*/
#recommend2 .program_list .p_list:not(:last-child){margin-bottom: 24px;}
#recommend2 .program_list .p_info{display: grid;grid-template-columns: 56px 1fr;align-items: center;padding: 0 15px;margin-bottom: 16px;}
#recommend2 .program_list .poster{display: inline-block; width: 56px; height: 56px; border-radius: 100%; background:#e9edf2; overflow: hidden;}
#recommend2 .program_list .poster img{width: 100%;}
#recommend2 .program_list .name{font-size: 15px;font-weight: 500;padding-left: 8px;}


/*n.이슈/이벤트 grid*/
.section .slick-dots {bottom: 65px; right:8px;}
.section .slick-dots li{display: inline-block; margin:0 4px; width: 4px;height:4px;background-color: rgba(255,255,255,0.3);border-radius: 100%;font-size: 0;color: transparent}
.section .slick-dots li.slick-active{background-color: #fff;}
.section .grid_type6:not(:last-child){margin-bottom: 16px;}
.section .grid_type6 .cont{height: auto;}
.section .grid_type6 img{width: 100%;}
.section .grid_type6 .tit{display: -webkit-box; font-weight: 700;margin-bottom: 4px;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.section .grid_type6 .txt{-webkit-line-clamp:1;}
.section .grid_type6 .thumb{aspect-ratio: 3.5 / 1;padding:0; height: auto;}
.section .slide_type4 .slick-dots{bottom:auto; right: 0; top:0; width: 100%;display: flex; align-items: flex-end; justify-content: flex-end; padding: 8px; aspect-ratio: 3.5 / 1;pointer-events: none; box-sizing: border-box;}
.section .slide_type4 .slick-dots li{pointer-events: auto;}

/*n.이슈*/

/*이벤트*/
.no_post{text-align: center;color: #fff;font-size: 16px;padding: 8.69% 30px;background: url('../images/@tmp/bg_no_post.png')no-repeat center/cover;border-radius: 8px;}
.no_post .desc{font-size: 15px; line-height: 23px;}
.no_post .desc::before{display: block;content: "";margin: 0 auto 4px;width: 16px;height: 16px;background: url('../images/icn-line-exclamation.png')no-repeat center/100%;}


/* 2024.7.22 메인 기업소개 */
.main_visual{position: relative;width: 100%;height: 346px;margin-bottom: 30px;padding: 0;overflow: hidden;}
.main_visual::before{display: block; content: ""; position:absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/main/main-visual-bg.jpg)center/cover; opacity: 0.8; transform: scale(1.03); animation: scale 1s 0.1s forwards;}
.main_visual .cont_zone{position: relative;height: 100%;padding: 0 20px 20px;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-flow: wrap;box-sizing: border-box;}
.main_visual .tit_zone2{min-height: 77px;text-align: center;letter-spacing: -0.25px;color: var(--kbs-white);text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);margin: 110px 0 43px;}
.main_visual .tit_zone2 .title{font-size:26px;font-weight: 700; animation: fadeUp 0.6s 0.3s forwards; opacity: 0;}
.main_visual .tit_zone2 .sub_title{font-size: 15px; line-height: 22px;font-weight: 700; animation: fadeUp 0.6s 0.5s forwards; opacity: 0;}
.main_visual .business_list{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:13px;animation: fadeUp 0.6s 0.8s forwards;opacity: 0;}
.main_visual .business_list li{position: relative; height: 40px; border: 1px solid rgba(255,255,255,0.7); border-radius: 8px;}
.main_visual .business_list li a{position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); color: var(--kbs-white);}

@-webkit-keyframes fadeUp {
    0% {
        opacity:0;
        transform: translate3d(0,10px,0);
    }
    100% {
        opacity:1;
        transform: translate3d(0,0px,0);
    }
}
@-webkit-keyframes scale {
    0% {
        opacity: 0.8;
        transform: scale(1.03);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}