@charset "utf-8";

.page_schedule { padding-top:69px; padding-bottom:200px; }
.page_schedule h2 { font-size:36px; }
.scd_date { position: relative; overflow:hidden; padding-top:14px; margin-top:16px; }
.scd_date .date_slide { position: relative; height:60px; padding:0 114px; background-color:#eef1f6; }
.scd_date .date_slide .date_swiper { width:1022px; overflow:visible; background-color:#eef1f6; }
.scd_date .date_slide .date_swiper .swiper-slide { width:146px; height:60px; }
.scd_date .date_slide .date_swiper .swiper-slide span,
.scd_date .date_slide .date_swiper .swiper-slide a { display:block; width:100%; height:60px; line-height:60px; font-size:18px; font-weight:400; text-align:center; }
.scd_date .date_slide .date_swiper .swiper-slide.on span,
.scd_date .date_slide .date_swiper .swiper-slide.on a { font-weight:800; }
.scd_date .date_slide .date_swiper .swiper-slide.today a { position: relative; color:#212a87; }
.scd_date .date_slide .date_swiper .swiper-slide.today a:before { content:""; position:absolute; left:calc(50% - 35px); top:-13px; display:block; width:69px; height:31px; background:url(../img/flag_today.png) no-repeat; /*opacity:0; transition: opacity .3s ease;*/ }
/*.scd_date .date_slide .date_swiper .swiper-slide.today.swiper-slide-prev a:before,
.scd_date .date_slide .date_swiper .swiper-slide.today.swiper-slide-next a:before,
.scd_date .date_slide .date_swiper .swiper-slide.today.swiper-slide-next a:before { opacity:1; }*/
.scd_date .date_slide .swiper-button-next { width:114px; height:60px; background:url(../img/date_slide_next.png) no-repeat right 30px center,linear-gradient(to right, rgba(238,241,246,0) 0%, rgba(238,241,246,1) 30%); top:0; right:0px; margin-top:0; }
.scd_date .date_slide .swiper-button-next svg { display:none; }
.scd_date .date_slide .swiper-button-prev { width:114px; height:60px; background:url(../img/date_slide_prev.png) no-repeat left 30px center,linear-gradient(to right, rgba(238,241,246,1) 70%, rgba(238,241,246,0) 100%); top:0; left:0px; margin-top:0; }
.scd_date .date_slide .swiper-button-prev svg { display:none; }
.scd_date .date_slide .swiper-button-next.swiper-button-disabled { opacity: 1; pointer-events: none; background:#eef1f6 url(../img/date_slide_next_2.png) no-repeat; background-position: right 30px center; }
.scd_date .date_slide .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: none; background:#eef1f6 url(../img/date_slide_prev_2.png) 30px center no-repeat; }

.scd_flag { margin-top:70px; }
.scd_flag ul { display:flex; justify-content: flex-end; }
.scd_flag ul li + li { margin-left:15px; }
.bsbul { display:block; height:30px; line-height:30px; font-size:15px; font-weight:400; }
.bsbul i { float:left; width:30px; height:30px; line-height:28px; font-size:13px; text-align:center; box-sizing:border-box; margin-right:4px; border:1px solid #eee; border-radius:7px; }
.bsbul.bsbul_01 i { color:#ff0033; border-color:#ff0033; }
.bsbul.bsbul_02 i { color:#212a87; border-color:#212a87; }
.bsbul.bsbul_03 i { color:#02bb92; border-color:#02bb92; }

.scd_table { border-top:2px solid #111; margin-top:15px; }
.scd_table ul li { display:flex; align-items: center; height:73px; font-size:17px; font-weight:400; border-bottom:1px solid #dfdfdf; }
.scd_table ul li .time { width:156px; text-align:center; }
.scd_table ul li .type { width:140px; display:flex; justify-content: center; }
.scd_table ul li .info { width:634px; font-size:20px; font-weight:600; line-height:73px; box-sizing:border-box; padding:0 40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.scd_table ul li .anchor { width:320px; box-sizing:border-box; padding-left:55px; }
.scd_table ul li .info .p_home { display:inline-block; width: 35px; height: 35px; background: url(../img/btn_p_home.png) no-repeat; margin-left:10px; margin-bottom: -10px; }
.scd_table ul li .type .bsbul { width:30px; }
.scd_table ul li .type .bsbul i { margin-right:0; }
.scd_table ul li .type .bsbul + .bsbul { margin-left:5px; }
.scd_table ul li.th { height:60px; line-height:60px; font-weight:600; text-align:center; border-color:#111; }
.scd_table ul li.th .anchor { padding:0 10px 0 0; }

.page_program { width:100%; }
.prg_visual { position:relative; width:100%; min-width:1250px; height:500px; overflow:hidden; }
.prg_visual img { position:absolute; left:50%; top:0; transform:translateX(-50%); height:500px; max-width:none; }
.prg_con { width:1250px; margin:0 auto; }
.prg_con .prg_info { display:flex; height:450px; }
.prg_con .prg_info .info_left { width:calc(100% - 300px); padding:48px 65px 0 0; box-sizing:border-box; }
.prg_con .prg_info .info_left .info_box_01 .title { display:block; font-size:44px; font-weight:800; margin-bottom:25px; }
.prg_con .prg_info .info_left .info_box_01  p { display:block; font-size:17px; line-height:30px; font-weight:400; letter-spacing:-0.5px; }
.prg_con .prg_info .info_left .info_box_01 .title + p { margin-top:30px; }
.prg_con .prg_info .info_left .info_box_02 { margin-top:70px; /*display:flex; flex-direction: column; align-items: center; justify-content: center; height:160px;*/ }
.prg_con .prg_info .info_left .info_box_02 span { display:block; width:100%; font-size:22px; }
.prg_con .prg_info .info_left .info_box_02 span + p { width:100%; line-height:25px; margin-top:10px; }
.prg_con .prg_info .info_left .info_box_02.ib_01 { margin-top:40px; }

.prg_con .prg_info .info_right { width:300px; height:450px; padding:48px 0 0 20px; box-sizing:border-box; background: url(../img/bg_today_program2.png) no-repeat; }
.prg_con .prg_info .info_right strong { display:block; font-size:22px; color:#fff; }
.prg_con .prg_info .info_right p { display:block; font-size:16px; line-height:35px; color:#fff; font-weight:400; letter-spacing:-1px; margin-top:20px; }

.prg_con .latest_video { border-top:1px solid #ccc; padding-top:48px; }
.prg_con .latest_video h4 { font-size:30px; }
.prg_con .latest_video ul { display:flex; flex-wrap: wrap; margin-top:20px; gap:30px 25px; }
.prg_con .latest_video ul li { flex: 1 1 30%; }
.prg_con .latest_video ul li .thumb { width:400px; height:225px; border-radius:15px; }
.prg_con .latest_video ul li .tit { font-size:18px; line-height:25px; margin-top:11px; letter-spacing:-0.5px; }

.popular_vod { position: relative; border-top:3px double #111; margin-top: 100px; padding:96px 0 200px; }
.popular_vod ol { display: flex; flex-wrap: wrap; margin-top: 10px; gap:21px 25px; }
.popular_vod ol li { flex: 1 1 30%; }
.popular_vod ol li .thumb { width:100%; height:225px; border-radius:15px; }
.popular_vod ol li .txt_area { position: relative; box-sizing:border-box; padding-left:45px; margin-top:8px; }
.popular_vod ol li em { position: absolute; left: 0; top: 0; font-family:'Century Gothic'; font-size:50px; color:#212a87; font-style: italic; }
.popular_vod ol li .tit { font-size:18px; line-height:25px; letter-spacing: -0.5px; padding-top:3px; }
.popular_vod ol li span { display:block; font-size:14px; color:#888; font-weight:400; margin-top:8px; }

.page_news { display: flex; justify-content: space-between; padding:68px 0 200px; }
.page_news .news_con { width: 870px; }
.news_con h2 { font-size:36px; font-weight:700; }
.news_con .news_lst { margin-top: 28px; }
.news_con .news_lst li { display: flex; justify-content: space-between; align-items: center; }
.news_con .news_lst li + li { margin-top: 20px; }
.news_con .news_lst li .thumb { width: 200px; height: 120px; }
.news_con .news_lst li .txt_area { width: calc(100% - 220px); }
.news_con .news_lst li .txt_area .tit { font-size: 22px; -webkit-line-clamp: 1; font-weight:700; letter-spacing:-1px; }
.news_con .news_lst li .txt_area .desc { font-size: 15px; line-height: 21px; font-weight: 400; color: #666; letter-spacing:-0.4px; -webkit-line-clamp: 2; margin-top: 14px; }
.news_con .news_lst li .txt_area .date { margin-top:13px; }

.page_news .aside { width: 320px; padding-top: 20px; }
.a_vod h3 { font-size: 22px; }
.a_vod ul { margin-top: 20px; }
.a_vod ul li + li { margin-top: 15px; }
.a_vod ul li a { display: flex; align-items: center; justify-content: space-between; }
.a_vod ul li .thumb { width: 150px; height: 84px; border-radius: 10px; }
.a_vod ul li .tit { width: calc(100% - 160px); font-size: 17px; line-height: 25px; letter-spacing:-0.5px; }

.a_trend { margin-top:68px; }
.a_trend h3 { font-size: 22px; }
.a_trend ul { border-top:1px solid #ccc; margin-top:14px; }
.a_trend li { padding:10px 0; }
.a_trend li + li { border-top:1px solid #eee; }
.a_trend li a { display: flex; align-items: center; justify-content: space-between; }
.a_trend li .num { width:28px; font-family:'Century Gothic'; font-size:30px; color:#212a87; font-style:italic; }
.a_trend ul li .tit { width: 152px; font-size: 17px; line-height: 25px; }
.a_trend li .thumb { width: 130px; height: 83px; margin-left:10px; }

.page_vod { padding:69px 0 200px; }
.page_vod h2 { font-size:36px; font-weight:700; }
.page_vod ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px 25px; margin-top: 28px; }
.page_vod ul li { flex: 1 1 30%; width: 400px; }
.page_vod ul li .thumb { width: 400px; height: 225px; border-radius: 15px; }
.page_vod ul li .tit { font-size: 18px; line-height: 25px; margin-top:11px; }
.page_vod ul li .date {  }

.more_btn { position:relative; text-align:center; margin-top:48px; } 
.more_btn::before { content:''; position:absolute; left:0; top:28px; width:100%; height:1px; background:#eee; }
.more_btn button { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:140px; height:56px; border:1px solid #ccc; border-radius:999px; background:#fff; font-size:17px; font-weight:700; cursor:pointer; }
.more_btn button i { width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:9px solid #212a87; }
/*
.paging {display: block; width: 100%; margin-top: 50px; font-family: "Barlow"; }
.paging ul{display: flex; justify-content: center; }
.paging ul li{width: 4rem; height: 4rem; border: 1px solid #dfdfdf; border-left: none; box-sizing: border-box;}
.paging ul li:nth-child(2){border-left: 1px solid #dfdfdf;}
.paging ul li a{display: block; width: 100%; height: 100%; font-size: 1.5rem; line-height: 3.8rem; text-align: center;}
.paging ul li.on{background: #212a87; border:none;}
.paging ul li.on a{color:#fff;}
.paging ul li.prev{margin-right: 1rem; border-left: 1px solid #dfdfdf; }
.paging ul li.next{margin-left: 1rem; border-left: 1px solid #dfdfdf; }
.paging ul li.prev a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; transform: rotate(-180deg); }
.paging ul li.next a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; }
*/

.page_news_view { position: relative; }
.view_hd { padding: 58px 0 23px; }
.view_hd h1 { font-size:44px; line-height: 65px; font-weight:700; letter-spacing:-2px; }
.view_hd .hd_area { display: flex; justify-content: space-between; margin-top:24px; }
.view_hd .hd_area .byline { font-size: 14px; margin-top:10px; }
.view_hd .hd_area .byline .name { float: left; font-size: 14px; font-weight:500; }
.view_hd .hd_area .byline span { float: left; font-size: 14px; font-weight:400; }
.view_hd .hd_area .byline .name + span::before { content: ""; float: left; width: 1px; height: 11px; background-color: #ccc; margin:2px 10px 0; }
.view_hd .hd_area .share_option { display:flex; align-items: flex-end; }
.view_hd .hd_area .share_option li { position: relative; width: 34px; height: 34px; align-items: flex-end; }
.view_hd .hd_area .share_option li button { width: 100%; height: 100%; background-color: #f55; }
.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.print > button { background: url(../img/ico_print.png) center/20px 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 28px; 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: 17px; }
.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: 25px; height: 25px; background: url(../img/btn_close_date.png) center center no-repeat; }
.view_hd .hd_area .share_option li.share .pop_lay { right: -68px; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.kakao button { background: url(../img/ico_sns_kakao.png) no-repeat; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.band button { background: url(../img/ico_sns_band.png) no-repeat; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.twitter button { background: url(../img/ico_sns_twitter.png) no-repeat; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.weibo button { background: url(../img/ico_sns_weibo.png) no-repeat; }
.view_hd .hd_area .share_option li.share .pop_lay .sns_list li.url button { background: url(../img/ico_sns_url.png) no-repeat; }
.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; }

.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: 4px; font-size: 20px; 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: 600; display: block; line-height: 26px; }
.view_con article { font-size: 18px; line-height: 30px; font-weight: 500; padding-bottom: 190px; }

.view_article .imgBox { display:flex; width:100%; margin: 30px 0;}
.view_article .imgBox.ib_center { justify-content:center; }
.view_article .imgBox.ib_left { justify-content:flex-start; width: auto; margin-right: 25px !important; margin-top: 0;}
.view_article .imgBox.ib_right { justify-content:flex-end; width: auto; margin-left: 25px !important; margin-top: 0;}
.view_article .imgBox .p_caption { display:block; text-align:left; font-size:14px; color:#666; letter-spacing:-0.5px; text-align:left; word-break:keep-all; line-height:21px; font-style:normal; margin-top:10px; }
.view_article .imgBox .photo_img { position:relative; }
.view_article .imgBox .photo_img .expansion_btn { position:absolute; right:1rem; top:1rem; width:38px; height:38px; background:url(../img/icon_expansion.png) no-repeat; background-size:38px; z-index:9; cursor:pointer; }

.view_article blockquote { position:relative; display: flex; flex-direction: column; width: 100%; font-size:17px; font-weight:bold; margin:30px 0; padding:0 45px 0 60px;  box-sizing: border-box;}
.view_article blockquote:before { content:''; position:absolute; left:29px; top:6px; display:block; width:22px; height:16px; background:url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 -40px no-repeat; }
.view_article blockquote p{position: relative;}
.view_article blockquote p:last-child:after { content:''; display:inline-block; width:22px; height:16px; margin-left:11px; background:url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 0px no-repeat; position: absolute; right: auto; bottom: 5px;}
.view_article em{font-style: italic;}

.article_con { border-bottom: 4px double #111; padding-bottom: 64px; }
.article_con .sub_title_heading { display: block; margin-bottom: 20px; margin-top: 20px; padding: 13px 0; border-top: 3px solid #111; border-bottom: 1px solid #111; box-sizing: border-box; font-weight: bold;}
.article_con .sub_title_heading strong { display: inline-block; font-size: 20px; font-weight: 600; }

.view_con { display: flex; justify-content: space-between; border-top:1px solid #111; padding-top:48px; }
.view_con .view_article { width:870px; padding-top:10px; }
.view_con .aside { width:320px; }

.video_iframe { width:870px; margin:20px auto 40px; }
.video_iframe iframe { display:block; width:100%; height:489px; /*padding-bottom:56.25%;*/ }
.video_iframe_placeholder { display:none; width:870px; margin:20px auto 40px; }
.video_iframe_placeholder.active { display:block; }
.video_iframe.floating { position: fixed; right: 50px; bottom: 50px; width: 300px; margin:0; z-index: 9999; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }
.video_iframe.floating iframe { width:100%; height:169px; }

.view_con .related_news { padding-top: 64px; }
.view_con .related_news strong { display:block; font-size:22px; border-bottom:1px solid #dfdfdf; padding-bottom:10px; }
.view_con .related_news ul { margin-top:15px; }
.view_con .related_news ul li a { font-size:18px; line-height: 30px; }
.view_con .related_news ul li a::before { content: ""; float: left; width:4px; height:4px; background-color: #212a87; border-radius: 50%; margin:13px 5px 0 0; }
.view_con .keyword_tag { margin-top: 44px; }
.view_con .keyword_tag ul { display: flex; flex-wrap: wrap; }
.view_con .keyword_tag ul li { height: 34px; box-sizing: border-box; border:1px solid #212a87; border-radius: 17px; margin-bottom: 10px; margin-left: 5px; }
.view_con .keyword_tag ul li a { font-size: 15px; color:#212a87; line-height: 32px; padding: 0 14px; box-sizing: border-box; display: block; width: 100%; height: 100%; }