@charset "utf-8";

.header .ly_nav { top:61px; }
.main { padding: 15px 0 100px; }

.st_schedule { padding:23px 20px 50px; }
.st_schedule h2 { font-size:25px; font-weight:700; }
.st_schedule .scd_date { position:relative; height:45px; margin-top:16px; padding-top:8px; overflow:hidden; }
.st_schedule .scd_date .date_swiper { overflow:visible; background-color:#eef1f6; margin:0 40px; }
.st_schedule .scd_date .date_swiper .swiper-slide { text-align:center; font-size:15px; line-height:45px; }
.st_schedule .scd_date .date_swiper .swiper-slide span,
.st_schedule .scd_date .date_swiper .swiper-slide a { display:block; width:100%; height:45px; line-height:45px; font-weight:400; text-align:center; }
.st_schedule .scd_date .date_swiper .swiper-slide.on span,
.st_schedule .scd_date .date_swiper .swiper-slide.on a { font-weight:800; }
.st_schedule .scd_date .date_swiper .swiper-slide.today a { position: relative; color:#212a87; }
.st_schedule .scd_date .date_swiper .swiper-slide.today a:before { content:""; position:absolute; left:calc(50% - 23px); top:-8px; display:block; width:43px; height:19px; background:url(../img/flag_today.png) no-repeat center / 100%; }
.st_schedule .scd_date .swiper-button-next { width:40px; height:45px; background:#eef1f6 url(../img/date_slide_next.png) no-repeat center / 10px; top:unset; bottom:0; right:-40px; }
.st_schedule .scd_date .swiper-button-next svg { display:none; }
.st_schedule .scd_date .swiper-button-next.swiper-button-disabled { opacity: 1; background:#eef1f6; pointer-events: none; }
.st_schedule .scd_date .swiper-button-prev { width:40px; height:45px; background:#eef1f6 url(../img/date_slide_prev.png) no-repeat center / 10px; top:unset; bottom:0; left:-40px; }
.st_schedule .scd_date .swiper-button-prev svg { display:none; }
.st_schedule .scd_date .swiper-button-prev.swiper-button-disabled { opacity: 1; background:#eef1f6; pointer-events: none; }
.st_schedule .scd_flag { margin-top:29px; display:flex; justify-content: flex-end; }
.st_schedule .scd_flag li + li { margin-left: 15px; }
.st_schedule .bsbul { display: block; height: 18px; line-height: 18px; font-size: 14px; font-weight: 400; }
.st_schedule .bsbul i { float: left; width: 18px; height: 18px; line-height: 16px; font-size: 12px; text-align: center; box-sizing: border-box; margin-right: 4px; border: 1px solid #eee; border-radius: 4px; }
.st_schedule .bsbul.bsbul_01 i { color: #ff0033; border-color: #ff0033; }
.st_schedule .bsbul.bsbul_02 i { color: #212a87; border-color: #212a87; }
.st_schedule .bsbul.bsbul_03 i { color: #02bb92; border-color: #02bb92; }
.st_schedule .scd_table { border-top: 2px solid #111; margin-top: 11px; }
.st_schedule .scd_table li { display: flex; align-items: center; border-bottom: 1px solid #dfdfdf; padding:15px 0; }
.st_schedule .scd_table li div { text-align:left; }
.st_schedule .scd_table li .time { width: 50px; flex-shrink:0; font-size: 14px; font-weight: 400; }
.st_schedule .scd_table li .type { width: 55px; flex-shrink:0; display: flex; }
.st_schedule .scd_table li .info { flex:300; font-size: 17px; font-weight: 600; line-height: 25px; box-sizing: border-box; }
.st_schedule .scd_table li .anchor { flex:160; font-size:14px; line-height:20px; text-align:right; box-sizing: border-box; padding-left:5px; }
.st_schedule .scd_table li .info .p_home { display: inline-block; width: 20px; height: 20px; background:url(../img/btn_p_home.png) no-repeat center / 100%; margin: 0px 0 -4px 5px; }
.st_schedule .scd_table li .type .bsbul { width: 18px; }
.st_schedule .scd_table li .type .bsbul i { margin-right: 0; }
.st_schedule .scd_table li .type .bsbul + .bsbul { margin-left: 5px; }

.st_program .s_nav_area { position:relative; }
.st_program .s_nav_area h2 { height:70px; }
.st_program .s_nav_area h2 button { width:100%; box-sizing:border-box; line-height: 70px; font-size:25px; font-weight:700; text-align:left; padding:0 20px; }
.st_program .s_nav_area h2 i { display:inline-block; width:20px; height:11px; margin:0 0 2px 10px; background: url(../img/nav_btn.png) no-repeat center / 100%; }
.st_program .s_nav_area h2 button.active i { transform: rotate(180deg); }
.st_program .s_nav_area .ly_s_nav { position:absolute; left:0; top:70px; width:100%; background: rgba(33, 42, 135, 0.97); padding:25px 20px 25px; box-sizing:border-box; display:none; }
.st_program .s_nav_area .ly_s_nav li { height:35px; }
.st_program .s_nav_area .ly_s_nav li a { display:block; line-height: 35px; font-size: 17px; font-weight: 500; color:#fff; }
.st_program .s_nav_area .ly_s_nav.active { display:block; }
.st_program .prg_visual { width:100%; }
.st_program .prg_visual img { width:100%; }
.st_program .prg_info { padding:23px 20px 0; }
.st_program .prg_info .info_box_01 .title { display:block; font-size:30px; font-weight:800; }
.st_program .prg_info .info_box_01 p { font-size:16px; line-height: 25px; margin-top:19px; }
.st_program .prg_info .info_box_02 { margin-top:33px; }
.st_program .prg_info .info_box_02 span { display:block; font-size:20px; font-weight:600; }
.st_program .prg_info .info_box_02 p { font-size:16px; line-height: 25px; margin-top:9px; }
.st_program .prg_info .info_box_03 { width:calc(100% + 40px); color:#fff; margin-top:34px; background:#212a87 url(../img/bg_etc_01.png) no-repeat right bottom / 102px auto; padding:30px 20px 30px; box-sizing:border-box; margin-left:-20px; }
.st_program .prg_info .info_box_03 strong { display:block; font-size:20px; font-weight:600; }
.st_program .prg_info .info_box_03 p { font-size:16px; line-height: 30px; margin-top:16px; }

.as_latest { background-color:#fff; margin-top:15px; padding:24px 0 0 0; }
.as_latest h3 { font-size:22px; font-weight:700; padding-left:20px; }
.as_latest .latest_swiper { margin-top:15px; padding-bottom:25px; }
.as_latest .latest_swiper .thumb { padding-bottom:56%; margin-bottom:9px; }
.as_latest .latest_swiper .tit { margin:0 20px; font-size:18px; line-height: 28px; }
.as_latest .latest_swiper .date { margin:8px 20px 0; }
.as_latest .swiper-button-next { width:45px; height:45px; background:url(../img/swiper_next.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:calc(50% - 52px); right:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.as_latest .swiper-button-next svg { display:none; }
.as_latest .swiper-button-next.swiper-button-disabled { display:none; }
.as_latest .swiper-button-prev { width:45px; height:45px; background:url(../img/swiper_prev.png) center no-repeat; background-size: 100% auto; border-radius:50%; top:calc(50% - 52px); left:10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.as_latest .swiper-button-prev svg { display:none; }
.as_latest .swiper-button-prev.swiper-button-disabled { display:none; }

.as_vod { margin-top:15px; padding:23px 20px 5px; }
.as_vod h3 { font-size:22px; font-weight:700; }
.as_vod h3 i { display: inline-block; width: 8px; height: 15px; margin:-4px 0 0 8px; vertical-align: middle; overflow: hidden; text-indent: -99999px; background: url(../img/btn_more.png) no-repeat; background-size: 100% auto; }
.as_vod li + li { border-top: 1px solid #dfdfdf; }
.as_vod li { padding: 20px 0; }
.as_vod li:nth-child(1) { padding-top:15px; }
.as_vod li a { position: relative; }
.as_vod li .thumb { width: 100%; padding-bottom: 55.823%; }
.as_vod li .num { position: absolute; left: 0; top: 0; width:40px; height:40px; background-color: #212a87; font-size: 25px; color: #fff; line-height: 40px; text-align: center; font-style: italic; font-weight: 600; }
.as_vod li .tit { font-size:18px; line-height:28px; padding-top:10px; }
.as_vod li .date { display:block; font-size:14px; color:#888; font-weight:400; margin-top:10px; }

.st_vod { padding:24px 20px 50px; }
.st_vod h2 { font-size:25px; font-weight:700; }
.st_vod ul { margin-top:24px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 23px 15px; }
.st_vod ul li .thumb { width:100%; padding-bottom: 56.25%; }
.st_vod ul li .tit { font-size:16px; line-height:23px; margin-top:10px; }
.st_vod .more_btn { width:100%; height:45px; background-color:#212a87; margin-top:25px; }
.st_vod .more_btn button { width:100%; height:45px; font-size:14px; color:#fff; }
.st_vod .more_btn button i { display:inline-block; width:7px; height:11px; background: url(../img/btn_more_2.png) no-repeat center / 100% auto; transform: rotate(90deg); margin-left:5px; }

.st_news_view { padding:30px 20px 30px; }
.st_news_view .view_hd { padding-bottom:24px; border-bottom:1px solid #111; }
.st_news_view .view_hd h1 { font-size:30px; line-height:40px; font-weight:700; }
.view_hd .hd_area { margin-top:32px; display:flex; justify-content: space-between; }
.view_hd .hd_area .byline strong { display:block; font-size:14px; font-weight:600; }
.view_hd .hd_area .byline span { display:block; font-size:14px; margin-top:8px; }
.view_hd .hd_area .share_option .pop_lay { display:none; }
.view_hd .hd_area .share_option { display:flex; align-items: flex-end; }
.view_hd .hd_area .share_option li { position: relative; width: 30px; height: 30px; align-items: flex-end; }
.view_hd .hd_area .share_option li button { width: 100%; height: 100%; }
.view_hd .hd_area .share_option li.share > button { background: url(../img/ico_share.png) center/17px no-repeat; }
.view_hd .hd_area .share_option li.font_size > button { background: url(../img/ico_fontsize.png) center/20px no-repeat; }
.view_hd .hd_area .share_option li .pop_lay { display: none; position: absolute; right: 0px; top: 36px; box-sizing: border-box; padding: 19px 19px 25px; background-color: #fff; border:1px solid #eee; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); z-index: 1; }
.view_hd .hd_area .share_option li .pop_lay .h_tit { display: block; font-size: 15px; }
.view_hd .hd_area .share_option li .pop_lay ul { display: flex; margin-top: 15px; }
.view_hd .hd_area .share_option li .pop_lay ul li + li { margin-left: 10px; }
.view_hd .hd_area .share_option li .pop_lay ul li { width: 50px; height: 50px; }
.view_hd .hd_area .share_option li .pop_lay ul li button { width: 100%; height: 100%; }
.view_hd .hd_area .share_option li .btn_close { position: absolute; right: 12px; top: 12px; width: 20px; height: 20px; background: url(../img/btn_close_pop_lay.png) no-repeat center / 15px auto; }
.view_hd .hd_area .share_option li.share .pop_lay { right: -30px; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.kakao button { background: url(../img/ico_sns_kakao.png) no-repeat center / 100%; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.band button { background: url(../img/ico_sns_band.png) no-repeat center / 100%; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.twitter button { background: url(../img/ico_sns_twitter.png) no-repeat center / 100%; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.url button { background: url(../img/ico_sns_url.png) no-repeat center / 100%; }
.view_hd .hd_area .share_option li.share .pop_lay { display: none; }
.view_hd .hd_area .share_option li.font_size .pop_lay { right: 0; }
.view_hd .hd_area .share_option li.font_size .pop_lay ul li { box-sizing: border-box; border:1px solid #dfdfdf; border-radius: 50%; }
.view_hd .hd_area .share_option li.font_size .pop_lay ul li:nth-child(1) button { background: url(../img/ico_font_size_1.png) center center no-repeat; }
.view_hd .hd_area .share_option li.font_size .pop_lay ul li:nth-child(2) button { background: url(../img/ico_font_size_2.png) center center no-repeat; }
.view_hd .hd_area .share_option li.font_size .pop_lay ul li:nth-child(3) button { background: url(../img/ico_font_size_3.png) center center no-repeat; }
.view_hd .hd_area .share_option li.font_size .pop_lay ul li:nth-child(4) button { background: url(../img/ico_font_size_4.png) center center no-repeat; }
.view_hd .hd_area .share_option li.active .pop_lay { display: block; }

.sticky_top .header .btn_nav { position: fixed; right: 0; top: 8px; margin-right: 15px; z-index:999; }
.sticky_top .header .btn_nav.active { margin-right:30px; }
.sticky_top .header .ly_nav { position: fixed; left: 0; top: 51px; z-index:999; }
.sticky_top .view_hd .hd_area { position: fixed; left: 0; top: 0; width: 100%; height: 50px; background-color:#fff; border-bottom:1px solid #2b3597; margin-top:0; z-index:99; }
.sticky_top .view_hd .hd_area .byline { display:none; }
.sticky_top .view_hd .hd_area .share_option { align-items: center; margin-left:20px; }
.sticky_top .view_hd .hd_area .share_option li.share .pop_lay { top: 41px; right:unset; }
.sticky_top .view_hd .hd_area .share_option li.font_size .pop_lay { top: 41px; right:unset; }

.view_con { padding-top:40px; }
.view_con .sub_title { position: relative; display: block; margin-bottom: 50px; padding-left: 18px; word-break: keep-all; }
.view_con .sub_title:before { position: absolute; left: 0; top: 0; display: block; clear: both; content: ""; width: 3px; height: 100%; background: #000; }
.view_con .sub_title li { display: block; margin-bottom: 10px; font-size: 19px; font-weight: 700; letter-spacing: -0.6px; }
.view_con .sub_title li:last-child { margin-bottom: 0;}
.view_con .sub_title li h2 { font-weight: bold; display: block; line-height: 25px; font-size:19px; }
.view_con .article_con { border-bottom:4px double #333; }
.view_con article { font-size: 18px; line-height: 28px; font-weight: 400; }
.view_con article .imgBox { display:flex; width:100%; margin: 30px 0; }
.view_con article .imgBox.ib_center { justify-content:center; }
.view_con article .imgBox.ib_left { justify-content:flex-start; width: auto; margin-right: 25px!important; margin-top: 0;}
.view_con article .imgBox.ib_right { justify-content:flex-end; width: auto; margin-left: 25px!important; margin-top: 0;}
.view_con article #captionBox { width:100%!important; }
.view_con article #captionBox img { width:100%!important; }
.view_con article .photo_img {position: relative; display: block; width: calc(100% + 40px)!important; margin-left:-20px; }
.view_con article .photo_img img {width: 100%; height:auto; margin: auto;}
.view_con article .photo_img .expansion_btn{position: absolute; right: 10px; bottom: 10px; width: 25px; height: 25px; background: url(../img/icon_expansion.png) 50% 50% / 25px no-repeat;  z-index: 9;}
.view_con article .p_caption { font-size: 13px; color:#666; letter-spacing:-0.75px; margin-top: 15px; line-height:18px; }
.view_con article .sub_title_heading{display: block; margin: 20px 0; padding: 15px 0; border-top: 2px solid #000; border-bottom: 1px solid #000;}
.view_con article .sub_title_heading strong{display: inline-block; font-weight: 700; font-size: 17px; letter-spacing: -1.02px;}
.view_con article .video_iframe { position: relative; width: 100%; padding-bottom: 56.28%; margin-bottom:30px; }
.view_con article .video_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.view_con .related_news { margin-top:40px; }
.view_con .related_news strong { display:block; font-size:20px; font-weight:700; }
.view_con .related_news ul { margin-top: 9px; }
.view_con .related_news li a { display:block; font-size:18px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.view_con .related_news li a::before { content:""; float:left; width:3px; height:3px; background-color:#212a87; border-radius:50%; margin:12px 5px 0 0; }

.view_con .keyword_tag { margin-top: 34px; }
.view_con .keyword_tag ul { display: flex; flex-wrap: wrap; }
.view_con .keyword_tag ul li { height: 40px; box-sizing: border-box; border:1px solid #212a87; border-radius: 20px; margin:0 0 10px 5px; }
.view_con .keyword_tag ul li:nth-child(1) { margin-left:0; }
.view_con .keyword_tag ul li a { font-size: 16px; color:#212a87; line-height: 38px; padding: 0 14px; box-sizing: border-box; display: block; width: 100%; height: 100%; }

.st_news_view + .st_vod { margin-top:15px; }