﻿/**visual 영역*/
.visual_area{width: 100%;height: 100%}
.visual_wrap{display: block;width: 100%}
.visual_wrap li{float: left;width: 100%;height:275px;background: #0d3880;position: relative;}
.visual_wrap li .bottom{width: 100%;height: 153px;background: #0d3880;display: block;position: absolute;bottom: 0;left: 0}
.visual_wrap li .top{position: absolute;top: 0;left: 0}
.visual_wrap li .top img{position:absolute;left:50%;margin-left:-465.5px;height:275px;}
.visual_wrap .visual1 .top{width: 100%;height: 275px;display: block;}
.visual_wrap .bottom h3{color: #fff;text-align: center;font-weight: 500;font-size: 30px;font-family: 'Godo';line-height: 1.3;padding-top: 30px;width:540px;overflow:hidden;margin: auto;}
.visual_wrap .bottom p{color: #fff;text-align: center;font-weight: 400;font-size: 20px;font-family: 'Noto Sans Korean';line-height: 1.2;word-break: keep-all;width:540px;margin:10px auto 0;}
.visual_wrap .pt320{padding-top: 320px;}
.visual_wrap .pt360{padding-top: 360px;}
.visual_area .swiper-pagination{bottom: 0}
.visual_area .slide_btn{width: 640px;margin: auto;height: 43px;position: absolute;bottom: 99.5px;left: 0}
.visual_area .swiper-button-next{width: 43px;height: 43px;background: url(../Images/index/next_btn.png) 0 50% no-repeat;}
.visual_area .swiper-button-prev{width: 43px;height: 43px;background: url(../Images/index/prev_btn.png) 0 50% no-repeat;}
/*content  영역*/
.container{background: #fff;width: 100%;height: 100%;position: relative;}
.container .wrap_1020{position: relative;}
.today_program h4{color: #268cc0;font-size: 38px;font-family: 'Godo';font-weight: 500;line-height: 1.2;padding-top: 40px;display: inline-block;padding-bottom: 5px;}
.today_program span{color: #565656;font-weight: 500;font-size: 24px;font-family: 'Noto Sans Korean';display: inline-block;line-height: 1.2}
.today_program .slide_area{border-top:4px solid #268cc0;padding-top:30px;margin-bottom: 40px;}
.today_program .program_list{width: 482px;margin:auto;border:1px solid rgba(210,210,210,0.3);box-sizing:border-box}
.today_program .program_list li{float: left;width: 160px;height: 92px;position: relative;box-sizing:border-box;}
.today_program .program_list li span{position:absolute;right:8px;top:5px;display:inline-block;color:#fff;font-size:15px;font-weight:400;font-family: 'Godo';}
.program_list .owl-nav{position: absolute;left:-50px;top: 0;width: 580px;height: 40px;}
.program_list li .program_title{color: #565656;font-size: 18px;background: #fff;width: 100%;text-align: center;font-weight: 500;font-family: 'Godo';padding-top:30px;}
.container .more a{display: inline-block;position: absolute;top: 50px;right: 0px;width: 22px;height: 22px;background: url(../Images/index/more_btn.png) 0 50% no-repeat;cursor: pointer;}
.program_list li .program_time{color: #565656;font-weight: 700;font-size: 14px;text-align: left;margin-top:-3px;font-family: 'Godo';}
.program_list li .program_desc{color: #565656;font-weight: 400;font-size: 14px;text-align: left;font-family: 'Godo';width: 100%;margin: auto;overflow: hidden;height: 2.3em;text-overflow: ellipsis;word-wrap: break-word;word-break: keep-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.2}
.slide_area .owl-prev{width: 18px;height: 40px;background: url(../Images/index/prev_min.png) 0 50% no-repeat;text-indent: -9999px;position: absolute;top: 23px;left: 0px}
.slide_area .owl-next{width: 19px;height: 40px;background: url(../Images/index/next_min.png) 0 50% no-repeat;text-indent: -9999px;position: absolute;top: 23px;right: 0px}
.program_list li.table_more{cursor: pointer;}
.program_list li.table_more a{display: block;}
.program_list li.table_more p{width: 100%;height:100%;color:#fff;text-align: center;background: #14387f;font-size: 24px;font-weight: 500;font-family: 'Godo';line-height: 110px;}
.program_list li.table_more p > em{display: inline-block;vertical-align: middle;width: 13px;height: 22px;background: url(../Images/index/more_arrow.png) 0 50% no-repeat;margin-left: 8px;margin-top: -2px;}
.program_list li .right_box{display:inline-block;width:160px;background: linear-gradient(to bottom, #f4f4f4, #fff);height:90px;box-sizing:border-box;padding:20px 10px;border-right:1px solid rgba(210,210,210,0.3);}
.program_list li.on {box-shadow: 0px 0px 5px 0px #666;z-index:999;}
.program_list li.on .program_title{background: #146c98;color:#fff;padding-top:40px;}
.program_list li.on .program_time, .program_list li.on .program_desc{color:#fff;}
.program_list li.on .right_box{background: linear-gradient(to bottom, #0166b2, #1f89bf);border-right:0;height:92px;}

.notice_wrap{width: 100%;padding-bottom:40px;background: #fff url(../Images/index/deco_bottom.png) 100% 100% no-repeat;}
.notice_area{width:580px;display:block;height: 60px;box-sizing: border-box;background: #fff;margin-top: 40px;}
.banner_area{width:580px;display:block;height: 385px;box-sizing: border-box;}
.notice_area h4{color: #fff;font-size: 18px;font-weight: 500;font-family: 'Godo';text-align: center;line-height: 1.2;height:60px;line-height:60px;background:#268cc0;display:inline-block;vertical-align:middle;width:110px;float:left;}
.notice_list2{width:470px;display:inline-block;vertical-align:middle;height:60px;line-height:60px;float:right;border:1px solid #d2d2d2;border-left:0;box-sizing:border-box}
.notice_list2 li a{padding:0 20px;box-sizing:border-box;}
.notice_list2 li .notice_tit{color: #565656;font-weight: 500;font-size: 18px;font-family: 'Godo';line-height: 1.2;text-align: left;display: inline-block;vertical-align: middle;width: 280px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.notice_list2 li .norice_date{color:#565656;font-weight: 500;font-size: 18px;font-family: 'Godo';line-height: 1.2;text-align: right;display: inline-block;vertical-align: middle;width: 132px}
.more_notice{width: 100%;color: #fff;font-weight: 500;font-family: 'Godo';text-align: center;display: block;font-size: 24px;background: #14387f;padding:12px 0;}

/*배너 슬라이드*/
.banner_area .swiper-pagination-bullet{width: 47px;height: 5px;display: inline-block;background: #c2c2c2;opacity: 1;}
.banner_area .swiper-pagination-bullet-active{opacity: 1;background: #0077c0;}
.banner_area .swiper-pagination-bullets{bottom: 55px !important;left: 0; width: 100%;top:auto !important;}
.banner_area .slide_btn{width: 580px;margin: auto;height: 43px;position: absolute;bottom: 132.5px;left: 0;}
.banner_area .swiper-button-next{width: 43px;height: 43px;background: url(../Images/index/next_banner.png) 0 50% no-repeat;}
.banner_area .swiper-button-prev{width: 43px;height: 43px;background: url(../Images/index/prev_banner.png) 0 50% no-repeat;}

.banner_area .banner_cont li{width:284px;height:157px;display:inline-block;overflow:hidden;position:relative;}
.banner_area .banner_cont li a{width:284px;height:157px;display:inline-block;}
.banner_area .banner_cont li:nth-child(odd){margin-right:10px;}
.banner_area .banner_cont li:nth-child(1), .banner_area .banner_cont li:nth-child(2){margin-bottom:5.5px;}
.banner_area .banner_cont li a img{position:absolute;top:0;left:50%;margin-left:-142px;width:100%;height:100%;}
.banner_area .btn_more{position:absolute;right:0;top:0;width: 83px;height: 40px;text-align: center;font-weight: 400;font-family: 'Godo';background: #14387f;line-height: 40px;display:block;color:#fff;font-size:18px;}

/*on-air*/
.onair_area{width:580px;display:block;height: 402px;box-sizing: border-box;margin-bottom:40px;}
.onair_tit{color: #268cc0;font-size: 34px;font-weight: 500;font-family: 'Godo';text-align: left;line-height: 1.2;border-bottom: 4px solid #268cc0;padding-bottom:5px;margin-bottom:20px;}
.onair_area .live_box{width:100%;}
.onair_area .live_box .liveThumb{width:100%; position:absolute;}
.onair_area .live_box .liveThumb img{width:100%;}
.onair_area .live_box .liveThumb .playBtn{position:absolute;}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*loading*/
.loading{background:#fff url(../Images/header/logo.png) center 50% no-repeat;width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;display:none;max-height:1200px;}