@charset "utf-8";


/* Common */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin:0; padding: 0;text-size-adjust: none;-webkit-text-size-adjust: none;}
body {
    font-family: 'Noto Sans KR','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum';
    font-size:14px;
    line-height:1.6;
    letter-spacing: -0.5px;
    word-spacing: 0px;
    margin:0 auto;
    color:#222222;
    background-color:#FFF;
}

button {background-color: #0000;cursor: pointer;}
li{list-style:none;}
form,button{border:0; vertical-align:top;}
img {border:0;
    vertical-align:bottom;
}
em, address{font-style:normal;}
a{color:#222222; text-decoration: none;outline: none;}
a:visited {color: #222222;}
a:active{color: #222222;}
a:hover{text-decoration: none;}
a.visit {}
a.visit:visited {}
a.visit:active{}
a.visit:hover{}
.strong {font-weight: 600;}
input::placeholder {color: #aaaaaa;}


/* 면편집 레이아웃 */
.din {position: relative;clear: both;overflow: hidden;width: 1070px;max-width: 100%;margin: 0 auto;padding:0;}
.din.din100 {width: 100%;} /* 하위 영역에서 폭을 지정할 경우 */


/* 1단 */
.din.din1 {}
.din.din1 > div[data-dinnum] {width:100%;}
.din.din1 > .left {width:50%; float: left;}
.din.din1 > .right {width:50%; margin:15px 0 0 auto;}


/* 2단 1:1 */
.din.din2-11 {}
.din.din2-11 > div[data-dinnum] {float:left;width: 50%;margin-bottom: 0;}
.din.din2-11 > div[data-dinnum="1"] {padding-right: 10px;}
.din.din2-11 > div[data-dinnum="2"] {padding-left: 10px;}
.din.din2-11 > div[data-dinnum="1"] > .din.din2-11 > div[data-dinnum="1"] {padding-right: 10px;}
.din.din2-11 > div[data-dinnum="1"] > .din.din2-11 > div[data-dinnum="2"] {padding-left: 10px;}
/* .din.din2-11 .box {padding-bottom: 0;} */

/* 2단 1:2 */
.din.din2-12 {}
.din.din2-12 > div[data-dinnum] {float:left;}
.din.din2-12 > div[data-dinnum="1"] {width: 300px;padding-right: 0;}
.din.din2-12 > div[data-dinnum="2"] {width: calc(100% - 300px);padding-left: 40px;}


/* 2단 2:1 */
.din.din2-21 {}
.din.din2-21 > div[data-dinnum] {float:left;}
.din.din2-21 > div[data-dinnum="1"] {width: calc(100% - 300px);padding-right: 40px;}
.din.din2-21 > div[data-dinnum="2"] {display: block;float: right;width: 300px;padding-left: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din {width: 100%;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-21 > div[data-dinnum="1"] {float: left;width: calc(100% - 267px);padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="1"] {float: left;width: 240px;padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="2"] {float: right;width: calc(100% - 240px);padding-left: 0;}
/* .din.din2-21 > div[data-dinnum="1"] > .din:first-child {padding-bottom: 41px;} */
.din.din2-21 > div[data-dinnum="1"] > .din {/*padding-bottom: 45px*/;margin-bottom: 0 !important;}
.din.din2-21 > div[data-dinnum="1"] > .din:last-child {border-bottom: 0;padding-bottom: 0;}


/* 3단 1:1:1 */
.din.din3-111 {}
.din.din3-111 > div > div {margin-bottom:25px}
.din.din3-111 > div[data-dinnum] {float:left;}
.din.din3-111 > div[data-dinnum="1"], .din.din3-111 > div[data-dinnum="2"], .din.din3-111 > div[data-dinnum="3"] {width:31%;}
.din.din3-111 > div[data-dinnum="2"] {margin: 0 3.2%;}


/* 3단 1:2:1 */
.din.din3-121 {}
.din.din3-121 > div[data-dinnum] {float:left;}
.din.din3-121 > div[data-dinnum="1"] {width:25%;}
.din.din3-121 > div[data-dinnum="2"] {width:50%;padding:0 20px;}
.din.din3-121 > div[data-dinnum="3"] {width:25%;}


/* 3단 1:1:2 */
.din.din3-112 {}
.din.din3-112 > div[data-dinnum] {float:left;}
.din.din3-112 > div[data-dinnum="1"] {width:25%;}
.din.din3-112 > div[data-dinnum="2"] {width:25%;padding:0 20px;}
.din.din3-112 > div[data-dinnum="3"] {width:calc(50% - 40px);}


div[data-dinnum] > div.din {width: 100%;}
/* //면편집 레이아웃 */

/* din 전체에 border */
.border {margin-bottom: 30px;padding-top: 20px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;}
.border_bottom  {margin-bottom: 30px;border-bottom: 1px solid #000000;}
.border_left {border-left: 1px solid #aaa;}

/* header ================================================================================================== */
header {position: relative;width: 100%;margin: 0 auto;width: 100%;min-width: 1070px;}
header > .inner {padding-top: 30px;position: relative;width: 1070px;margin: 0 auto 30px;display: flex;justify-content: space-between;}
header > .inner .logo_wrap {position: relative;width: 300px;margin: 0 auto;}
header > .inner .logo_wrap img {width: 100%;height: auto;}
header > .inner .banner {position: relative;}

/* nav */
nav {position: relative;width: 100%;}
nav .inner {position: relative;width: 100%;margin: 0 auto;padding: 0 calc((100% - 1070px) / 2);height: 40px;border-bottom: 1px solid #666666;box-shadow: 0 2px 2px #0002;;display: flex;justify-content: space-between;align-items: center;}

/* nav .left */
nav .inner .left {position: relative;display: flex;justify-content: flex-start;align-items: center;}
nav .inner .left .bar {position: relative;height: 100%;display: flex;justify-content: flex-start;align-items: center;margin-right: 10px;}
nav .inner .left .main_menu {position: relative;height: 100%;display: flex;justify-content: flex-start;align-items: center;}
nav .inner .left .main_menu li {padding: 0 9px;}
nav .inner .left .main_menu li:first-child {padding-left: 0;}
nav .inner .left .main_menu .main_link {font-size: 16px;font-weight: bold;line-height: 1;}
nav .inner .left .main_menu .main_link:hover {color: #2041ad;} 
nav .inner .left .main_menu .main_link.active {background-color: #2041ad;color: #fff;padding: 0 5px;border-radius: 3px;transition: .0s ease-in;}

/* sub_menu */
.main_menu .sub_menu.active {z-index: 999;background-color: #fff;left: 0;top: 35px;position: absolute;display: flex;width: 1070px;height: 25px;border-bottom: 1px solid #eee;}
.main_menu .sub_menu.on {z-index: 99;background-color: #fff;left: 0;top: 35px;position: absolute;display: flex;width: 1070px;height: 25px;border-bottom: 1px solid #eee;}
.main_menu .sub_menu {display: none;}
.main_menu .sub_menu li {padding: 0 10px;}
.main_menu .sub_menu .sub_link {font-size: 16px;line-height: 1;letter-spacing: -0.6px;writing-mode: horizontal-tb;}
.main_menu .sub_menu .sub_link:hover {color: #2041ad;}
.main_menu .sub_menu .sub_link.active {color: #2041ad;font-weight: bold;}


/* nav .right*/
nav .inner .right {position: relative;right: 0;display: flex;justify-content: flex-start;}
nav .inner .right .search_box {position: relative;width: 200px;height: 25px;display: block;}
nav .inner .right .search_box input {outline: none;width: 100%;height: 100%;padding: 4px 20px 4px 5px;}
nav .inner .right .search_box input::placeholder {font-size: 13px;font-family: 'Noto Sans KR';line-height: 1;}
nav .inner .right .search_box .btn_search {position: absolute;right: 3%;top: 22%;}

nav .inner .right .login_wrap {position: relative;display: flex;justify-content: flex-start;margin-left: 15px;}
nav .inner .right .login_wrap .regist {position: relative;font-size: 16px;color: #777777;}
nav .inner .right .login_wrap .regist::after {content: 'ㅣ';letter-spacing: -0.5px;}
nav .inner .right .login_wrap .login {position: relative;font-size: 16px;color: #777777;}
nav .inner .right .login_wrap .login .fa-user {margin-right: 2px;}




/* bar_menu */
/* .bar_menu {transform: scale(1);position: absolute;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;z-index: 999;width: 100%;background-color: #fff;padding: 30px calc((100% - 1100px) / 2);box-shadow: 0 0 6px 6px #0001;}
.bar_menu.active {transform: scale(1);} 
.bar_menu .btn_close {position: relative;left: -40px;bottom: 0;}
.bar_menu .menu {position: relative;min-height: 50px;display: flex;flex-direction: row;justify-content: flex-start;}
.bar_menu .menu:last-child {padding-bottom: 10px;}
.bar_menu .menu .main_menu {position: relative;color: #1475d9;min-width: 80px;font-size: 16px;font-weight: bold;letter-spacing: -0.8px;line-height: 1.2;}
.bar_menu .menu .sub_menu {position: relative;display: flex;flex-direction: row;flex-wrap: wrap;}
.bar_menu .menu .sub_menu li {padding: 0 18px 15px 0;}
.bar_menu .menu .sub_menu li a {color: #666;font-size: 16px;line-height: 1.2;letter-spacing: -0.7px;} */

/* ================================================================================================== header */


/* main */
main {position: relative;width: 100%;margin: 0 auto;padding: 40px 0;}


/* footer ================================================================================================== */
footer {position: relative;width: 100%;background-color: #2f2f2f;}
footer .inner {position: relative;width: 1070px;margin: 0 auto;padding: 80px 0;display: flex;}

footer .inner .logo_wrap {position: relative;width: 150px;margin-right: 20px;display: flex;align-items: center;}
footer .inner .logo_wrap img {width: 100%;height: auto;}

footer .inner .right .link_wrap {position: relative;width: 100%;margin-bottom: 5px;}
footer .inner .right .link_wrap ul {display: flex;}
footer .inner .right .link_wrap li:not(:last-child) {margin-right: 20px;}
footer .inner .right .link_wrap li, footer .inner .right .link_wrap li a {color: #fff;font-size: 13px;line-height: 1.2;letter-spacing: -0.3px;font-weight: 300;}

footer .inner .right .info_wrap {position: relative;width: 100%;}
footer .inner .right .info_wrap ul {position: relative;}
footer .inner .right .info_wrap li {color: #fff;font-size: 13px;line-height: 1.2;letter-spacing: -0.3px;font-weight: 300;margin-bottom: 5px;}
footer .inner .right .info_wrap li:last-child {margin-bottom: 0;}
footer .inner .right .info_wrap li span {margin-right:15px;} 
/* ================================================================================================== footer */


/* tv_background */
body.tv_background {background-color: #fff;}
.tv_background main {background-color: #fff;}
.tv_background main .box_title .name {color: #000;}
.tv_background header {background-color: #fff;}
.tv_background header nav {background-color: #fff;border-top: 1px solid rgba(109, 109, 109, 0.5);border-bottom: 2px solid rgba(109, 109, 109, 0.5);box-shadow: none;}
.tv_background .btn_bars i {color: #000;}
.tv_background header #right #btn_glass {color: #000;background-color: #fff;}
.tv_background .nav_link,
.tv_background header .sub_nav .login span, 
.tv_background header .sub_nav .login i, 
.tv_background header .sub_nav .login a {color: #000;}
.tv_background header #nav li a {color: #000;font-weight: 400;}
.tv_background header #nav .link.tv {color: #ffd200;font-weight: 600;background-color: #222222;}
.tv_background header .news_menu {border-bottom:1px solid #444;}
.tv_background footer {background-color: #fff;border-top: 1px solid #444444;}
.tv_background footer .menu_wrap,
.tv_background footer .terms_wrap {border-bottom: 1px solid #444444;}
.tv_background footer .menu_wrap .menu .category a,
.tv_background footer .menu_wrap .menu .menu_list a, 
.tv_background footer .terms_wrap .link li a,
.tv_background footer .info_wrap .info div {color: #ccc;}
.tv_background footer .terms_wrap .link li #terms {color: #cccccc;font-weight: normal;}
.tv_background footer .terms_wrap .link li a, .tv_background footer .menu_list li a {font-weight: 300;}

.tv_schedule .icon_box {position:relative;margin-top: 50px;}
.tv_schedule .icon_box .icon {width: 210px; display: inline-flex;}
.tv_schedule .icon_box .icon img {margin-right:15px;}
.tv_schedule .icon_box .icon {color: #282828;font-size: 20px;font-weight: 300;line-height: 1.6;}

.tv_schedule .info {position:relative;margin-bottom: 45px;}
.tv_schedule .info p {color: #282828;font-size: 20px;line-height: 1.78;font-weight: 300;}


/* tv 편성표 페이지 tv_schedule */
.tv_schedule {position:relative;}
/* 편성표 calendar */
.calendar {position:relative;padding-top: 45px;}
.calendar .box_title {display: flex;justify-content: center;height: 33px;flex-direction: column;align-items: center;}
.calendar .box_title .name {font-size: 36px;line-height: 0.89;color: #282828;font-weight: 500;}
.calendar .box_title .btn_wrap {display: flex;align-items: center;margin-top: 20px;}
.calendar .box_title .btn_wrap a, .calendar .box_title .btn_wrap .sch_calendar {cursor: pointer;font-size:20px;line-height: 1;padding: 10px 15px;border: 1px solid #888;width: 70px;height: 42px;text-align: center;}
.calendar .box_title .btn_wrap a:first-child {border-right: 0;}
.calendar .box_title .btn_wrap .sch_calendar {color: #0000;background-image: url("/img/calendar.png");background-size: 30px;background-repeat: no-repeat;background-position: center;}


/* #calendar_slider_div */
#calendar_slider_div {margin-top: 80px;}
/* 날짜 슬라이드 slider-nav*/
#calendar_slider_div .slider-nav {position: relative;display: flex;justify-content: space-between;align-items: center;}
#calendar_slider_div .slider-nav .slick-arrow {cursor: pointer;width:25px;position: relative;display: flex;justify-content: space-between;background-color: #0000;}
#calendar_slider_div .slider-nav .slick-arrow img {width:100%;height:auto;}
#calendar_slider_div .slider-nav .slick-prev {margin-right: 40px;}
#calendar_slider_div .slider-nav .slick-next {margin-left: 40px;}
#calendar_slider_div .slider-nav .slide {width: calc(100% / 7);height: 122px;cursor: pointer;border-radius: 7px;}
#calendar_slider_div .slider-nav .slide .img-holder {width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
#calendar_slider_div .slider-nav .slide .img-holder .date {color: #282828;font-size: 35px;line-height: 0.91;font-weight: 500;padding-bottom: 20px;}
#calendar_slider_div .slider-nav .slide .img-holder .dow {color: #282828;font-size: 20px;line-height: 1.6;font-weight: 500;}
#calendar_slider_div .slider-nav .slick-center {background-color: #152748;color:#ffffff;}
#calendar_slider_div .slider-nav .slick-center .img-holder .date {color: #ffffff;font-size: 35px;line-height: 0.91;font-weight: 500;padding-bottom: 20px;}
#calendar_slider_div .slider-nav .slick-center .img-holder .dow {color: #ffffff;font-size: 20px;line-height: 1.6;font-weight: 500;}

/* 편성표 slider-for */
#calendar_slider_div .slider-for {margin-top: 80px;}
#calendar_slider_div .slider-for .list {position:relative;width:100%;}
#calendar_slider_div .slider-for .article {width:100%;position: relative;display: flex;justify-content: flex-start;padding: 30px 60px;background-color:#ddd;margin-bottom:10px;}
#calendar_slider_div .slider-for .article .airtime {margin-right:80px;color: #282828;font-size: 25px;font-weight: normal;line-height: 1.28;font-style: oblique;}
#calendar_slider_div .slider-for .article .box1 {width:700px;}
#calendar_slider_div .slider-for .article .box1 .title {color: #282828;font-size: 25px;font-weight: normal;line-height: 1.28;display: display;}
#calendar_slider_div .slider-for .article .box1 .title:hover {text-decoration:none;}
#calendar_slider_div .slider-for .article .program_link {display: none;}
#calendar_slider_div .slider-for .article.active {background-color: #000000;padding: 90px 60px !important;display: flex;justify-content: flex-start;align-items: center;}
#calendar_slider_div .slider-for .slick-active .article.active .box1 {display: none;}
#calendar_slider_div .slider-for .slick-active .article.active .program_link {visibility: visible;width: 700px;display: flex;justify-content: flex-start;align-items: center;}
#calendar_slider_div .slider-for .slick-active .article.active .program_link .thumb {display: block;visibility: visible;width: 300px;height: 188px;}
#calendar_slider_div .slider-for .slick-active .article.active .program_link .thumb img {display: block;visibility: visible;width: 100%;height: 100%;}
#calendar_slider_div .slider-for .slick-active .article.active .program_link .box2 {position: relative;width: 400px;display: block;}
#calendar_slider_div .slider-for .slick-active .article.active .program_link .box2 .title {padding-left: 60px;color: #eeeeee;font-size: 30px;font-weight: normal;line-height: 1.07;word-wrap:normal;word-break: keep-all;}
#calendar_slider_div .slider-for .icon_wrapper {position: relative;display: flex;justify-content: flex-end;width: 300px;height: 32px;}
#calendar_slider_div .slider-for .icon_wrapper .icon {width:32px;height: 32px;}
#calendar_slider_div .slider-for .icon_wrapper .icon img {width:100%;height: 100%;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// tv */

/* popup */
.popup {min-width: 250px;display: flex;flex-direction: column;}
.popup.layer {position: fixed;z-index: 10;border: 1px solid #000000;background-color: #ffffff;}
.popup .popup_content {width: 100%;height: calc(100% - 30px);overflow: auto;}
.popup img {max-width: 100%;}
.popup .popup_footer {height: 30px;line-height: 30px;padding-left: 10px;}
.popup .popup_footer button {background-color: #000000;color: #ffffff;float: right;height: 30px;padding: 3px;cursor: pointer;}

.align-left{float:left; margin-right:20px;}
.align-right{float:right; margin-left:20px;}

header nav ul.channelList {width: 300px;overflow: hidden;display: flex;}
header nav ul.channelList .channel {float: left;margin-right: 15px;}
header nav ul.channelList .channel:nth-child(n+4) {display: none;}

/* 메인 중간 우측 배너 관련 */
ul[data-objid=BC_1678946117679] img {width: 100%;}