@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: main.css
 * @Description : m Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */   


.main_con { padding:30px 0;}
.main_content { width:1400px; margin:0 auto; position:relative;}
/* main_visual */
.main_visual { position:relative; width:1400px; margin:0 auto;}

/* today_movie */
.today_movie { position:relative; width:960px; height:85px; padding:10px; background:#097788 url("../img/main/bg_playersection_l.png") no-repeat left top; background-size:cover;}
.today_movie .today { height:65px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; float:left; color:#fff; width:28%; text-align:left; padding-left:20px; padding-right:15px;}
.today_movie .today .today_label { font-size:18px; font-weight:bold; color:rgba(255,255,255,0.85); line-height:1.6; font-family:"NanumGothicBold";}
.today_movie .today .date_text { font-size:26px; line-height:1.3; font-weight:bold; color:#ffeb00; font-family:"NanumBarunGothicBold";}
.today_movie .today_live { float:left; width:72%; line-height:65px; font-size:24px; color:#fff; padding-left:5px; letter-spacing:-0.03em;}
.today_movie .today_live .on_air, .today_movie .today_live .off_air { display:inline-block; height:26px; line-height:26px; font-size:13px; padding:0 10px; border-radius:5px; margin-right:5px; font-family: "NanumGothic"; }
.today_movie .today_live .on_air { color:#fff; background:#097788 url("../img/main/bg_onair.gif") no-repeat center;}
.today_movie .today_live .off_air { color:#666; background-color:#fff;}
.today_movie .btn_more {display:none; position:absolute; top:7px; right:20px; width:37px; height:37px; border:1px solid rgba(255, 255, 255, 0.3); border-radius:50%; font-size:0; line-height:0; transition:0.3s; background:url("../img/main/btn_more.png") no-repeat center;}
.today_movie .btn_more:hover {border-color:#314778; background-color:#314778;}

/* main movie */
.main_movie { width:960px; height:540px; position:relative; overflow:hidden;}
/* live_movie */.main_movie .live_view { display:inline-block; width:100%; position:relative;}/* 16:9 �ڵ������� */
.main_movie .live_view::after { padding-top:56.25%; display:block; content: '';}
.main_movie .live_view .movie { position:absolute; top:0; bottom:0; right:0; left:0; background:#454545; font-size:0px; border-radius:5px; background:url("../img/content/img_live.png") no-repeat left top; background-size:100% 100%; overflow:hidden; }
.main_movie .live_view .movie img { width:100%; height:100%;}
.main_movie .img_txt01 { position:absolute; width:320px; left:50%; margin-left:-160px; top:45px; z-index:2;}
/* img_rolling */
.main_movie .img_rolling { width:960px; height:540px; position:relative;}
.img_rolling ul li {position:relative; width:960px; height:540px; text-align:center; overflow:hidden;}
.img_rolling ul li .img_photo { width:100%; position:absolute; left:0px; top:0px; z-index:10;}
.img_rolling ul li h2 { font-size:18px;}
.img_rolling ul li .btn { padding:5px 10px; border: 1px solid #FFCC00; width: 139px; height: 28px; display:inline-block; text-align:center; background-color:#fff; color:#fff;}
/* ��Ʈ�ѽ�Ÿ�� */
.bx-wrapper {margin:0px;}
.bx-controls { background-color:#339900;}
.bx-controls .bx-pager { position:absolute; left:50%; bottom:20px; overflow: hidden; z-index:100; display:flex; justify-content:center; transform: translateX(-50%);}/* �ձ��� ��ũ ���� */
.bx-controls .bx-pager .bx-pager-item { padding:0px; line-height:0; font-size:0px; /*float:left;*/ z-index:100;}/* �ձ��� ��ũ ��Ÿ�� */
.bx-controls .bx-pager .bx-pager-item .bx-pager-link, .bx-controls .bx-pager .bx-pager-item .active.bx-pager-link { width:12px; height:12px; display:inline-block; margin:0 2px; border-radius:50%;}
.bx-controls .bx-pager .bx-pager-item .bx-pager-link { background-color:#fff;}
.bx-controls .bx-pager .bx-pager-item .active.bx-pager-link { background-color:#fcc824;}
.bx-controls-direction {line-height:0; font-size:15px;}/* prev & next �ؽ�Ʈ */ 
.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next {position:absolute; top:50%; width:50px; height:50px; display:inline-block; font-size:0px; margin-top:-25px;}
.bx-controls-direction .bx-prev { color:#FF0000; left:30px; background:url("../img/main/icon_ave.png") no-repeat left; background-size:74px;}
.bx-controls-direction .bx-next { color:#0000FF; right:30px; background:url("../img/main/icon_ave.png") no-repeat right; background-size:74px;}
.bx-controls-auto { position:absolute; left:45%; bottom:18px;  display:inline-block; z-index:10;}/* ��ž/��� ��ư ���� */
.bx-controls-auto .bx-start, .bx-controls-auto .bx-stop { width:15px; height:15px; display:inline-block; color:#fff; font-size:0px; border-radius:3px;}
.bx-controls-auto .bx-start { background:#fff url("../img/main/icon_play.png") no-repeat center;}/* ��ž ��ư �ؽ�Ʈ ��Ÿ��  */
.bx-controls-auto .bx-stop { background:#fff url("../img/main/icon_stop.png") no-repeat center;}/* ��� ��ư �ؽ�Ʈ ��Ÿ��  */
.bx-controls-auto .active.bx-start {display: none;}
.bx-controls-auto .active.bx-stop {display: none;}

/* 생방송 채널 패널 */
.main_channel { position:absolute; right:0px; top:0px; width:440px; height:625px; padding:20px 25px; background:#3683a1 url("../img/main/bg_calendar.png") no-repeat left top; font-family:"NanumGothic", sans-serif; font-weight:normal;}
.main_channel .title { color:#fff; font-size:22px; line-height:22px; font-family: "NanumGothic", sans-serif; font-weight:normal; letter-spacing:-0.05em; border-bottom:1px #8ea0bc dashed; padding-bottom:12px; margin-bottom:0; }
.main_channel .txt_help01 { font-size:14px; color:#fff; opacity:0.6; line-height:32px; letter-spacing:-0.05em;}

/* channel_box - ch_link_list 디자인 적용 */
.main_channel .channel_box { display:flex; align-items:center; font-size:23px; color:#fff !important; cursor:default; padding:7px 0; font-family:"NanumGothic", sans-serif !important; font-weight:normal !important; letter-spacing:-0.02em; text-decoration:none;}
.main_channel .channel_box.channel_first { margin-top:10px; }
.main_channel .channel_box .icon_ch { display:none !important; }
.main_channel .channel_box .no_br { display:none !important; }
.main_channel .channel_box .on_air { display:inline-flex !important; align-items:center; justify-content:center; flex-shrink:0; font-size:15px; width:82px; height:30px; line-height:28px; border-radius:20px; border:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.65); background-color:transparent; text-align:center; margin-right:10px; }
.main_channel .channel_box.ch_select { cursor:pointer; }
.main_channel .channel_box.ch_select .on_air { background-color:#cc0000; color:#fff; border-color:#cc0000; }
.main_channel .channel_box:hover { color:#ffcc00 !important; }

/* ch_link_list - 논산시의회 quick_channel 스타일 */
.ch_link_list { margin-top:10px; }
.ch_link_list a { display:block; font-size:23px; color:#fff !important; cursor:default; padding:7px 0; font-family:"NanumGothic", sans-serif !important; font-weight:normal !important; letter-spacing:-0.02em; }
.ch_link_list a .on_air { display:inline-block; font-size:15px; width:82px; height:30px; line-height:28px; border-radius:20px; border:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.65); background-color:transparent; text-align:center; margin-right:10px; }
.ch_link_list a.select { cursor:pointer; color:#fff !important; }
.ch_link_list a.select .on_air { background-color:#cc0000; color:#fff; }
.ch_link_list a:hover { color:#ffcc00 !important; }
.btn_ch_more { display:block; text-align:center; background-color:transparent; color:#fff !important; font-size:19px; line-height:55px; border-radius:5px; font-family:"NanumBarunGothic"; letter-spacing:-0.02em; transition:0.3s; position:absolute; bottom:20px; left:25px; right:25px; border:1px solid #fff; }
.btn_ch_more:hover { background-color:rgba(255,255,255,0.15); color:#fff !important; }



/* section */
.section01 { width:1400px; padding:0 0 50px; margin:0 auto; position:relative;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:1400px; margin:0 auto; position:relative; margin-bottom:12px;}
.main_newvod .title { color:#4598b7; font-size:30px; line-height:32px; text-align:center; font-family: "NanumGothicBold", sans-serif; letter-spacing:-0.02em; margin-bottom:10px;}
.main_newvod .txt { color:#666; font-size:15px; line-height:30px; text-align:center; margin-bottom:15px; font-family: "NanumGothic";}
.main_newvod li:last-child { margin-right:0px;}
.main_newvod .no_data { display:none;}
.main_newvod .no_data_txt { font-size:16px; text-align:center; padding:10px 0;}
.vod_box { float:left; display:inline-block; margin-right:13px;}
.vod_box a .vod_title:hover { color:#d84374;}
.vod_movie { width:340px; height:191px; background:url("../img/main/no_movie.png") no-repeat center;}
.vod_movie .vod_img { width:100%; height:auto;}
.vod_infor { position:relative; padding:7px 15px; height:110px; width:340px; border-top:0px; background-color:#fff; border:1px #ddd solid; border-top:0px; }
.vod_infor li { clear:both;}
.vod_infor .vod_class { display:inline-block; height:22px; line-height:22px; font-size:13px; padding:0 10px; background-color:#097788; color:#fff; border-radius:3px;}
.vod_infor .vod_title {color:#444; font-size:17px; font-family: "NanumBarunGothic"; line-height:22px; letter-spacing:-0.02em; padding:7px 0 0; margin-bottom:3px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.vod_infor .new { margin:-2px 0 0 5px;}
.vod_infor .vod_txt { font-size:15px; letter-spacing:-0.05em; line-height:20px;}
.vod_infor .date { position:absolute; left:17px; bottom:10px; font-size:14px; color:#777; line-height:26px; letter-spacing:-0.05em;}

/* notice */
.main_notice { float:left; position:relative; width:693px; height:290px; padding:15px 20px 4px; border:1px #ddd solid; margin-right:13px; overflow:hidden;}
.main_notice .title { color:#333; font-size:22px; line-height:32px; font-family:"NanumBarunGothic"; padding:0 0 8px; border-bottom:1px #ddd solid; margin-bottom:4px;}
.notice_infor a { font-size:19px; display:flex; align-items:center; font-family:"NanumBarunGothic"; letter-spacing:-0.02em; padding:11px 0; color:#333 !important; overflow:hidden; text-decoration:none;}
.notice_infor a::before { content:"·"; flex-shrink:0; color:#aaa; margin-right:8px; font-size:20px; line-height:1;}
.notice_infor a .tit { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px;}
.notice_infor a .badge_n { flex-shrink:0; display:inline-block; background-color:#e64545; color:#fff; font-size:11px; width:18px; height:18px; line-height:18px; text-align:center; border-radius:2px; margin:0 8px; font-family:"NanumGothic";}
.notice_infor a:last-child { border-bottom:none;}
.notice_infor a .day { flex-shrink:0; font-size:14px; color:#aaa; font-family:"NanumGothic"; letter-spacing:-0.05em; margin-left:auto; padding-left:12px;}
.notice_infor a:hover { color:#097788 !important;}
.main_notice a.btn_more { font-size:20px; line-height:28px; text-align:center; position:absolute; top:12px; right:12px; height:30px; width:30px; color:#888; border:1px #ddd solid; border-radius:3px; transition:0.3s; background:none;}
.main_notice a.btn_more:hover { color:#fff; background-color:#097788; border-color:#097788;}

/* main_link */
.main_link { float:left; width:693px; height:290px;}
.main_link a { display:flex; flex-direction:column; align-items:center; justify-content:center; float:left; width:340px; height:290px; padding:22px 20px 20px; color:#fff; text-align:center; gap:6px;}
.main_link a:first-child { margin-right:13px;}
.main_link .link_title { font-size:26px; line-height:34px; font-family:"NanumBarunGothicBold";}
.main_link .link_txt { font-size:13px; opacity:0.85; line-height:19px;}
.main_link .icon { display:block; width:75px; height:auto;}
.main_link .btn_link { display:inline-block; background-color:transparent; color:#fff; font-size:18px; height:42px; line-height:42px; padding:0 35px; border-radius:25px; border:1px solid #fff; font-family:"NanumBarunGothic"; white-space:nowrap; transition:0.3s; margin-top:6px;}
.main_link a:hover .btn_link { background-color:rgba(255,255,255,0.2); color:#fff;}
.main_link .link1 { background-color:#097788;}
.main_link .link2 { background-color:#366baa;}

/* free_5time */
.free_5time { float:left; position:relative; width:340px; height:260px; background:#d6d3cb url("../img/main/free5time.png") no-repeat 15px 20px; background-size:60px; border:1px #ddd solid; letter-spacing:-0.05em; padding:10px; margin-right:13px;}
.free_5time h2 { font-size:22px; color:#000; padding:7px 0 5px 75px;}
.free_5time .txt { padding-left:75px; font-size:14px; line-height:18px; color:#777; padding-bottom:10px; }
.free_5time #scrollstagetpl { height:155px; border-top:0px; padding:15px 50px 15px 20px; background-color:#fff; width:100%; border-radius:5px;}
.free_5time #scrollstagetpl p { padding-left:0px;}
.free_5time #scrollBtn {width:90px; float:left;padding:7px 0 0 10px;}
.free_5time #scrollBtn a{ display:block;}
.free_5time #scrollBtn .prev, .free_5time #scrollBtn .next { width:30px; height:30px; position:absolute; right:15px; border:1px #ddd solid; border-radius:3px;}
.free_5time #scrollBtn .prev { top:100px; background:url("../img/main/free5time_tb.png") no-repeat left top;}
.free_5time #scrollBtn .next { bottom:15px; background:url("../img/main/free5time_tb.png") no-repeat left bottom;}
.free_5time #scrollstage > div { position:relative; display:block;}
.free_5time .time5_title { color:#333; font-size:18px; line-height:35px; font-family: "NanumBarunGothic";}
.free_5time .time5_txt { font-size:15px; line-height:20px;}
.free_5time .time5_name { position:absolute; bottom:10px; font-size:14px; color:#777;}
.free_5time .time5_more { font-size:0px; position:absolute; top:10px; right:10px; height:35px; width:35px; background:#fff url("../img/main/btn_more02.png") no-repeat center; border-radius:3px; transition:0.3s;}
.free_5time .time5_more:hover { color:#fff; background-color:#ffcc00;}

/* tab_list */
.tab_list { position:relative; float:left; width:340px; height:260px; padding:0px; border:1px #ddd solid;}
.tab_list .title { display:none;}
/* btn_tab */.tab_list .btn_tab {}
.btn_tab .tabs { height:50px; position:relative; border-bottom:1px #ddd solid;}
.btn_tab .tabs .btn_more { float:right; width:50px; height:50px; margin-right:0px; border-left:1px #ddd solid;}
.btn_tab .tabs .btn_more a { display:block; padding:0px !important; font-size:0px; background:url("../img/main/btn_more02.png") no-repeat center;}
.btn_tab .tabs .btn_more a:hover { transition-property:background-color; transition-duration:0.3s; color:#fff; background:#366baa  url("../img/main/btn_more.png") no-repeat center;}
.btn_tab .tabs li { float:left; height:50px; line-height:50px; border-right:1px #ddd solid; overflow:hidden; font-family: "NanumGothic";}
.btn_tab .tabs li a { color:#666; display:block; padding:0 20px; font-size:18px; text-align:center; letter-spacing:-0.05em; font-family: "NanumGothicbold";}
.btn_tab .tabs li:first-child a {/* background:#3d6c9a;*/}
.btn_tab .tabs li a:hover { height:49px; color:#366baa; background-color:#f7f7f7;}	
.btn_tab .tabs li.active { background:#366baa ;}
.btn_tab .tabs li.active a { color:#fff;}
.btn_tab .tabs li.active a:hover { color:#fff !important; background:#366baa !important;}
/* tab_container */.tab_list .tab_container { padding:10px;}
.tab_container .list_infor li { position:relative; border-bottom:1px #ccc dashed; height:95px; }
.tab_container .list_infor li a { display:block;}
.tab_container .list_infor li:last-child { border:0px;}
.tab_container .tab_title { color:#333; font-size:18px; line-height:30px; font-family: "NanumBarunGothic"; background:url("../img/main/icon_dot.png") no-repeat left 14px; padding-left:10px;}
.tab_container .tab_con { font-size:15px; padding-left:10px;}
.tab_container .tab_day { position:absolute; bottom:10px; left:10px; font-size:13px; color:#777;}











@media all and (max-width:1024px) and (min-width:768px){

.main_con { padding:20px;}
.main_content { width:100%;}
/* main_visual */
.main_visual { width:100%;}

/* today_movie */
.today_movie { width:100%;}
.today_movie .today { width:32%;}
.today_movie .today .today_label { font-size:11px;}
.today_movie .today .date_text { font-size:16px;}
.today_movie .today_live { width:68%;}

/* main movie */
.main_movie { width:100%; height:auto; clear:both;}
.main_movie .live_view::after { padding-top:0%;}
.main_movie .live_view .movie img { height:auto;}
/* img_rolling */.main_movie .img_rolling { width:100%; height:auto;}
.img_rolling ul li { width:100%; height:52vw;}

/* main_channel */
.main_channel { position:relative; width:100%; height:auto; padding:15px 20px; background-size:cover;}
.main_channel .title { font-size:18px; line-height:22px; border-bottom:1px rgba(255,255,255,0.3) dashed; padding-bottom:8px; margin-bottom:8px;}
.main_channel .txt_help01 { display:none;}
.ch_link_list { display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin-top:0;}
.ch_link_list a { display:flex; align-items:center; font-size:17px; padding:6px 8px;}
.ch_link_list a .on_air { flex-shrink:0; font-size:13px; width:68px; height:26px; line-height:24px; margin-right:8px;}
.btn_ch_more { position:relative; bottom:auto; left:auto; right:auto; display:inline-block; width:auto; padding:0 30px; line-height:42px; font-size:16px; margin-top:12px; border-radius:3px;}


/* section */
.section01 { width:100%; padding:0 20px 50px;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:100%;}
.main_newvod .title { font-size:22px; line-height:22px; font-family: "NanumBarunGothic";}
.main_newvod .txt { font-size:14px; opacity:0.7; line-height:22px; letter-spacing:-0.02em; color:#333;}
.main_newvod li:last-child { display:none;}
.vod_box { width:32%; margin-right:1.9%;}
.vod_box:nth-child(3) { margin-right:0px;}
.vod_movie { width:100%; height:auto;}
.vod_infor { width:100%; padding:8px 12px; height:115px; margin-top:-4px;}
.vod_infor .date { left:10px; bottom:0px;}

/* notice */
.main_notice { width:100%; height:auto; margin-right:0; margin-bottom:13px; padding:10px 15px; overflow:hidden;}
.main_notice .title { padding:0 0 8px; margin-bottom:4px;}
.notice_infor a { padding:8px 0; background:none; font-size:17px;}

/* free_5time */
.free_5time { float:right; width:49%; background:#d6d3cb url("../img/main/free5time.png") no-repeat 18px 15px; background-size:65px; margin-right:0; margin-bottom:13px;}
.free_5time h2 { padding-left:90px; font-family: "NanumBarunGothic";}
.free_5time .txt { padding-left:90px;}
.free_5time #scrollstagetpl { padding:15px 50px 15px 15px;}

/* tab_list */
.tab_list { width:49%; margin-right:2%;}

/* main_link */
.main_link { float:none; width:100%; height:auto; display:flex; gap:13px; margin-top:13px;}
.main_link a { flex:0 0 calc(50% - 7px); height:290px; float:none; width:auto; margin-right:0; box-sizing:border-box;}
.main_link a:first-child { margin-right:0;}
.main_link .link_title { font-size:22px;}


}










@media all and (max-width:768px){


.main_con { padding:0px;}
.main_content { width:100%;}
/* main_visual */
.main_visual { width:100%;}

/* today_movie */
.today_movie { width:100%; height:auto; padding:5px 10px;}
.today_movie .today { height:auto; width:100%; align-items:center; padding:6px 0; border-bottom:1px rgba(255,255,255,0.3) solid;}
.today_movie .today .today_label { font-size:11px;}
.today_movie .today .date_text { font-size:18px;}
.today_movie .today_live { clear:both; border-left:0px; width:100%; float:none; line-height:34px; font-size:15px; padding-left:10px; padding-top:5px;}

/* main movie */
.main_movie { width:100%; height:auto; clear:both;}
.main_movie .live_view::after { padding-top:0%;}
.main_movie .live_view .movie img { height:auto;}
.main_movie .img_txt01 { width:50%; max-width:300px; left:50%; top:10%; margin-left:-25%;}
/* img_rolling */.main_movie .img_rolling { width:100%; height:auto;}
.img_rolling ul li { width:100%; height:55vw; max-height:422px;}

/* ��Ʈ�ѽ�Ÿ�� */
.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next { width:30px; height:30px; margin-top:-15px;}
.bx-controls-direction .bx-prev { background-size:50px;}
.bx-controls-direction .bx-next { background-size:50px;}
.bx-controls-auto { left:45%;}/* ��ž/��� ��ư ���� */

/* main_channel */
.main_channel { position:relative; width:100%; height:auto; padding:12px 15px; background-size:cover;}
.main_channel .title { font-size:16px; line-height:20px; border-bottom:1px rgba(255,255,255,0.3) dashed; padding-bottom:6px; margin-bottom:6px;}
.main_channel .txt_help01 { display:none;}
.ch_link_list { display:grid; grid-template-columns:repeat(3, 1fr); gap:5px; margin-top:0;}
.ch_link_list a { display:flex; align-items:center; font-size:16px; padding:5px 8px;}
.ch_link_list a .on_air { flex-shrink:0; font-size:12px; width:62px; height:24px; line-height:22px; margin-right:6px;}
.btn_ch_more { position:relative; bottom:auto; left:auto; right:auto; display:inline-block; width:auto; padding:0 25px; line-height:38px; font-size:15px; margin-top:8px; border-radius:3px;}


/* section */
.section01 { width:100%; padding:10px;}

/* main_newvod [�ֽſ���]*/
.main_newvod { width:100%; margin-bottom:0px;}
.main_newvod .title { font-size:22px; line-height:24px; font-family: "NanumBarunGothic"; padding:10px 0;}
.main_newvod .txt { font-size:14px; opacity:0.7; line-height:20px; letter-spacing:-0.02em; color:#777;  font-family: "NanumGothic";}
.main_newvod li:last-child { display:none;}
.vod_box { width:100%; margin-right:0%;}
.vod_box:nth-child(3) { margin-right:0px;}
.vod_movie { width:100%; height:auto;}
.vod_infor { width:100%; padding:8px 12px; height:100px; margin:-4px 0 10px;}
.vod_infor .vod_title { font-size:16px;}
.vod_infor .date { left:10px; bottom:0px;}

/* notice */
.main_notice { float:none; width:100%; height:auto; margin-right:0; margin-bottom:13px; padding:10px 15px; overflow:hidden;}
.main_notice .title { font-size:20px; padding:5px 0 8px; margin-bottom:4px;}
.notice_infor a { padding:8px 0; background:none; font-size:17px;}
.notice_infor a .day { font-size:13px;}

/* free_5time */
.free_5time { width:100%; background:#d6d3cb url("../img/main/free5time.png") no-repeat 18px 15px; background-size:65px; margin-right:2%; margin-bottom:10px;}
.free_5time h2 { padding-left:90px; font-family: "NanumBarunGothic";}
.free_5time .txt { padding-left:90px;}
.free_5time #scrollstagetpl { padding:15px 50px 15px 15px;}

/* tab_list */
.tab_list { width:100%; margin-right:0; margin-bottom:10px;}

/* main_link */
.main_link { float:none; width:100%; height:auto; display:flex; gap:10px; margin-top:13px;}
.main_link a { flex:0 0 calc(50% - 5px); height:260px; float:none; width:auto; margin-right:0; box-sizing:border-box;}
.main_link a:first-child { margin-right:0;}
.main_link .link_title { font-size:22px;}



}





@media all and (max-width:530px){

/* main_channel */
.main_channel { position:relative; width:100%; height:auto; padding:10px 12px; background-size:cover;}
.main_channel .title { font-size:15px; line-height:20px; padding-bottom:5px; margin-bottom:5px;}
.ch_link_list { grid-template-columns:1fr; gap:2px;}
.ch_link_list a { font-size:18px; padding:5px 0;}
.ch_link_list a .on_air { font-size:11px; width:56px; height:22px; line-height:20px; margin-right:5px; flex-shrink:0;}
.btn_ch_more { display:block; width:100%; margin-top:8px; line-height:38px; font-size:14px;}

/* vod */
.main_newvod .txt { font-size:14px; opacity:0.7; line-height:20px; letter-spacing:-0.08em; color:#777;  font-family: "NanumGothic";}

/* notice */
.main_notice { float:none; width:100%; height:auto; margin-right:0; margin-bottom:13px; padding:10px 15px; overflow:hidden;}
.main_notice .title { font-size:18px; padding:5px 0 8px; margin-bottom:4px;}
.notice_infor a { padding:7px 0; background:none; font-size:16px;}
.notice_infor a .day { font-size:13px;}

/* main_link */
.main_link { float:none; width:100%; height:auto; display:flex; flex-direction:column; gap:10px; margin-top:13px;}
.main_link a { width:100%; height:240px; float:none; margin-right:0; box-sizing:border-box;}
.main_link a:first-child { margin-right:0; margin-bottom:0;}
.main_link .link_title { font-size:20px;}

	
}